@charset "utf-8";

/* 
 * Layout CSS Document
 * IEETU Web Standardization Team - kimhyunho 
 * 2017-06-22
 */

/* header */
#header{background:#484848; min-width:1230px;}
#header:after,
.util_area:after{content:''; display:block; clear:both;}
.util_area{float:right;}
.util_area > li{float:left; border-right:1px solid #3e3e3e;}
.util_area > li a{display:block; position:relative; height:40px; line-height:40px; padding:0 20px; border-left:1px solid #4e4e4e; color:#b7bdc7; letter-spacing:-0.5px;}
.util_area > li:first-child > a{border-left:0px;}
.util_area > li.on{border-right:1px solid #91b30d;}
.util_area > li.on a{background:#9cc10e; padding:0 15px; border-left:1px solid #a3c51f; font-weight:600; color:#fff;}
.util_area > li:last-child{border-right:0px;}
.util_area > li.on.jump_list{position:relative;}
.util_area > li.on.jump_list a{width:110px; box-sizing:border-box;}
.util_area > li.on.jump_list ul{display:none; position:absolute; right:0px; top:40px; z-index:10;}
.util_area > li.on.jump_list a.open{position:absolute; right:0px; top:0px; width:30px; border-left:0px; text-indent:-9999em; overflow:hidden; white-space:nowrap;}
.util_area > li.on.jump_list a.open:after{content:''; display:block; position:absolute; right:15px; top:50%; margin-top:-2px; border-top:4px solid #fff; border-left:3px solid transparent; border-right:3px solid transparent; transition:transform 0.2s ease 0s; text-indent:0px;}
.util_area > li.on.jump_list a.active:after{transform:rotate(180deg);}
.util_area > li > ul{border-top:1px solid #91b30d;}
.util_area > li > ul > li > a{border-left:0px; border-bottom:1px solid #91b30d; border-top:1px solid #a3c51f; letter-spacing:-1px;}
.util_area > li > ul > li.idpw > a{line-height:inherit; padding-top:5px;}

/* visual title */
.cont_title{background:url(../images/common/sub_visual01.jpg) no-repeat center top; background-size:cover; height:210px; min-width:1230px;}
.cont_title:after{content:''; display:block; width:100%; height:1px; background:#d9d9d9; position:absolute; top:298px; left:0px; z-index:0;}
.cont_title.type01{background-image:url(../images/common/sub_visual01.jpg);}
.cont_title.type02{background-image:url(../images/common/sub_visual02.jpg);}
.cont_title.type03{background-image:url(../images/common/sub_visual03.jpg);}
.cont_title.type04{background-image:url(../images/common/sub_visual04.jpg);}
.cont_title.type05{background-image:url(../images/common/sub_visual05.jpg);}
.cont_title .title{width:1230px; margin:0 auto; padding-top:30px;}
.cont_title .title:after{content:''; display:block; clear:both;}
.cont_title .title > div{float:right; width:1000px; height:105px; padding:20px 150px 0 185px; box-sizing:border-box; text-align:center;} 
.cont_title h1{float:left; width:200px; height:180px;  background:url(../images/common/main_logo.gif) no-repeat 0 0; text-indent:100%; overflow:hidden; white-space:nowrap;}
.cont_title h1 > a{display:block; height:180px;}
.cont_title .title h2{position:relative; height:43px;}
.cont_title .title h2 > em{font-family:'Nanum Square'; font-size:32px; letter-spacing:-3px; color:#fff; font-weight:400;}
.cont_title .title h2 > *{display:inline-block;}
.cont_title .title h2:before,
.cont_title .title h2:after{content:''; display:block; position:absolute; top:22px; width:1px; height:82px; background:#dadade;}
.cont_title .title h2:before{left:0px;}
.cont_title .title h2:after{right:0px;}
.cont_title .title .sub > span{display:inline-block; position:absolute; top:50%; height:1px; background:#dadade;}
.cont_title .title .sub .left{left:0px;}
.cont_title .title .sub .right{right:0px;}
.cont_title .title p{padding:20px 0px 25px; border-bottom:1px solid #dadade; font-size:14px; letter-spacing:-1px; color:#fff;}
.main_sns {margin-top: 15px; overflow: hidden;}
.main_sns a{float: left; margin-right: 10px;}

/* contanier */
#container{width:1230px; margin:0 auto;}
#container:after{content:''; display:block; clear:both;}
#container #gnb{float:left;}
#container .section{float:right; width:1000px;}

/* gnb */
#gnb{width:200px; position:relative; z-index:20; padding-bottom:270px;}
#gnb > ul > li > a{display:block; height:48px; line-height:48px; padding:0 20px; box-sizing:border-box; background:#484848; border-bottom:1px solid #414141; border-top:1px solid #515151; font-family:'Nanum Square'; color:#b7bdc7; font-size:16px;}
#gnb > ul > li.open > a{text-decoration:none; color:#9cc10e; font-weight:600;}
#gnb > ul > li > a:hover,
#gnb > ul > li > a:focus{color:#9cc10e;}
#gnb > ul > li > ul{display:none; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
#gnb > ul > li > ul > li  > a{display:block; position:relative; min-height:46px; padding: 15px 20px 15px 30px; box-sizing:border-box; background:#fff; border-top:1px solid #d9d9d9;  color:#888; font-weight:600; letter-spacing:-0.5px; vertical-align:middle;}
#gnb > ul > li > ul > li  > a:before{content:''; display:block; position:absolute; top:19px; left:20px; width:5px; height:5px; background:#b7bdc7; border-radius:50%;}
#gnb > ul > li > ul > li  > a.on{color:#7ca801;}
#gnb > ul > li > ul > li  > a.on:before{background-color:#8ebe13;}
#gnb > ul > li.open > ul {display:block;}

/* adress */
.adress_area{background:#484848; border-top:1px solid #515151; padding:30px 20px; color:#b7bdc7; font-size:11px;}
.adress_area address{letter-spacing:-0.5px;}
.adress_area p{margin-top:10px;}

/* 개인정보처리방첨 등 */
#gnb .link_list{ margin-top:20px; width:130px;}
#gnb .link_list:after{content:''; display:block; clear:both;}
#gnb .link_list > a{display:block; position:relative; padding:0 5px;  border-left:1px solid #c3c3c3; color:#707070; font-size:11px; letter-spacing:-1px; line-height:2em;}
#gnb .link_list > a:nth-of-type(1){font-weight:600;}

/* cont_head */
.cont_head{position:relative;}

/* location */
.location:after{content:''; display:block; clear:both;}
.location > li{float:left; position:relative; height:48px; padding-right:35px;}
.location > li:after{content:''; display:block; width:24px; height:47px; position:absolute; right:0px; top:1px; background:url(../images/common/sp_com.png) no-repeat -376px 0px;}
.location > li:first-child{line-height:48px; box-sizing:border-box;}
.location > li:first-child:before{content:''; display:block; position:absolute; left:0; top:50%; background:#fff url(../images/common/sp_com.png) no-repeat 0 -36px; width:13px; height:13px; margin-top:-7px; text-indent:0;}
.location > li > a{display:block; position:relative; line-height:48px; min-width:85px; padding:0 20px 0 15px; color:#888; font-weight:600;}
.location > li > a:after{content:''; display:block; width:10px; height:6px; position:absolute; right:-5px; top:50%; margin-top:-3px; background:url(../images/common/sp_com.png) no-repeat -18px -39px; transition:transform 0.2s ease 0s;}
.location > li > a.active:after{transform:rotate(180deg);}
.location > li > ul{display:none; width:100%; position:absolute; left:-24px; top:48px; z-index:10; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.location > li > ul > li{border-bottom:1px solid #dadada;}
.location > li > ul > li:first-child{border-top:1px solid #dadada;}
.location > li > ul > li > a{display:block; padding:15px 10px; background:#fff; letter-spacing:-0.5px;}

/* sns */
.cont_head .sns{position:absolute; right:0px; top:10px;}
.cont_head .sns li{float:left; margin-left:5px;}
.cont_head .sns li > a{display:block; background:url(../images/common/sp_com.png) no-repeat 0 0; width:27px; height:27px; text-indent:100%; overflow:hidden; white-space:nowrap;}
.cont_head .sns li > a.twitter{background-position:0 0;}
.cont_head .sns li > a.face{background-position:-27px 0;}
.cont_head .sns li > a.band{background-position:-54px 0;}
.cont_head .sns li > a.print{background-position:-81px 0;}

/* cont_body */
.content .nav,
.cont_body{padding-top:45px;}


/* footer */
#footer{min-width:1230px; box-sizing:border-box; background:#e3e3e3; padding:30px 0px 30px 200px; margin-top:80px; font-size:11px; color:#8b8b8b; text-align:center;}