@charset "UTF-8";



/*퀵메뉴*/
#floatdiv {position:fixed; top:104px; right:0px; width:85px; z-index:99999; height:450px;}
#floatdiv .quick01 {height:83px; background:url('../img/common/quick_online.png') no-repeat; cursor:pointer;}
#floatdiv .quick02 {height:84px; background:url('../img/common/quick_kakao.png') no-repeat; cursor:pointer;}
#floatdiv .quick03 {height:84px; background:url('../img/common/quick_bna.png') no-repeat; cursor:pointer;}
#floatdiv .quick04 {height:84px; background:url('../img/common/quick_location.png') no-repeat; cursor:pointer;}
#floatdiv .tel {height:99px; background:url('../img/common/quick_tel.png') no-repeat;}
#floatdiv #topAutoScroll {height:30px; background:url('../img/common/quick_top.png') no-repeat; cursor:pointer;}



/* layout */
.wrap {position:relative; padding:0; width:100%; min-width:1200px; }
.common {margin:0 auto; padding:0 0 100px; width:100%;}

#topci{position:relative; z-index:1; height:144px; top:3px; margin:0 auto;}
#topci .logo{padding:0; text-align:center;}

#topci .accout {width:1110px; margin:0 auto; text-align:right; margin-top:-45px;}
#topci .accout a {color:#666; font-size:1em; text-decoration:none; font-family:"NotoSansKR regular";}
#topci .accout a:hover {color:#555; font-size:1em; text-decoration:none; font-family:"NotoSansKR Bold";}
#topci .accout .line {background:url('../img/common/top_line.gif') no-repeat right; padding-right:15px;}


/* header */
.wrap .wrap_header {position:absolute; top:80px; z-index:10000; width:100%;}
.wrap .header {position:relative; width:100%; background:url('../img/common/bg_header_line.png') repeat-x 0 63px;}

