@charset "utf-8";
/* 메인 및 서브 공통레이아웃 CSS Document */

/*해더*/
* {padding:0; margin:0; } /* 전체 패딩, 마진 초기화 */
#wrap {width:100%; min-width: 1060px;margin:0 auto;} /* 컨텐츠 가운데정렬 */
li {list-style:none;} /* 리스트 스타일 없애기 */
img {border:0;}
p {margin:0; padding:0;}
.inner { width:1060px; margin:0 auto; position:relative;}

#header {position: absolute;width: 100%; margin:0 auto;}	
/*상단메뉴*/

.gnb_w { float:left; width:100%; height:100px; position:relative; z-index:9999;  box-sizing:border-box;border-bottom:1px solid rgba(255, 255, 255, 0.2); }
.gnb_w:active { backgorund-color: #fff; }
.gnb_w .logo { position: absolute; top: 10px;width:180px; height: 100px; z-index:100;}
.gnb_w .logo h1 a img {width:90%;}
/*.gnb_w .logo span { width:100%; display:block;background:#000; color:#fff; text-align:center;line-height: 28px;font-size: 18px;}*/
.header_menu { width:700px; position:relative;margin: 0 auto;}	
.gnb_inner { position:relative; width:1060px; margin:0 auto;}

/* */
.g_gnb {position: absolute; right:80px;top: 35px;}
.g_gnb li { display:inline-block; padding-left:10px; line-height:10px; vertical-align:middle;}
.g_gnb li a { font-size:13px; color:#fff;}
.g_gnb li a.link01 { display:inline-block;border:1px solid #ccc; border-radius:4px; padding:6px 10px;}
.g_gnb li a.link01:hover {border:1px solid #9c6; background:#9C6; transform:matrix;transition: ease-in-out 0.3s;}

/*장바구니*/
.gnb_w .cart {position: absolute; right:55px; }
.gnb_w .cart a{ display:block; width: 35px; height: 100px; background:url(/layout/images/www/common/cart_img.png) no-repeat 0px 34px; text-indent: -99999px;}


/*사이트맵*/
.gnb_w .sitemap {position: absolute; right:0; width: 50px; height: 100px; background:url(/layout/images/www/common/ico_sitemap.png) no-repeat 10px 38px; text-indent: -99999px; line-height:100px;}

/* 사용안함
.gnb_w .search { position: absolute; right:0; width: 90px; height: 90px; background:url(/layout/images/www/common/search_gnb.png) no-repeat 35px 32px; text-indent: -99999px; line-height:90px;border-left: 1px solid #f3f3f3;}*/
.gnb_w .search a, .gnb_w .sitemap a { display:block;}

.bottom_menu {display:block; clear:both; height:100px;}

.gnb li.gnbA {float:left; width:22%; margin-right:3%;}
.gnb li.gnbA > a {text-align:center; color:#fff; font-size:18px; display:block; line-height:100px; letter-spacing: 0.5px;}
.gnb li.gnbA:first-child > a{background:none;}
.gnb li.gnbA4 a {letter-spacing:-0.05em;}
.gnb li.gnbA > a:hover {color: #deb !important;}
.gnb li.gnbA.on > a  { position:relative;}
/*.gnb li.gnbA > a:hover:before, .gnb li.gnbA.on > a:before {content: " ";position: absolute; bottom:0; width:100%; height:3px; background-color:#abcd07;opacity: 0.4; left:0}*/
.gnb li.gnbA5 .gnbBc1 a { letter-spacing:-0.5px !important;}
.gnb li.gnbA.on > .gnbB {position: relative; width:1100px; }

/*.gnb li.gnbA:hover {background:rgba(227, 229, 224, 0.9);}*/

.gnb .gnbB {display:none;width: 1060px; min-height:165px !important; box-sizing: border-box; margin-top:10px;}
.gnb .gnbB > li { margin-bottom:5px;width: 16%;}

/* 2차 */
.gnb .gnbB > li {float: left;}
.gnb .gnbB > li > a {color:#fff !important; font-size:17px !important; display:block; margin-bottom:5px; padding:0 0 5px 2px !important;text-align:left !important; letter-spacing:0 !important; font-weight:300; box-sizing: border-box;float: left;width: 100%;border-bottom: 1px solid #666;}
.gnb .gnbB.gnbB1 > li > a {width: 90%;}
.gnb .gnbB.gnbB2 > li > a {width: 90%;}
.gnb .gnbB.gnbB3 > li > a {border-bottom:none;}
.gnb .gnbB.gnbB4 > li > a {border-bottom:none;}
.gnb .gnbB.gnbB5 > li > a {width: 90%;}


.gnb .gnbA.gnbA1 .gnbB{margin-left: 0px;}
.gnb .gnbA.gnbA2 .gnbB{margin-left: 30px;}
.gnb .gnbA.gnbA3 .gnbB{margin-left: -10px;width:}
.gnb .gnbA.gnbA4 .gnbB{margin-left: -333px;width: 1100px !important;}
.gnb .gnbA.gnbA5 .gnbB{margin-left: -610px;width: 960px !important; }
.gnb .gnbA.gnbA5 .gnbB > li { width:25% !important;}


/* 3차 */
.gnb .gnbC > li > a { clear: both;float:none;display: block; color:#fff !important; font-size:14px !important;padding:0 0 0 13px !important;background: url("/layout/images/www/sub/sub_sp.png") -13px -231px no-repeat;font-weight: 300;}

/* 4차*/
.gnb .gnbD { margin-bottom:15px;}
.gnb .gnbD > li { position:relative; line-height:15px;}
.gnb .gnbD > li > a { clear:both; float:none; color:#ccc !important; font-size:13px !important;line-height: 17px; font-weight:200;padding:0 0 0 25px !important;}
.gnb .gnbD > li > a::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 14px;
    width: 5px;
    height: 1px;
    background-color: #fff;
    transition: ease-in-out 0.3s;
}


.gnb .gnbB li > a:hover, .gnbB  li.on > a {color:#deb !important;}
.gnb .gnbB > li a.new_win {background: url(/layout/images/www/main/ico_newwin.png) no-repeat 150px 12px;}




/*****  부가정보 메뉴 숨김처리 *****/
/*.gnb li.gnbA:last-child { display:none;} */
.sitemaplist .sitemap:last-child { display:none;} 


/*메뉴*/
/*.submain_bg{position:absolute;top:68px;width:100%;height:0;z-index:40; background:#fff; }*/
.submain_bg{position:absolute;top:100px;width:100%;height:0;z-index:99; background:rgba(0,0,0, 0.8);}
#menu_close {display:none; /*top:280px; left:860px; cursor:pointer; position:absolute;*/}


/* 후원및협찬 슬라이드 배너 */
#footer {clear:both;width:100%;height: 200px;background:#24272b; color:#ccc; position:relative;}

/* 언어 */
.lang {position: absolute;top: 13px;right: 86px;z-index: 9;font-size: 14px;}
.lang .lang_btn {display: block;padding: 0 20px;height: 73px;line-height: 73px;color: #fff;overflow: hidden;}
.lang .lang_btn .icon{display: inline-block;width: 0;height: 0;border-style: solid;border-width: 6px 5px 0 5px;border-color: #fff transparent;vertical-align: middle;text-indent: -99999px;margin-left: 8px;}
.lang .lang_box {position: absolute;top: 56px;left: 10px;}
.lang  .lang_box ul li a {display: block;border-bottom: 1px solid #e3e3e3;background-color: #fff;text-align: center;width:60px;height: 30px;line-height: 30px;transition: ease-in-out 0.3s;}
.lang .lang_box ul li:last-child a {border-bottom: 0;}
.lang .lang_box ul li a:hover{ background-color:#98a255; color:#fff;}
.lang a.lang_btn.on span.icon {transform: rotateX(180deg);}


/*카피라이터*/			

.address { clear:both; display:block; font-style:normal; border-bottom:1px solid #4f5154; padding:40px 0 30px; position:relative;}
.address p {font-size: 15px;line-height: 1.4; font-weight: 300;}
.address p span.line { margin-right:23px; position:relative;}
.address p span.line:before {content: " ";position:absolute; right:-12px; top:7px; height:12px; width:1px; background-color:#666;}
.footer_logo { position:absolute; right:0; top:30px;}
p.copy {font-size: 14px; margin-top: 20px; float: left;}
.intranet{ float:left; margin-top:7px; font-size:12px; padding-left:7px;}
.intranet a{ color:#ccc;}
	
.manager { float: left;margin-top:19px; margin-left:30px;}
.manager {display:inline-block;font-size:13px;}
.manager li{line-height: 1;display: inline-block; margin-right:10px;}
.manager li a {color:#ccc; display:block;}
.manager li a span {display:block;}
.manager li.login a span {background: url("/layout/images/www/main/main_sp.png") no-repeat 0 0;background-position:-232px -498px; width:28px; height:16px; text-indent:-9999px;}
.manager li.logout a span {background: url("/layout/images/www/main/main_sp.png") no-repeat 0 0;background-position:-232px -528px; width:28px; height:16px; text-indent:-9999px;}

.personal a { float:right; font-size:16px; color:#cc9966; margin-top:20px;}

/*스킵네비게이션*/
#skipToContent, .reader { position: absolute; left: -1000%; top: 0px; width: 1px; height: 1px; font-size: 0px; line-height: 0px; overflow: hidden; }
.hidden {display:none;}
#skiptoContent { margin:0; padding:0;}
#skiptoContent dt, #skiptoContent dd{padding:0; margin:0;}
a.accessibility01, a.accessibility02 {display: block; font-size: 1em; left: 0; position: absolute; text-align: center; top: -10000px; width: 100%; z-index: 500;}
a.accessibility01:hover, a.accessibility01:focus, a.accessibility01:active, a.accessibility02:hover, a.accessibility02:focus, a.accessibility02:active {background: none repeat scroll 0 0 #099a84;color: #FFFFFF;font-weight: bold; padding: 15px 0; position: absolute; top: 0;z-index: 500;}
			
a.gotop {display: block; width: 45px; height: 37px; background-color: #24272b; right:100px; top: -37px; z-index:1; border-radius:3px 3px 0 0; text-align:center; color:#fff; font-size:10px; position:absolute;line-height: 1.5;}
a.gotop span {background: url("/layout/images/www/main/main_sp.png") no-repeat -122px -36px; width:17px; height:8px; display:block; margin:10px auto 0;}