@charset "utf-8";

@media (max-width: 1400px) {
/* sub-common */
	.sub-wrap{gap:40px;}
	.sub-wrap .sub-cnt{width: calc(100% - 320px); }
/* s11 */
	.s11 .arti1 .fig-box{width: 25vw;}

/* s13 */	
	.s13 article .tbx ul{flex:1;}
	.s13 article .tbx ol{width: 248px;;}
	.s13 article .tbx ol > li > a{height: 40px; width: 120px; font-size: 16px; padding: 0 10px;}
	
/* s21 */
	.s21 .arti1 dl{gap:40px;}
	.s21 .arti1 dl dt{max-width:240px; }
	.s21 .arti1 dl dd{width: calc(100% - 280px);}
}

@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 50vw; margin-bottom: 80px;}
	.sub-visual > .sv-tbx{padding-top: 60px;}
	.sub-visual .sv-tit{font-size: clamp(28px, 6.2vw, 72px); line-height: 1.2;}
	.sub-wrap{flex-direction: column; margin-bottom: 80px;}
	.sub-wrap .sub-menu{max-width:100%; width: 100%;}
	.sub-wrap .sub-menu .speed-box{padding: 0;}
	.sub-wrap .sub-menu .speed-box ul > li{font-size: 16px;}
	.sub-wrap .sub-menu .speed-box ul > li:not(:last-child):after{margin: 0 6px;}
	.sub-wrap .sub-menu .lnb{display: none;}
	.sub-wrap .sub-menu{position: relative; z-index: 100;}
	.sub-wrap .sub-menu .speed-box ul > li:not(:last-child):after{display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1{margin: 0 15px;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1 .submenu{display: none;} 
	.sub-wrap .sub-menu .speed-box > ul > li{position: relative; z-index: 10;}
	.sub-wrap .sub-menu .speed-box > ul > li b{position: relative; display: flex; align-items:center; justify-content: space-between; width: 130px; border-radius: 50px; height: 40px; padding: 0 20px;  font-size: 14px; font-weight: 400; background: #122A89; color: #fff; gap:10px; cursor: pointer; transition:.3s;}
	.sub-wrap .sub-menu .speed-box > ul > li b:after{content: ''; width: 14px; height: 10px; background: url(../img/sub/lnb-arr.png) center no-repeat; background-size: 70%; filter: brightness(5); transition: .3s;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1 > ul{flex-direction: column; align-items:flex-start; position: absolute; left: 0; top: 39px; width: calc(100%); background: #122A89; border-radius: 0 0 15px 15px; padding: 10px 0; display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1 > ul > li > a{font-size: 14px; color: #fff; padding: 0 20px;	line-height: 1.8;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1 > ul > li:after{display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 {}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > b{width: 150px;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > ul > li {display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > ul > li.current{display: block;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > ul > li > a{display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > ul > li > .submenu > ul{flex-direction: column; align-items:flex-start; position: absolute; left: 0; top: 39px; width: calc(100%); background: #122A89; border-radius: 0 0 15px 15px; padding: 10px 0; display: none;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq2 > ul > li > .submenu > ul > li > a{font-size: 14px; color: #fff; padding: 0 20px;	line-height: 1.8;}
	.sub-wrap .sub-menu .speed-box > ul > li.on b{border-radius: 20px 20px 0 0;}
	.sub-wrap .sub-menu .speed-box > ul > li.on b:after{rotate:180deg;}
	.sub-wrap .sub-menu .sticky{position: relative; top: 0;}
	.sub-wrap .sub-cnt{width: 100%;}
	.sub-wrap .sub-cnt .sub-tit{font-size: clamp(24px, 5.2vw, 64px); line-height: 1.2; margin-bottom: 50px;}
	
/* s11 */
	.s11 .arti1{flex-direction: column; gap:40px}
	.s11 .arti1 > .tbx b{font-size: 22px; line-height: 1.5; padding-bottom: 20px; 	 }
	.s11 .arti1 > .tbx .p-box{gap:1em}
	.s11 .arti1 > .tbx .p-box p{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .fig-box{margin-left: auto; min-width:200px; }
	.s11 .arti1 .fig-box .tbx{margin-top: 15px; padding-bottom: 15px; gap:0}
	.s11 .arti1 .fig-box .tbx span{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .fig-box .tbx p{font-size: 18px; line-height: 1.5;}
	
/* s13 */	
	.s13 article .map-box .root_daum_roughmap .wrap_map{height: 50vw !important;}
	.s13 article .tbx{flex-direction: column; padding-left: 0; margin-top: 30px;}
	.s13 article .tbx ul > li{font-size: 16px; line-height: 1.5;}
	.s13 article .tbx ul > li span{width: 40px;}
	.s13 article .tbx ol{margin-left: auto; margin-top: 20px;}
	
/* s21 */	
	.s21 .arti1 dl{padding-bottom: 30px; margin-bottom: 30px; flex-direction: column; }
	.s21 .arti1 dl > *{width: 100% !Important; max-width:100% !important;}
	.s21 .arti1 dl dt p{font-size: 22px; line-height: 1.5; word-break: keep-all;}
	.s21 .arti1 dl dt p br{display: none;}
	.s21 .arti1 dl dd .box{gap:5px; margin-bottom: 30px;}
	.s21 .arti1 dl dd .box b{font-size: 20px; line-height: 1.5;}
	.s21 .arti1 dl dd .box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s21 .arti1 dl dd .box p br{display: none;}
	.s21 .arti1 dl dd .dot-ul {gap:5px;}
	.s21 .arti1 dl dd .dot-ul > li{font-size: 18px; line-height: 1.5; padding-left: 15px; display: block;}
	.s21 .arti1 dl dd .dot-ul > li > *{display: inline !important;}
	.s21 .arti1 dl dd .dot-ul > li:before{top: 11px;}
	.s21 .arti1 dl dd .flex > li p{font-size: 18px; line-height: 1.5;}
	
}

@media (max-width: 640px) {
	.sub-visual{margin-bottom: 40px;}
	.sub-wrap .sub-menu .speed-box > ul > li b{padding: 0px 10px;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1{margin: 0 8px;}
	.sub-wrap .sub-menu .speed-box > ul > li.eq1 > ul > li > a{padding: 0 10px;}
	.gall_pop {width:90vw !important;}
	.gall_pop_cnt{max-height:100% !important; height: auto !important;}
	.gall_pop_cnt .pic img{height: auto !important; max-height:100%;}
	
/* s21 */	
	.s21 .arti1 dl dd .flex > li{width: calc(50% - 12px); gap:15px; height: auto; padding: 20px;}
	.s21 .arti1 dl dd .flex > li figure{width: 70px; height: 70px; padding: 10px;}
	

}

@media (max-width: 400px) {
	
}