@font-face {
font-family:"NanumGothic";
src:url('/site/script/fonts/NanumGothic-Regular.eot');
src:url('/site/script/fonts/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
url('/site/script/fonts/NanumGothic-Regular.woff') format('woff'),
url('/site/script/fonts/NanumGothic-Regular.ttf') format('truetype');
src:local(※), url('/site/script/fonts/NanumGothic-Regular.woff') format('woff');
}
@font-face {
    font-family: "THEFACESHOPINKLIPQUID";
	src:url('/site/script/fonts/THEFACESHOPINKLIPQUID.eot');
	src:url('/site/script/fonts/THEFACESHOPINKLIPQUID.eot?#iefix') format('embedded-opentype'),
	url('/site/script/fonts/THEFACESHOPINKLIPQUID.woff') format('woff'),
	url('/site/script/fonts/THEFACESHOPINKLIPQUID.ttf') format('truetype');
    src:local(※), url('/site/script/fonts/THEFACESHOPINKLIPQUID.woff') format('woff');
}

.notshow_M{display:none;}/* 초등의경우 안보이도록 처리함 */

html {overflow-y:scroll;}
div,ul,li,form { margin:0px auto;}
img { border: none; }
body {
/* 	background-color: #fff;
	background-image: url("");
	background-repeat: repeat; */
	margin: 0px auto;
	 font-family:"NanumGothic","나눔고딕","Malgun Gothic","맑은고딕","본고딕", "verdana","굴림","돋움"," seoul", "arial"; 
   /* font-family:"webfont, "Malgun Gothic", "맑은 고딕", "Nanum Gothic", "나눔 고딕", 돋움, dotum, sans-serif;" */
	letter-spacing: -1px;
	font-size: 14px;
	color:#333;
	word-break:break-all;
	/* scrollbar-base-color:#EAEAEA; */
	/* scrollbar-face-color: #EAEAEA; */ 
	/* scrollbar-shadow-color: #D4D0C8; */ 
	/* scrollbar-highlight-color: #F3F3F3; */ 
	/* scrollbar-light-color: #FFFFFF; */ 
	/* scrollbar-darkshadow-color: #606060; */
	/* scrollbar-arrow-color: #EAEAEA; */
}

tr, select, input, textarea {
	color:#222222;
	word-break:break-all;
	/* scrollbar-base-color:#EAEAEA; */
	/* scrollbar-face-color: #EAEAEA; */ 
	/* scrollbar-shadow-color: #D4D0C8; */ 
	/* scrollbar-highlight-color: #F3F3F3; */ 
	/* scrollbar-light-color: #FFFFFF; */ 
	/* scrollbar-darkshadow-color: #606060; */ 
	/* scrollbar-arrow-color: #EAEAEA; */
}

.mypage_menu { font-size:14px; letter-spacing:-1px; }

/* top(header)영역 스타일 */
#container { margin: 0 auto; width: 1100px;}
#header_login {font-size: 13px; z-index:999999; height:45px; line-height:45px; text-align:right;}
#main_logo {cursor: pointer; height:75px;}
.hr_stroke {width:100%; height:1px; color:#e8e8e8; position:relative;}

/* main menu */
.gnb {background-color: #f5f5f5; min-width: 1100px; border-top: 3px solid #008fdb; border-bottom: 1px solid #ccc;} /*#286cad*/
.gnb_menu {margin: 0 auto; width:1100px; z-index:99999;}

#topMenu {
    height: 50px;  /* 메인 메뉴의 높이 */
    width: 1100px  /* 메인 메뉴의 넓이 */
	}
#topMenu ul {           /* 메인 메뉴 안의 ul을 설정함: 상위메뉴의 ul+하위 메뉴의 ul */
    list-style-type: none;  /* 메인(대) 메뉴 안의 ul 내부의 목록 표시를 없애줌 */
    margin: 0px;            /* 메인 메뉴 안의 ul의 margin을 없앰 */
    padding: 0px;           /* 메인 메뉴 안의 ul의 padding을 없앰 */
    }
#topMenu ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */
    color: #333;               /* 구분선 색상 */
    background-color: #f5f5f5;  /* 배경 색을 RGB(2D2D2D)로 설정 */
    float: left;                /* 왼쪽으로 나열되도록 설정 */
    line-height: 50px;          /* 텍스트 한 줄의 높이를 30px로 설정 */
    vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */
    text-align: center;         /* 텍스트를 가운데로 정렬 */
    position: relative;         /* 해당 li 태그 내부의 top/left 포지션 초기화 */
    }
