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

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


/*상단메뉴*/
.gnb_w { width:100%; height:90px; position:relative; z-index:9999; }

.gnb_w:active { backgorund-color: #fff; }
	
.gnb_w .logo { position: absolute; top: 20px; left: 30px; width: 213px; height: 40px; }
.gnb_w .logo span { width:100%; display:block;background:#000; color:#fff; text-align:center;line-height: 28px;font-size: 18px;}

.gnb_w .sitemap {position: absolute; right:20px;height: 90px; line-height:90px; color:#fff;}
.gnb_w .sitemap a { margin:0 10px; font-size:17px; color:#fff;}

.bottom_menu {  display:block; clear:both; height:90px;padding-left: 150px;}

.gnb li.gnbA {float:left; height:90px; width:20%;}
.gnb li.gnbA > a { height:90px; text-align:center; color:#fff; font-size:19px; display:block; line-height:90px; letter-spacing: 0.5px;}
.gnb li.gnbA1 li {padding-left: 50px;}
.gnb li.gnbA2 li {padding-left: 38px;}
.gnb li.gnbA3 li {padding-left: 45px;}
.gnb li.gnbA4 li {padding-left: 65px;}
.gnb li.gnbA5 li {padding-left: 50px;}

.gnb li.gnbA > a:hover, .gnb li.gnbA.on > a  { height:90px; text-align:center; color:#f05a67; display:block; line-height:90px; }
/*.gnb li.gnbA.on > .gnbB {border-top: 2px solid #f05a67;top: -3px;position: relative;}*/

.gnb .gnbB {display:none; min-height:165px !important; padding-top:5px; box-sizing: border-box;}
/*.gnb .gnbB:hover{padding-top:5px; box-sizing: border-box;}*/

.gnb .gnbB li a {line-height:35px !important; height:auto !important; color:#fff !important; font-size:17px !important; display:block; padding-top:0px !important;text-align:left !important; letter-spacing:0 !important; font-weight:400; width:160px;box-sizing: border-box;}
.gnb .gnbB li a:hover, .gnbB  li.on a {line-height:35px !important; height:auto !important; color:#f05a67 !important; font-size:17px !important; display:block; padding:0 !important;text-align:left !important; font-weight:400;}

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


/*메뉴*/
.submain_bg{position:absolute;top:90px;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%;background-color:#fff; height:210px; padding-top:45px; font-size:15px;}
#footer h3 { padding: 0 0 10px; margin:0;font-size:18px; font-weight:600; line-height: normal;}
#footer h3::before {display: none;}

.subfooter {border-top: 1px solid #c4c4c4;}

/**/
.address { clear:both; float: left;}
.address .logo {width:205px;height: 40px;background: url(/layout/images/www/common/logo_ft.png) no-repeat; margin-top: 19px;padding: 0;}	
.address .logo { text-indent:-999999px;}	
.address .office { float:left; width:50%;}
.address p { line-height:25px;font-size: 15px;}	
.address h2.tit { margin: 0;width:230px !important; background: url("/layout/images/www/common/sprite.png") no-repeat scroll 0 0; text-indent:-999999999px; padding-bottom:25px !important;}	
.address span.w20 { width:20px;display: inline-block;}

/*카피라이터*/			
p.copy {line-height: 20px;font-size:14px; margin-top:30px;}
p.copy a span{font-size:10px; background:#aaa; padding:0 3px;}

/* 로그인 버튼*/
.manager {display:inline-block; width:40%;font-size:13px;}
.manager li{line-height: 20px;display: inline-block;}
.manager li > a{padding-right:5px; color:#333;}
.manager li > a:hover{color:#036;}

/*Email*/
.box_email {float: left; width:270px; margin:0 90px;}
.box_email p { height:60px;background: url("/layout/images/www/common/sprite.png") no-repeat -1045px 4px;}
.box_email span.email a { margin-top:17px; margin-left:90px; padding:0 15px;display:inline-block; line-height:40px; background-color:#f05a67; color:#FFF;}
.box_email span.email a:hover { background-color:#6362ac;transition:all 0.5s}

/*카다로그 다운*/
.box_down {float:left; width:220px;}
.box_down li {  line-height:40px;border-bottom:1px solid #888; }
.box_down li a { display: block;width:220px;height:40px; font-size:15px;background: url("/layout/images/www/common/sprite.png") no-repeat -1155px 8px;}
.box_down li a:hover { color:#ee609c; background: url("/layout/images/www/common/sprite.png") no-repeat -1155px -33px;transition:all 0.5s}


/*스킵네비게이션*/
#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;}
			
/*footer*/
.go_top { position: fixed; width: 45px; height: 45px; bottom:30px; right: 30px;z-index:1;}
.go_top a { display: block; height: 45px; background: url("/layout/images/www/common/sprite.png") no-repeat scroll -1461px -5px; text-indent:-99999999px; }	
.go_top a:hover { background: url("/layout/images/www/common/sprite.png") no-repeat scroll -1461px -5px;transition:0.5s; }