.container-body{max-width: 1200px; margin: 0 auto;}

ol, ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html,body{height: 100%;}
a{text-decoration:none; color: inherit}	
address,em{font-style: normal}
/*.inner{max-width: 1200px; margin: 0 auto;} */

#header{border-top:3px solid #202266;position: relative;z-index: 150}

#gnb .inner{position: relative;padding: 25px 0}

#logo{margin-top: 0px;}
#logo img{display: inline-block; }
#gnb .top_sch{position: absolute;margin-top: 35px; right: 0; top:39px; padding-right: 37px;}
#gnb .top_sch input[type="text"]{width: 300px; height: 45px;padding: 0 5px}

#gnb .top_sch .submit{position: absolute;right: 0;top:0;width: 3.0em;height: 100%;white-space: nowrap;overflow: hidden;text-indent: -999px;border:0px;display: block;background:#202266 url('/asset/img/icon/view.png') center center no-repeat;font-size: 1rem;}
#gnb .top_sch .btn{display: none;white-space: nowrap;overflow: hidden;text-indent: -999px;background:#202266 url('/asset/img/icon/btn-sch.png') center center no-repeat;height: 2.867em;width: 2.867em;font-size: 1rem}
#gnb .top_sch .btn.on{ background-image: url(/asset/img/icon/btn-close.png);background-size: 1.4em;background-color: #202266;}

