@charset "utf-8";

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

@media (max-width: 1024px) {
/* sub */
	#sub .svg-line{z-index: -2;}
	#sub_layout{padding-top: 150px;}
	#sub_layout .sub-top .stit{font-size: 32px; line-height: 1.5;}
	#sub_layout .sub-top .stxt{font-size: 16px; line-height: 1.5;}
	.lnb { margin-top: 0px;}

/* s1 */
	.wrap2 .wrap3{padding: 0;}
	.s1{margin-top: 50px;}
	.s11 article{height: auto; flex-direction: column; position: relative;}
	.s11 article .tbx{max-width:100%; position: relative; z-index: 1;}
	.s11 article figure{width: 100%; padding: 30px 0; position: static; z-index: -1;}
	.s11 article figure figcaption{font-size: 40vw; line-height: 1; left: auto !important; right: 0px !important; bottom: auto !important; top: 0 !important; translate: 0 0% !important;}
	.s11 article .tbx .tit{font-size: 28px;}
	.s11 article .tbx ul > li.col span{margin-bottom: 20px; padding: 0 10px;}
	.s11 article .tbx ul > li p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s11 article .tbx ul > li p br{display: none;}
	.s11 .arti2{margin-top: 50px; flex-direction: column; height: auto;}
	.s11 .arti2 .tbx ul > li b span{padding: 0 10px;}
	.s11 .arti3{height: auto; padding-top: 50px;}

/* s12 */
	.real-cont{margin-top: 50px; padding-bottom: 12vw;}
	.Service-top{padding: 0;}
	.Service-top > ul{gap:40px; flex-direction: column;}
	.Service-top > ul > li .box h4{font-size: 22px; line-height: 1;}
	.Service-top > ul > li .box .tbx h5{font-size: 20px;}
	.Service-top > ul > li .box .tbx b{font-size: 18px; line-height: 1.5; word-break: keep-all;}
	.Service-top > ul > li .box .tbx b br{display: none;}
	.Service-top > ul > li .box .tbx ol > li{font-size: 16px; line-height: 1.5;}

/* s13 */	
	.s13 {padding-bottom: 12vw !important;}
	.s13 .arti1{padding-top: 0;}
	.s13 .arti1 figure{padding-left: 0; }
	
/* s31 */	
	.s3 {margin-top: 50px; padding: 0 !Important; padding-bottom: 12vw !important;}
	.s31 .arti1 .map_box .root_daum_roughmap .wrap_map{height: 80vw !Important;}
	.s31 .arti2{gap:30px; flex-direction: column;}
	.s31 .arti2 ol > li > a{width: 45px; height: 45px;}
	.s31 .arti2 ul > li {flex-direction: column; height: auto; width: 100%; align-items: flex-start; justify-content: flex-start;} 
	.s31 .arti2 ul > li span{font-size: 16px; width: 100px; padding: 10px;border-bottom: 0px; width: 100%;} 
	.s31 .arti2 ul > li p{padding: 5px 10px; font-size: 16px; line-height: 1.5;width: 100%;	} 
	.s31 .arti2 ol{margin-left: auto;}
	
}

@media (max-width: 640px) {
	.lnb ul > li > a{width: 145px; font-size: 16px;}
	
	.s11 .arti1 figure figcaption{translate:0 -70% !Important; z-index: -1;}
	.s11 .arti2 .tbx ul > li{flex-direction: column; align-items: flex-start; justify-content: flex-start; border-bottom: 1px solid #ddd; gap:10px; padding-bottom: 10px;}
	

  
}

@media (max-width: 480px) {

}