@charset "utf-8";
/*-------------------------------------------------
Author : JMKIM
Create date : 2017. 02. 08
-------------------------------------------------*/

#wrap{position:relative; width:100%;}

#header{margin:0 auto; width:100%; position:relative; padding:20px 0;}
#header .logo{float:left; width:209px;}
#header .pull-right{width:calc(100% - 209px); text-align:right;margin-right:0;}
#header .tsidemenu{overflow:hidden; display:inline;}
#header .tsidemenu>li{display:inline;}
#header .tsidemenu>li>a{color:#333; font-size:1.063em; font-weight:700; display:inline-block; margin:0 13px;}
#header .ir{display:inline-block; width:38px; height:38px; vertical-align:middle; font-size:0; line-height:0; background-repeat:no-repeat; background-position:center center;}
#header .i-search{background-image:url(/korean/img/common/i_search.gif);}
#header .i-menu{background-image:url(/korean/img/common/i_menu.gif);}
#header .sitemap .tsidemenu{display:none;}


.sitemap{position:absolute; top:-374px; left:0; width:100%; background:#fff; z-index:30; padding-bottom:40px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; height:374px; overflow:hidden;}
.sitemap.active{top:0; box-shadow:0px 2px 1px #efefef;}
.sitemap .title-area{background:#115fad;}
.sitemap .container{position:relative;}
.sitemap h2{font-size:2.5em; color:#fff; position:relative; padding:15px 0; font-family: 'Nanum Myeongjo'; font-weight:400; float:left;}
.sitemap h2 span{display:block;}
.sitemap .close{font-size:1.125em; color:#fff; display:block; text-align:right; float:right; margin-top:25px; padding-right:30px; background:url(/korean/img/common/i_close.gif) right center no-repeat;}

.sitemap .container>li{float:left; width:16.6666%; padding-top:40px;}
.sitemap .container>li>a{font-size:1.25em; color:#115fad; font-weight:700; margin-bottom:15px; display:inline-block; margin-left:10px;}
.sitemap .container>li ul>li>a{width:100%; letter-spacing:-0.05em; display:inline-block; padding:5px 10px; font-size:0.933em}
.sitemap .container>li ul>li>a:hover{color:#fff; background:#115fad;}

.icons{overflow:hidden; position:absolute; top:17px; right:100px;}
.icons>li{float:left;}
.icons>li>a{display:inline-block; text-align:center; color:#fff; width:70px; background-repeat:no-repeat; background-position:center top; padding-top:20px;}
.icons>li:nth-child(1)>a{background-image:url(/korean/img/common/small_icon1.png);}
.icons>li:nth-child(2)>a{background-image:url(/korean/img/common/small_icon2.png);}
.icons>li:nth-child(3)>a{background-image:url(/korean/img/common/small_icon3.png);}
.icons>li:nth-child(4)>a{background-image:url(/korean/img/common/small_icon4.png);}
.icons>li:nth-child(5)>a{background-image:url(/korean/img/common/small_icon5.png);}
.icons>li:nth-child(6)>a{background-image:url(/korean/img/common/small_icon6.png);}
.icons.web{display:block;}
.icons.mobile{display:none;}


@media (max-width:1000px){
	#wrap{overflow:hidden; background:#fff;}
}

@media (max-width:767px){
	#header .logo img{width:75%; margin-top:5px;}
	#header .tsidemenu{display:none;}
	#header .sitemap .tsidemenu{display:block; text-align:center; margin:26px 0; display:none;}
	#header .sitemap .tsidemenu>li{position:relative;}
	#header .sitemap .tsidemenu>li:first-child:after{display:none;}
	#header .sitemap .tsidemenu>li:after{position:absolute; top:3px; left:0; content:""; width:1px; height:10px; background:#000;}
	.sitemap{position:fixed; top:0; left:0; width:100%; background-color:rgba(0,0,0,0.8); z-index:10; padding-bottom:40px; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; height:100%; overflow:auto;opacity:0; visibility:hidden; z-index:-1;}
	.sitemap.active{opacity:1; visibility:visible; z-index:30;}
	.sitemap.active .title-area,
	.sitemap.active .container{right:0;}
	.sitemap .title-area{background:#fff; height: 71px; width: 70%; position: absolute; top: 0; right:-70%; transition:all 0.3s ease;}
	.sitemap .title-area .container{overflow:visible; background:#fff; width:100%; position:absolute; top:0; right:0; height:100%;}
	.sitemap .container{position:relative;}
	.sitemap h2{display:none;}
	.sitemap .close{font-size:0; color:#fff; display:block; text-align:inherit; float:inherit; margin-top:0; padding-right:0; background:url(/korean/img/common/bg_close2.png) 0 0 / 40px 40px no-repeat; width:40px; height:40px; position: absolute; top: 20px; left: -50px; padding-left: 0; padding-right: 0;}
	.sitemap .container{overflow:auto; background:#fff; width:70%; position:absolute; top:-1px; right:-70%; height:100%; transition:all 0.3s ease; padding-left:0; padding-right:0;}
	.sitemap .container>li{width:100%; padding-top:0;}
	.sitemap .container>li>a{font-size:1.333em; font-weight:700; color:#333; margin-bottom:0; display:inline-block; margin-left:0; width:100%; padding:15px; border-bottom:1px solid #afb0b3; border-top:1px solid #afb0b3; margin-bottom:-1px;}
	.sitemap .container>li.active>a{background:#1e274e; color:#fff; border-color:#1e274e;}
	.sitemap .container>li.active ul{opacity:1; visibility:visible; z-index:1; height:inherit;}
	.sitemap .container>li ul{opacity:0; visibility:hidden; z-index:-1; height:0; transition:all 0.3s ease;}
	.sitemap .container>li ul>li>a{width:100%; letter-spacing:-0.05em; display:inline-block; padding:15px;}
	.sitemap .container>li ul>li>a:hover{color:#fff; background:#115fad;}
}

@media (max-width:413px){
	#header .tsidemenu>li>a{font-size:0.8em;}
}