@charset "utf-8";

/* layout.css */
body {min-width:1195px; overflow:hidden; background:#f5f3f1;}
body, a, select, button, input {font-family:NanumGothic, Dotum;}
.w_fix {width:1165px; margin:auto;}

#skip a {display:block; position:absolute; top:0; margin-bottom:-1px; width:1px; height:1px; text-align:center; white-space:nowrap; text-decoration:none; font-size:18px; overflow:hidden;}
#skip a:focus, #skip a:active {position:relative; left:0; top:0; right:0; width:100%; height:40px; line-height:40px; color:#fff; background:#333; z-index:100;}
#wrap {background:#fff url(/img/brandsite/layout/bg_header.gif) repeat-x 0 0; overflow:hidden;}
#header {position:relative; /* border-bottom:5px solid #f18d01; */ height:110px;z-index:100;}
#header .w_fix {position:relative; padding-top:45px; height:55px; z-index:100;}
#logo {position:relative; float:left; z-index:20;}
#logo > a{display:inline-block;vertical-align:top;}
#gnb_area {float:right;}
#gnb {float:left; overflow:hidden;}
#gnb>li {float:left;}
#gnb>li>a {display:block; padding:0 20px; height:27px; color:#333; font-weight:bold; font-size:15px; line-height:27px;}
.btn_allview {margin-left:10px;}
#allView {display:none; position:absolute; top:45px; right:27px; padding:10px 60px 25px; border:1px solid #f18d01; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2);}
#allView>ul>li {float:left; }
#allView>ul>li.last {width:90px;}
#allView>ul>li a {display:block; padding:0 50px 0 10px; color:#333; font-weight:bold; font-size:13px; line-height:24px;}
#allView>ul>li:first-child a {padding-left:0;}
#allView>ul>li>a {font-size:15px; margin-bottom:15px; border-bottom:1px solid #e5e5e5; height:54px; line-height:54px;}
#allView>ul>li:hover>a {margin-bottom:14px; border-bottom:3px solid #f18d01; height:53px; color:#af5907; line-height:54px; overflow:hidden;}
#allView>ul>li.on a, #allView>ul>li a:hover, #allView>ul>li a:focus, #allView>ul>li a:active {color:#af5907; /* text-decoration:underline; */}
#allView li li ul {margin-bottom:5px;}
#allView li li li a {padding-left:20px; color:#555; font-weight:normal; font-size:12px; line-height:16px; background:url(/img/brandsite/layout/bul_sitemap.png) no-repeat 10px 4px;}
#allView>ul>li:first-child li li a {padding-left:10px; background-position:0 4px;}
#allView li li li a:hover, #allView li li li a:active, #allView li li li a:focus {background-image:url(/img/brandsite/layout/bul_sitemap_on.png);}
#allView .btn_allview_close {position:absolute; top:-1px; right:-28px;}

/* lnb 가로형 */
/* #gnb ul {display:none; position:absolute; margin-top:-1px; margin-left:-25px; padding:0 20px 20px 20px; border:1px solid #dcdcdc; border-top:0; min-width:95px; background:#fff url(/img/brandsite/layout/bg_lnb.gif) repeat-x 0 bottom; box-shadow:4px 4px 0 rgba(0,0,0,.2); z-index:50;}
#gnb ul li {float:left;}
#gnb li.active ul {display:block;}
#gnb ul li a {display:block; padding:0 10px; color:#555; font-weight:normal; height:28px; font-size:13px; line-height:28px;}
#gnb ul li.on a, #gnb ul li a:hover, #gnb ul li a:focus, #gnb ul li a:active {color:#af5907; font-weight:bold; background:url(/img/brandsite/layout/bul_point_br.gif) no-repeat 5px 12px; text-decoration:underline;}
#gnb ul.lnb1 {left:400px;}
#gnb ul.lnb4 {left:700px;}
#gnb ul.lnb5 {left:750px;} */

/* lnb 세로형 */
#gnb div{display:none;position:absolute;top:69px;padding-top:11px;background:url(/img/brandsite/layout/gnb_arrow.png) no-repeat 50% 0; z-index:50;}
#gnb li.active div{display:block;}
#gnb ul {padding:0 0 20px 0;min-width:95px;overflow:hidden;background:url(/img/brandsite/layout/bg_gnb.png) repeat 0 bottom; box-shadow:4px 4px 0 rgba(0,0,0,.2);}
#gnb ul li a {display:block; padding:0 20px 0 30px; color:#555; font-weight:normal; height:28px; font-size:13px; line-height:28px;}
#gnb ul li.on a, #gnb ul li a:hover, #gnb ul li a:focus, #gnb ul li a:active {color:#af5907; font-weight:bold; background:#fff url(/img/brandsite/layout/bul_point_br.gif) no-repeat 20px 12px;}
#gnb .lnb01 div{margin-left:-25px;}
#gnb .lnb01 div li{width:150px;}
#gnb .lnb02 div{margin-left:0;}
#gnb .lnb02 div li{width:155px;}
#gnb .lnb03 div{margin-left:-15px;}
#gnb .lnb03 div li{width:130px;}

#container {padding-bottom:70px; min-height:500px;}
#container .w_fix {*zoom:1;}
#container .w_fix:after {display:block; clear:both; content:'';}
#sidebar {float:left; width:240px;}
#sidebar .sub_tit {padding-top:140px; height:75px; color:#fff; font-size:26px; text-align:center; background:#f18d00 url(/img/brandsite/layout/ico_snb_product.png) no-repeat center 50px;}
.product #sidebar .sub_tit {background:#f18d00 url(/img/brandsite/layout/ico_snb_product.png) no-repeat center 36px;}
.partnership #sidebar .sub_tit {background:#f18d00 url(/img/brandsite/layout/ico_snb_partnership.png) no-repeat center 36px;}
.customer #sidebar .sub_tit {background:#f18d00 url(/img/brandsite/layout/ico_snb_customer.png) no-repeat center 36px;}
#snb {margin:22px auto 0; width:190px;}
#snb>li>a {display:block; padding-left:22px; border-bottom:1px solid #e5e5e5; height:34px; font-weight:bold; line-height:34px; background:url(/img/brandsite/layout/bg_snb.png) no-repeat 166px 15px;}
#snb>li>a:hover, #snb>li>a:active, #snb>li>a:focus {color:#af5907 !important; background:url(/img/brandsite/layout/bg_snb_hover.png) no-repeat 166px 15px;}
#snb>li.on>a {border-bottom:2px solid #f18d00; padding-top:1px; height:32px; color:#af5907; line-height:32px; background:url(/img/brandsite/layout/bg_snb_on.png) no-repeat 162px 14px;}
#snb ul {padding:10px 0; border-bottom:1px solid #e5e5e5;}
#snb ul li a {display:block; padding-left:35px; line-height:22px; height:22px; background:url(/img/brandsite/layout/bul_sitemap.png) no-repeat 24px 7px;}
#snb ul li.on a, #snb ul li a:hover, #snb ul li a:active, #snb ul li a:focus {color:#af5907; background-image:url(/img/brandsite/layout/bul_sitemap_on.png);}
#snb ul li.on a {font-weight:bold;}

#content {position:relative; float:right; padding:143px 0 0 100px; width:825px; background:url(/img/brandsite/layout/bg_container.png) no-repeat 0 101px;}
#visual {position:absolute; top:-22px; left:100px; padding:85px 275px 0 0; width:609px; height:125px; text-align:right; background-repeat:no-repeat;}
.product #visual {background:url("/img/brandsite/product/visual_product.png") no-repeat right 0;}
.partnership #visual {background:url("/img/brandsite/partnership/visual_partnership.png") no-repeat right 0;}
.customer #visual {background:url("/img/brandsite/customer/visual_customer.png") no-repeat right 0;}
#visual p {line-height:1;}
#visual .main_copy {font-weight:bold; height:37px; font-size:18px; color:#3d2d27;}
#visual .sub_copy {margin-top:10px; color:#fff; font-weight:bold; font-size:14px; line-height:17px; text-shadow:1px 1px 1px #333; filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=1, OffY=1, Color=#666666, Positive=true); zoom:1;}
#location {position:absolute; top:195px; right:0; font-size:11px; font-family:Dotum;}
#location strong {color:#4b6fa3;}
#article, a {font-size:13px;}
#article h1 {height:63px; color:#333; font-size:24px; vertical-align:top;}
#article p+p {margin-top:10px;}

p {line-height:22px; word-break:keep-all;}
p strong {color:#f18c00;}

#footer {position:relative;padding:25px 0 50px; border-top:1px solid #e9e7e5;}
#footer address {width:1095px; padding-right:0; color:#6b6363; text-align:right; font-style:normal;}
/*#footer address {width:1095px; padding-right:100px; color:#6b6363; text-align:right; font-style:normal;} 접근성 마크 추가시 */
#footer .accessibility{position:absolute;left:50%;top:25px;width:1195px;text-align:right;margin-left:-622px;}
#footer address span {display:inline-block;margin-left:5px;}
#footer p {width:1095px; padding-right:0px; color:#6b6363; text-align:right; font-style:normal;}

/* 수정 09.21 */
@media screen and (max-width:1210px) {
	body{min-width:1000px;}
	#header .w_fix,
	#container .w_fix{width:980px;margin:0 auto;}
	#footer .accessibility{width:980px;margin-left:-490px;}
	#footer .w_fix{width:920px;margin:0 auto;padding-right:0;}
	/*#footer .w_fix{width:920px;margin:0 auto;padding-right:60px;} 접근성 마크 추가시 */
	#content{width:685px;padding-left:55px;}
	#visual{left:60px;width:465px;padding-right:275px;background-position:right top;}
}