#lnb{text-align: center;border:1px solid #d7d7d7;border-left: 0;border-right: 0;height: 50px;z-index: 149;position: relative;}
#lnb a{display: block;}
#lnb .inner > ul > li{float: left;width: 20%;position: relative;}
#lnb .inner > ul > li:first-child:before,#lnb .inner > ul > li:after{position: absolute;width: 1px;height: 20px;margin-top: -10px;background: #ececec;content: '';top:50%;}
#lnb .inner > ul > li:first-child:before{left: 0}
#lnb .inner > ul > li:after{right: 0}
#lnb .inner > ul > li > a{font-size: 18px;font-weight: 300;color: #666;padding: 15px 0;line-height: 1.1;position: relative;letter-spacing: -0.03em}
#lnb .depth{position: absolute;left: 0;top:49px;width: 100%;border-right: 1px solid #ececec;}
#lnb .inner > ul > li:first-child .depth{border-left: 1px solid #ececec;}
#lnb .inner > ul > li:hover > a,#lnb .inner > ul > li.active > a {color: #202266}
#lnb .inner > ul > li:hover .depth{background: #f1f1f1}
#lnb .depth a:hover{color: #202266;text-decoration: underline;}
#lnb .depth li{margin-top: 10px;}
#lnb .depth li:first-child{margin-top: 15px}
.depth_bg{background: #fff;position: absolute;left: 0;top:138px;width: 100%;z-index: 148}
#lnb .depth,.depth_bg{height: 0;overflow: hidden;}
.depth_bg_border{border-bottom:2px solid #202266;}
.top_nav >.active > a:after,.top_nav >li:hover > a:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 3px;background: #202266}
.top_nav ul{text-align: left;}
.top_nav ul li{padding-left:20px;font-size:95%;}
#btn-menu{z-index: 149;display: none;}
.allmenu {position:fixed; width: 100%; z-index: 999; top:0;display: none; height: 100%;background: #fff;}
.allmenu .in{position: relative;height: 100%;}
.allmenu .tit{height: 5rem;background: #1d2c7e;font-size: 1.4em;color: #fff;padding: 0 1rem;line-height: 5rem;position: absolute;letter-spacing: 0;left: 0;top:0;width: 100%;z-index: 1}
.allmenu .btn-close{border:0px;margin-right:-14px;color:#202266;}
.toplist{overflow:hidden;}
.toplist li{float:left;}
.toplist li a{display:block;position: relative;    padding: 0 5px;}
.toplist li a{font-size: 24px;font-weight: 500;color: #fff;}

.top_nav_m{background: #fff;overflow-y:auto;padding:5em 0 3.5em 0;height: 100%}
.top_nav_m > li{position: relative;}
.top_nav_m > li > a{font-size: 1.3em; color:#111;font-weight: 500; margin: 0 1rem; padding: 0.8em 2rem 0.8em 0;border-bottom: 1px solid #d7d7d7;position: relative;}
.top_nav_m > li > a:after{position: absolute;right: 0;width: 1.333rem;height: 0.867rem;background: url('../img/common/allmenu_a.png') center center no-repeat;background-size: 100%;content: '';top:50%;margin-top: -0.4335rem;}
.top_nav_m > li > a.on:after{background-image: url('../img/common/allmenu_a_on.png')}
.top_nav_m li .on{border-bottom: 2px solid #202266;color: #202266}


.top_nav_m a{display: block;}
.top_nav_m .depth{line-height: 1.5; display: none; font-size: 1.15em; background: #f1f1f1; position: relative;padding:10px 1.3rem;color: #333;}
.top_nav_m .depth a{display: block;padding: 5px 0.8em;position: relative;}
.top_nav_m .depth a:before{position: absolute;left: 0;top:5px;content: '-'}


.allmenu_bg {position: absolute; height:100%; top: 0;width:100%; background:#000; opacity:0.6;z-index: 888;display: none;}

/* top re defaine */
.gnb{position: absolute;right: 0;top:8px;font-size: 14px;}
.gnb > li{float: left;margin-left: 10px;position: relative;padding-left: 10px;}
.gnb > li:before{position: absolute;left: 0;top:50%;margin-top: -5px;width: 1px;height: 10px;background: #ccc;content: ''}
.gnb > li:first-child:before{background: none}




@media (max-width:1280px){

}

@media (max-width:1200px){
	#gnb .top_sch input[type="text"]{width: 175px; height: 35px;padding: 0 5px}	
	#logo{padding: 30px 0 0 30px;margin-top: -0.1rem;}
}

@media (max-width:1190px){
	
	#logo{padding: 0px 0 0 30px;margin-top: -0.1rem;}
}

@media (max-width:1024px){
	#lnb{display: none;}
	#btn-menu{
		display: block!important;
		width: 2.467em;height: 2.467em;
		border:0px;
		background: url('../../asset/img/icon/btn-menu.png') center center no-repeat;
		background-size: cover;position: absolute;left: 0.867rem;top:50%;margin-top: -1.4em;background-size: cover
	}
	/*#gnb #logo{margin : 0 auto; width : 26.600em}*/
	#logo img {margin : 0 auto; }
	#gnb .top_sch{padding-right: 0;margin: 0;right: 0.867rem}
	#gnb .top_sch input[type="text"]{height: 100%;width: 11.5em}
	#gnb .top_sch .btn{position: absolute;top:50%;margin-top: -1.44rem;display: block;;right: 0}
	#gnb .in{position: absolute;right: 0;z-index: 150;top:1.8em;padding-right: 2.867em;height: 2.867em;display: none;}

	#gnb .top_sch{top:0;height: 100%}
	#gnb .in{top:5em}
	#gnb .top_sch .submit{width: 2.87em}

	#doc_title{padding:50px 0px;}
	.sub_t {
		font-size: 2em;
		font-weight: 700;
		letter-spacing: -0.03em;
	}
	#logo{padding: 0px 0 0 70px;margin-top: -0.1rem;}

}

@media (max-width:970px){
	
	#logo{padding: 0px 0 0 70px;margin-top: -0.1rem;}
}


@media (max-width:800px){
	
	#logo{padding: 0px 0 0 70px;}
}


@media (max-width:760px){
	#doc_title{padding:40px 0px;}
	.sub_t {
		font-size: 1.8em;
		font-weight: 700;
		letter-spacing: -0.03em;
	}
	
	#logo{padding: 0px 0 0 70px;}
}
	
@media (max-width:640px){
	html{font-size: 14px;}
	.pc{display: none;}
	.mobile{display:block;}
	#btn-menu{width: 2rem;height: 2rem;margin-top: -0.9rem;}
	
	#gnb .inner{margin:0;height: 110px;margin-top: -0.1rem;}
	
	
	#gnb .in{top:4.27em}
	.inblock-only{width:calc(100% - 1em)!important;}
	.container-body{height:40px;}

	#doc_title{padding:30px 0px;}
	.sub_t {
		font-size: 1.6em;
		font-weight: 700;
		letter-spacing: -0.03em;
	}
	#logo{  padding:0 0 0 50px; margin:0 0 20px 0;}

}

@media (max-width:500px){
	#logo{ margin:0px 0 10px 50px;padding: 0px 0 0px 0px; margin-top: -0.1rem;}

}

@media (max-width:420px){
	#logo{ margin:20px 0 10px 50px;padding: 0px 0 0px 0px; margin-top: -0.1rem;}

}

@media (max-width:380px){
  html{font-size: 13px;}
  .toplist li a{font-size: 20px;font-weight: 500;}
  #gnb .top_sch .btn{width: 2.3rem;height: 2.3rem;margin-top: -1.15rem;}
  #logo{ margin:0px 0 10px 50px;padding: 0px 0 0px 0px; margin-top: -0.1rem;}
}