#topMenu ul li ul li {            /* 메인 메뉴 안에 ul 태그 안에 있는 li 태그의 스타일 적용(상위/하위메뉴 모두) */ 
    float: left;                /* 왼쪽으로 나열되도록 설정 */
    line-height: 38px;         /* 텍스트 한 줄의 높이를 30px로 설정 */
    vertical-align: middle;     /* 세로 정렬을 가운데로 설정 */
    text-align: center;         /* 텍스트를 가운데로 정렬 */
    position: relative;         /* 해당 li 태그 내부의 top/left 포지션 초기화 */ 
	border-left: 1px dotted #f8f8f8;
    border-right: 1px dotted #f8f8f8;
	z-index:99999;
    }

.linksize3 {width:272px;}
.linksize4 {width:272px;}
.linksize5 {width:210px;}
.linksize6 {width:175px;}
.linksize7 {width:130px;}

.menuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    /*width: 272px;*/                       /* 기본 넓이를 150px로 설정 */
    font-weight: bold;                /* 폰트를 굵게 설정 */
    font-family: "Malgun Gothic","맑은고딕","NanumGothic","나눔고딕";
    font-size: 17px;
    letter-spacing: -0.07em;
	color: #222;                  /* 상위 메뉴의 글씨색을 흰색으로 설정 */
    }
.submenuLink {           /* 상위 메뉴와 하위 메뉴의 a 태그에 공통으로 설정할 스타일 */
    text-decoration:none;               /* a 태그의 꾸밈 효과 제거 */
    display: block;                     /* a 태그의 클릭 범위를 넓힘 */
    /*width: 272px;*/                       /* 기본 넓이를 150px로 설정 */
    font-size: 15px;                    /* 폰트 사이즈를 12px로 설정 */
    font-weight: 300;                  /* 폰트를 굵게 설정 */
    font-family: "NanumGothic","나눔고딕","Malgun Gothic","맑은고딕","본고딕", "verdana","굴림","돋움"," seoul", "arial";
    letter-spacing: -0.07em;
    
    }
.topMenuLi:hover .menuLink {    /* 상위 메뉴의 li에 마우스오버 되었을 때 스타일 설정 */
    color: #0d80d8;                 /* 글씨 색 빨간색 */
    background-color: #f5f5f5;  /* 배경색을 밝은 회색으로 설정 */
    text-decoration:none;
   }
.submenuLink {          /* 하위 메뉴의 a 태그 스타일 설정 */
    color: #333;             /* 글씨 색을 RGB(2D2D2D)로 설정 */
    background-color: white;    /* 배경색을 흰색으로 설정 */
    border: dotted 1px #c3c3c3;    /* 테두리를 설정 */
    margin-top: -1px;           /* 위 칸의 하단 테두리와 아래칸의 상단 테두리가 겹쳐지도록 설덩 */
    }
.submenu {              /* 하위 메뉴 스타일 설정 */
    position: absolute;     /* html의 flow에 영향을 미치지 않게 absolute 설정 */
    height: 0px;            /* 초기 높이는 0px로 설정 */
    overflow: hidden;       /* 실 내용이 높이보다 커지면 해당 내용 감춤 */
    transition: height .2s; /* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(기본) */
    /* -webkit-transition: height .2s;  *//* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 크롬/사파라ㅣ) */
    /* -moz-transition: height .2s;  *//* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 파폭) */
    /* -o-transition: height .2s;  *//* height를 변화 시켰을 때 0.2초간 변화 되도록 설정(구버전 오페라) */
    }
.topMenuLi:hover .submenu { /* 상위 메뉴에 마우스 모버한 경우 그 안의 하위 메뉴 스타일 설정 */
    height: 590px;           /* 높이를 390px로 설정 */
    }
.submenuLink:hover {        /* 하위 메뉴의 a 태그의 마우스 오버 스타일 설정 */
    color: #fff;                 /* 글씨색을 빨간색으로 설정 */
    background-color: #00a99d;  /* 배경을 RGB(DDDDDD)로 설정 */
	text-decoration:none;
    }

