@import url("default.css");
/* layout */
#accessibility { position:absolute; z-index:200; left:0; top:0; width:100%; }
#accessibility a { display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; text-align:center; color:#222; font-size:16px; }
#accessibility a:focus, #accessibility a:active { width:100%; height:auto; padding:9px 0; background:#ffc600; }

#wrap {position:relative; width:100%; min-width:1200px; background:url(../images/img_main.jpg) fixed; background-size:100%;}

/* tm */
.tm {position:relative; z-index:102; height:43px; background:#222; *zoom:1;}
.tm:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
.tm strong {float:left; padding:10px 0 12px 39px}
.tm>ul {float:right;} 
.tm>ul>li {position:relative; float:left; line-height:43px} 
.tm>ul>li a {color:#c4c4c4; font-size:12px;}
.tm .srch_link {padding-left:29px; margin-right:34px; background:url(../images/tm_bg_srch.png) no-repeat 0 12px;}
.tm .site_link {padding-left:47px; margin-right:34px;background:url(../images/tm_bg_link.gif) no-repeat 0 1px;}
.tm .site_link .site_link_layer {display:none; position:absolute; top:43px; left:0; width:170px; padding:0 16px 0 16px; background:#372d29;}
.tm .site_link:hover .site_link_layer {display:block; z-index:102;}
.tm .site_link .site_link_layer>ul>li {padding:0 0 0 25px; line-height:34px; color:#fff; border-top:1px solid #59514e;}
.tm .h_bt_sns {padding-top:10px; margin-right:35px; line-height:0 !important;}
.tm .h_bt_sns > a {padding-right:5px; }

/* header */
#header {z-index:100; width:100%;}
#header.main {position:absolute; top:43px; z-index:100; width:100%; }
#header .wrap {position:relative; width:1200px; height:180px; margin:0 auto; /*border:1px solid red;*/}
#header h1 {margin-bottom:30px; padding-top:48px; text-align:center;}

/*header sub */
#header.sub .wrap {height:180px;}
#header.sub .wrap h1 {margin-bottom:30px; padding-top:35px;}

#header.bg01 {background:url(../images/bg_sub_img01.jpg) no-repeat center; background-size:cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_sub_img01.jpg',sizingMethod='scale');
	-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg_sub_img01.jpg', sizingMethod='scale'); background-size:100% 100%;}

/* gnb */
#gnb {position:relative; z-index:100;}
#gnb>ul{*zoom:1; }
#gnb>ul>after {content:"."; clear:both; display:block; height:0; visibility:hidden; }
#gnb>ul>li {float:left; height:32px; margin:0 0 0 62px; text-align:center;}/*170920유*/
#gnb>ul>li>a {display:block; height:100%; padding:0 10px; color:#fff; font-size:16px; font-weight:300; text-decoration:none;}
#gnb>ul>li>a:hover {color:#ffc600;}
#gnb>ul>li.m00 {width:42px; margin:0;}
#gnb>ul>li.m00>a{margin:0; background:url(../images/bt_m_hbg.png) no-repeat center 5px; text-indent:-9999px;}
#gnb>ul>li.sub {height:25px !important;; border:#6d6565 1px solid; background:url(../images/bg_gnb_sub.png); border-radius:13px; height:25px; padding:0 10px; margin-left:8px; display:inline-block; *zoom:1; *display:inline;}
#gnb>ul>li.sub>a {float:left; width:auto; line-height:25px; padding:0 12px; color:#ddd; font-size:12px; font-weight:200;}
#gnb>ul>li.sub>a:hover {color:#ffc600;}
#gnb.sub>ul>li {height:52px;}
#gnb>ul>li:hover {background:url(../images/bg_sub_line.png) repeat-x 0 bottom;}
#gnb>ul>li.sub:hover {background:url(../images/bg_gnb_sub.png);}
#gnb.sub>ul>li.on {background:url(../images/bg_sub_line.png) repeat-x 0 bottom;}
#gnb.sub>ul>li.on>a {color:#ffc600;}
/* #gnb.sub>ul>li.on>a {background:url(../images/ic_gnb_arrow.png) no-repeat center 28px;} */

.gnb_sub {display:none; position:absolute; top:52px; left:0; width:100%; padding:20px 0; text-align:left; background:#fff; border-left:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; border-bottom:3px solid #ffc600; *zoom:1;
	-webkit-box-shadow: 1px 3px 16px 1px rgba(0, 0, 0,0.2); 
	-moz-box-shadow: 1px 3px 16px 1px rgba(0, 0, 0,0.2); 
	box-shadow: 1px 3px 16px 1px rgba(0, 0, 0,0.2);
}
#gnb.main .gnb_sub {top:32px;}

.gnb_sub .box {position:relative; float:left; width:16.6%;  margin-left:20px; padding-bottom:10px;}
.gnb_sub .box strong {display:block; height:33px; padding-left:10px; font-size:16px; font-weight:500; letter-spacing:-0.07em; border-bottom:1px solid #ededed;}
.gnb_sub .box ul {padding:10px;}
.gnb_sub .box ul li {padding:3px 0;}
.gnb_sub .box ul li a {display:block; padding-left:12px; font-size:14px; color:#5c5c5c; font-weight:200; background:url(../images/blt_gnb_sub.png) no-repeat 0 6px;}

#gnb .m02 .gnb_sub {left:458px; width:164px !important; padding:10px 20px !important;}
#gnb .m02 .gnb_sub .box {float:none; width:100% !important; padding:0 !important; margin:0 !important;}

#gnb .m03 .gnb_sub {left:616px; width:144px !important; padding:10px 20px !important;}
#gnb .m03 .gnb_sub .box {float:none; width:100% !important; padding:0 !important; margin:0 !important;}

#gnb .m04 .gnb_sub {left:767px; width:134px !important; padding:10px 20px !important;}
#gnb .m04 .gnb_sub .box {float:none; width:100% !important; padding:0 !important; margin:0 !important;}



/* h_search */
.h_search {z-index:100; position:absolute; bottom:15px; right:0; width:227px !important; height:30px; background:#fff;}
.h_search input {position:absolute; top:0; left:0; width:185px; height:28px; padding-left:6px; font-size:13px; color:#000;}
.h_search a {position:absolute; top:0; right:0; width:34px; height:30px; display:block; text-indent:-9999px; background:#ffc600 url(../images/ico_h_srch.png) no-repeat center 4px;}
.h_search input {border:none;}
.h_search.sub {bottom:25px; right:20px;}
.h_search.sub a {border:1px solid #dadc78;}
.h_search.sub input { border:1px solid #fff;}

/* h_util */
.h_util {position:absolute; top:57px; right:42px; z-index:101;}
.h_util a {font-size:11px; font-weight:300; line-height:11px; color:#fff; letter-spacing:normal; *zoom:1; *display:inline;}
.h_util a.english {color:#000; font-size:11px; font-weight:500; line-height:11px; background:#ffc600; border-radius:3px; padding:0px 10px; margin-right:12px; letter-spacing:normal;}
.h_util em { width:15px; height:11px; background:url(../images/bg_util_bar.png) center no-repeat; display:inline-block; *zoom:1; *display:inline;}

/* contents */
.contents { width:100%; min-height:600px; background:#f5f5f5;}

/* footer */
#footer {position:relative; background:#fff;}
#footer .wrap {position:relative; width:1200px; margin:0 auto; padding:35px 0; *zoom:1;}
#footer .wrap:after {content:"."; clear:both; display:block; height:0; visibility:hidden;}
#footer .wrap .logo {float:left; margin-right:27px;}
#footer .wrap .cont {float:left; font-size:11px; font-weight:200; letter-spacing:0.01em; line-height:1.4;}
#footer .wrap .re-site {float:right; position:relative;  z-index:100;}
#footer .wrap .re-site .re-site-sel {width:200px;}
#footer .wrap .re-site .re-site-sel a {display:block; padding-right:24px; color:#696969; font-size:12px; font-weight:200; background:#f1f1f1 url(../images/bt_re_site_arrow.gif) no-repeat right 0;}
#footer .wrap .re-site .re-site-sel a > span {display:block; height:16px; line-height:16px; padding:3px 42px 3px 7px; border:1px solid #c4c4c4;}
#footer .wrap .re-site .re-site-list {display:none; position:absolute; bottom:23px; right:0; width:198px; background:#f1f1f1; border:1px solid #c4c4c4;}
#footer .wrap .re-site .re-site-list li {border-bottom:1px solid #ddd;}
#footer .wrap .re-site .re-site-list li:last-child {border-bottom:0;}
#footer .wrap .re-site .re-site-list li a {display:block; padding:5px; height:100%; color:#696969; font-size:12px;}
#footer .wrap .re-site .re-site-list li a:hover {background:#f7f7f7;}

#footer .wrap.sub {position:relative; width:1200px; margin:0 auto; padding:35px 0; *zoom:1;}
#footer .wrap.sub .re-site {float:right; padding-right:30px; position:relative;  z-index:100;}

@media screen and (max-width:1140px){	
	#wrap {min-width:980px;}
	.tm strong {padding:10px 0 12px 12px}
	.tm .h_bt_sns {margin-right:2px;}
	#header .wrap {position:relative; width:980px; margin:0 auto;}
	
	.h_util {top:54px; right:8px;}
	/* #gnb .m00 .box {width:14.4%;}
	#gnb .m00 .box.m00_si {width:200px !important;}
	#gnb .m00 .box.m00_si li {padding:3px 0 !important;}
	#gnb .m00 .box.m00_si li > a {padding:2px 0 2px 10px; background:#eee !important;}	
	
	*/
	#gnb.main ul li {margin:0 0 0 67px;} 
	#gnb.main>ul>li.m00 {margin:0;}
	#gnb>ul>li.sub {margin:0;}

	.at-info .location .loc_home { margin-left:10px;}

	.h_search {top:99px; right:24px;}
	.h_search.sub {top:85px; right:24px;}

	#footer .wrap {width:880px;}
	#footer .wrap.sub {width:100%;}
	#footer .wrap.sub .logo {margin-left:7px;}
	#footer .wrap.sub .re-site {padding-right:7px;}
}