@charset "utf-8";

@media (max-width: 1520px) {
/* s31 */
	.s31 .grid-container img{margin: 0.8vw; width: 31vw;}

}

@media (max-width: 1400px) {
/* s11 */
	.s11 .icon-text > li{padding: 50px 20px;}
	.s11 .icon-text > li .tbx p{font-size: 14px; line-height: 1.5;}
	
/* s41 */
	.s41 .arti2 .box > .tbx p{font-size: 18px; line-height: 1.5; word-break: keep-all;}
	.s41 .arti2 .box > .tbx p br{display: none;}
	.s51-top ul > li{flex:18%}
}		


@media (max-width: 1024px) {
/* sub-common */
	.sub-visual{height: 50vw;}
	.sub-visual .sv-tbx .sv-tit{font-size: clamp(24px, 5.8vw, 60px); margin-bottom: 15px;}
	.sub-visual .sv-tbx .sv-txt{font-size: 16px; line-height: 1.5;}
	.lnb-wrap{margin-bottom: 12vw;}
	.lnb > li.home{padding-right: 23px;}
	.lnb > li{height: 60px; font-size: 14px; padding-right: 60px;}
	.lnb > li:not(:last-child):after{right: 8px;}
	.lnb > li:not(:last-child):before{right: 25px;}
	.lnb > li.spage{font-size: 14px;}
	.lnb > li.spage > ul:before{top: 1px;}
	.lnb > li.spage > ul{padding-left: 15px; gap:15px;}

	.s11 .icon-text > li figcaption{font-size: 16px;}
/* s11 */
	.s11 .sub-tit{margin-bottom: 40px;}
	.sub-tit h4{font-size: clamp(20px, 3.5vw, 35px); line-height: 1.5;}
	.sub-tit p{font-size: 14px; line-height: 1.5;}
	.s11 .img-con .tbx small{font-size: 14px; line-height: 1.5;}
	.s11 .img-con .tbx strong{font-size: 20px; line-height: 1.5; word-break: keep-all;}
	.s11 .img-con .tbx strong br{display: none;}
	.s11 .img-con .tbx{padding: 0 20px; width: auto;}
	.s11 .icon-text{    flex-direction: column; margin-top: 40px;}
	.s11 .icon-text > li{padding: 30px 20px;}
	.s11 .icon-text > li .tbx{height: auto;}
	.s11 .img-con{height: auto;}
	.s11 .img-con img{height: auto; height: 40vw;}
	.s11 .arti2-wrap{padding: 12vw 0 12vw;}




/* s12 */
/* 	.s12{margin-bottom: 12vw;} */
/* 	.s12 figure{margin-top: 8vw;} */
	.s12 figure.mt{margin-top: 8vw;}
	.s12 .img-con{margin-top: 8vw;}
	.s12 .img-con .tbx{padding: 0 20px; width: auto; max-width:340px}
	.s12 .img-con .tbx small{font-size: 14px; line-height: 1.5;}
	.s12 .img-con .tbx strong{font-size: 20px; line-height: 1.5; word-break: keep-all;}
	.s12 .img-con .tbx strong br{display: none;}
	.s12 .img-con .tbx{padding: 0 20px; width: auto;}
	.s12 .img-con{height: auto;}
	.s12 .img-con img{height: auto; height: 40vw;}
	.s12 .g-box{padding: 12vw 20px; }
	.s12 .g-box br{display: none;}



/* s13 */
	.s13{margin-bottom: 12vw;}
	.s13 .arti1 .root_daum_roughmap .wrap_map{height: 60vw !important;}
	.s13 .arti2 ul > li{font-size: 14px; line-height: 1.5;}
	.s13 .arti2 ul > li span{width: 120px;}
	.s13 .arti2 ol > li a{width: 120px; height: 40px; font-size: 16px;}

/* s21 */
	.s21 .arti1{margin-bottom: 8vw;}
	.box-type1{flex-direction: column; height: auto; padding: 30px 20px;}
	.box-type1 .lbx:after{display: none;}
	.box-type1 .lbx i{width: 80px; }
	.box-type1 .lbx .txt{width: auto;}
	.box-type1 .lbx .txt small{font-size: 14px; margin-bottom: 0;}
	.box-type1 .lbx .txt b{font-size: 22px; line-height: 1.5;}
	.box-type1 .rbx{margin-top: 30px; padding-left: 0;	 padding-top: 0;}
	.box-type1 .rbx p{font-size: 14px; line-height: 1.5; word-break: keep-all; margin-bottom: 1em;}
	.box-type1 .rbx p br{display: none;}

	.s21 .arti2-wrap .box{padding-bottom: 12vw;}
	.s21 .arti2-wrap .box .tbx strong{font-size: clamp(24px, 4.2vw, 48px);}
	.s21 .arti2-wrap .box .tbx p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.s21 .arti2-wrap .box .tbx p b{font-size: 16px; word-break: keep-all;}
	.s21 .arti2-wrap .box .tbx p .nobr{display: block;}
	.s21 .arti2-wrap .box .tbx p.mark br{display: block;}
	.s21 .arti2-wrap .box .tbx p br{display: none;}
	.s21 .arti2-wrap .box .tbx dl{flex-direction: column;}
	.s21 .arti2-wrap .box .tbx dl dt{margin-bottom: 20px;}
	.s21 .arti2-wrap .box .tbx dl dd ul{font-size: 14px; gap:0 8px}
	.s21 .arti2-wrap .box:nth-child(even){padding-top: 12vw; margin-bottom: 12vw;}
	.s21 .arti2-wrap .box > ul{margin-top: 30px; }
	
/* s31 */
	.s31 .arti2{margin-top: 12vw;}
	.s31 .arti34-wrap{margin-top: 12vw; padding: 12vw 0;}

/* s41 */
	.s41 .arti1 .box2{margin-top: 12vw;}
	.s41 .arti1 .box2 h5{font-size: clamp(24px, 4.2vw, 48px);}
	.s41 .arti1 .box2 p{font-size: 14px; line-height: 1.5;}
	.s41 .arti1 .box2 figure{margin-top: 40px;}
	.s41 .arti2-wrap{margin-top: 12vw; padding: 12vw 0;}
	.s41 .arti2 .box{flex-direction: column; margin-bottom: 40px; padding-bottom: 40px;}
	.s41 .arti2 .box > *{width: 100%;}
	.s41 .arti2 .box > figure img{width: 100%;}
	.s41 .arti2 .box > .tbx{padding-left: 0; padding-top: 30px;}
	.s41 .arti2 .box > .tbx small{gap:15px}
	.s41 .arti2 .box > .tbx h6{font-size: 20px; line-height: 1.5; margin-top: 20px;}
	.s41 .arti2 .box > .tbx p{font-size: 14px; line-height: 1.5; margin-bottom: 1em;}
	.box-type1 .lbx .txt{padding-left: 20px;}

/* s51 */
	.s51-top ul{gap:40px}
	.s51-top ul > li{flex:19%; height: auto; padding: 30px 0;}
	.s51-top ul > li figure img{width: 80px;}
	.s51-top ul > li .tbx small{font-size: 16px;}
	.s51-top ul > li .tbx p{font-size: 22px;}

	.s51-top ul > li:after{right: -30px; width: 40px; background-size: 8px;}
	.s51-top ul > li:nth-child(4n+4):after{display: none;}
	.s51-top ul > li:nth-child(1){order:1}
	.s51-top ul > li:nth-child(2){order:2}
	.s51-top ul > li:nth-child(3){order:3}
	.s51-top ul > li:nth-child(4){order:4}
	.s51-top ul > li:nth-child(5){order:5}
	.s51-top ul > li:nth-child(6){order:6}
	.s51-top ul > li:nth-child(7){order:7}
	.s51-top ul > li:nth-child(8){order:8}
/* 	.s51-top ul > li:nth-child(n+5):after{left: auto; right: -40px; rotate: 0deg;} */


}

