/*
body > #wrap :전체를 감싸는 영역
*/
#wrap {position:relative; width:100%; min-width:1100px; overflow:hidden;}

/* header */
#header {height:119px; background:url('../img/header_bg.gif') repeat-x 0 0;}
#header #lang {position:absolute; left:284px; top:6px;}
#header #lang li {float:left; margin-right:4px; width:130px; height:34px; text-align:center; background:url('../img/top_tab.png') no-repeat 0 0;}
#header #lang li a {display:block; width:100%; line-height:34px; font-family:"Open Sans"; font-size:13px; font-weight:500; color:#fff;}
#header #lang li.on {position:relative; background:url('../img/top_tab_on.png') no-repeat 0 0;}
#header #lang li.on span {position:absolute; top:0; right:-19px; display:block; width:19px; height:34px; background:url('../img/top_tab_shadow.png') no-repeat 0 0;}
#header #lang li.on a {color:#017f01;}
#header #gnb {position:absolute; top:0; right:0; text-align:right}
#header #gnb a {margin-left:20px; line-height:40px; font-family:"Open Sans"; font-size:12px; color:#fff;}
#header #logo {position:absolute; top:58px; left:0;}
#header #lnb {position:absolute; top:40px; left:284px; z-index:21;}
#header #lnb li {float:left; height:79px; margin-right:100px; box-sizing:border-box;}
#header #lnb li a {line-height:79px; font-size:16px; color:#444; font-weight:500;}
#header #lnb li:hover,
#header #lnb li.on {border-bottom:solid 3px #72b728;}
#header #lnb li:hover a,
#header #lnb li.on a {color:#72b728;}
#header #family {position:absolute; top:65px; right:0; display:none;}

/* sub top */
.sub_top {position:relative; height:200px; background:url('../img/sub_bg.jpg') no-repeat center 0;}
.sub_top h2 {position:absolute; top:140px; left:50%; margin-left:-550px; width:220px; height:60px; line-height:60px; font-size:20px; color:#fff; font-weight:400; padding-left:20px; background:url('../img/sub_tit_bg.png') no-repeat 0 0; box-sizing:border-box;}
.sub_top h2 span {display:inline-block; margin-left:5px; font-size:13px; font-weight:300;}

/* left */
#left dt,
#left dd {padding:12px 20px; border-bottom:solid 1px #ccc; box-sizing:border-box;}
#left dt a {display:block; width:100%; font-size:15px; color:#555;}
#left dt.on {background:url('../img/left_menu_on.gif') no-repeat right 20px center}
#left dt.on a {color:#46962c; font-weight:400;}
#left dd h3 {margin-bottom:8px; font-size:14px; color:#444; font-weight:400;}
#left dd h3 a {font-size:14px; color:#444; font-weight:400;}
#left dd h3 a.on {color:#46962c; font-weight:400;}
#left dd p {margin-bottom:5px;}
#left dd p a {font-size:14px; color:#777;}
#left dd p a.on {color:#46962c; font-weight:400;}

/* layout */
#container {zoom:1; width:1100px; margin:0 auto;}
#container:after {display:block; clear:both; content:' ';}
#container #left {float:left; width:220px; text-align:left; margin:12px 0 100px;}
#container #contents {text-align:left; float:right; width:840px; padding-bottom:100px;}
/* main layout */
#wrap.main #container {width:100%;}
#wrap.main #container #contents {width:100%; padding-bottom:20px;}
.w1100 {position:relative; width:1150px; margin:0 auto;}

.page-body {padding-top:45px; color:#888; line-height:1.6;}

/* footer */
#footer {height:140px; border-top:solid 1px #ccc;}
#footer .flogo {position:absolute; top:30px; left:0;}
#footer .fmenu {position:absolute; top:30px; left:180px;}
#footer .fmenu a {font-size:14px; color:#444;}
#footer .fmenu span {display:inline-block; color:#ccc; padding:0 10px;}
#footer .finfo {position:absolute; top:60px; left:180px; font-size:13px; color:#888; line-height:1.6; letter-spacing:-0.5px;}
#footer .finfo span {display:inline-block; color:#ccc; padding:0 5px;}
#footer .qr {position:absolute; top:30px; right:0; width:225px; height:72px; padding:10px 0 0 80px; font-size:12px; color:#888; line-height:1.4; letter-spacing:-0.5px; box-sizing:border-box;}
#footer .qr p {position:absolute; top:0; left:0;}