@charset "utf-8";
@font-face{font-family:'IropkeBatangM'; src:url(IropkeBatangM.eot), url(IropkeBatangM.woff) format('woff')}
.wrap{margin:auto}
header {z-index:100;}
header:after {display:block; content:""; clear:both;}
/* header .gnb {position:absolute; top:35px; left:13.5%; width:73%;}
header h1 {text-align:center; padding:9px; font-size:15px; line-height:160%} */
header .gnb {padding:36px 0px}
header .gnb:after{display:block; content:''; clear:both}
header .gnb>ul.etc>li.lang  {display:none;}
/* header h1 {position:absolute; top:10px; left:0; right:0; text-align:center;} */
header h1 {position:absolute; top:10px; left:50%; transform:translateX(-50%); z-index:999;}
header h1 a{display:inline-block; text-align:left; padding:15px 0px; padding-left:70px; background:url(/support/img/inc/logo.gif) no-repeat left 10px; font-weight:normal; font-size:13px}
header h1 a:hover {text-decoration:none;}
header h1 a span{display:block; font-size:2.3em; color:#102256}
header nav#lnb .close{display:none}
header nav#lnb div.submenu>ul>li>ul{display:none}

footer {background:#252525;}
footer #footer{position:relative; padding:35px 0px 40px; overflow:hidden}
footer #footer>p{display:inline-block; float:left; padding:15px 0px 15px 70px;  color:#fff; font-size:1.47em; background:url(/support/img/inc/logo_w.png) no-repeat left center; word-break:keep-all}
footer #footer>ul{margin-top:15px; margin-left:22%; float:left}
footer #footer>ul>li{margin-bottom:5px}
footer #footer>ul>li>a{font-size:0.93em; color:#afafaf}
footer #footer>ul>li:first-child>a{color:#398edd}
footer #footer>div.rCon{float:left; margin-top:15px; margin-left:6%; color:#fff; font-size:0.93em; letter-spacing:0px}
footer #footer>div.rCon p.txt{margin:10px 0px 50px}


/*******************************************************************************************************************/


@media screen and (min-width:801px){
	.dp_mb{display:none}
	.pc_block{display:block}
	
	header nav#lnb{border-top:1px solid #ddd}	
	header nav#lnb .wrap{position:relative}
	/*
	header nav#lnb>div>ul{margin-left:-3.5%; margin-right:-3.5%; max-width:1400px; transition:all ease .2s}
	header nav#lnb>div>ul>li{position:relative; float:left; width:10.714%}
	header nav#lnb>div>ul>li.shop{ width:25%}
	header nav#lnb>div>ul>li:after{display:block; content:''; }
	*/
	header nav#lnb>div>ul{display:flex; margin-left:-3.5%; margin-right:-3.5%; max-width:1400px; transition:all ease .2s;}
	header nav#lnb>div>ul>li{flex:1 1 auto; position:relative;}
	header nav#lnb>div>ul>li>a {position:relative; z-index:999;}
	
	header nav#lnb>div>ul>li>a{display:block; text-align:center; padding:19px 0px 21px; font-size:1.3em; /* font-size:1.37em; *//*  transition:font-size ease .5s */}
	header nav#lnb>div>ul>li>div.submenu{display:none; position:absolute; margin-top:1px; left:-1px; width:101%; z-index:99; background:#fff}
	header nav#lnb>div>ul>li:first-child>div.submenu{width:110%; left:-12%; }
	header nav#lnb>div>ul>li>div.submenu>div{display:none}
	header nav#lnb>div>ul>li>div.submenu ul{padding:15px 20px 0px; height:330px; text-align:center}
	header nav#lnb>div>ul>li>div.submenu ul li{word-break:keep-all}
	header nav#lnb>div>ul>li>div.submenu ul li:last-child{border:0px}
	header nav#lnb>div>ul>li>div.submenu ul li a{display:block; padding:8px 5px}		
	header nav#lnb>div>ul>li:hover,
	header nav#lnb>div>ul>li:hover>div.submenu{font-weight:bold}
	header nav#lnb>div>ul>li:hover>a{color:#0a59ba}
	header nav.on#lnb>div>ul>li>div.submenu{border-left:1px solid #eee}
	header nav.on#lnb>div>ul>li:first-child{border-left:0px}
	header nav.on#lnb>div>ul>li:first-child>div.submenu{padding-left:25px; border-left:0px}
	header nav.on#lnb:before{display:block; content:''; position:absolute; top:161px; width:100%; height:330px; background:#fff; border-top:1px solid #000; z-index:98}
	/* header .tm_jobinfo{position:relative} */
	/* header .tm_jobinfo a{display:block; position:absolute; top:24px; right:0px; padding-left:20px; width:123px; background:url(/support/img/inc/ic_jobinfo.gif) no-repeat left center} */
	header .navBg{display:none; position:absolute; left:0; top:455px; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:49}

	h1+div.wrap {position:relative;}
	header .tm_jobinfo a{display:block; position:absolute; top:37px; right:0px; padding-left:20px; width:123px; background:url(/support/img/inc/ic_jobinfo.gif) no-repeat left center}
	header .gnb>ul.etc {padding-right:117px;}
}

@media screen and (min-width:801px) and (max-width:860px){
	header nav#lnb>div>ul>li>a {font-size:1rem !important;}
}

@media screen and (max-width:1400px){
	.wrap{max-width:96% !important}
	header nav#lnb>div>ul{margin-left:-2.5%; margin-right:-2.5%; /* padding-right:130px; */ max-width:1200px}
	header nav#lnb>div>ul>li>a{padding:21px 0px 23px; font-size:1.2em; word-break:keep-all}
	header .tm_jobinfo a{right:20px} 
}

@media screen and (max-width:1200px){
	header .gnb {padding-top:100px;}
}

@media screen and (max-width:800px){
	.dp_pc{display:none}
	.mb_block{display:block}
	.wrap{max-width:100% !important}

	header{height:75px}	
	header h1{top:6px}
	header h1 a{font-size:12px; padding:20px 10px 20px 50px; background-size:45px; line-height:170%}
	header h1 a span{font-size:2.01em}
	header .tm_jobinfo a{display:block; position:absolute; top:19px; right:20px; padding-top:25px; text-align:center;  background:url(/support/img/inc/mb_ic_jobinfo.gif) no-repeat center top}
	header nav#lnb h2{position:absolute; left:0px; top:7px; z-index:99}
	header nav#lnb h2 a{display:block; width:60px; height:60px; text-indent:-5000px}
	header nav#lnb h2 a:after{display:block; content:''; position:absolute; left:20px; top:20px; width:28px; height:2px; background:#111; 
	box-shadow:0px 10px 0px #111, 0px 20px 0px #111}
	header nav#lnb>div {background:#111; z-index:9999;}
	.navBg {z-index:1000;}
	header nav#lnb .close {z-index:10000;}
	header nav#lnb>div>ul{width:340px}
	header nav#lnb>div>ul:before{width:120px}
	header nav#lnb>div>ul>li>a{width:120px; padding-top:26px}
	header nav#lnb div.submenu{width:220px}

	header nav#lnb>div>ul>li.shop>a {padding-top:5px;}

	footer #footer{text-align:center; padding:30px 10px;}
	footer #footer>p{display:none; float:none}
	footer #footer>ul{display:none;}
	footer #footer>div.rCon{float:none; margin-left:0; margin-top:5px}
	footer #footer>div.rCon span {display:block; line-height:25px;}
	footer #footer>div.rCon p.txt{margin:10px 0px 0px}
	footer #footer>div.rCon p.copy {display:none;}
}