@charset "utf-8";
@import url('./webfont.css');

html{overflow-x:hidden;overflow-y:scroll;}
body {font-family:'굴림',gulim,'돋움',dotum,serif,arial;}
a{outline:none;}
ul,ol,dl,li,dt,dd{list-style:none;margin:0;padding:0;}

/* 상단 레이아웃 */
#hd {min-width:1104px;background-color:#313131;border:none;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#tnb{display:none;position:absolute;z-index:10;float:none;width:100%;height:16px;text-align:right;}
#tnb ul{float:right;list-style:none;margin:12px auto;padding:0;}
#tnb li{float:left;margin:0 0 0 10px;padding:0;font-size:11px;letter-spacing:-1px;font-family:'돋움',dotum,'굴림',gulim,arial,serif;}
#tnb li:after{float:right;color:#d9d9d9;content:"|";margin-right:-7px;}
#tnb li.last:after, #tnb li.last-child:after{content:"";margin-right:0;}
#tnb li a{display:inline-block;height:12px;padding:0 3px;color:#333;letter-spacing:-0.1em;line-height:100%;}
#tnb #favorite img{margin:0;font-weight:bold;color:#fe8e00;}

#hd_wrapper{position:relative;width:1104px;height:113px;margin:0 auto;padding:0;zoom:1}
#hd_wrapper:after{clear:both;display:block;visibility:hidden;content:""}
#logo{position:relative;top:42px;left:45px;float:left;width:165px;margin:0;padding:0;}
#logo a{display:block;width:100%;height:100%;;margin:0;padding:0;}

/* GNB Menu */
#gnb{position:relative;top:42px;float:right;margin:0;border:none;background:transparent;font-family:'Nanum Square','NanumGothic','나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;font-size:18px;font-weight:900;letter-spacing:-1px;}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb>ul{width:100%;background:transparent;margin:0;padding-top:0;border:none;}
#gnb>ul li a,
#gnb>ul li{float:left;}
#gnb>ul li{list-style:none;position:relative;}
#gnb>ul > li > a{padding:0 1.2em;text-decoration:none;color:#fff;font-size:1.1em;}
#gnb>ul > li:first-child > a{padding-left:0;}
#gnb>ul > li:last-child > a{padding-right:0;}
#gnb>ul > li.on > a, #gnb>ul > li > a:hover{color:#00aa98;}
#gnb>ul>li>a{margin-bottom:1em;}
#gnb>ul>li:last-child>a{border-right:none;}