@media (max-width: 640px) {
/* sub-common */
	.lnb > li.spage > ul{padding-left: 0;}
	.lnb > li.spage > ul:before{display: none;}
	.lnb > li.spage{height: 50px; padding-left: 0;}

/* s11 */
	.s11 .img-con{height: auto;}
	.s11 .img-con .tbx{position: static; height: auto; padding: 30px 15px;}


	.s12 .img-con{height: auto;}
	.s12 .img-con .tbx{position: static; height: auto; padding: 30px 15px; max-width:100%;;}


/* s13 */
	.s13 .arti2 ol{margin-top: 30px;}




}

@media (max-width: 480px) {
/* s11 */
	.s11 .icon-text > li figure{height: auto; margin-bottom: 10px;}
	.s11 .icon-text > li figure img{max-width:15vw; }
	.s11 .icon-text > li .tbx{margin-top: 20px; padding-top: 20px;}
	.s12 .arti1 .sub-tit i{margin-bottom: 10px;}
	.s12 .arti1 .sub-tit i img{width: 150px;}
	
	.s11 .icon-text > li .tbx p br{display: none;}
	.s11 .icon-text > li .tbx p br.nobr{display: block;}
	

	.s12 .g-box{padding: 0;}
	.s12 .g-box p{font-size: 14px; line-height: 1.5; padding: 50px 0 ;}
	.s12 .g-box br.nobr{display: block;}


	

}


/* 250219 */
@media (max-width: 1280px) {
	.s51-top ul > li .tbx p{word-break: keep-all;}
	.s51-top ul > li .tbx p br{display: none;}
}
@media (max-width: 1024px) {
	.s51-top ul{flex-wrap:wrap; margin-top: 20px;}
	.s51-top ul > li{padding: 5px 0;}
	
}


@media (max-width: 480px) {
	.sub-visual .sv-tbx{padding-bottom:5vw;}
/* 	.s11 .icon-text > li figure img{max-width:10vw} */
	.s11 .arti2-wrap{margin-top: 12vw;}
	.box-type1 .lbx i{width: 55px;}
	.s41 .arti2 .box > .tbx small i{max-width:8vw;}
	.s51-top{margin-bottom: 8vw;}
	.s51-top ul > li .tbx small{font-size: 10px; margin-top: 10px;}
	.s51-top ul > li .tbx p{font-size: 12px;}
	.s51-top ul > li figure img{width: 55px;}
	.s51-top ul{gap:10px 20px}
	#captcha_audio{margin: 0 auto 10px !important;}
	#sub .scroll-top{display: none !important;}

	
	.pno{display: none;}
	.mno{display: block;}
	.s21 .arti2-wrap .box .tbx p .mark{display: inline-block;}
	.box-type1 .rbx p{text-align: center;}
	
	.s31 .new-flex-img{flex-direction: column; gap:10px}
	.s31 .new-flex-img{max-width:80%; margin: 0 auto;}
	.s31 .new-flex-img .lbx{width: 100%;}
	.s31 .new-flex-img .rbx ul{gap:10px	}

	.box-type1 .rbx p br.nobr{display: block;}
	.s51-top .sub-tit p{font-size: 14px;}
	.inquiry-required p{font-size: 14px;}
}