@charset "utf-8";

@media (max-width: 1600px) {
/* s14 */
	.s14 .arti1 .rbx > .box .cnt .img-box img:not(:first-child){max-width:100%; width: calc(50% - 15px);}


}


@media (max-width: 1400px) {
/* s12 */
	.s12 .arti1 .rbx{padding-left: 50px;}
	.s12 .arti1 .rbx .box{gap:40px	}

/* s14 */
	.s14 .arti1{padding-left: 0; gap:50px}
	.s14 .arti1 .rbx > .box .cnt{padding-left: 20px;}
	.s14 .arti1 .rbx > .box .cnt > ul{width: 280px;}
	.s14 .arti1 .rbx > .box .cnt > ul > li{font-size: 18px; line-height: 1.5;}
	.s14 .arti1 .rbx > .box .cnt > ul > li:before{top: 10px;}
	.s14 .arti1 .rbx > .box .cnt > ul > li ol > li{font-size: 16px; line-height: 1.5;}
	
		
	.s21 .arti1 .rbx .slick-list-box{width: 300px;}
	.s21 .slick-right-list .slick-slide .item{height: auto;}

}

@media (max-width: 1024px) {
	.sub-visual{height: 350px;}
	.sub-visual h4{font-size: 30px; padding-top: 55px;}
	.lnb {position: relative; z-index: 10;}
	.lnb b{position: relative; display: block; padding: 0px 20px; font-size: 18px; color: #fff; font-weight: 500; background: #35B2E8; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 10px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #fff; z-index: 10; display: none;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd;} 
	.sub-tit {font-size: clamp(28px, 4.8vw, 50px); margin-top: 50px; margin-bottom: 40px;}
	.sub-tit.Rokkitt{font-size: clamp(34px, 5.4vw, 60px);}
	.sub-layout {margin-top: 50px; margin-bottom: 100px;}
	

/* s11 */
	.s11 .arti1 .lbx h3{font-size: 20px; line-height: 1.5; margin-bottom: 30px; word-break: keep-all;} 
	.s11 .arti1 .lbx h3 br{display: none;}
	.s11 .arti1 .lbx .p-box{gap:1em; margin-bottom: 50px;}
	.s11 .arti1 .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s11 .arti1 .lbx p br{display: none;}

/* s12 */
	.s12 .arti1{flex-direction: column; }
	.s12 .arti1 .lbx{width: 100%;}
	.s12 .arti1 .lbx .tbx h4{font-size: 24px; line-height: 1.5; margin-bottom: 30px; word-break: keep-all;}
	.s12 .arti1 .lbx .tbx p{word-break: keep-all; margin-bottom: 50px;}
	.s12 .arti1 .lbx .tbx p br{display: none;}
	.s12 .arti1 .rbx{padding: 0; width: 100%; margin-top: 50px; padding: 50px 0px;}
	.s12 .arti1 .lbx .tbx h5{font-size: 30px; line-height: 1.5;}
	.s12 .arti1 .rbx .box{gap:20px;}
	.s12 .arti1 .rbx .box figure{width: 150px;}
	.s12 .arti1 .rbx .box .tbx dl dt{font-size: 20px; line-height: 1.5; width: 80px;}
	.s12 .arti1 .rbx .box .tbx dl dd p{font-size: 16px; line-height: 1.5;}
	.s12 .arti1 .rbx:before{left: -30%;}

/* s14 */
	.s14 .dep3{display: block;}
	.s14 .dep3 ul{display: flex; gap:10px;}
	.s14 .dep3 ul > li > a{font-size: 18px; border: 1px solid #ddd; line-height: 40px; border-radius: 5px; padding: 0 20px; cursor: pointer;}
	.s14 .dep3 ul > li.current > a{background: #3D73D8; color: #fff; border: 1px solid #3D73D8;}
	.s14 .arti1{flex-direction: column;}
	.s14 .arti1 .lbx .map{max-width:389px; margin: 0 auto; margin-top: 50px;}
	.sub-tit span{font-size: 18px;}
	.sub-tit span:before{margin: 0 10px;}
	.s14 .arti1 .rbx > .box{height: auto; top: 20px; padding-bottom: 20px;} 	
	.s14 .arti1 .rbx > .box .cnt{flex-direction: column;}
	.s14 .arti1 .rbx > .box:before{background-size: cover !important; }
	.s14 .arti1 .rbx > .tab-ul > li{width: 80px; height: 80px; font-size: 16px;	}
	.s14 .arti1 .rbx > .box .cnt .img-box{margin-top: 30px;}
	.s142 .arti1 .lbx .map{width: 513px; max-width:10000px;}
	.s142 .arti1 .lbx .map .map-img{width: 513px; max-width:10000px;} 

/* s17 */
	.s17 .arti1 .map-box .root_daum_roughmap .wrap_map{height: 300px !important;}
	.s17 .arti1 ul > li{font-size: 16px; line-height: 1.5; height: 60px;}
	.s17 .arti1 ul > li span{width: 80px; padding: 0 15px;}
	.s17 .arti1 ul > li p{height: 60px;}
	.s17 .arti2{margin-top: 50px;}
	.s17 .arti2 figure{margin-top: 30px;}
	
/* s3 */	
	.lay3{margin-bottom: 0;}
	.s31{margin-top: 0;}
	.s3-arti2-flex{margin-top: 50px; padding-top: 50px; padding-bottom: 100px;}
	.s3-arti2-flex ul{gap:20px}
	.s3-arti2-flex ul > li{width: calc(50% - 10px);}
	.s3-arti2-flex ul > li figure img{width: 100%;}

/* s41 */
	.s41{margin-top: 50px;}
	.s41 .arti1{flex-direction: column; }
	.s41 .arti1 .lbx{width: 100%;}
	.s41 .arti1 .lbx img{width: 100%;}
	.s41 .arti1 .rbx ul > li{flex:none; width: calc(50% - 16px);}
	.s41 .arti1 .rbx ul > li img{width: 100%;}
	
	/* s21 */	
	.s21 .arti1{flex-direction: column;	}
	.s21 .arti1 .lbx {margin-bottom: 20px;}
	.s21 .slick-left, 
	.s21 .slick-left .slick-slide{height: auto;}
	.s21 .slick-left .item{height: auto;}
	.s21 .arti1 .lbx .slick-left{height: auto; }
	.s21 .arti1 .rbx{flex-direction: column; padding: 30px 20px;}
	.s21 .arti1 .rbx .slick-thum{max-width:100%;}
	.s21 .arti1 .rbx:before{left: -20px;}
	
	.s21 .arti1 .lbx .controll{gap:10px;}
	.s21 .arti1 .lbx .controll > *{width: 45px; height: 45px;}
	.s21 .arti1 .lbx .slick-left span{width: 110px; height: 40px; font-size: 16px; line-height: 1.5;}
	.s21 .arti1 .lbx .slick-left h4{font-size: 28px; line-height: 1.5;}
	.s21 .arti1 .lbx .slick-left p{font-size: 16px; line-height: 1.5;}
	.s21 .arti1 .lbx .slick-left ul{margin-top: 20px; gap:5px}
	.s21 .arti1 .lbx .slick-left ul > li{font-size: 16px; line-height: 1.5; padding-left: 10px;}
	.s21 .arti1 .lbx .slick-left ul > li:before{top: 8px;}
	
	.s21 .arti1 .rbx{pointer-events: auto; }
	
	.s21 .arti1 .rbx .slick-list-box{width: 100%; margin-left: 0; margin-top: 20px;}
	.s21 .slick-right-list .slick-slide .item{opacity: 1;}
	.s21 .arti1 .rbx .slick-list-box{margin-left: -30px;}
	
}

@media (max-width: 640px) {
	.pc-con{display: none;}
	.m-con{display: block;}
	.s14 .arti1{display: block;}
	.s142 .arti1 .lbx .map .map-img{overflow: hidden;}
	.s14 .arti1 .rbx{top: 0;}
	.s14 .arti1 .rbx > .box .cnt{box-sizing: border-box;}
	.s14 .arti1 .rbx > .box .cnt .img-box{box-sizing: border-box;}
	.s14 .arti1 .rbx > .box .cnt .img-box img:first-child{margin-right: 0; width: 100%;}
	.s14 .arti1 .rbx > .box .cnt1{display: block;}
	.s12 .arti1 .lbx .tbx p{font-size: 16px; line-height: 1.5;}
	
	.s12 .arti1 .rbx .box figure{width: 110px; }
	.s12 .arti1 .rbx .box .tbx{flex:1;}
	.s12 .arti1 .rbx .box .tbx dl dd p{-ms-word-break: break-all;
	word-break: break-all;}
	.s12 .arti1 .lbx .tbx h5{font-size: 26px;}
	.s14 .arti1 .rbx > .tab-ul > li{font-size: 14px;}
	.s14 .arti1 .rbx > .tab-ul > li{width: 90px; height: 90px;}
}

@media (max-width: 400px) {
	.s142 .arti1 .lbx .map .map-img{width: 460px;}	
	.s142 .arti1 .lbx .map .pin-box .pin1 {left: 189px;  top: 156px;}
	.s142 .arti1 .lbx .map .pin-box .pin2 {left: 106px;bottom: 223px;}
}

@media (max-width: 380px) {
	.s12 .arti1 .rbx .box:first-child figure:before{height: 450%;}
	.s12 .arti1 .rbx .box figure{width: 80px; }

		

}