/* header main */
.wrap .header.main {background-color:#272727; padding-bottom:10px;}

/*.wrap .header.main:after {display:block; content:""; position:absolute; top:75px; z-index:0; width:100%; height:calc(100% - 75px); border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#fafafa;}*/

.wrap .header.main .inner_wrap {position:relative; z-index:1; margin:0 auto; width:1200px;}
.wrap .header.main .inner_wrap:after {display:block; content:""; clear:both;}

.wrap .header.main .inner_wrap .gnb {float:left; margin:0;}
.wrap .header.main .inner_wrap .gnb > ul {overflow:hidden;}
.wrap .header.main .inner_wrap .gnb > ul > li {float:left; width:171px; line-height:63px; margin-bottom:-9px; text-align:center;}
.wrap .header.main .inner_wrap .gnb > ul > li > a {display:block; font-family:"NotoSansKR Medium"; font-size:16px; color:#fff; text-align:center;}
.wrap .header.main .inner_wrap .gnb > ul > li > a:focus,
.wrap .header.main .inner_wrap .gnb > ul > li > a:hover{text-decoration:none;}
.wrap .header.main .inner_wrap .gnb > ul > li > a.active {color:#fff; /*text-decoration:underline;*/}
.wrap .header.main .inner_wrap .gnb > ul > li > ul {display:none; margin:40px 0; height:160px; /*border-right:1px solid #ddd;*/}
.wrap .header.main .inner_wrap .gnb > ul > li:first-child > ul {/*border-left:1px solid #ddd;*/}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li {}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a {display:block; font-size:14px; color:#fff; text-align:center; line-height:2;}
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a:focus,
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a:hover,
.wrap .header.main .inner_wrap .gnb > ul > li > ul > li > a.active {font-family:"NotoSansKR Bold"; color:#fff; text-decoration:none;}
.wrap .header.main .inner_wrap .btn_all_menu {position:absolute; top:27px; right:40px; display:inline-block; width:20px; height:20px; background:url(../img/common/btn_all_menu_main.png) no-repeat center center;}
.wrap .header.main .inner_wrap .btn_all_menu:focus,
.wrap .header.main .inner_wrap .btn_all_menu:hover {background:url(../img/common/btn_all_menu_hover.png) no-repeat center center;}
.wrap .header.main .inner_wrap .btn_search {position:absolute; top:27px; right:0; display:inline-block; width:20px; height:20px; background:url(../img/common/btn_search.png) no-repeat center center; background-size:20px;}
.wrap .header.main .inner_wrap .wrap_all_menu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.wrap .header.main .inner_wrap .wrap_all_menu .inner {position:relative; width:100%; height:100%;}
.wrap .header.main .inner_wrap .wrap_all_menu .all_menu {position:absolute; left:50%; top:50%; padding:80px 50px 0; width:1200px; background-color:#fff; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.wrap .header.main .inner_wrap .wrap_all_menu .all_menu .btn_close {display:block; position:absolute; right:0; top:-50px; width:30px; height:30px; background:url(../img/common/btn_close_allMenu.png) no-repeat center center; background-size:30px}





/* header sub */
.wrap .header.sub {background-color:#272727; padding-bottom:10px; }

.wrap .header.sub .inner_wrap {position:relative; z-index:1; margin:0 auto; width:1200px;}
.wrap .header.sub .inner_wrap:after {display:block; content:""; clear:both;}

.wrap .header.sub .inner_wrap .gnb {float:left; margin:0;}
.wrap .header.sub .inner_wrap .gnb > ul {overflow:hidden;}
/* 기존 메뉴7개 */
/* .wrap .header.sub .inner_wrap .gnb > ul > li {float:left; width:171px; line-height:63px; margin-bottom:-9px; text-align:center;} */
/* 메뉴 6개 width수정 */
.wrap .header.sub .inner_wrap .gnb > ul > li {float:left; width:200px; line-height:63px; margin-bottom:-9px; text-align:center;}
.wrap .header.sub .inner_wrap .gnb > ul > li > a {display:block; font-family:"NotoSansKR Medium"; font-size:16px; color:#fff; text-align:center;}
.wrap .header.sub .inner_wrap .gnb > ul > li > a:focus,
.wrap .header.sub .inner_wrap .gnb > ul > li > a:hover{text-decoration:none;}
.wrap .header.sub .inner_wrap .gnb > ul > li > a.active {color:#fff; /*text-decoration:underline;*/}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul {display:none; margin:40px 0; height:160px; /*border-right:1px solid #ddd;*/}
.wrap .header.sub .inner_wrap .gnb > ul > li:first-child > ul {/*border-left:1px solid #ddd;*/}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li {}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a {display:block; font-size:14px; color:#fff; text-align:center; line-height:2;}
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a:focus,
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a:hover,
.wrap .header.sub .inner_wrap .gnb > ul > li > ul > li > a.active {font-family:"NotoSansKR Bold"; color:#fff; text-decoration:none;}
.wrap .header.sub .inner_wrap .btn_all_menu {position:absolute; top:27px; right:40px; display:inline-block; width:20px; height:20px; background:url(../img/common/btn_all_menu_main.png) no-repeat center center;}
.wrap .header.sub .inner_wrap .btn_all_menu:focus,
.wrap .header.sub .inner_wrap .btn_all_menu:hover {background:url(../img/common/btn_all_menu_hover.png) no-repeat center center;}
.wrap .header.sub .inner_wrap .btn_search {position:absolute; top:27px; right:0; display:inline-block; width:20px; height:20px; background:url(../img/common/btn_search.png) no-repeat center center; background-size:20px;}
.wrap .header.sub .inner_wrap .wrap_all_menu {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8);}
.wrap .header.sub .inner_wrap .wrap_all_menu .inner {position:relative; width:100%; height:100%;}
.wrap .header.sub .inner_wrap .wrap_all_menu .all_menu {position:absolute; left:50%; top:50%; padding:80px 50px 0; width:1200px; background-color:#fff; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.wrap .header.sub .inner_wrap .wrap_all_menu .all_menu .btn_close {display:block; position:absolute; right:0; top:-50px; width:30px; height:30px; background:url(../img/common/btn_close_allMenu.png) no-repeat center center; background-size:30px}




/* 약관·개인정보 */
.agree, .policy {width:1200px; padding:20px; border:1px solid #e7e7e7; background:#fbfbfb; height:500px; overflow-y:scroll; margin:0 auto;}
#sub_page .agree * , #sub_page .policy * { line-height:1.3; }
#sub_page .agree p , #sub_page .policy p { padding:5px 0; font-size:12px; text-align:left; letter-spacing:-0.03em;}

.blankL10 { margin-left:10px; color:#777; }
.blankL20 { margin-left:20px; color:#777; }
.blankL30 { margin-left:30px; color:#777; }





/*하단 공통(공식커뮤니티)*/
.common_sns {position:relative; width:1200px; margin:0 auto; padding:0 0 30px 0;}
.common_sns:after {content:""; display:block; clear:both;}
.common_sns ul {padding:90px 0 0 140px;}
.common_sns ul li a{float:left; text-decoration:none; outline:none; width:87px; height:110px; margin:0 48px;}
.common_sns ul li img {position:absolute; transition:all .3s ease-in-out;}
.common_sns li .On {opacity:0;}
.common_sns li a:hover .Off {opacity:0;}
.common_sns li a:hover .On {opacity:1;}




/*게시판*/
.width{width:1200px; margin:0 auto;}
input#stx.frm_input.required{width:220px;}

/*footer*/
footer {clear:both; height:auto; bottom:0;}
footer .footer {height:300px; background:#53514f; margin-top:37px;}
footer ul li {float:left;}
footer .footer .width{width:1200px; margin-left:19%;}
footer .Info {width:430px; margin-top:60px; font-family:'notokr-regular';
			  background:url('../img/common/footer_ci.png') no-repeat; }
footer .Info a {margin-bottom:10px;}			  
footer .Info .info01 {font-size:13px; color:#bdbdbc; line-height:20px; margin-top:65px;}
footer .Info .info01 a {color:#bdbdbc;}
footer .Info .info01 a:hover {color:#ffffff;}
footer .Info .info01 a:focus,a:hover,a:active {text-decoration:none;outline:0;}
footer .Info .info02 {font-size:13px; color:#858482; }
footer .Info .copyright{font-size:12px; color:#7e7e7d; letter-spacing:0px; margin-top:35px;}
footer .Time {width:240px; height:160px; margin:70px 0 0 0; background:url('../img/common/footer_time_1.png') no-repeat; }
footer .Tel {width:262px; height:149px; margin:70px 0 0 39px; background:url('../img/common/footer_tel.png') no-repeat;}
footer .Location {width:177px; height:128px; margin:60px 0 0 37px; background:url('../img/common/footer_location.png') no-repeat; cursor:pointer;}
footer span.ft_line{font-family:'notokr-regular'; font-size:13px; color:#686664; padding:0px 6px;}