a:link, a:active, a:visited { color:#333; text-decoration:none;}
a:hover { color:#1a1a1a; text-decoration:none; }

/* footer(bottom)스타일 */
.footer {width: 100%; min-width: 1100px; height: 150px; margin: 0; padding: 0; background-color: #3e3e3e; overflow-y: hidden; overflow-x: hidden;}
.footer_in {width: 1100px; margin: 0 auto;}
.footer_tt {height: 52px; background-color: #d5d3c6; margin: 0 auto; border-top: 1px solid #ccc; line-height: 52px; font: 13px; text-align: center;} 
.footer_copyright {height: 98px; border-top: 0px solid #616161; 
    text-align:left; color: #fff; letter-spacing: 0px;
                   background-image:url(/site/template05/main/image/f_logo.png); background-position:right top; background-repeat:no-repeat;}
.footer_loc {float:left; margin-top:25px;}
.footer_spantag {color:#fff; font-size:16px; color: #c2b05f; letter-spacing: 0;}


/*  링크  관련 스타일  */
.login:link, .login:active, .login:visited { font-size:13px;color:#333; text-decoration:none; }
.login:hover { font-size:13px;color:#0073bc; text-decoration:none;}

.none:link, .none:active, .none:visited { color:#555555; text-decoration:none; }
.none:hover { color:#555555; text-decoration:underline; position:relative;top:1px;left:0px;}

.imgmenu:link, .imgmenu:active, .imgmenu:visited { color:#757575; text-decoration:none; font-weight:bold; }
.imgmenu:hover { color:#49ABCD;text-decoration:underline;position:relative; top:0px; left:0px; }

.cust:link , .cust:active, .cust:visited { color:#5880B5; text-decoration:none; }
.cust:hover { color:#49ABCD;text-decoration:underline;position:relative;top:1px;left:0px; }

.board_cust:link, .board_cust:active, .board_cust:visited { font-family:"돋움";color:#666666; text-decoration:none; }
.board_cust:hover { font-family:"돋움";color:#db5d00; text-decoration:none; }

.board_club:link, .board_club:active, .board_club:visited { color:#666666; text-decoration:none; }
.board_club:hover { color:#49ABCD; text-decoration:underline; }

.paging:link, .paging:active, .paging:visited {font-size:14px; color:#666666; text-decoration:none; }
.paging:hover {font-size:14px; color:#F76300;text-decoration:none;position:relative;top:1px;left:0; }

.shop:link, .shop:active, .shop:visited { color:#FF0042; text-decoration:none; }
.shop:hover { color:#FF0042; text-decoration:underline; position:relative;top:1px;left:0; }

.mBtn:link,.mBtn:visited {border-top-style: outset; border-right-style: outset;border-bottom-style: outset;border-left-style: outset;border-top-width: 2px;border-left-width: 2px;border-right-width: 2px;border-bottom-width: 2px;height:16px;padding-top: 2px;}

.mBtn:hover {border-top-style: inset;border-right-style: inset;border-bottom-style: inset;border-left-style: inset;}

.memo:link, .memo:active, .memo:visited { color:#000000; text-decoration:none;font-size:14px; }
.memo:hover { color:#116066; text-decoration:underline; position:relative;top:1px;left:0; } 

h1,h2,h3,h4,h5,h6{ font-weight:bold; padding:0px; margin: 0px;}

.msg_div{color:black;/*background-color:#FFFFAA;*/padding:0px;}

/*메인페이지 사진롤링을 위한 스타일*/
#slideshow {width:710px; height:438px;}
#slides {width:700px; height:421px; list-style:none; overflow:auto;margin-top:16px;margin-bottom:0;padding:0;}
#slides ul {margin:0;padding:0;}
#slides ul li {width:700px; height:421px;float:left;display:inline;list-style:none;}
.pagination {font-size:14px;font-family:Verdana,Arial;float:left; list-style:none;display:inline;margin:0;padding:0;height:10px;}
.pagination li {font-size:14px;font-family:Verdana,Arial;float:left; cursor:pointer; padding:0px 6px; background:#fff; border:1px solid #999; margin:0 2px 0 0; text-align:center; color:#000}
.pagination li:hover {font-size:14px;font-family:Verdana,Arial;background:#000; border:1px solid #bbb; color:#fff}
li.current {font-size:14px;font-family:Verdana,Arial;border:1px solid #ccc; background:#000;color:#FFFFFF;}
.list_bgw  { background-color:#FFFFFF; color:#2F2F2F;}
.list_over { background-color:#EEF6FB}
.list_out  {}


/* 출력시 페이지 나누기 */
.break {page-break-before: always;}
.basic_search { padding-top: 5px; padding-bottom: 5px; padding-left: 12px; clear:both; text-align: left; background-color: #f6f6f6; border: 1px solid #ccc;
                margin-top: 25px; margin-bottom: 10px;}
/* 영역 */
div#Container		     { margin:0; font-size:14px;}
#Container .bar 	 	 { border-top: #A7B8C3 2px solid;}
div#tableContainer   	 { margin-left:10px; font-size:14px;}
div#tableContainer1   	 { margin-left:10px; font-size:14px; width:95%;}
#popupContainer          { height:25px; text-align:right; padding-top:0px; margin-right:10px;}
div#popupContainer		 { margin-left:10px; font-size:14px;}

/* #tableContainer .bar 	 { border-top: #454545 2px solid;} */
#tableContainer table 	 { border-collapse:collapse; font-size:14px;}
#tableContainer th 		 { padding-top:3px; border:#ccc solid 1px; text-align:center; font-family: 'Malgun Gothic';
                           background: #f4f4f4; 
                           /* background: -webkit-linear-gradient(top, #f9f9f9 , #f2f2f2); */ 
                           /* background: -moz-linear-gradient(top, #f9f9f9, #f2f2f2); */ 
                           background: linear-gradient(to bottom, #f9f9f9 , #f2f2f2); }
#tableContainer .head_1ch { height:30px; text-align:center; color:#111; font-weight: bold; font-size: 13px; 
           border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid;
           background: linear-gradient(to bottom, #def0ff, #bddcf7);} /* 그리드 타이틀 */
#tableContainer tfoot td { padding-top:3px; border:#D3D3D3 solid 0px; text-align:center;}

#popupContainer .bar 	 { border-top: #A7B8C3 3px solid;}
#popupContainer table 	 { border-collapse:collapse; font-size:14px;}
#popupContainer th 		 { padding-top:3px; border:#D3D3D3 solid 1px; text-align:center; background:#F4F4F4;}
#popupContainer tfoot td { padding-top:3px; border:#D3D3D3 solid 0px; text-align:center;}


/* 헤더/셀 고정테이블 */
div#scrollTableContainer { position: relative; margin:  0; overflow: auto; border:1px solid #e4e4e4;}
table#dataTable          { margin: -1px; padding: 0px; border-left: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-collapse: collapse; }
table#dataTable thead th { /* top: expression(offsetParent.scrollTop); */ z-index: 20;}
/*thead td               { position: relative; margin:  0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; font-weight: normal;	background: #ccc; font-weight: bold; left:1px; }*/
table#dataTable td.locked, table#dataTable th.locked {
	position: relative;
	margin: 0;
	border-right: 1px solid #e4e4e4;
	border-top: 1px solid #e4e4e4;
	background-color: #f4f4f4;
	font-weight: bold;
	/* left: expression(parentNode.parentNode.parentNode.parentNode.scrollLeft); */
	z-index: 10;
}

table#dataTable td                     { margin:  0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
div#scrollTableContainer thead tr      { position:relative; /* top: expression(offsetParent.scrollTop); */ left: 0px; z-index:30;}
div#scrollTableContainer td:last-child { padding-right: 20px;}

/* 스크롤테이블 */
.fix_h  { padding-top:3px; color: #6d6d6d; text-align: center; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#f0f3f7; }
.fix_hl { padding-top:3px; color: #6d6d6d; text-align: left; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#f0f3f7; }
.fix_hw { padding-top:3px; color: #6d6d6d; text-align: left; letter-spacing:0px; font-weight: bold;   line-height:22px; background-color:#ffffff; }
.fix_c  { padding-top:0px; color: #414141; text-align: center; letter-spacing:0px; font-weight: normal; line-height:22px; }
.fix_l  { padding-top:0px; color: #414141; text-align: left;   letter-spacing:0px; font-weight: normal; line-height:22px; }
.fix_r  { padding-top:0px; color: #414141; text-align: right;  letter-spacing:0px; font-weight: normal; line-height:22px; }

/* 서브타이틀 */
.title    	 		     { margin: 0; padding-left: 15px; padding-top:6px; font-weight:bold; text-align: left; background:#ffffff url(./img/sub_ico.gif) no-repeat 0px 64%;}
.title_text	 		     { margin: 0; padding-left: 10px; text-align: right;}

.titleA1 {height: 22px; padding-left: 13px; font-size: 10pt; padding-top: 5px; border-radius:5px 5px 0 0; background-color:#0173bc;}
.titleA2 {height: 22px; font-size: 10pt; font-family: 돋움; font-weight: bold; color: #FFFFFF; padding-right: 12px; padding-top: 5px; width: 70px; text-align: left; word-break: keep-all; word-wrap: break-word; white-space: nowrap;}
/*
.titleA1 { height:22px; background:url(./img/sub_title_left.gif) no-repeat left bottom;  padding-left:13px; padding-top:5px; }
.titleA2 { height:22px; background:url(./img/sub_title_rght.gif) no-repeat right bottom; font-weight:bold; color:#FFFFFF; padding-right:12px; padding-top:5px; width:70px; text-align:left; word-break:keep-all;word-wrap:break-word; white-space:nowrap;}
*/
/* 목록(TH) */
.head_1h { height:30px; text-align:center; color:#111; font-weight: bold; font-size: 13px; 
           border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid;} /* 그리드 타이틀 */
.head_1m { height:30px; text-align:center; color:#ccc; font-weight:bold; vertical-align: middle;
           border-top:1px #ccc solid; border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid;}
/* 목록(TD) */
.head_1l { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: left; padding-left:5px; letter-spacing:-1px;}
.head_1r { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: right;}
.head_1c { background-color:#f4f4f4; border:#D3D3D3 solid 1px; padding-top:3px; font-weight: bold; color: #414141; text-align: center}

/* 목록 관련 */
.list_l { border:#D3D3D3 solid 1px; color: #414141; text-align: left; letter-spacing:0px; padding-left :5px;word-break:break-all;word-wrap:break-word;}
.list_r { border:#D3D3D3 solid 1px; color: #414141; text-align: right; letter-spacing:0px; padding-right:5px;word-break:break-all;word-wrap:break-word;}
.list_c { border: #ccc solid 1px; color: #333; text-align: center; letter-spacing:0px; word-break:break-all; word-wrap:break-word; font-size: 13px;} /* 그리드 테두리선 */
.list_cr { border:#D3D3D3 solid 1px; color: green; text-align: center; letter-spacing:0px;}
.list_bgw  { background-color:#FFFFFF; font-size:11px; font-family:"돋움","Arial"; color:#2F2F2F;}
.list_over { background-color:#EEF6FB}
.list_out  {}
.page_num {font-size: 13px; letter-spacing:1px;}


/* 일반(TD) */
.cell_l   { height:24px; border:#ccc solid 1px; color: #333; text-align: left;  padding-left:10px; padding-right:10px; letter-spacing: 0px; font-size: 13px; border-collapse: collapse;} /* 그리드 클릭해서 들어갔을시 */
.cell_r   { height:24px; border:#ccc solid 1px; color: #333; text-align: right; padding-left:10px; padding-right:10px; letter-spacing: 0px; font-size: 13px; border-collapse: collapse;}
.cell_c   { height:24px; border:#ccc solid 1px; color: #333; text-align: center;  padding-left:10px; padding-right:10px; letter-spacing: 0px; font-size: 13px; border-collapse: collapse;}
/* 입력(TD) 강조 */
.cell_1l { height:24px; background-color:#CEEAFF; border:#ccc solid 1px; padding-top:3px; font-weight: bold; color: #333; text-align: left; font-size: 13px; border-collapse: collapse;}
.cell_1r { height:24px; background-color:#CEEAFF; border:#ccc solid 1px; padding-top:3px; font-weight: bold; color: #333; text-align: right; font-size: 13px; border-collapse: collapse;}
.cell_1c { height:24px; background-color:#CEEAFF; border:#ccc solid 1px; padding-top:3px; font-weight: bold; color: #333; text-align: center; font-size: 13px; border-collapse: collapse;}
/* 입력(TD) */
.cell_2l  { height:24px; background-color:#f0f3f7; border:#ccc solid 1px; padding-top:10px; font-weight: bold; 
            color: #6d6d6d; text-align: left; padding-left:10px; padding-right:10px; font-size: 13px;}
.cell_2r  { height:24px; background-color:#EEF8FF; border:#ccc solid 1px; padding-top:10px; font-weight: bold; 
            color: #6d6d6d; text-align: right; padding-left:10px; padding-right:10px; font-size: 13px;}
.cell_2c  { height:24px; background-color:#f0f3f7; border:#ccc solid 1px; padding-top:10px; font-weight: bold; color: #6d6d6d; text-align: center; font-size: 13px;}


A.menuButton,A.menuButton:visited {
	color:black;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	background-color:#A6A686;
	padding-left:3px;
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	border-top-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	font-size:18px;
	height:24px;
	vertical-align:bottom;
}

A.menuButton:hover {
	color:white;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
}

.contentsnotice li {font-weight:bold;color:blue;}
.barshowsubtitlelist  li {font-weight:bold;color:blue;}