@charset "utf-8";



@media (max-width: 1800px) {
/* s11 */
	.s11 .arti1 {align-content: flex-start; align-items: flex-start;}
	.s11 .arti1 .rbx figure img{width: 35vw;}
}


@media (max-width: 1500px) {
 .s2-type2 .arti1 .box .img-box figure img{max-width:100%;}
 .s2-type2 .arti1 .box .img-box figure {flex:1;}
 .s2-type2 .arti1 .box .img-box.col-rand figure:first-child{flex:100%;} 
 .s2-type2 .arti1 .box .img-box.col6 figure{flex:29%}
 
 

}

@media (max-width: 1200px) {
/* s2 */
	.s2 .arti1 .box .tbx{padding: 0; padding-right: 20px;}
}




@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 70vw;}
	.sub-visual > .box h4{font-size: clamp(28px, 5.5vw, 64px); line-height: 1.5;}
	.lnb{margin-top: -80px;}
	.lnb > ul > li > a{height: 50px; font-size: 16px;}
	.sub-layout{margin-top: 80px; margin-bottom: 100px;}
	.sub-tit{font-size: clamp(22px, 4.8vw, 56px); line-height: 1.5; margin-bottom: 50px; }
/* s11 */	
	.s11 .arti1 .lbx{padding-top: 0;}
	.s11 .arti1 .lbx .tit{gap:10px;padding-bottom: 20px; margin-bottom: 20px;}
	.s11 .arti1 .lbx .tit small{font-size: 14px;}
	.s11 .arti1 .lbx .tit h4{font-size: clamp(18px, 4vw, 40px); line-height: 1.5;}
	.s11 .arti1 .lbx .p-box {gap:1rem}
	.s11 .arti1 .lbx .p-box p{font-size: 16px; line-height: 1.5;}
	.s11 .arti1 .lbx .p-box p br{display: none;}
	.s11 .arti1 .rbx{margin-top: 30px; margin-left: auto;}
	.s11 .arti1 .rbx figure img{width: 50vw;}
	.s11 .arti1 .lbx sign{font-size: 16px;}
	.s11 .arti1 .lbx sign b{font-size: 18px;}
	
/* s12 */	
	.s12 .arti1 .histry-box .tit{display: none;}
	.s12 .arti1 .histry-box{justify-content: flex-start;}
	.s12 .arti1 .histry-box .history{gap:40px; padding-left: 40px; width: 100%;}
	.s12 .arti1 .histry-box .history .box{gap:10px;}
	.s12 .arti1 .histry-box .history .box:after{left: -40px; top: 2px;}
	.s12 .arti1 .histry-box .history .box:before{left: -35px; width: 30px;     top: 11px;}
	.s12 .arti1 .histry-box .history b{font-size: 24px; line-height: 1;}
	.s12 .arti1 .histry-box .history ul{margin-left: 0;}
	.s12 .arti1 .histry-box .history ul > li{font-size: 16px; line-height: 1.5; padding-left: 12px;}
	.s12 .arti1 .histry-box .history ul > li:before{top: 9px;}
	.s12 .arti1 .histry-box .history:after {height: calc((100% + 100px) - 18px);}

/* s13 */	
	.s13 .arti1 .map-box{height: 277px;}
	.s13 .arti1 .root_daum_roughmap .wrap_map{height: 280px !Important;}
	
	.s13 .arti2{margin-top: 30px; flex-direction: column; gap:10px;}
	.s13 .arti2 ol{padding: 0; gap:5px} 
	.s13 .arti2 ol > li{font-size: 16px; line-height: 1.5;}
	.s13 .arti2 ul{margin-left: auto;}
	.s13 .arti2 ul > li > a{width: 120px; gap:20px; height: 50px; font-size: 16px;	padding: 10px; justify-content: space-between;}
	

/* s21 */	
	.s2 .arti1 .box{flex-direction: column; align-items: flex-start; gap:20px}
	.s21 .arti1 .box{padding: 40px 20px;}
	.s2 .arti1 .box .tbx .tit{gap:5px; margin-bottom: 10px;}
	.s2 .arti1 .box .tbx .tit small{font-size: 14px;}
	.s2 .arti1 .box .tbx .tit b{font-size: 24px; line-height: 1.5;}
	.s2 .arti1 .box .tbx p{font-size: 16px; line-height: 1.5;		}
	.s2 .arti1 .box figure{max-width:100%; display: flex; align-items:center; justify-content: center; border-radius: 4px;}
	.s2 .arti1 .box:nth-child(even) .tbx{padding: 0;}
	.s2 .arti1 .box:nth-child(even){padding: 40px 20px;}
	.s2 .arti1 .box .tbx p{word-break: keep-all;}
	.s2 .arti1 .box .tbx b{font-size: 18px; line-height: 1.5;}
	.s2 .arti1 .box .tbx b br{display: none;}
	.s2 .arti1 .box .tbx p br{display: none;}
	
	.s2-type2 .arti1 .box{padding: 40px 20px;}
	.s2-type2 .arti1 .box .tbx{flex-direction: column; gap:20px; padding-bottom: 30px; margin-bottom: 30px;}
	.s2-type2 .arti1 .box .tbx .lbx span{font-size: 16px;}
	.s2-type2 .arti1 .box .tbx .lbx strong{font-size: 24px; line-height: 1.5;}
	.s2-type2 .arti1 .box .tbx .rbx b{font-size: 18px; line-height: 1.5;}
	.s2-type2 .arti1 .box .tbx .rbx p{font-size: 16px; line-height: 1.5;}
	.s2-type2 .arti1 .box .tbx .rbx p br{display: none;}
	
	.s2-type2 .arti1 .box .img-box{gap:15px;}
	.s2-type2 .arti1 .box .img-box.col-rand figure{flex:45%;;} 
	.s2-type2 .arti1 .box .img-box.col6 figure{flex:45%;}
	
/* s3 */	
	.sub-layout.lay3, .sub-layout.lay4, .sub-layout.lay5{margin-top: 140px;}
	.certification > ul{gap:20px 0; margin-left: -20px;}
	.certification > ul > li{width: calc(50% - 20px); margin-left: 20px; height: auto; padding: 20px;}
	.certification > ul > li figure img{width: auto; max-width:100%;}
	
/* s4 */	
	.s4-tit{gap:15px; margin-bottom: 30px; padding-bottom: 30px;}
	.s4-tit h4{font-size: 22px; line-height: 1.5;}
	.s4-tit h4 br{display: none;}
	.s4-tit p{font-size: 16px; line-height: 1.5;}
	
	.s2-type2 .arti1 .box .img-box figure span{padding: 5px 10px; font-size: 12px;  bottom: 10px;}
	
}

@media (max-width: 480px) {


}