/* GNB Submenu */
.hasChildren{position:absolute;z-index:10000;width:5px;height:5px;background:#fff;right:0;bottom:0;}
#gnb>ul li ul{display:none;position:absolute;z-index:10001;left:0;top:100%;padding:0;margin:0;min-width:160px;}
#gnb>ul li:hover > ul{display:block;background:#fff;border-top:1px solid #00aa98;}
#gnb>ul li ul li,
#gnb>ul li ul li a{float:none;}
#gnb>ul li ul li a{padding:0.75em 1.2em;text-decoration:none;color:#222;background:#fff;border:1px solid #00aa98;border-top:none;font-size:14px;}
#gnb>ul li ul li{_display:inline;/* for IE6 */}
#gnb>ul li ul li a{display:block;}
#gnb>ul li ul li a:hover{background:#00aa98;color:#fff;}
#gnb>ul > li > ul.gnb02{width:220px;}

/* 비주얼 */
#mainvisual{width:1564px;height:592px;margin:0px auto;}
#mainproduct{overflow:hidden;width:1564px;height:226px;margin:0px auto;background:#f4f4f4;}
#mainproduct:after{clear:both;display:block;visibility:hidden;content:""}
#mainproduct .wrapper{width:1104px;margin:0 auto;padding-top:53px;}
#mainproduct .prod01{float:left;}
#mainproduct .prod02{float:right;}

/* 중간 레이아웃 */
div#container_title{position:absolute;font-size:0;line-height:0;overflow:hidden}
h2#container_title{margin-bottom:25px;padding-bottom:9px;border-bottom:1px solid #ddd;font-weight:900;font-size:26px;font-family:verdana,'Nanum Square','NanumGothic','나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;letter-spacing:-1px}
#wrapper{z-index:5;width:100%;margin:0 auto;border:none;zoom:1}
#wrapper:after{clear:both;display:block;visibility:hidden;content:""}
#wrapper_title{border-bottom:3px solid #4b4b4b;padding-bottom:11px;margin-bottom:20px;font-size:1.2em;font-weight:bold;}
#wrapper .aside{position:inherit;z-index:7;float:none;margin:0;width:100%;height:49px;border-bottom:1px solid #d9d9d9;}
#wrapper .aside .page-position{width:1104px;height:100%;margin:0 auto;padding:0;}
#wrapper .aside .page-position ul{float:right;height:100%;list-style:none;margin:0;padding:0;}
#wrapper .aside .page-position ul li{float:left;height:100%;border-right:1px solid #d9d9d9;color:111;font-size:1.1em;font-weight:900;font-family:verdana,'Nanum Square','NanumGothic','나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;letter-spacing:-1px}
#wrapper .aside .page-position ul li.page-pos01{width:50px;height:49px;border-left:1px solid #d9d9d9;text-indent:-9999px;background:transparent url('/images/ico-home.gif') no-repeat;}
#wrapper .aside .page-position ul li.page-pos02{width:148px;padding:16px 20px 0;background:transparent url('/images/ico-page-position.gif') no-repeat;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#wrapper .aside .page-position ul li.page-pos03{min-width:208px;padding:16px 20px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrapper{width:1564px;margin:0 auto;padding:0;}

#container{z-index:6;position:inherit;float:none;width:1104px;min-height:280px;height:auto !important;margin:0 auto;padding:0;background:#fff;border:none;font-size:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
#container:after{display:block;visibility:hidden;clear:both;content:""}
#container .content{position:inherit;z-index:7;float:right;width:876px;min-height:500px;height:auto !important;height:500px;margin:35px 0 0;padding:0 0 100px;background:#fff;border:none;font-size:1em;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;zoom:1}
#container .sidemenu{float:left;width:204px;margin:35px 0 0;padding:0 0 100px;}
#container .sidemenu dl,
#container .sidemenu dt,
#container .sidemenu dd,
#container .sidemenu ul,
#container .sidemenu ul li
{list-style:none;margin:0;padding:0;font-family:verdana,'Nanum Square','NanumGothic','나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;}
#container .sidemenu a{text-decoration:none;}
#container .sidemenu dt.gt{height:48px;border-bottom:1px solid #00aa98;padding:10px 0 8px;color:#00aa98;font-size:20px;font-weight:bold;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#container .sidemenu dt.gt:before{content:"●";margin-right:5px;color:#00aa98;font-weight:900;font-size:10px;}
#container .sidemenu dd ul.sm{padding:14px 0 7px;border-bottom:2px solid #434343;}
#container .sidemenu dd ul.sm li{padding-left:32px;margin-bottom:11px;color:#9f9f9f;background:url('/images/sidemenu-list-bg.png') 0 -19px no-repeat;font-size:18px;font-weight:bold;line-height:18px;}
#container .sidemenu dd ul.sm li:hover, #container .sidemenu dd ul.sm li.on{background-position:0 0px;}
#container .sidemenu dd ul.sm li a{color:#9f9f9f;}
#container .sidemenu dd ul.common{margin-top:21px;}
#container .sidemenu dd ul.common li{margin-bottom:4px;}

/* index */
/*-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;*/
.box-section{margin-top:56px;margin-bottom:21px;}
.box-section:after{clear:both;display:block;visibility:hidden;content:""}
.box-section li{display:inline;float:left;}
.box-section .box-section01{width:322px;}
.box-section .box-section02{padding:3px 6px;}
.box-section .box-section03{padding:3px 6px;}
.box-section .box-section04{padding:3px 0px 3px 6px;}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}

/* 하단 레이아웃 */
#ft{position:relative;width:100%;margin:0 auto;height:111px;border-top:none;background:#3a3a3a;}
#ft h1{position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft .wrapper{width:1104px;padding:0;}
#ft .ft_copy{position:relative;top:42px;left:108px;float:left;margin:0;padding:0;color:#d0d0d0;font-size:1.2em;font-weight:400;font-family:verdana,'Nanum Square','NanumGothic','나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',dotum,sans-serif;letter-spacing:-1px}
#ft .ft_copy ul{list-style:none;margin:0 auto;padding:0;}
#ft .ft_copy ul:after{clear:both;display:block;visibility:hidden;content:""}
#ft .ft_copy li{float:left;margin-right:15px;}
#ft .ft_copy li.last, #ft .ft_copy li:last-child{margin-right:0;}
#ft .ft_copy li:after{float:right;font-weight:400;content:"|";margin-left:15px;}
#ft .ft_copy li.last:after{content:"";margin:0;}
#ft .ft_copy li a{color:#d0d0d0;text-decoration:none;}
#ft .ft_copy p{margin:0;padding:0;color:#929292;}
#ft .ft_logo{position:relative;top:42px;left:45px;float:left;width:178px;margin:0;padding:0;}