@charset "utf-8";

@media (max-width: 1700px) {
/* s21 */
	.s21 .sec2 ul > li .box .tbx{width: calc(100% - 80px);}
	.s21 .sec2 ul > li .box .link{width: 80px;}
	.s21 .sec2 ul > li .box .tbx p{word-break: keep-all;}
	.s21 .sec2 ul > li .box .tbx p br{display: none;}
	.s21 .sec2 ul > li{padding: 30px;}
	.comp-ty1 .tbx > *{padding-left: 50px;}
	.comp-ty1 .tbx > .top {padding-top: 0;}
	.comp-ty1 .tbx > .top strong{word-break: keep-all;}
	.comp-ty1 .tbx > .top strong br{display: none;}

/* s31 */
	.design-pop .cnt p{word-break: keep-all;}
	.design-pop .cnt p br{display: none;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx p{word-break: keep-all;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx p br{display: none;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p{word-break: keep-all;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p br{display: none;}	
/* s24 */
	.wi_re100 .cnt03 .img-box{width: 50%;}
	.what_tit .txt-box .txt p{word-break: keep-all;}
	.what_tit .txt-box .txt p br{display: none;}
	

/* s28 */
	.s281 .sec4 .flex-box .tbx .top{height: auto; padding: 30px 0;}
	.s281 .sec4 .flex-box .tbx .top ul{gap:5px 20px}

/* s62 */
	.s62 .sec3 .box1 ul > li{flex:1;}

}

@media (max-width: 1500px) {
/* s26 */
	.s261 .sec4 .contain > ol > li{padding: 0; flex:1}
	.s261 .sec4 .contain > ol > li:first-child:before{width: calc(300%);}
	.s261 .sec4 .contain > ol > li:after{right: -1vw !important;}

	
	

/* s61 */
	.s62 .sec2 .box2 ul > li .tbx{padding: 0px;}
	.s62 .sec2 .box2 ul > li .tbx p{word-break: keep-all;}
	.s62 .sec2 .box2 ul > li .tbx p br{display: none;}
}

@media (max-width: 1440px) {
/* s11 */
	.s111 .sec1{flex-direction: column; gap:40px;}
	.s111 .sec1 > *{width: 100%;}
	.s111 .sec1 .rbx{padding-top: 0;}
	.s111 .sec1 .rbx img{width: 100%;}

/* s14 */
	.s14 .sec1 .rbx p{word-break: keep-all;}
	.s14 .sec1 .rbx p br{display: none;}
	.s14 .sec2 ul > li{flex:100%;}

/* s15 */
	.s15 ul > li .tbx p{word-break: keep-all;}
	.s15 ul > li .tbx p br{display: none;}

/* s16 */
	.s16_sec2 .cnt-wrap .cnt .box > *{flex-direction: column;}

/* s21 */
	.s21 .sec2 ul > li .box .tbx p{font-size: 20px; line-height: 1.5;}

/* s22 */
	.comp-ty1{flex-direction: column;}
	.s221 .comp-ty1 .tbx > .top{height: auto; padding: 30px 0;}
	.comp-ty1 figure{width: 100%;}
	.comp-ty1 figure img{width: 100%;}
	.comp-ty1 .tbx > *{padding-left: 0;}
	.comp-ty1 .tbx > .bottom p{word-break: keep-all;}
	.comp-ty1 .tbx > .bottom p br{display: none;}

	.s221 .comp-ty1 .tbx > .top{padding-top: 8vw; height: auto; padding-bottom: 30px; margin-bottom: 30px;}
	.s221 .comp-ty1 .tbx > .bottom{height: auto; padding-top: 0;}

/* s23 */
	.s231 .comp-ty1 .tbx > .top{height: auto; padding-bottom: 30px; margin-bottom: 30px;}
	.s231 .sec3 .cnt ul > li .off p{line-height: 9vw;}
	.s231 .sec3 .cnt ul{    flex-direction: column;}
	.s231 .sec3 .cnt ul > li{flex:70%	;	border-radius: 10px; } 
	.s231 .sec3 .cnt ul > li .off{opacity: 0; z-index: -111; }
	.s231 .sec3 .cnt ul > li .on{opacity: 1; z-index: 1000; padding: 10vw 20px;}
	.s231 .sec3 .cnt ul > li .on p{opacity: 1; font-size: clamp(24px, 4vw, 40px);}
	.s231 .sec3 .cnt ul > li .on span{width: 40px; height: 40px; right: 20px; top: auto; bottom: 20px;	}
	.design-pop .cnt{padding: 80px 40px;}
	.design-pop .cnt p{word-break: keep-all; width: 100%;}
	.design-pop .cnt p br{display: none;}

/* s24 */
	.what_tit {margin-bottom: 8vw; flex-direction: column;}
	.what_tit .img-box{max-width:100%;}
	.what_tit .txt-box{flex:1; padding-left: 0; width: 100%; margin-top: 6vw;} 
	.what_tit .txt-box .tit h3{font-size: clamp(28px, 5vw, 56px); line-height: 1.5;}
	.what_tit .txt-box .tit p{font-size: 16px; line-height: 1.5;} 
	.what_tit .txt-box .txt p{font-size: 16px; line-height: 1.5; margin-bottom: 1em; word-break: keep-all;}
	.what_tit .txt-box .txt p br{display: none;}

/* s25 */
	.wi_re100 .cnt03 .col{flex-direction: column; margin-bottom: 5vw;}
	.wi_re100 .cnt03 .img-box{width: 100%; max-width:100%;}
	.wi_re100 .cnt03 .img-box img{width: 100%;}
	.wi_re100 .cnt03 .txt-box{width: 100%; padding-left: 0; padding-top: 30px;}
	.wi_re100 .cnt03 .txt-box .txt{margin-bottom: 30px;}
	.wi_re100 .cnt01 .col .txt p {font-size: 16px;}
	.wi_re100 .cnt03 .txt-box .txt h5{font-size: clamp(24px, 3vw, 32px); line-height: 1.5;}
	.wi_re100 .cnt03 .txt-box .txt dt{max-width:60px;}
	.wi_re100 .cnt03 .txt-box .txt dd{font-size: 20px; line-height: 1.5;}
	.wi_re100 .cnt03 .txt-box .txt ul > li{font-size: 16px; line-height: 1.5;}
	.wi_re100 .cnt03 .txt-box .txt ul > li:before{top: 9px;}	
	.wi_re100 .cnt03 .txt-box .txt .mail{font-size: 18px;}

/* s26 */
	.s261 .sec3 .col{flex-direction: column; gap:30px}
	.s261 .sec3 .col > .img-box{max-width:100%;}
	.s261 .sec3 .col > .img-box img{width: 100%;}
	.s261 .sec3 .col > .txt-box{padding: 20px 15px;}
	.s261 .sec3 .col > .txt-box ul > li{font-size: 16px; line-height: 1.5;}
	.s261 .sec3 .col > .txt-box ul > li:before{top: 9px;}
	.s261 .sec3 .col > .txt-box ul > li > span{font-size: 14px;}
	.s261 .sec3 .col > .txt-box ul > li ol > li{font-size: 16px; line-height: 1.5;}

/* s27 */
	.s271 .sec2 .cnt{flex-direction: column; height: auto;}
	.s271 .sec2 .cnt .lbx{width: 100%; height: auto;padding: 8vw 20px; flex-basis:auto;}
	.s271 .sec2 .cnt .rbx{padding: 5vw 20px;}
	.s271 .sec2 .cnt .rbx .box p{font-size: 17px; line-height: 1.3;}
	
	

/* s28 */
	.s281 .sec3 dl {flex-direction: column;}
	.s281 .sec3 dl dd {width:100%; max-width:920px;}

	.s281 .sec4{margin-top: 12vw; margin-bottom: 10vw; padding-bottom: 10vw; margin-top: 0;}
	.s281 .sec4 .doc-tit{margin-bottom: 30px;}
	.s281 .sec4 .flex-box{flex-direction: column; height: auto;}
	.s281 .sec4 .flex-box figure{width: 100%; margin-bottom: 20px; padding: 20px;}
	.s281 .sec4 .flex-box .tbx{width: 100%; padding: 20px;}
	.s281 .sec4 .flex-box .tbx .top ul > li{font-size: 14px;}
	.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx{padding-left: 15px;}
	.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx b{font-size: 18px;}
	.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx b span{font-size: 14px;}
	.s281 .sec4 .flex-box .tbx .cnt > ul > li .rbx p{font-size: 16px; line-height: 1.5;}
	.s281 .sec4 .flex-box .tbx .cnt > ul > li .left{gap:5px; width: 50px;}

	.s281 .sec5 ul{flex-wrap:wrap;    justify-content: flex-start; gap:40px; position: relative;}
	.s281 .sec5 ul > li{flex:none; flex:1 1 25%; position: relative; z-index: 10;}
	.s281 .sec5 ul > li figure{position: relative; z-index: 10;}
	.s281 .sec5 ul > li figure img{max-width:18vw;}
/* 	.s281 .sec5 ul > li:first-child:before{display: none;} */
	.s281 .sec5 ul > li .tbx small{font-size: 16px; margin-top: 20px; margin-bottom: 5px;}
	.s281 .sec5 ul > li .tbx p{font-size: 18px; line-height: 1.5; margin-top: 5px; font-size: 16px;}
/* 	.s281 .sec5 ul > li:not(:last-child):after{display: none;} */
	
	.s281 .sec5 ul > li:first-child:before{top:85px; left: 155px;}
	.s281 .sec5 ul > li:not(:last-child):after{top: 68px; right: -15px;}
	.s281 .sec5 ul > li:nth-child(3):after{display: none;}

	.s281 .sec5 ul > li:nth-child(4):before{position: absolute;content: '';width: 33px;height: 33px;background: url(../img/sub/02_36.png) center no-repeat;left: -15px; top: 68px;  background-size: 33px;}
	.s281 .sec5 ul > li:nth-child(6){z-index: -1;}
	.s281 .sec5 ul > li:nth-child(6):before{position: absolute;content: '';width: calc(500% - 100px);height: 1px;background: #ddd;right: 100px;top: 84px; z-index: -3;}


	.s2101 .sec2 .doc-tit p {font-size: 16px;}
	.s2101 .sec2 .cnt > p {font-size: 16px;}
	.s2101 .sec2 .cnt > p br {display: none;}
	.s2101 .sec4 p br {display: none;}
	
	.s2101 .sec4 .flex-box .box {width: 100%; flex: none; min-height: auto;}

/* s31 */

	.s31 .sec1 figure{padding: 20px;}
	
	.s31 .sec3 .cnt ul{flex-direction: column;}
	.s31 .sec3 .cnt ul > li{flex:70%	;	border-radius: 10px;} 
	.s31 .sec3 .cnt ul > li .off{opacity: 0; z-index: -111; }
	.s31 .sec3 .cnt ul > li .on{opacity: 1; z-index: 1000; padding: 8vw 20px;}
	.s31 .sec3 .cnt ul > li .on p{font-size: 24px; line-height: 1.5; opacity: 1;}
	.s31 .sec3 .cnt ul > li .on span{right: 20px; top: 20px; width: 40px; height: 40px;}

	.design-pop .cnt .s31-box2-1 .flex-sin{flex-direction: column;}
	.design-pop .cnt .s31-box2-1 .flex-sin figure{width: 100%;}
	.design-pop .cnt .s31-box2-1 .flex-sin figure img{width: 100%;}

	.design-pop{width: 100%; height: 100dvh; left: 0; top: 0; translate:0 0; 	max-width:100%; border-radius: 0px;}
	.design-pop .tit{height: 90px; }
	.design-pop .tit p{font-size: 24px; line-height: 1.5;}
	.design-pop .tit span{width: 40px; height: 40px; right: 20px; top: 44%;}
	.design-pop .cnt{max-height:calc(100dvh - 80px); padding: 30px 20px;}
	.design-pop .cnt .doc-tit{margin-bottom: 30px;}
	.design-pop .cnt p{width: 100%; font-size: 16px; line-height: 1.5; margin-bottom: 1em; word-break: keep-all;}
	.design-pop .cnt p br{display: none;}
	.design-pop .cnt figure{margin-top: 30px;}
	.design-pop .cnt .box{padding-bottom: 40px; margin-bottom: 30px;}
	.design-pop .cnt h5{font-size: 24px; line-height: 1.5; margin-bottom: 20px;}
	.design-pop .cnt .flex-box{gap: 40px; flex-direction: column;}
	.design-pop .cnt .flex-box .lbx{width: 100%; text-align: center;}
	.design-pop .cnt .flex-box .rbx ul > li{font-size: 16px; line-height: 1.5;}
	.design-pop .cnt .flex-box .rbx ul > li:before{top: 9px;}
	.design-pop .cnt .flex-box .rbx b{font-size: 20px; line-height: 1.5; margin: 30px 0 20px;}
	.design-pop .cnt .s31-box1 ul > li{flex:100%;}
	.design-pop .cnt .s31-box1 ul > li figure{height: auto;}
	.design-pop .cnt .s31-box1 ul > li figure img{max-width:16vw;}
	.design-pop .cnt .s31-box1 ul > li .tbx b{font-size: 20px; line-height: 1.5;}
	.design-pop .cnt .s31-box1 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box figure{width: 100%; margin-top: 0; text-align: center; }
	.design-pop .cnt .s31-box2 .cnt-box{padding: 30px 20px;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx h5{font-size: 24px; line-height: 1.5;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx p{font-size: 16px; line-height: 1.5;}
	.design-pop .cnt .s31-box2 ol{gap:40px}
	.design-pop .cnt .s31-box2 ol > li strong{font-size: 30px; margin-bottom: 5px;}
	.design-pop .cnt .s31-box2 ol > li p{font-size: 16px; line-height: 1.5;}
	.design-pop .cnt .s31-box3 .doc-tit{margin-bottom: 40px;}
	.design-pop .cnt .s31-box3 .doc-tit p{margin-top: 30px;}
	.design-pop .cnt .s31-box3 .flex-box figure{width: 100%;}
	.design-pop .cnt .s31-box3 .flex-box figure img{width: 100%;}
	.design-pop .cnt .s31-box3 .flex-box .tbx{padding: 30px 20px;}
	.design-pop .cnt .s31-box3 .flex-box .tbx ul > li{font-size: 18px; line-height: 1.5; word-break: keep-all; margin-bottom: 1em;}
	.design-pop .cnt .s31-box3 .flex-box .tbx ul > li br{display: none;}
	.design-pop .cnt .s31-box3 .link{margin-top: 40px;}
	.design-pop .cnt .s31-box3 .link > a{width: auto; height: 50px; font-size: 16px;}
	.design-pop .cnt .s31-box2-1 .link{margin-top: 30px;}
	.design-pop .cnt .s31-box2-1 .link > a{width: auto; height: 50px; font-size: 16px;}
	.design-pop2 .cnt .s31-box4 .flex-box{gap:30px}
	.design-pop2 .cnt .s31-box3 .flex-box .tbx{padding: 20px 15px;}
	.design-pop2 .cnt .s31-box4 .flex-box .tbx{padding: 20px 15px;}
	.design-pop2 .cnt .s31-box4 .flex-box .tbx ul > li{margin-bottom: 5px; width: 100%;}
	.design-pop2 .cnt .box.s31-box4 .tbx h6{font-size: 26px; line-height: 1.5; margin-bottom: 15px;}

	.design-pop3 .cnt .s31-box3-1 .box-r1{padding: 30px 15px;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full{padding: 30px 15px; flex-direction: column;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full .tbx{width: 100%; max-width:100%;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full .tbx:last-child{padding-left: 0; padding-top: 20px; margin-top: 20px; border-left: 0; border-top: 1px solid #ddd;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full ul > li{font-size: 16px; line-height: 1.5;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full ul > li:before{top: 9px;}
	.design-pop3 .cnt .s31-box3-1 .tbx-full p{font-size: 18px;}
	.design-pop .s31-box3-1-arti2 ul > li > p{font-size: 22px; margin-top: 15px;}
	.design-pop .s31-box3-1-arti2 ul > li .img-box .tbx p{font-size: 16px; line-height: 1.5; padding: 0 20px;}
	.design-pop .s31-box3-1-arti2 ul > li .img-box .tbx span{width: 140px; height: 30px; font-size: 16px; padding: 0 10px; line-height: 30px;}
	.design-pop .s31-box3-1-arti2{margin-top: 30px; padding-top: 30px; padding-bottom: 30px;}
	.design-pop .s31-box3-1-arti3{padding-top: 30px;}

	.design-pop .cnt .s31-box2-1 .flex-sin .tbx{padding: 30px 15px;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > p{font-size: 18px; line-height: 1.5;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t{margin-top: 20px; padding-top: 20px;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t b{font-size: 18px; line-height: 1.5;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t ul > li p{font-size: 16px;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t h6{font-size: 18px; line-height: 1.5;}
	.design-pop .cnt .s31-box2-1 .flex-sin .tbx > .cnt-t > p{font-size: 16px; line-height: 1.5;}
	
	.design-pop .s31-box3-1-arti3 dl{flex-direction: column;}
	.design-pop .s31-box3-1-arti3 dl dt{width: 100%;}
	.design-pop .s31-box3-1-arti3 .dl-box{padding: 20px 0 40px;}
	.design-pop .s31-box3-1-arti3 dl dt .txt strong{font-size: 20px; line-height: 1.5; margin-bottom:5px;}
	.design-pop .s31-box3-1-arti3 dl dt .txt p{font-size: 16px; line-height: 1.5;}
	.design-pop .s31-box3-1-arti3 dl dt i{width: 80px;}
	.design-pop .s31-box3-1-arti3 dl dt .txt{padding-left: 20px;}
	.design-pop .s31-box3-1-arti3 dl dd{margin-top: 10px; padding: 20px 15px;}
	.design-pop .s31-box3-1-arti3 dl dd p{font-size: 16px; line-height: 1.5;}
	.design-pop .s31-box3-1-arti3 dl:not(:last-child){padding-bottom: 20px; margin-bottom: 20px;}

/* s61 */
	.s62 .sec2 .box3 .link{margin-top: 50px;}
	.s62 .sec2{padding-bottom: 50px;}
	.s21 .sec2 ul > li{height: auto;}
	.s21 .sec2 ul{flex-direction: column; gap:20px}
	.s21 .sec2 ul > li{position: relative; padding: 20px;}
	.s21 .sec2 ul > li .box .link span{position: absolute; left: 20px; top: 20px; width: 40px; height: 40px;}
	.s21 .sec2 ul > li .box .tbx{width: 100%;}
	.s21 .sec2 ul > li .box .tbx strong{font-size: clamp(26px, 3.9vw, 40px); }
	.s21 .sec2 ul > li .box .tbx p{font-size: 16px; line-height: 1.5;		}

	.comp-tab{height: auto; 	border-radius: 10px; gap:10px 5px;}
	.comp-tab > li{flex: 1 1 40%; height: 50px; border-radius: 10px; font-size: 18px;}

	.s31 .sec5 ul{gap:40px; flex-wrap:wrap;justify-content: flex-start;}
	.s31 .sec5 ul > li{flex:none; width: calc(33.33% - 27px);}
	.s31 .sec5 ul > li  figure img{max-width:18vw; width: auto;		}
	.s31 .sec5 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s31 .sec5 ul > li:nth-child(3):after{display: none;}
	.s31 .sec5 ul > li:first-child:before{left: 150px;}
	.s31 .sec5 ul > li:nth-child(4):before{position: absolute;content: '';width: 33px;height: 33px;background: url(../img/sub/02_36.png) center no-repeat;left: 0px;top: 64px;}
	.s31 .sec5 ul > li:nth-child(5){position: relative; z-index: -1;}
	.s31 .sec5 ul > li:nth-child(5):before{    position: absolute;content: '';width: calc(500% - 160px);height: 1px;background: #ddd;right: 150px;top: 79px;z-index: -1;}


	.s62 .sec3 .box2 ul{gap:40px; flex-wrap:wrap; justify-content: flex-start;} 
	.s62 .sec3 .box2 ul > li{flex:none; width: calc(33.33% - 27px);}
	.s62 .sec3 .box2 ul > li  figure img{max-width:18vw; width: auto;		}
	.s62 .sec3 .box2 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s62 .sec3 .box2 ul > li:nth-child(3):after{display: none;}
	.s62 .sec3 .box2 ul > li:first-child:before{left: 150px;}
	.s62 .sec3 .box2 ul > li:nth-child(4):before{position: absolute;content: '';width: 33px;height: 33px;background: url(../img/sub/02_36.png) center no-repeat;left: 0px;top: 64px;}
	.s62 .sec3 .box2 ul > li:nth-child(5){position: relative; z-index: -1;}
	.s62 .sec3 .box2 ul > li:nth-child(5):before{    position: absolute;content: '';width: calc(500% - 160px);height: 1px;background: #ddd;right: 150px;top: 79px;z-index: -1;}


	.pcpc-img{display: none;}
	.tablet-img{display: block;}

}




@media (max-width: 1600px) {
/* s12 */
	.s121 .sec1 > .box > * p{word-break: keep-all; width: 100%;}
	.s121 .sec1 > .box > * p br{display: none;	}
}


@media (max-width: 1300px) {

/* s11 */
	.s111 .sec3 .ul-box ul > li > p{font-size: 16px; line-height: 1.5;}

/* s122 */
	.s122 .sec1 .box p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s122 .sec1 .box p br{display: none;}
	.s122 .sec1 .box p:not(:last-of-type){margin-bottom: 1em;}


/* s13 */
	.s13 .sec3 .lbx{padding-left: 20px;}

/* s22 */
	.s221 .comp-ty1 .tbx > .bottom p{width: 100%; margin-bottom: 1em;}

/* s24 */
	.wi_re100 .cnt01 .col .txt{padding: 0 30px; justify-content: center;}

/* s27 */
	.s271 .sec2 .cnt .rbx{height: auto;}	
	.s271 .sec2 .cnt .rbx .box ul > li{font-size: 16px; line-height: 1.5;}
	.s271 .sec2 .cnt .rbx .box p{font-size: 18px; line-height: 1.3;}

/* s61 */
	.s61 .sec2 .flex-box .tbx{padding: 50px 20px;}
	.s61 .sec2 .flex-box .tbx .lbx{width: 300px;}
	.s61 .sec2 .flex-box .tbx .rbx{padding-left: 40px;}

	

}

@media (max-width: 1024px) {
/* common */
	#sub{padding-top: 90px;}
	.sub-visual{height: 60vw;}
	.sub-visual .title{padding: 0; padding-bottom: 8vw;}
	.sub-visual .title h1{font-size: clamp(30px, 7.2vw, 88px); line-height: 1.5; padding-right: 20px;}
	.sub-visual .title h1:after{width: 8px; height: 8px; top: 8px;}
	.lnb{flex-direction: column; gap:0px 15px}
	.lnb .pg ul li{padding: 0 10px;}
	.lnb .pg ul li p{font-size: 16px;}
	.lnb .pg{padding-right: 30px; padding: 10px;}
	.lnb .spg{padding-left: 0;}
	.lnb .spg:after{display: none; }
	
	.real-cont{padding: 12vw 0 20vw;}
	.comp-tab{height: auto; 	border-radius: 10px; gap:10px 5px;}
	.comp-tab > li{flex: 1 1 40%; height: 50px; border-radius: 10px; font-size: 18px;}
	.doc-tit{margin-bottom: 30px;}
	.lnb .spg ul li{padding-right: 15px;}
	.lnb .spg ul li a{font-size: 14px; line-height: 30px; padding: 0 10px; }
	
	.lnb-tab-page{top: 36px; width: 145px;}
	.lnb-tab-page ul > li > a{font-size: 14px; line-height: 1.5; height: 30px; padding: 0 0px;}
	.lnb .spg ul li a:after{display: none;}
	
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b{flex-direction: column; font-size: 16px;}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx ul{    flex-direction: column; gap:10px}
	.design-pop .cnt .s31-box2 .cnt-box .flex-box .tbx b small{margin-left: 0;}
	

/* s11 */
	.s111 .sec1 {flex-direction: column;}
	.s111 .sec1 > *{width: 100%;}
	.s111 .sec1 .lbx small{font-size: 16px; line-height: 1.5;}
	.s111 .sec1 .lbx h5{font-size: clamp(26px, 4.2vw, 48px); line-height: 1.5; word-break: keep-all; margin: 10px 0 20px;}
	.s111 .sec1 .lbx h5 br{display: none;}
	.s111 .sec1 .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s111 .sec1 .lbx p br{display: none;}
	.s111 .sec1 .rbx{margin-top: 30px;}
	.s111 .sec2 {margin-top: 12vw; padding-top: 12vw; padding-bottom: 15vw;}
	.s111 .sec2 .doc-tit h4{margin-bottom: 20px;}
	.s111 .sec2 .doc-tit p{font-size: 16px; line-height: 1.5;}
	.s111 .sec2 .doc-tit p:not(:last-of-type){margin-bottom: 1em;}
	.s111 .sec2 .cnt-box{padding: 20px 15px;}
	.s111 .sec2 .cnt-box figcaption{font-size: 14px; line-height: 1.5; margin-top: 30px;}
	.s111 .sec2 .cnt-box ul {padding: 20px 15px 20px; margin-top: 7vw;}
	.s111 .sec2 .cnt-box ul > li{font-size: 16px; line-height: 1.5;}
	.s111 .sec2 .cnt-box ul > li:before{top: 0.6em;}
	.s111 .sec3{margin-top: 12vw;}
	.s111 .sec3 .ul-box ul{height: auto; flex-direction: column;}
	.s111 .sec3 .ul-box ul > li{padding: 30px 15px; border-bottom: 1px solid rgba(255,255,255,0.1);}
	.s111 .sec3 .ul-box ul > li:after{display: none;}
	.s111 .sec3 .ul-box ul > li > i{height: auto;}
	.s111 .sec3 .ul-box ul > li > strong{font-size: 22px; line-height: 1.5; margin: 15px 0 20px;}	

/* s112 */
	.s112 .sec1 figure{padding: 20px 15px;}
	.s112 .sec2{margin-top: 12vw;}
	.s112 .sec2 .doc-tit{margin-bottom: 30px;}
	.s112 .sec2 .doc-tit h4{margin-bottom: 20px;}
	.s112 .sec2 .doc-tit p{font-size: 16px; line-height: 1.5;}
	.s112 .sec2 .number-ul > li{padding: 20px 15px;}
	.s112 .sec2 .number-ul > li h5{font-size: 20px; line-height: 1.5em; line-height: 1.5;}
	.s112 .sec2 .number-ul > li h5 span{width: 25px; height: 25px; line-height: 25px; font-size: 16px; margin-right: 10px; margin-top: 3px;}
	.s112 .sec2 .number-ul > li ol{padding-left: 35px; margin-top: 10px;}
	.s112 .sec2 .number-ul > li ol > li{font-size: 16px; line-height: 1.5;}
	.s112 .sec2 .number-ul > li ol > li:before{top: 10px;}

/* s12 */
	.s121 .sec1 > small{font-size: 16px; line-height: 1.5;}
	.s121 .sec1 > h4{font-size: clamp(26px, 4.2vw, 48px); line-height: 1.5; word-break: keep-all; margin: 10px 0 30px;}
	.s121 .sec1 > .box{flex-direction: column; gap:0px}
	.s121 .sec1 > .box > * p{font-size: 16px; line-height: 1.5; }
	.s121 .sec1 > .box > * p:not(last-of-type){margin-bottom: 1em;}
	.s121 .sec2{margin-top: 30px;}
	.s121 .sec2 .sign{padding-top: 20px;}
	.s121 .sec2 .sign .lbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s121 .sec2 .sign .lbx p b{font-size: 20px;}

/* s122 */
	.s122 .sec1 .box{padding: 0 40px;}
	.s122 .sec1 .box .cnt ol > li{font-size: 16px; line-height: 1.5;}
	.s122 .sec1 .box .cnt2{padding: 20px 10px;}
	.s122 .sec1 .box .cnt3{padding-top: 20px;  padding-bottom: 50px;}
	.s122 .sec1 .box .cnt3 .sign{padding-right: 20%;}
	.s122 .sec1 .box .cnt3 .sign .p1{padding-right: 0;}
	.s122 .sec1 .box .cnt3 .sign p{font-size: 18px; line-height: 1.5;}
	.s122 .sec1 .box .top h4{font-size: clamp(26px, 4.2vw, 48px); line-height: 1.5;}

/* s14 */
	.s14 .sec1{flex-direction: column; gap:30px}
	.s14 .sec1 .lbx{width: 100%;}
	.s14 .sec1 .lbx img{width: 100%;}
	.s14 .sec1 .rbx{flex:none; width: 100%;}
	.s14 .sec1 .rbx h4{font-size: clamp(28px, 5.2vw, 55px); line-height: 1.5; margin: 10px 0 20px;}
	.s14 .sec1 .rbx small{font-size: 16px; line-height: 1.5; }
	.s14 .sec1 .rbx p{font-size: 16px; line-height: 1.5;}
	.s14 .sec2{margin-top: 40px;}
	.s14 .sec2 ul{gap:20px; flex-direction: column;}
	.s14 .sec2 ul > li h5{height: 40px; font-size: 20px; line-height: 1.5;}
	.s14 .sec2 ul > li .box{padding: 20px 15px; height: auto;}
	.s14 .sec2 ul > li .box ol > li{font-size: 16px; line-height: 1.5; }
	.s14 .sec2 ul > li .box ol > li:before{top: 9px;}
	
/* s151 */
	.s15 .sec1 h4{font-size: clamp(28px, 5.2vw, 56px); line-height: 1.5; margin-bottom: 10px;}
	.s15 .sec1 p{font-size: 16px; line-height: 1.5; word-break: keep-all;} 
	.s15 .sec1 p br{display: none;}
	.s15 .sec2{margin-top: 12vw;}
	.s15 ul > li{min-height:0px;}
	.s15 ul > li figure{width: 150px; padding: 0 10px;}
	.s15 ul > li .tbx{padding: 20px 15px;}
	.s15 ul > li .tbx p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s15 ul > li .tbx p br{display: none;}
	.s15 ul > li .tbx .link-box{margin-top: 20px;}
	.link-box > a{width: auto; height: 40px; font-size: 14px; display: inline-flex; padding: 0 10px;}
	.s15 .sec3{margin-top: 12vw;}

/* s152 */
	.s152 .sec2 .color-box{padding: 20px 15px;}
	.s152 .sec2 .color-box p{font-size: 16px; line-height: 1.5;}
	.s152 .sec3 ol{gap:20px; flex-direction: column;}
	.s152 .sec3 ol > li{height: auto; padding: 20px 15px;}
	.s152 .sec3 ol > li i{height: auto; margin-bottom: 15px;	}
	.s152 .sec3 ol > li p{font-size: 16px; line-height: 1.5;}
	.s152 .sec4{margin-top: 12vw;}
	.s152 .sec4 table thead tr th{font-size: 16px; line-height: 1.5;}
	.s152 .sec4 table thead tr th:first-child{width: 120px;}
	.s152 .sec4 table thead tr th:last-child{width: 120px;}
	.s152 .sec4 table colgroup{display: none;}

	.s152 .sec4 table tr td:first-child{padding: 10px 10px;}
	.s152 .sec4 table tr td:last-child{padding: 0 10px;}
	.s152 .sec4 table tbody tr td{height: auto;}
	.s152 .sec4 table tbody tr td:nth-child(2){padding: 20px 15px; }
	.s152 .sec4 table tbody tr td:nth-child(2) p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s152 .sec4 table tbody tr td:nth-child(2) p br{display: none;}

/* s16 */
	.s16_sec1 small{font-size: 16px; line-height: 1.5;}
	.s16_sec1 h4{font-size: clamp(28px, 5.2vw, 56px); line-height: 1.5;  margin-bottom: 10px;}
	.s16_sec1 p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s16_sec1 p br{display: none;}
	.s16_sec2{margin-top: 12vw;	}
	.s16-link-box > li > a{height: 50px; padding: 0 10px;}
	.s16_sec2 .cnt-wrap .cnt{height: auto; flex-direction: column; padding: 20px 15px;}
	.s16_sec2 .cnt-wrap .cnt .year p{font-size: 22px; margin-bottom: 15px;}
	.s16_sec2 .cnt-wrap .cnt .box{width: 100%; flex-direction: column;}
	.s16_sec2 .cnt-wrap .cnt .box > *{flex-direction: column; width: 100%; gap:10px}
	.s16_sec2 .cnt-wrap .cnt .box > .lbx{padding-right: 0;}
	.s16_sec2 .cnt-wrap .cnt .box > .lbx:after{display: none;}
	.s16_sec2 .cnt-wrap .cnt .box > .rbx{width: 100%; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ddd;}
	.s16_sec2 .cnt-wrap .cnt .box > * p{font-size: 16px; line-height: 1.5; display: block;}
	.s16_sec3{margin-top: 12vw;}
	.box-txt{min-height:0px; padding: 20px 15px;}
	.box-txt p{font-size: 16px; line-height: 1.5;}
	.s16_sec3 .sub-more{margin-top: 30px;}

/* s17 */
	.s17-map{margin-top: 12vw;}
	.s17-map .tit{flex-direction: column;}
	.s17-map .tit h4{font-size: 20px; line-height: 1.5;	word-break: keep-all; padding-left: 30px;}
	.s17-map .tit h4 br{display: none;}
	.s17-map .tit h4:before{top: -0.1em;}
	.s17-map .tit ul > li > a{font-size: 18px;}
	.s17-map .map-frame{margin-top: 30px;}
	.s17-map .root_daum_roughmap .wrap_map{height: 48vw !Important;}
	.s17-map .map-txt{margin-top: 30px; gap:0px;  flex-direction: column}
	.s17-map .map-txt > .box{padding: 15px;}
	.s17-map .map-txt > .box b{font-size: 20px; margin-bottom: 10px;}
	.s17-map .map-txt > .box p a{font-size: 16px; line-height: 1.5;}
	.s17-map .doc-tit{margin-top: 30px; margin-bottom: -30px;}
	.doc-tit h4{font-size: 26px; word-break: keep-all;}
	.doc-tit h4 br{display: none;}
	.doc-tit h4 span{height: 26px; top: 5px;}
	.doc-tit h4 span:before{width: 5px; height: 5px;}
	.doc-tit h4 span:after{width: 3px; height: 16px;}

	
	.s17-map .map-frame > figure > a{height: 48vw;}
	.s17-map .map-frame > figure > a img{margin-top: -8vw; margin-left: 5vw; object-fit:cover; width: 100%; height: 100%;scale:3}

/* s13 */
	.s13 .sec1{height: 70vw; }
	.s13 .sec1 .tbx strong{font-size: clamp(28px, 5.2vw, 56px); line-height: 1.5;}
	.s13 .sec1 .tbx p{font-size: 16px; line-height: 1.5;}
	.s13 .sec3{margin-top: 50px;}
	.s13 .sec3 .lbx{position: static; padding-left: 0;}
	.s13 .sec3 .rbx{padding-left: 0; margin-top: 0;}
	.s13 .sec3 .lbx .tit p{font-size: 20px; margin-bottom: 10px;}
	.s13 .sec3 .lbx .tit h5{font-size: clamp(26px, 4.2vw, 48px); }
	.s13 .sec3 .rbx ul{padding-left: 20px; padding-bottom: 30px;}
	.s13 .sec3 .rbx ul > li{font-size: 16px; line-height: 1.5;}
	.s13 .sec3 .rbx ul > li span{font-size: 18px; width: 90px;}
	.s13 .sec3 .rbx ul:after{top: 9px;}

/* s21 */
	.s21{padding-bottom: 0;}
	.comp-ty1 {margin-bottom: 12vw; flex-direction: column;}
	.comp-ty1 figure{width: 100%;}
	.comp-ty1 figure img{width: 100%;}
	.comp-ty1 .tbx > *{padding-left: 0;}
	.comp-ty1 .tbx > .top{height: auto; padding: 50px 0 20px; margin-bottom: 20px;}
	.comp-ty1 .tbx > .top small{font-size: 16px;}
	.comp-ty1 .tbx > .top strong{font-size: clamp(24px, 3.6vw, 32px); line-height: 1.5; }
	.comp-ty1 .tbx > .bottom p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.comp-ty1 .tbx > .bottom p br{display: none;}

	.s21 .sec1 {height: 70vw;}
	.s21 .sec1 .tbx strong{font-size: 20px; line-height: 1.5; word-break: break-all; margin-bottom: 10px;}
	.s21 .sec1 .tbx strong br{display: none;}
	.s21 .sec1 .tbx p{font-size: 16px; line-height: 1.5; word-break: break-all;}
	.s21 .sec1 .tbx p br{display: none;}

	.s21 .sec2{padding: 12vw 0 18vw;}

	.s21 .sec2 ul > li figure img{height:16.6667%; width: auto;}


/*	 s22 */
	.s221{padding-bottom: 0;}
	.s221 .comp-ty1{margin-bottom: 8vw;}
	.comp-ty2{gap:20px}
	.comp-ty2 > a{width: auto; flex:100%; }
	.comp-ty2 > a .tbx{height: auto; padding: 20px;}
	.comp-ty2 > a{height: auto;}
	.comp-ty2 > a .tbx small{font-size: 14px;}
	.comp-ty2 > a .tbx p{font-size: 20px; line-height: 1.5;}
	.comp-ty2 > a .bottom{font-size: 18px; height: 60px;}
	.sec-bg{padding: 12vw 0 16vw;}
	.s221 .cnt-box .cnt{padding: 30px 20px;}
	.s221 .cnt-box .cnt dl{padding-top: 20px; padding-bottom: 20px;}
	.s221 .cnt-box .cnt dl.hnr{padding-bottom: 10px;}
	.s221 .cnt-box .cnt dl dt{font-size: clamp(24px, 3.6vw, 32px); width: 100%; line-height: 1.5; margin-bottom: 20px; word-break: keep-all;}
	.s221 .cnt-box .cnt dl dt br{display: none;}
	.s221 .cnt-box .cnt dl dd ul > li{font-size: 18px; line-height: 1.5;}
	.s221 .cnt-box .cnt dl dd ul > li:before{top: 11px;}
	.s221 .cnt-box .cnt dl dd ul > li ol{margin-top: 10px;}
	.s221 .cnt-box .cnt dl dd ul > li ol > li{font-size: 16px; line-height: 1.5; }
	.s221 .cnt-box .cnt dl dd .link a{height: 40px; font-size: 16px;}
	.s221 .cnt-box .cnt dl dd{width: 100%;}
	.s221 .cnt-box .cnt dl dd .col2{flex-direction: column; gap:20px}
	.s221 .cnt-box .cnt dl dd .col2 > li{width: 100%;}
	.s221 .cnt-box .cnt dl dd ul > li ol > li span{width: 12px;}
	.s221 .cnt-box .cnt dl dd ul > li ol > li p{flex:1;}
	.white{margin-top: 40px;}
	.white p{font-size: 20px;}
	.white > *{padding: 0 20px;}
	.s221 .comp-ty1 .tbx > .top{padding-top: 8vw; height: auto; padding-bottom: 30px; margin-bottom: 30px;}
	.s221 .comp-ty1 .tbx > .bottom{height: auto;}
	

/*	s23 */
	.s231 .comp-ty1{margin-bottom: 8vw;}
	.s231 .comp-ty1 .tbx > .top{height: auto;}
	.s231 .comp-ty1 .tbx > .bottom{height: auto; padding-bottom: 0;} 
	.s231 .comp-ty1 .tbx > .top{padding-top: 8vw;}
	.s231 .sec2 .tbx h5{font-size: clamp(28px, 5vw, 56px); line-height: 1.5;}
	.s231 .sec2 .tbx small{font-size: 18px; line-height: 1.5; margin-bottom: 20px;}
	.s231 .sec2 .tbx p{font-size: 16px; line-height: 1.5;}
	.s231 .sec2 .cnt{height: auto; margin-top: 30px;     flex-direction: column;}
	.s231 .sec2 .cnt .lbx{flex-basis:100%; width: 100%; padding: 20px;}
	.s231 .sec2 .cnt .lbx .txt > small{font-size: 14px; word-break: keep-all;}
	.s231 .sec2 .cnt .lbx .txt > small br{display: none;}
	.s231 .sec2 .cnt .lbx .txt > b{font-size: 24px; line-height: 1.5; word-break: keep-all;}
	.s231 .sec2 .cnt .lbx .txt > b br{display: none;}
	.s231 .sec2 .cnt .rbx{padding: 20px;}
	.s231 .sec3{margin-top: 8vw;}

	.s231 .sec3 .white{margin-top: 40px;}
	.white{margin-top: 40px; height: auto;     flex-direction: column; padding: 30px 0;}
	.white p:after{display: none;}
	.white span{margin-top: 20px;}

/* s24 */

	.wi_re100 .cnt01 .txt-box .icon{margin-bottom: 20px;}
	.wi_re100 .cnt01 .tit-box{margin-bottom: 40px;}
	.wi_re100 .cnt01 .tit-box h5{font-size: clamp(24px, 4vw, 40px); line-height: 1.5;}
	.wi_re100 .cnt01 .tit-box p{font-size: 18px; line-height: 1.5;}
	.wi_re100 .cnt01 .txt-box h6{font-size: 20px; line-height: 1.5; margin-bottom: 5px;}
	.wi_re100 .cnt01 .txt-box p{font-size: 18px;}
	.wi_re100 .cnt01 .txt-box .row{padding: 0 5px;}
	.wi_re100 .cnt01 .txt-box .icon img{max-width:15vw}
	.wi_re100 .cnt01 .col{flex-direction: column;}
	.wi_re100 .cnt01 .col .tit{max-width:100%; padding: 30px 20px; height: auto;}
	.wi_re100 .cnt01 .col .tit p{font-size: 16px; margin-bottom: 10px;}
	.wi_re100 .cnt01 .col .tit h5{font-size: clamp(24px, 3vw, 32px); line-height: 1.5;}
	.wi_re100 .cnt01 .col .txt{margin-top: 30px; width: 100%; margin-left: 0; height: auto; padding: 12vw 20px;}
	.wi_re100 .cnt01 .col .txt p{font-size: 16px; line-height: 1.5; margin-bottom: 1em;}
	.wi_re100 .cnt01{padding-bottom: 12vw;}
	.wi_re100 .cnt02{padding: 12vw 0 16vw;}
	.wi_re100 .cnt02 .tit-box h5{font-size: 26px; line-height: 1.5;}
	.wi_re100 .cnt02 .tit-box p{font-size: 18px;}
	.wi_re100 .cnt02 .tit-box{margin-bottom: 30px;}
	.wi_re100 .cnt02 .txt-box .txt{font-size: 18px; padding-left: 50px;}
	.wi_re100 .cnt02 .txt-box .txt:before{width: 40px; height: 40px; top: 20px;}
	.wi_re100 .cnt02 .txt-box .txt .more{position: absolute;font-size: 16px; width: auto; padding-right: 40px; line-height: 40px; top: 20px;}
	.wi_re100 .s251 .cnt02 .txt-box .txt .more{position: absolute;font-size: 16px; width: auto; padding-right: 40px; line-height: 40px; top: 20px;}
	.wi_re100 .cnt02 .txt-box .num{font-size: 30px; margin-top: 20px;}
	.wi_re100 .cnt02 .col{margin-bottom: 20px; padding-bottom: 20px;}
	.wi_re100 .cnt02 .col:last-of-type{margin-bottom: 0; padding-bottom: 0;}
	.wi_re100 .cnt03{padding-top: 12vw;}

	.sub-more a{position: relative; display: inline-flex; align-items:center; gap:12px; justify-content: center; width: auto; font-size: 16px; line-height: 40px; }
	.sub-more a:after{position: static;  margin-top: 0; line-height: 0;}
	.s251 .sub-more a.btn-tcfd {width: auto;}
	.s251 .sub-more a.btn-ev100 {width: auto;}
	
/* s25 */
	.wi_re100 .s251 .cnt01 .txt-box{gap:20px; padding-left: 0;}
	.wi_re100 .s251 .cnt01 .txt-box .row{flex:1; }
	.wi_re100 .s251 .cnt01 .txt-box .icon{margin-bottom: 20px;}
	.wi_re100 .cnt01 .txt-box small{font-size: 18px;}
	.wi_re100 .cnt01 .txt-box b{font-size: 18px; line-height: 1.5;}
	.wi_re100 .s251 .cnt02 .txt-box .txt.ty2{margin-top: 0; margin-bottom: 30px;}
	.doc-tit h4 small{display: block; font-size: 16px;}
	.wi_re100 .s251 .cnt03 .doc-tit p{font-size: 16px; line-height: 1.5;}
	.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box{padding: 30px 20px;}
	.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box ol > li{font-size: 16px; line-height: 1.5;}
	.s251 .sub-more{margin-top: 30px;}
	.s251 .white ol{margin-top: 20px;}
	.s251 .white ol > li{font-size: 18px; line-height: 1.5;}
	.s251 .white{margin-top: 50px;}
/* s26 */
	.s261{padding-bottom: 0;}
	.what_tit .img-box img{width: 100%;}
	.s261 .sec1 .what_tit{margin-bottom: 10vw;}
	
	.s261 .sec2{margin-top: 12vw;	}
	.s261 .sec2 .box{padding: 8vw 20px;}
	.s261 .sec2 .box .lbx p{font-size: 24px; line-height: 1.5;}
	.s261 .sec2 .box .lbx span{font-size: 18px; line-height: 1.5;}
	.s261 .sec2 .box .rbx p{font-size: 30px;}
	.s261 .sec2 .box .rbx p small{font-size: 16px;}
	.s261 .sec2 .box .link-box .more{font-size: 18px; height: 40px;}
	.s261 .sec3{margin-top: 12vw;}
	.s261 .sec3 .flex-box{gap:40px}
	.s261 .sec3 .flex-box .box{flex:100%; }
	.s261 .sec3 .flex-box .box img{width: 100%;}
	.s261 .sec3 .flex-box .box .tbx > small{font-size: 16px;}
	.s261 .sec3 .flex-box .box .tbx > h5{font-size: 22px; line-height: 1.5; word-break: keep-all;}
	.s261 .sec3 .flex-box .box .tbx > h5 br{display: none;}
	.s261 .sec3 .flex-box .box .tbx > ul > li{font-size: 16px; line-height: 1.5;}
	.s261 .sec3 .flex-box .box .tbx > ul > li:before{top: 9px;}
	.s261 .sec4 {padding: 12vw 0 12vw;  margin-top: 12vw;}
	.s261 .sec4 h5{font-size: 24px; line-height: 1.5;}
	.s261 .sec4 .contain > ol > li .tbx{margin-top: 20px;}
	.s261 .sec4 .contain > ol > li .tbx small{font-size: 16px; margin-bottom: 5px;}
	.s261 .sec4 .contain > ol > li .tbx p{font-size: 18px; line-height: 1.5;}
	.s261 .sec4 .sub-more{margin-top: 8vw;}
	.s261 .sec4 .contain > ol{gap:20px}
	.s261 .sec4 .contain > ol > li{width: calc(50% - 20px); flex:auto;}
	.s261 .sec4 .contain > ol > li figure img{max-width:18vw}
/* 	.s261 .sec4 .contain > ol > li:first-child:before{display: none;}
	.s261 .sec4 .contain > ol > li:after{display: none;} */
	.wi_re100 .s261 .cnt03{padding-top: 12vw;}
	.s261 .sec4 .cnt03 h5{margin-top: 0;}


	.wi_re100 .cnt03 .txt-box .txt ul{padding: 20px 15px;}

	.s261 .sec4 .contain > ol{gap:40px}
	.s261 .sec4 .contain > ol > li:after{right: -33px !important;}
	.s261 .sec4 .contain > ol > li:first-child:before{top: 9vw;}
	.s261 .sec4 .contain > ol > li:nth-child(4):before{top: 9vw; position: absolute;content: '';width: calc(200%);height: 1px;background: #ddd;right: 100px; z-index: -1;}
	.s261 .sec4 .contain > ol > li .tbx p{font-size: 16px;}
	
	.s261 .sec4 .contain > ol > li:after{right: -33px; top: calc(9vw - 15px); 	}
	.s261 .sec4 .contain > ol > li:nth-child(2):after{display: none;}

	.s261 .sec4 .contain > ol > li:nth-child(3):before{    position: absolute;content: '';width: 32px;height: 33px;background: url(../img/sub/s261-10.png) center no-repeat;; left: 0px; top: calc(9vw - 15px);}
	


/* s27 */
	.s271 .sec2 .cnt{flex-direction: column; height: auto;}
	.s271 .sec2 .cnt .lbx{width: 100%; height: auto;padding: 8vw 20px; flex-basis:auto;}
	.s271 .sec2 .cnt .lbx .txt > small{font-size: 16px; word-break: keep-all; }
	.s271 .sec2 .cnt .lbx .txt > small br{display: none;}
	.s271 .sec2 .cnt .lbx .txt > b{font-size: 24px; line-height: 1.5; word-break: keep-all; }
	.s271 .sec2 .cnt .lbx .txt > b br{display: none;}
	.s271 .sec2 .cnt .rbx{padding: 5vw 20px;}
	.s271 .sec2 .cnt .rbx .box ul{    flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; margin-top: 20px;}
	.s271 .sec2 .cnt .rbx .box ul > li{padding: 3vw 20px;}
	.s271 .sec2 .cnt .rbx .box p{font-size: 16px; line-height: 1.5; margin-bottom: 1em;}
	.s271 .sec3{padding: 12vw 0 15vw; margin-top: 12vw;}
	.s271 .sec3 .doc-tit{margin-bottom: 4vw;}
	.s271 .sec3 .doc-tit p{font-size: 16px; line-height: 1.5; margin-top: 20px;}
	.s271 .sec3 .box{height: auto; padding: 20px; flex-direction: column;}
	.s271 .sec3 .box figure{order:1; }
	.s271 .sec3 .box > div{width: 100%;}	
	.s271 .sec3 .box .lbx{order:2; width: 100%;}
	.s271 .sec3 .box .rbx{order:3; width: 100%;}
	.s271 .sec3 .box > div .cnt{width: 100%; height: auto; text-align: left; padding: 20px 0; border-bottom: 1px solid #ddd;}
	.s271 .sec3 .box > div .cnt:last-child{border-bottom: 1px solid #ddd;}
	.s271 .sec3 .box > div .cnt p{font-size: 16px; line-height: 1.5;}
	.s271 .sec3 .contain > p{margin-top: 5vw; font-size: 16px; line-height: 1.5;}
	.s271 .sec4{margin-top: 12vw;}
	.s271 .sec4 .doc-tit{margin-bottom: 6vw;}
	.s271 .sec4 .doc-tit h5{font-size: 24px; line-height: 1.5;}
	.s271 .sec4 ul > li{flex:33.33%;}
	.s271 .sec4 ul > li figure{height: 90px;}
	.s271 .sec4 ul > li figure img{max-width:18vw; }
	.s271 .sec4 ul > li:nth-child(2) figure img{max-width:16vw;}
	.s271 .sec4 ul > li .tbx{font-size: 18px; line-height: 1.5; word-break: keep-all; margin-top: 20px;}
	.s271 .sec4 ul > li .tbx br{display: none;}
	.s271 .sec4 .box{height: auto; padding: 20px; margin-top: 30px;}
	.s271 .sec4 .box p{font-size: 16px; line-height: 1.5;;}
	.s271 .sec5{margin-top: 12vw;}
	.s271 .sec5 .box{padding: 8vw 20px;	}
	.s271 .sec5 .box .lbx p{font-size: 24px; line-height: 1.5;}
	.s271 .sec5 .box .rbx p{font-size: 30px;}
	.s271 .sec5 .box .rbx p small{font-size: 16px;}
	.s271 .sec5 .box .link-box{margin-top: 20px;}
	.s271 .sec5 .box .link-box .more{width: 100%; font-size: 16px;}

/* s28 */
	.s281 .sec3{padding: 12vw 0 16vw;}
	.s281 .sec3 dl dt{width: 100%;}
	.s281 .sec3 dl dt p{font-size: 24px; line-height: 1.5; margin-bottom: 20px;}
	.s281 .sec3 dl dd .box .lbx p{font-size: 18px;}
	.s281 .sec3 dl dd .box .lbx i{width: 40px;}
	.s281 .sec3 dl dd .box .rbx p{font-size: 30px;}
	.s281 .sec3 dl dd .box .rbx p span{font-size: 16px;}
	.s281 .sec3 dl dd .box{margin-bottom: 10px;}
	.s281 .sec3 dl:first-of-type{padding-bottom: 30px; margin-bottom: 30px;}
	.s281 .sec3 dl dd .more{line-height: 40px; font-size: 16px; width: auto; display: inline-flex; padding-right: 40px; margin-top: 20px;}
	.s281 .sec5{margin-top: 12vw;}

	.s281 .sec4 .flex-box .tbx .top{height: auto;}	
	.s281 .sec4 .flex-box .tbx .top ul{gap:10px; height: auto; padding: 10px 0;	}

/* s29 */
	.s291{padding-bottom: 0;}
	.s291 .sec1 .what_tit{margin-bottom: 8vw;}
	.what_tit .txt-box .tit{margin-bottom: 20px;}
	.s291 .sec2 .doc-tit{margin-bottom: 30px;}
	.wi_re100 .s291 .cnt01 .col > div{height: auto;}
	.wi_re100 .s291 .cnt01{padding-bottom: 12vw;}
	.s291 .sec3 .doc-tit{margin-bottom: 30px;}
	.s291 .sec3 .doc-tit p{font-size: 16px; line-height: 1.5; margin-top: 30px;}
	.s291 .sec3 .box-wrap .box{padding: 20px; gap:30px}
	.s291 .sec3 .box-wrap .box figure{width: 20%;}
	.s291 .sec3 .box-wrap .box .tbx h5{font-size: 24px;}
	.s291 .sec3 .box-wrap .box .tbx h5 span{height: 30px; font-size: 18px; width: 80px;}
	.s291 .sec3 .box-wrap .box .tbx ul > li{font-size: 16px; line-height: 1.5;}
	.s291 .sec3 .box-wrap .box .tbx ul > li:before{top: 9px;}
	.s291 .sec3 .box-wrap .box .tbx ol{gap:5px 15px;}
	.s291 .sec3 .box-wrap .box .tbx ol > li{font-size: 16px; line-height: 1.5; }
	.s291 .sec3 .box-wrap .box .tbx .link > a{font-size: 16px; height: 40px;}
	.s291 .sec4{margin-top: 12vw;}
	.s291 .sec4 .flex-box{flex-direction: column; gap:20px;}
	.s291 .sec4 .flex-box .box h5{font-size: 24px; line-height: 1.5;}
	.s291 .sec4 p{font-size: 16px; line-height: 1.5; margin-top: 30px;}
	.s291 .sec4 .link{margin-top: 30px;}
	.s291 .sec4 .link > a{height: 40px; font-size: 16px;}
	.s291 .sec5{padding: 12vw 0 16vw; margin-top: 12vw;}
	.s291 .sec5 h5{font-size: 24px; line-height: 1.5; margin-top: 30px;}
	.s291 .sec5 .contain ol{justify-content: flex-start; gap:40px 40px}
	.s291 .sec5 .contain ol > li{padding: 0; width: auto; flex:1; }
	.s291 .sec5 .contain ol > li figure img{width: 18vw;}
	.s291 .sec5 .contain ol > li .tbx{margin-top: 20px;}
	.s291 .sec5 .contain ol > li .tbx small{font-size: 16px; margin-bottom: 5px;}
	.s291 .sec5 .contain ol > li .tbx p{font-size: 18px; line-height: 1.5;}
	.s291 .sec5 .contain > ol > li:first-child:before{top: 9vw; left: 50px; width: calc(300% - 50px);}
	.s291 .sec5 .contain > ol > li:after{right: -37px; top: calc(9vw - 15px); background-size: 24px;}
	.s291 .sec5 .contain > ol > li:nth-child(2):after{right: -37px; top: calc(9vw - 15px); background-size: 24px;}
/* 	.s291 .sec5 .contain ol > li:first-child:before{display: none;} */
/* 	.s291 .sec5 .contain ol > li:after{display: none;} */
	.wi_re100 .s291 .cnt03{padding-top: 12vw;}
	.wi_re100 .s291 .cnt03 .txt-box .txt h5{margin-top: 0;}
	.s291 .sec5 .contain ol > li .tbx p{font-size: 16px;}
	
	.wi_re100 .s2101 .cnt01 .col {flex-direction: row;}
	.s2101 .sec4 .flex-box .box {padding: 30px 25px; gap: 30px;}
	.s2101 .sec4 .flex-box .box .img {max-width: 250px;}
	.s2101 .sec4 .flex-box .box .info h5 {font-size: 18px;}
	.s2101 .sec4 .flex-box .box .info h5 br {display: none;}
	.s2101 .sec4 .flex-box .box .info span {font-size: 14px;}
	.s2101 .sec4 .flex-box .box .info p {font-size: 16px;}
	.s2101 .sec4 .flex-box .box .info a.more {font-size: 16px; margin-top: 15px;}
	.s2101 .sec4 .flex-box .box .info a.down {margin-top: 40px; font-size: 16px; line-height: 43px;}
	
/* s31 */
	.s31 .sec1 .what_tit{margin-bottom: 30px;}
	.s31 .sec1 figure{height: auto; padding: 20px;}
	.s31 .sec2{margin-top: 8vw;}
	.s31 .sec2 dl{flex-direction: column;}
	.s31 .sec2 dl dt{width: 100%; margin-bottom: 30px;}
	.s31 .sec2 dl dd{padding-left: 0; }
	.s31 .sec2 dl dd p{font-size: 16px; line-height: 1.5;}
	.s31 .sec2 dl dd:after{display: none;}
	.s31 .sec3{margin-top: 8vw;}

	.s31 .sec4 {margin-top: 12vw; padding-top: 12vw; padding-bottom: 16vw;}
	.s31 .sec4 .doc-tit{margin-bottom: 30px;}
	.s31 .sec4 .doc-tit p{margin-top: 30px; font-size: 16px; line-height: 1.5;}
	.s31 .sec4 .flex-box{gap:20px; flex-direction: column;}
	.s31 .sec4 .flex-box .box{padding: 20px; height: auto;}	 
	.s31 .sec4 .flex-box .box.last{height: auto;}
	.s31 .sec4 .flex-box .box p{font-size: 24px; line-height: 1.5; margin-bottom: 10px;}
	.s31 .sec4 .flex-box .box ul > li{font-size: 16px; line-height: 1.5; margin-bottom: 1em; word-break: keep-all;}
	.s31 .sec4 .flex-box .box ul > li br{display: none;}
	.s31 .sec4 .flex-box .box ul > li:before{top: 9px;}
	.s31 .sec5{margin-top: 12vw;}
/* 	.s31 .sec5 ul{flex-wrap:wrap; gap:40px 0; justify-content: flex-start;}
	.s31 .sec5 ul > li{flex:none; width: 50%;}
	.s31 .sec5 ul > li figure img{max-width:20vw	} */
/* 	.s31 .sec5 ul > li:first-child:before{display: none;}
	.s31 .sec5 ul > li:not(:last-child):after{display: none;} */
	.s31 .sec5 ul > li .tbx small{font-size: 16px; margin-top: 20px; margin-bottom: 5px;}
	.s31 .sec5 ul > li .tbx p{font-size: 18px; line-height: 1.5;}
	.s31 .sec5 .link{margin-top: 30px; height: 40px; font-size: 16px; line-height: 40px;}
	.s31 .sec5 .link > a{width: auto; font-size: 16px; height: 40px;}
	.s31 .sec5 .white{margin-top: 8vw;}
	.s31 .sec5 .white ol{margin-top: 20px; gap:0 10px}
	.s31 .sec5 .white ol > li{font-size: 18px; line-height: 1.5;}
	.s31 .sec5 .white ol > li:before{top: 12px;}

	

/* s61 */
	.s61 .sec1{height: 60vw; border-radius: 10px; overflow: hidden;}
	.s61 .sec1 > .tbx {padding: 0 15px;}
	.s61 .sec1 > .tbx strong{font-size: clamp(26px, 5.2vw, 56px); margin-bottom: 20px;}
	.s61 .sec1 > .tbx p{font-size: 16px; line-height: 1.5;}
	.s61 .sec2{margin-top: 12vw;}
	.s61 .sec2 .doc-tit{margin-bottom: 30px;}
	.s61 .sec2 .doc-tit p{margin-top: 30px; font-size: 16px; line-height: 1.5;}
	.s61 .sec2 .flex-box{flex-direction: column;}
	.s61 .sec2 .flex-box .tbx{    flex-direction: column;}
	.s61 .sec2 .flex-box .tbx .lbx{width: 100%; border-right: 0; margin-bottom: 30px;}
	.s61 .sec2 .flex-box .tbx .rbx{padding-left: 0;}
	.s61 .sec2 .flex-box .tbx .lbx p{font-size: 28px;}
	.s61 .sec2 .flex-box .tbx .rbx form > input{height: 40px; font-size: 16px; border-radius: 5px; padding-left: 10px;}
	.s61 .sec2 .flex-box .tbx .rbx form .chk-box{padding-left: 0; font-size: 16px; line-height: 1.5; align-items:flex-start;}
	.s61 .sec2 .flex-box .tbx .rbx form .chk-box input{position: relative; top: 8px;}
	.s61 .sec2 .flex-box .tbx .rbx form .link > a{font-size: 16px; width: auto; padding: 0 20px; height: 50px;}
	.s61 .sec2 .flex-box .news{flex-basis:0px; padding: 8vw 0;}
	.s61 .sec2 .flex-box .news p{font-size: 30px;}
	.s61 .sec2 .flex-box .news .link > a{width: auto; height: 50px; font-size: 16px; padding: 0 20px;}
	.s61 .sec3{margin-top: 12vw;}
	.s61 .sec3 .doc-tit p{font-size: 16px; margin-top: 30px; line-height: 1.5;}
	.s61 .sec3 .link{margin-top: 50px;}
	.s61 .sec3 .link > a{width: auto; font-size: 16px; padding: 0 20px; height: 50px;}
	.s61 .sec4{margin-top: 12vw;}
	.s61 .sec4 .doc-tit{margin-bottom: 30px;}
	.s61 .sec4 .doc-tit p{font-size: 16px; margin-top: 30px; line-height: 1.5;}
	.s61 .sec4 ul{    flex-direction: column; gap:20px}
	.s61 .sec4 ul > li a{padding: 20px;}
	.s61 .sec4 ul > li a img{max-width:40vw}
	.s61 .sec4 ul > li:nth-child(2) a img{max-width:31vw}
		.s61 .sec4 ul > li:nth-child(3) a img{max-width:26vw}
/* s62 */
	.s62 .sec1 .box{height: 60vw; border-radius: 10px; overflow: hidden;}
	.s62 .sec1 .box > .tbx strong{font-size: clamp(26px, 5.2vw, 56px); margin-bottom: 20px;}
	.s62 .sec1 .box > .tbx  p{font-size: 16px; line-height: 1.5; word-break: keep-all; padding: 0 15px;} 
	.s62 .sec1 .box > .tbx  p br{display: none;}
	.s62 .sec1 > p{margin-top: 10vw; font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s62 .sec1 > p br{display: none;}
	.s62 .sec2 {padding: 12vw 0 16vw; margin-top: 12vw;}
	.s62 .sec2 .box1 .cnt{height: auto; flex-direction: column;}
	.s62 .sec2 .box1 .cnt > *{width: 100%;}
	.s62 .sec2 .box1 .cnt > .lbx{border-radius: 10px; overflow: hidden;}
	.s62 .sec2 .box1 .cnt > .rbx{padding: 5vw 20px; border-radius: 10px; overflow: hidden; margin-top: 40px; }
	.s62 .sec2 .box1 .cnt > .rbx p{font-size: 16px; line-height: 1.5; word-break: keep-all; margin-bottom: 1em;}
	.s62 .sec2 .box1 .cnt > .rbx p br{display: none;}
	.s62 .sec2 .box2{margin-top: 12vw;}
	.s62 .sec2 .box h5{font-size: clamp(24px, 4vw, 40px); margin-bottom: 30px;}
	.s62 .sec2 .box2 ul{flex-wrap:wrap; gap:20px}
	.s62 .sec2 .box2 ul > li{flex: 40%; }
	.s62 .sec2 .box2 ul > li img{width: 100%;}
	.s62 .sec2 .box2 ul > li .tbx{height: auto; }
	.s62 .sec2 .box2 ul > li .tbx strong{font-size: 20px;  padding: 30px 0 10px;}
	.s62 .sec2 .box2 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s62 .sec2 .box3{margin-top: 12vw;}
	.s62 .sec2 .box3 ul{flex-direction: column;}
	.s62 .sec2 .box3 ul > li{border-bottom: 1px solid #ddd; padding: 30px 0 !Important; margin-bottom: 0 !important;}
	.s62 .sec2 .box3 ul > li:first-child{padding-top: 0 !Important;}
	.s62 .sec2 .box3 ul > li:nth-child(2), .s62 .sec2 .box3 ul > li:nth-child(4){padding-left: 0;}
	.s62 .sec2 .box3 ul > li figure{width: auto;}
	.s62 .sec2 .box3 ul > li figure img{max-width:20vw; width: 100%;}
	.s62 .sec2 .box3 ul > li .tbx{padding-left: 20px;}
	.s62 .sec2 .box3 ul > li .tbx strong{font-size: 20px; margin-bottom: 10px;}
	.s62 .sec2 .box3 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s62 .sec2 .box3 .flex-box{height: auto; flex-direction: column; padding: 4vw 20px;     align-content: flex-start;}
	.s62 .sec2 .box3 .flex-box > .lbx{border-right: 0;}
	.s62 .sec2 .box3 .flex-box > .box{height: auto;	padding: 0; flex:auto; width: 100%; padding: 10px 0;}
	.s62 .sec2 .box3 .flex-box > .box p{font-size: 16px; line-height: 1.5;}
	.s62 .sec2 .box3 .flex-box > .box p b{font-size: 20px;}
	.s62 .sec2 .box3 .link{margin-top: 5vw;}
	.s62 .sec2 .box3 .link a{height: 50px; font-size: 16px;  width: auto; padding: 0 20px;}
	.s62 .sec3{margin-top:12vw;}
	.s62 .sec2{padding-bottom: 5vw;}
	.s62 .sec3 .doc-tit{margin-bottom: 40px;}
	.s62 .sec3 .doc-tit p{font-size: 16px; line-height: 1.5; margin-top: 30px;}
	.s62 .sec3 .box h5{font-size: 24px; margin-bottom: 30px;}
	.s62 .sec3 .box1 ul {gap:0}
	.s62 .sec3 .box1 ul > li{flex:100%; padding: 30px 20px; }
	.s62 .sec3 .box1 ul > li strong{font-size: 20px; margin-bottom: 5px;}
	.s62 .sec3 .box1 ul > li p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s62 .sec3 .box1 ul > li p br{display: none;}
	.s62 .sec3 .box2{margin-top: 40px;}
	.s62 .sec3 .box2 ul{flex-wrap:wrap; gap:40px;     justify-content: flex-start;}
/* 	.s62 .sec3 .box2 ul > li{width: 50%; flex:none;}
	.s62 .sec3 .box2 ul > li:first-child:before{display: none;}
	.s62 .sec3 .box2 ul > li:not(:last-child):after{display: none;} */
	.s62 .sec3 .box2 ul > li:nth-child(4):before{left: -22px;}
	.s62 .sec3 .box2 ul > li figure img{max-width:20vw;}
	.s62 .sec3 .box2 ul > li .tbx small{font-size: 16px; margin-top: 20px;}
	.s62 .sec3 .box2 ul > li .tbx p{font-size: 18px; line-height: 1.5;}
	.s62 .sec3 .box3{margin-top: 8vw;}
	.s62 .sec3 .box3 > p{font-size: 16px; line-height: 1.5;}
	.s62 .sec3 .box3 .white{margin-top: 30px;}
	.s62 .sec3 .box3 .white ol{margin-top: 20px;}
	.s62 .sec4{margin-top: 8vw;}
	.s62 .sec4{    flex-direction: column;}
	.s62 .sec4 > *{flex:none; width: 100%;}
	.s62 .sec4 .lbx{height: auto; margin-bottom: 40px;}
	.s62 .sec4 .lbx img{width: 100%; height: auto; border-radius: 10px;}
	.s62 .sec4 .rbx{background: #fff; padding: 30px 20px;}
	.s62 .sec4 .rbx .doc-tit p{margin-top: 30px; font-size: 16px; line-height: 1.5;		}
	.s62 .sec4 .rbx .link{margin-top: 20px;}
	.s62 .sec4 .rbx .link > a{width: auto; height: 50px; font-size: 16px; padding: 0 20px;}

	.s31-box3-1-arti4{padding-top: 30px;}
	.design-pop .cnt h5{font-size: 20px; margin-top: 20px;margin-bottom: 20px;}
	.s31-box3-1-arti4 .cnt-box figure{width: 100%; margin-top: 0; padding: 20px 15px;}
	.s31-box3-1-arti4 .cnt-box .tbx{padding: 30px 15px; height: auto;}
	.s31-box3-1-arti4 .cnt-box .tbx ul{    flex-direction: column; padding-bottom: 20px; margin-bottom: 20px; gap:10px}
	.s31-box3-1-arti4 .cnt-box .tbx ul > li p{flex:1;}
	.s31-box3-1-arti4 .cnt-box .tbx p{font-size: 16px; line-height: 1.5;}
	.design-pop3 .cnt .s31-box3-1-arti5 h5{margin-top: 0; font-size: 22px;}
	.design-pop .cnt .doc-tit small{font-size: 16px;}
	.design-pop .cnt .s31-box3-1-arti5 ul{gap:10px; margin-top: 20px;}
	.design-pop .cnt .s31-box3-1-arti5 ul > li{height: 80px; padding: 0 10px; flex:1 1 40%}
	.design-pop .cnt .s31-box3-5-arti2-cnt{flex-direction: column; gap:30px;}
	.design-pop .cnt .s31-box3-5-arti2-cnt figure{height: auto; width: 100%; padding: 20px 10px 30px; line-height: 0;}
	.design-pop .cnt .s31-box3-5-arti2-cnt .tbx p{font-size: 16px; line-height: 1.5;}
	.design-pop4 .link > a{width: auto; height: 50px; font-size: 16px; padding: 0 20px;}
	.design-pop4 .link{margin-top: 30px;}
	
	.design-pop .cnt .flex-box .rbx ol{margin-top: 20px; gap:20px}
	.s281 .sec5 ul > li:not(:last-child):after{right: -33px;}

	.s281 .sec5 ul > li .tbx .sub-more > a{width: 120px; padding: 0; font-size: 14px; gap:5px} 
}

@media (max-width: 640px) {
	.comp-tab > li{display: flex; align-content:center; align-items:center; justify-content: center; flex-direction: column; gap:8px; line-height: 1.5; height: auto; padding: 10px 0;}
	.comp-tab > li br{display: block;}
	.comp-tab > li i:after, .comp-tab > li i:before{margin-left: 0;		} 
	.comp-tab > li i:after, .comp-tab > li i:before{background: url(../img/sub/s13-tab-arr-m1.png) center no-repeat; background-size: 100%;}
	.comp-tab > li i:after, .comp-tab > li i:after{background: url(../img/sub/s13-tab-arr-m2.png) center no-repeat; background-size: 100%;}

	.s281 .sec5 ul > li:first-child:before{top: 9vw; left: 50px;}
	.s281 .sec5 ul > li:not(:last-child):after{top: calc(9vw - 15px); background-size: 24px;}
	.s281 .sec5 ul > li:nth-child(4):before{top: calc(9vw - 15px); background-size: 24px;}
	.s281 .sec5 ul > li:nth-child(6):before{top: 9vw;}

	.s2101 .sec4 .flex-box .box {flex-wrap: wrap;}
	.s2101 .sec4 .flex-box .box .img {max-width: 100%;}
	.s2101 .sec4 .flex-box .box .info {width: 100%;}

	.s31 .sec5 ul > li:not(:last-child):after{}
	.s31 .sec5 ul > li .tbx p{font-size: 16px;}
	.s31 .sec5 ul > li:first-child:before{top: 9vw; left: 100px;}
	.s31 .sec5 ul > li:not(:last-child):after{right: -33px; top: calc(9vw - 15px); background-size: 24px;}
	.s31 .sec5 ul > li:nth-child(4):before{top: calc(9vw - 15px); left:-15px; background-size: 24px;}
	.s31 .sec5 ul > li:nth-child(5):before{top: 9vw;}
	.s31 .sec5 ul > li:nth-child(5):before{right: 50px; width: calc(500%);}

	
	.s62 .sec3 .box2 ul > li:not(:last-child):after{}
	.s62 .sec3 .box2 ul > li .tbx p{font-size: 16px;}
	.s62 .sec3 .box2 ul > li:first-child:before{top: 9vw; left: 100px;}
	.s62 .sec3 .box2 ul > li:not(:last-child):after{right: -33px; top: calc(9vw - 15px);}
	.s62 .sec3 .box2 ul > li:nth-child(4):before{top: calc(9vw - 15px); left:-15px;}
	.s62 .sec3 .box2 ul > li:nth-child(5):before{top: 9vw;}
	.s62 .sec3 .box2 ul > li:nth-child(5):before{right: 140px;}
	.s62 .sec3 .box2 ul > li:nth-child(4):before{left: -25px;}
}

@media (max-width: 600px) {
/* s26 */
	.s261 .sec3 .col > .txt-box ul > li .box{margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 20px 15px;}
/* s29 */
	.s291 .sec3 .box-wrap .box{ flex-direction: column;}
	.s291 .sec3 .box-wrap .box figure{width: 80%; text-align: center;}
	.s291 .sec3 .box-wrap .box .tbx h5{    flex-direction: column; gap:10px}
	.design-pop .cnt .s31-box2 ol{    flex-direction: column; padding-top:30px; margin-top: 30px;}
	.design-pop .s31-box3-1-arti2 ul{gap:20px}
	.design-pop .s31-box3-1-arti2 ul > li{flex:1 1 100%}
	
	.s281 .sec5 ul > li{flex: 1 1 19%;}
	
	.s2101 .sec2 .cnt .col {flex-wrap: wrap;}
	.s2101 .sec2 .cnt .col figure {width: 100%;}
	.s2101 .sec3 figure {margin-top: 50px;}
	

/* s61 */
		.s61 .sec3 .doc-tit{margin-bottom: 50px;}
		.s61 .sec3 .slick-slider .item{height: 90px; padding: 0 10px;}

/* s62 */
	.s62 .sec2 .box2 ul > li{flex:100%;}
}

@media (max-width: 540px) {
	.s21 .sec2 ul > li figure img{max-height: 16.6667vw; width: auto;}
	.s21 .sec2 ul > li .box .tbx{padding-top: 0;}
	
	.s2101 .sec4 .flex-box .box .img img {max-width: 80%;}
}


@media (max-width: 480px) {
/* s11 */
	.s111 .sec3 .ul-box ul > li > i img{max-width:12vw;}
	.s111 .sec3 .ul-box ul > li > p{word-break: keep-all;}
	.s111 .sec3 .ul-box ul > li > p br{display: none;}
	.s15 ul > li figure{width: 120px; }
	.s152 .sec3 ol > li i img{max-width:12vw}
	
	.s281 .sec5 ul > li .tbx .sub-more > a{width: 120px; padding: 0 10px;}
	.s221 .sub-more {margin-top: 8vw;}
	.s221 .sub-more > a{width: 268px;}

	.s231 .sec3 .sub-more {margin-top: 8vw;}
	.s231 .sec3 .sub-more > a{width: 268px;}

/* s14 */
	.s14 .sec1 .rbx p{word-break: keep-all;}
	.s14 .sec1 .rbx p br{display: none;}

/* s16 */	
	.s16-link-box > li > a > img{flex:1; width: auto; max-width:calc(100% - 35px)}
	.s16-link-box > li > a i{width: 15px;}

/* s17 */
	/* .s17-map .map-txt > .box b i img{max-width:20px;} */

/* s21 */
	.s21 .sec2 ul > li figure{ align-items: flex-start; padding-bottom: 20px; min-height:80px}
	.wi_re100 .cnt03 .txt-box .txt ul{padding: 20px 15px; margin: 30px 0;}
	.s241 .white{margin-top: 5vw;}

/* s22 */
	.s221 .comp-ty1 .tbx > .top{padding-bottom: 6vw; margin-bottom: 6vw;	}
	.s221 .comp-ty1 .tbx > .bottom{height: auto; padding-top: 0;}

/* s25 */
	.wi_re100 .s251 .cnt03 .txt-box .txt ul > li .box{padding: 20px 15px; margin-top: 0; margin-bottom: 0;}
	.s251 .sub-more{margin-top: 5vw;}
	.s251 .white{margin-top: 5vw;}

/* s61 */
	.s61 .sec3 .white ol{gap:10px 20px; justify-content: center; margin-top: 10px;}
	
	.design-pop .cnt .white ol{margin-top: 10px;}
	.design-pop .cnt .white ol > li{font-size: 16px; }
	.design-pop .cnt .white ol > li:before{top: 9px;}
}