@charset "utf-8";

/* s_visual */
#sub_top_Wrap{}

.s_visual { position:relative;width:100%; height:450px; box-sizing:border-box;overflow:hidden; background:no-repeat center center; background-size:cover; margin-top: 100px; border-radius: 20px; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}
.s_visual .sv_tit{text-align: center;}
.s_visual .sv_tit h2{font-size: 56px; color: #fff; margin-bottom: 20px;}
.s_visual .sv_tit p{color: #fff; font-size: 18px; font-weight: 300; opacity: 0.75; margin-top: 20px; line-height: 1.6em; padding-left: 20px; padding-right: 20px; word-break: keep-all;}
.s_visual .depth{display: flex; justify-content: center; align-items: center; position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; width: 100%;}
.s_visual .depth li{font-size: 16px; font-weight: 500; color: #fff; opacity: 0.5;}
.s_visual .depth li + li::before{content: '→'; font-family: 'SUIT', sans-serif; margin: 0 15px;}

@media all and (max-width:1480px){
	.s_visual{height: 400px;}
	.s_visual .sv_tit h2{font-size: 48px;}
	.s_visual .sv_tit p{font-size: 17px;}
	.s_visual .depth{bottom: 45px;}
	.s_visual .depth li{font-size: 15px;}
	.s_visual .depth li + li::before{margin: 0 12px;}
}
@media all and (max-width:1024px){
	.s_visual{height: 360px; margin-top: 70px;}
	.s_visual .sv_tit h2{font-size: 42px;}
	.s_visual .depth{bottom: 40px;}
}
@media all and (max-width:768px){
	.s_visual{height: 360px; border-radius: 10px;}
	.s_visual .sv_tit h2{font-size: 36px;}
	.s_visual .sv_tit p{font-size: 16px;}
	.s_visual .depth{bottom: 35px;}
	.s_visual .depth li{font-size: 14px;}
	.s_visual .depth li + li::before{margin: 0 9px;}
}
@media all and (max-width:500px){
	.s_visual{height: 340px;}
	.s_visual .sv_tit h2{font-size: 30px;}
	.s_visual .sv_tit p{font-size: 15px;}
	.s_visual .sv_tit p br{display: none;}
}



/* Sub-Menu */
.sub_menu_wrap {height: 0; width: 0; overflow: hidden; visibility: hidden; position: absolute; left: -9999px; top: -9999px;}





#subTitle {font-size: 40px; text-align: center; color: #000; font-weight: 700; margin-bottom: 70px;}
#pageCont{padding: 100px 0 120px;}

@media all and (max-width:1480px){
	#subTitle{font-size: 36px; margin-bottom: 60px;}
	#pageCont{padding: 95px 0 110px;}
}
@media all and (max-width:1024px){
	#subTitle{font-size: 33px; margin-bottom: 50px;}
	#pageCont{padding: 85px 0 100px;}
}
@media all and (max-width:768px){
	#subTitle{font-size: 30px; margin-bottom: 45px;}
	#pageCont{padding: 75px 0 90px;}
}
@media all and (max-width:500px){
	#subTitle{font-size: 28px; margin-bottom: 40px;}
	#pageCont{padding: 70px 0 80px;}
}


s_conts { padding:50px 0; position:relative; font-size:14px; color:#7b7b7b; font-family:NanumSR; overflow: hidden;}
.s_conts h1 { line-height:35px; font-size:22px; font-weight:normal; color:#333 ; font-weight:bold;}
.s_conts h1 span{color:#0e59af;}
.s_conts h2, .s_conts h3, .s_conts h4 { font-family:Noto Sans KR}
.s_conts h2 { background:url(/m/img/sub/h2_mark.png) no-repeat;  background-size:35px; line-height:35px; text-indent:40px; font-size:28px; font-weight:normal; margin-bottom:20px; color:#333}
.s_conts h3 {line-height:35px; padding-left:18px; font-size:22px; font-weight:normal; color:#333; position: relative;}
.s_conts h3::before{content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; background-color: #203569;}
.s_conts .line { display:inline-block; width:100%; border-bottom:1px dotted #ddd; margin:30px 0}
.s_conts .line2 { display:inline-block; width:100%; border-bottom:1px dotted #ddd; margin:30px 0 10px;}
.term { line-height: 1.7em; font-size: 16px;}
.term .title { color:#212121; margin: 2em 0 1em; font-weight: 600; font-size: 1.2em;  }


#mem {font-size: 10px;}
#mem .t1 {font-size:1.8em; line-height:1.6em;}
#mem .st1 {font-size:1.6em; color:#686868; margin-top:1em}
#mem dl {margin:3em 0 1em}
#mem dl dt {margin-bottom:1em; font-size:2.4rem; color:#094d93; font-weight:800}
#mem dl dd {border-radius:5px; background:#f8f9fb; padding:20px; font-size:1.8rem; color:#222}
#mem h4 {font-size: 2em; line-height: 1.3em; color: #000;}
#mem h3 {margin:2em 0 1em; font-size:2.1em; color:#222; font-weight:700}
#mem #dotList {padding:20px; border: 1px solid #ddd;}
#mem #dotList + p{margin-top: 20px;}
#mem .num {font-size:1.8em; margin-bottom:1em; line-height: 1.6em;}

@media all and (max-width:768px){
	#mem {font-size: 9px;}
    #mem h4 {font-size: 2em;}
	#mem dl dd { padding:10px; }
	#mem h3,
	#mem #dotList {padding-left:5px}
}


#dotList li {position:relative; }
#dotList li + li {margin-top:0.5em}
#dotList li:before {content:''; width:3px; height:3px; border-radius:100px; background:#094d93;position:absolute; left:0; top:0.7em;}
#dotList li p { padding-left:10px; font-size:1.8em; line-height:1.6em }

@media all and (max-width:1024px) {
	#dotList li p {  line-height:1.4em }
}