@charset "utf-8";

@media (max-width: 1800px) {
/* main */
	main .mcnt3 .owl-nav > *{left: -10px; width: 50px; height: 50px; top: 20%;}
	main .mcnt3 .owl-nav > *.owl-next{right: -10px;}
}

@media (max-width: 1400px) {
/* header */
	#header #gnb > ul > li > a{font-size: 16px; padding: 0 20px;}
	
/* main */
	main .mcnt11{height: auto; padding: 12vw 20px;}
	main .mcnt11 .figbox .figure1{left: 0; top: 30px;}
	main .mcnt11 .figbox .figure1 img{width: 30vw;}
	main .mcnt11 .figbox .figure2{top: 30vw; }
	main .mcnt11 .figbox .figure2 img{width: 25vw;}
	main .mcnt11 .figbox .figure3{bottom: 5vw;}
	main .mcnt11 .figbox .figure3 img{width: 25vw;}
	
	.information > .lbx .tbx{padding-right: 40px;}
	.information > .rbx{padding-left: 40px;}
	main .mcnt3 .item > a .tbx > p{font-size: 20px; line-height: 1.5;	}

	.quick-wrap{right: 20px;}
	.quick-wrap ul > li > a{width: 40px; height: 40px;}
	.quick-wrap ul > li > a i{width: 40px;}
	.quick-wrap ul > li > a p{line-height: 40px; left: 50px;}
	.quick-wrap ul > li:hover > a i {width: 60px;}

}

@media (max-width: 1200px) {
/* header */
	#header .sitelogo > a{width: 220px;}

/* main */
	main .mcnt2 .main-tit-box small{font-size: 40px; line-height: 1.5;}
	main .mcnt2 .main-tit-box h5,
	main .mcnt7 .main-tit-box h5{font-size: 38px; line-height: 1.5; display: inline-block;}
	main .mcnt7 .main-tit-box h5 span{margin-left: -15px;}

	main .mcnt11 .tbx > p{font-size: 28px; line-height: 1.5;}
	main .mcnt11 .tbx > .box{width: 35vw;}
	main .mcnt11 .tbx > .box{font-size: 40px; line-height: 1.5;}
	main .mcnt11 .tbx > .box small{font-size: 14px;}
	main .mcnt11 .tbx big{font-size: 40px; line-height: 1.5;}
	main .mcnt19 ul > li{padding: 30px 20px;}
	

}

@media (max-width: 1024px) {
/* header */
	#header{height: 100px;}
	#header #gnb{display: none;}

/* main */
	main .mcnt1{height: 85vw;}
	main .mcnt1 .tbx h3{height: auto; font-size: clamp(26px, 6.4vw, 90px); line-height: 1.5; margin-left: -2px;}
	main .mcnt1 .tbx h3:after{height: 1em; top: 0.2em;}
	main .mcnt1 .tbx p{font-size: clamp(18px, 4.2vw, 46px);}
	main .mcnt1 .scroll-mv{bottom: 30px; width: 30px;}
	main .mcnt1 .scroll-mv span:before{width: 30px; }
	@keyframes mvscroll {0% {top:10px;} 50% {top:30px } 100% {top:10px }}
	main .mcnt2{height: auto; padding: 12vw 20px;}
	main .mcnt2 .main-tit-box small{font-size: clamp(18px, 4.2vw, 40px); }
	main .mcnt2 .main-tit-box h5,
	main .mcnt7 .main-tit-box h5{font-size: clamp(18px, 3.8vw, 28px); margin-bottom: 20px;}
	main .mcnt7{height: auto; padding: 12vw 0;}
	main .mcnt2 .main-tit-box h5:before,
	main .mcnt7 .main-tit-box h5:before{height: 0.7em;}
	main .mcnt2 .main-tit-box h5 span,
	main .mcnt7 .main-tit-box h5 span{margin-left: -5px;}
	main .mcnt3_wrap{padding: 12vw 0;}
	main .mcnt8-wrap .tit{margin-bottom: 30px;}
	main .mcnt3_wrap .tit{margin-bottom: 30px;}
	main .mcnt8-wrap .tit > h5 span:before{height: 2px;}
	main .mcnt3_wrap .tit span,
	main .mcnt8-wrap .tit > span{font-size: clamp(20px, 3.8vw, 32px);}
	main .mcnt8-wrap .tit > span{margin-bottom: 10px;}
	main .mcnt8-wrap .tit > h5 b span:before{height: 3px;}
	main .mcnt3_wrap .tit h5,
	main .mcnt8-wrap .tit > h5,
	main .mcnt9 .tit > h5{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5;}

	main .mcnt3 .item > a .tbx{padding: 20px 15px;}
	main .mcnt3 .item > a .tbx > p{font-size: 18px; line-height: 1.5; height: 3em; 		}
	main .mcnt3 .item > a .tbx .box{margin-top: 10px; padding-top: 10px;}
	main .mcnt3 .item > a .tbx .box span{font-size: 16px; line-height: 1.5;}
	main .mcnt3 .owl-nav > *{top: 32%;}
	main .mcnt4{padding-top: 12vw;}
	main .mcnt4 .tit{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; }
	main .mcnt4 .tit p{gap:0.2em}
	main .mcnt4 .tit > span{font-size: clamp(20px, 3.8vw, 32px);}

	main .mcnt4 .arti1 .img-box{height: auto; padding: 12vw 20px; margin-top: 30px;}
	main .mcnt4 .arti1 .img-box i{}
	main .mcnt4 .arti1 .img-box .txt > i img{width: 8vw;}
	main .mcnt4 .arti1 .img-box .txt > p{margin: 15px 0 15px;}
	main .mcnt4 .arti1 .img-box .txt > p span{font-size: clamp(40px, 12vw, 160px);}
	main .mcnt4 .arti1 .img-box .txt > p > i > img{width: 6vw;}
	main .mcnt4 .arti1 .img-box .txt > p small{font-size: clamp(20px, 4.0vw, 42px); top: 0;}
	main .mcnt4 .arti1 .img-box .txt > span{font-size: 16px;}
	main .mcnt4 .arti2{margin-top: 12vw;}
	main .mcnt4 .arti2 .link-box > a{font-size: 16px;}
	main .mcnt4 .arti3{margin-top: 12vw;}
	main .mcnt4 .arti3 .img-box{margin-top: 30px; height: auto; padding: 30px 20px;}
	main .mcnt4 .arti3 .img-box .tbx p{margin-top: 8vw;}
	main .mcnt4 .arti3 .img-box .tbx p span{font-size: 16px; line-height: 1.5;}
	main .mcnt4 .arti3 .img-box .tbx p{font-size: clamp(20px, 3.8vw, 40px);}
	main .mcnt5-wrap{margin-top: 12vw; height: auto; padding: 12vw 0;}
	main .mcnt5 .tit{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; gap:0 10px}
	main .mcnt5 > ul{margin-top: 30px;}
	main .mcnt5 > ul > li{height: 100px;}
	main .mcnt6-wrap{padding: 12vw 0;}
	main .mcnt5 .tit p{align-content:center;}
	main .mcnt8-wrap{padding: 12vw 0;}
	main .mcnt8-wrap .tit > span{}
	main .mcnt8-wrap .owl-nav > *{width: 40px; height: 40px; left: 20px;}
	main .mcnt8-wrap .owl-nav > *.owl-next{right: 20px;}
	main .mcnt8-wrap .item .tbx span{font-size: 20px;}
	main .mcnt8-wrap .item .tbx{right: 20px; bottom: 20px;}
	main .mcnt9{padding: 12vw 20px;}
	main .mcnt9 .tit{margin-bottom: 30px;}
	main .mcnt9 .flex-box .lbx strong{font-size: clamp(20px, 3.8vw, 40px); line-height: 1.5; padding-bottom: 10px; margin-bottom: 10px;}
	main .mcnt9 .flex-box .lbx{width: 100%; padding-right: 0;}
	main .mcnt9 .flex-box .rbx{margin-top: 30px;}
	main .mcnt9 .flex-box .lbx .box p{font-size: 18px; line-height: 1.5;}
	main .mcnt9 .flex-box .lbx .box p span{border-width: 2px;}
	main .mcnt9 .flex-box .rbx .box dl{height: 80px;}
	main .mcnt9 .flex-box .rbx .box dl dt{height: 80px; width: 80px; font-size: 16px; line-height: 1.5;}
	main .mcnt9 .flex-box .rbx .box dl dd{height: 80px;}
	main .mcnt9 .flex-box .rbx .box dl.dl1 span{width: 80px; height: 80px; font-size: 16px; border-radius: 5px 0 0 5px;}
	main .mcnt9 .flex-box .rbx .box dl.dl2 dd span{height: 80px;}
	main .mcnt10-wrap{padding: 12vw 0;}
	main .mcnt10 .tit h3{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; }
	main .mcnt10 .tit p{font-size: 24px; line-height: 1.5; margin: 30px 0 10px;}
	main .mcnt10 .tit h4{font-size: clamp(24px, 4.2vw, 46px);}
	main .mcnt10 > ul{margin-top: 30px; gap:20px;}
	main .mcnt10 > ul > li{flex:none; width: calc((100% / 3) - 15px);}
	main .mcnt10 > ul > li img{width: 100%;}
	main .mcnt11 .figbox {opacity: 0.4;}
	main .mcnt11 .tbx > .box{font-size: 28px; height: auto; padding: 20px; margin: 30px auto ;}
	main .mcnt11 .tbx big{font-size: 24px; line-height: 1.5;}
	main .mcnt11 .tbx big b:before{height: 3px;}
	main .mcnt11 .figbox .figure3{bottom: 15vw; left: -5vw;}
	main .mcnt12-wrap{height: auto; padding: 12vw 0;}
	main .mcnt12 .tbx h4 i{width: 30px; height: 30px; margin: 0 auto 10px;}
	main .mcnt12 .tbx h4 i img{width: 4px;}
	main .mcnt12 .tbx h4{font-size: clamp(20px, 3.8vw, 40px); line-height: 1.5; }
	main .mcnt13-wrap{height: auto; padding: 12vw 0;}
	main .mcnt13-wrap h4{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; margin-bottom: 20px;}
	main .mcnt13-wrap p{font-size: clamp(20px, 3vw, 32px); line-height: 1.5; }	
	main .mcnt14-wrap{height: auto; padding: 12vw 0 0;}
	main .mcnt14 .tit p{font-size: clamp(20px, 3vw, 32px); line-height: 1.5; align-content:center;}
	main .mcnt14 .tit p span{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5;}
	main .mcnt14 .tbx{padding-bottom: 0px; padding-right: 0; margin-top: 50px;}
	main .mcnt14 .tbx strong{font-size: clamp(20px, 3.8vw, 40px); line-height: 1.5; padding-bottom: 30px; margin-bottom: 30px;}
	main .mcnt14 .tbx p{font-size: 20px; margin-bottom: 10px;}
	main .mcnt14 .tbx ul > li{font-size: 16px; line-height: 1.5;}
	main .mcnt14 .tbx ul > li:before{top: 9px;}
	main .mcnt14 .tbx:after{display: block; position: static; width: 100%; background-size: 40%; height: 60vw;}
	main .mcnt15-wrap{padding: 12vw 0;}
	main .mcnt15 .tit{margin-bottom: 30px;}
	main .mcnt15 .tit > h5{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5;}
	.main-dl-box{padding: 30px 20px;}
	.main-dl-box dl dt{height: 120px;}
	.main-dl-box dl dt span{font-size: 14px;}
	.main-dl-box dl dt p{font-size: 20px; line-height: 1.5;}
	.main-dl-box dl dd ul > li p{font-size: 16px; line-height: 1.5;}
	.main-dl-box dl dd ul > li{height: 100px; padding-top: 20px;		}
	.main-dl-box dl dd ul > li:not(:first-child){height: 100px; padding-top: 20px;}
	.main-dl-box dl dd ul > li.last span{font-size: 14px; line-height: 1.5;}
	.main-dl-box{flex-wrap:wrap;}
	.main-dl-box dl {flex:1 1 50%; width: auto;}
	main .mcnt16{padding: 12vw 20px;}
	main .mcnt16 .tit h4{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; margin-bottom: 20px;	}
	main .mcnt16 .tit p{font-size: 22px; line-height: 1.5;}
	main .mcnt16 ul{margin-top: 50px;}
	main .mcnt17-wrap{height: auto; padding: 12vw 0;}
	main .mcnt17-wrap p{font-size: clamp(25px, 4.8vw, 56px); line-height: 1.5;}
	main .mcnt17-wrap p:before{height: 0.7em;}
	main .mcnt18-wrap{padding: 12vw 0;}
	main .mcnt18-wrap .tit{margin-bottom: 30px;}
	main .mcnt18-wrap .tit p{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; }
	main .mcnt18-wrap .tit p span{font-size: clamp(22px, 3.8vw, 40px); line-height: 1.5;}
	.main-dl-box dl dd ul > li p span{box-sizing: border-box; padding:  10px; max-width:95%; font-size: 14px; margin-left: 0; margin-top: 0; line-height: 1.5;}
	main .mcnt19{padding: 12vw 20px;}
	main .mcnt19 .tit h5{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; }
	main .mcnt19 .img-box{margin-top: 50px;}
	main .mcnt19 .img-box .scroll-i{width: 40px; height: 40px;   left: calc(50% - 20px); top: -20px;}
	main .mcnt19 .img-box figure{height: 50vw; }
	main .mcnt19 .img-box figure img{}
	main .mcnt19 .img-box figure figcaption{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5;}
	main .mcnt19 h6{margin-top: 12vw;}
	main .mcnt19 h6{font-size: clamp(22px, 3.8vw, 40px); line-height: 1.5;}
	main .mcnt19 ul > li{flex:100%; height: auto;}
	main .mcnt19 ul > li strong{font-size: 22px; line-height: 1.5; margin: 20px 0 20px;}
	main .mcnt19 ul > li p{font-size: 16px; line-height: 1.5;}

	main .mcnt3 .item > a .tbx > p{display: -webkit-box;-webkit-line-clamp: 4; height: 6em; align-content:center;}

/* footer */
	.information{flex-direction: column;}
	.information > *{width: 100%; padding-top: 30px;}
	.information > .lbx .tbx{padding-right: 0;}
	.information > .lbx .tbx h4{font-size: clamp(24px, 4.8vw, 52px); line-height: 1.5; margin-bottom: 30px;}
	.information > .lbx .tbx ul > li{padding-bottom: 20px; margin-bottom: 20px;}
	.information > .lbx .tbx ul > li span{font-size: 18px;}
	.information > .lbx .tbx ul > li b{font-size: 20px;}
	.information > .lbx .tbx ul > li ol{margin-top: 5px;}
	.information > .lbx .tbx ul > li ol > li{font-size: 16px; line-height: 1.5;}
	.information > .rbx{padding: 30px 20px; margin-left: -20px;	width: calc(100% + 40px);}
	.information > .rbx h5{font-size: clamp(22px, 3.8vw, 40px); line-height: 1.5; margin-bottom: 10px;}
	.information > .rbx p{font-size: 16px; line-height: 1.5; margin-bottom: 20px;	}
	.information > .rbx dl{margin-bottom: 15px;}
	.information > .rbx dl > dt{font-size: 20px; line-height: 1.5;}
	.information > .rbx dl > dd ul{gap:15px 20px}
	.information > .rbx dl > dd ul > li label{padding-left: 22px; font-size: 16px; line-height: 1.5;}
	.information > .rbx dl > dd ul > li label:before{top: 1px; width: 16px; height: 16px;}
	.information > .rbx dl > dd ul > li label:after {width: 10px; height: 10px; left: 3px;top: 4px;}
	.information > .rbx .box:first-of-type input{font-size: 16px; height: 50px; 	border-radius: 5px; padding-left: 10px; }
	.information > .rbx .box:nth-of-type(2) textarea{padding-left: 10px; border-radius: 5px; font-size: 16px;}
	.information > .rbx .box:nth-of-type(3){margin-top: 20px;}
	.information > .rbx .box:nth-of-type(3) .btn-box input{width: 150px; height: 50px; border-radius: 5px; }

	

	.footer-wrap{padding: 30px 0; height: auto;}

	#footer .ft-top .ft-logo{font-size: 20px;}
	.scroll-top{right: 20px; bottom: 200px; width: 40px; height: 40px;}



}

@media (max-width: 640px) {
	main .mcnt4 .arti3 .img-box .tbx i > img{width: 20vw;}
	main .mcnt5 > ul{gap:10px}
	main .mcnt5 > ul > li{width: calc((100% / 2) - 5px);}
	main .mcnt5 > ul > li:nth-child(1){margin-left: 0;}
	main .mcnt5 > ul > li:nth-child(3){margin-right: 0;}
	main .mcnt6 > ul > li{flex:1 1 43%}
	main .mcnt10 > ul{gap:10px;}
	main .mcnt10 > ul > li{flex:1 1 40%; width: auto; }
	main .mcnt19 ul > li:before{background-size: 30% !important; z-index: -1;}
	main .mcnt19 ul > li strong{word-break: keep-all;}
	main .mcnt19 ul > li strong br{display: none;}
	main .mcnt19 ul > li p{word-break: keep-all;}
	main .mcnt19 ul > li p br{display: none;}
	main .mcnt19 ul{padding: 0; margin-top: 30px;}
	.information > .rbx .box:nth-of-type(3){flex-direction: column; align-items: center;}
	.information > .rbx .box:first-of-type {flex-wrap:wrap;}
	.information > .rbx .box:first-of-type input:first-child{width: 100%;}
	.information > .rbx .box:nth-of-type(2) textarea{padding: 10px; }

	main .mcnt3 .item > a .tbx > p{height: auto;      white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    word-break: keep-all;}


}

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

/* sub */
@media (max-width: 1400px) {
	#sub{max-width:100%; overflow: hidden;}
/* s11 */
	.s1_1 .arti3 .s11-tab > li{flex:1;}

/* s12 */
	.s1_2 .arti1 .top-box > .rbx{padding: 30px 20px;}
	.s1_2 .arti1 .top-box > .rbx .box p{word-break: keep-all;}
	.s1_2 .arti1 .top-box > .rbx .box p br{display: none;}
	
}

@media (max-width: 1024px) {
/* sub-common */
	.lnb-wrap{margin-bottom: 80px;}
	.dot-h3{font-size: clamp(24px, 4.8vw, 55px); line-height: 1.5;}
	.s2_1.s1_1 .dot-h3 tex{font-size: clamp(16px, 3.2vw, 35px); line-height: 1.5; margin-bottom: -30px;}
	.sub-line span{margin-left: -10px;}
	.sub-line:before{height: 0.7em;}
	.sub-visual{height: 400px;}
	.sub-visual > p{font-size: clamp(24px, 5.8vw, 65px); line-height: 1.5;}
	.lnb-wrap{margin-top: -50px;}
	.lnb > ul > li > a{height: 50px; font-size: 16px;}
	.lnb > ul > li > a:before{border-radius: 5px 5px 0 0;}
	.s12-tab > ul{margin-top: 30px; margin-bottom: 50px;}

/* s11 */
	.s2_1 .arti1{padding-bottom: 12vw;}
	.s2_1 .arti1 .sub-line{margin: 30px 0; font-size: clamp(18px, 4.2vw, 50px); line-height: 1.5; }
	.s2_1 .arti1 .p-box > p{font-size: 16px; line-height: 1.5; margin-bottom: 1em;}
	.s1_1 .arti2-wrap{padding: 12vw 0;}
	.s2_1 .arti2{padding-bottom: 0;}
	.s1_1 .arti2 h5{font-size: clamp(22px, 3.6vw, 40px); line-height: 1.5;}
	.s1_1 .arti2 .fig-box{margin: 50px 0; flex-direction: column;}
	.s1_1 .arti2 .fig-box .arr{width: 52px; height: 52px; margin: 0 auto;}
	.s1_1 .arti2 .fig-box .arr img{rotate:90deg; position: relative; top: 20px;}
	.s1_1 .arti2 p{font-size: 20px; line-height: 1.5;}
	.s1_1 .arti3{margin-top: 12vw; padding-bottom: 12vw;}
	.s1_1 .arti3 .s11-tab .tbx{padding: 15px 15px; height: auto;} 
	.s1_1 .arti3 .s11-tab .tbx .tit{font-size: 22px;}
	.s1_1 .arti3 .s11-tab .tbx .txt{font-size: 16px; line-height: 1.5;}
	.s11-cnt-wrap .box{padding: 0 15px;}
	.s11-cnt-wrap .box dl{padding: 30px 0;}
	.s11-cnt-wrap .box dl dt{width: 100%; font-size: 22px;}
	.s11-cnt-wrap .box dl dd{padding-left: 0; padding-top: 10px;}	
	.s11-cnt-wrap .box dl dd:before{display: none;}
	.s11-cnt-wrap .box dl dd ul > li{font-size: 16px; line-height: 1.5;}
	.s11-cnt-wrap .box dl:not(:first-of-type){padding-top: 30px;}

/* s12 */
	.s1_2 .arti1 .top-box{flex-direction: column;}
	.s1_2 .arti1 .top-box > *{width: 100%;}
	.s1_2 .arti1 .top-slide .owl-nav > *{width: 50px; height: 50px; left: -10px; margin-top: -25px;}
	.s1_2 .arti1 .top-slide .owl-nav > .owl-next{right: -10px;}
	.s1_2 .arti2{margin-top: 12vw; }
	.s1_2 .arti2 .box h4{font-size: clamp(18px, 4.2vw, 50px); line-height: 1.5; }
	.s1_2 .arti2 .box .link-box > a{font-size: 16px;}
	.s1_2, .s4_1{margin-bottom: 12vw;}
	.s1_2 .arti1 .top-box > .rbx .box b{font-size: 18px; line-height: 1.5;}

/* s13 */
	.s1_3{margin-bottom: 12vw;}
	.s1_3 .arti1 iframe{margin-top: 50px; height: 60vw;}
	.s1_3 .tbx{margin-top: 30px; flex-direction: column;}
	.s1_3 .tbx ul > li{font-size: 16px; line-height: 1.5;}
	.s1_3 .tbx ul > li span{text-align: left; width: 40px;}
	.s1_3 .tbx ol > li > a{width: 120px; height: 40px; font-size: 16px;	 gap:20px}

/* s21 */
	.s2_1 h4{font-size: clamp(18px, 4.2vw, 50px); line-height: 1.5; }
	.s2_1 .arti1 > b {font-size: 20px; line-height: 1.5; margin-top: 30px;}
	.s2_1 .arti1 > ul{margin-top: 50px;}
	.s2_1 .arti1 > ul > li{flex:1 1 45%; height: auto; padding: 30px 15px;}
	.s2_1 .arti1 > ul > li figure{margin: 10px 0 15px;}
	.s2_1 .arti1 > ul > li b{font-size: 20px; line-height: 1.5;}
	.s2_1 .arti2 > ul > li .right-p{font-size: 20px;}
	.s2_1 .arti2 > ul > li{padding-left: 25px;}
	.s2_1 .arti2 > ul > li .tbx{padding: 20px 10px 0 10px;}
	.s2_1 .arti2 > ul > li .tbx p{font-size: 20px; line-height: 1.5;}
	.s2_1 .arti2 > ul > li .tbx ol > li{font-size: 16px; line-height: 1.5; word-break: keep-all; padding-left: 10px;}
	.s2_1 .arti2 > ul > li .tbx ol > li br{display: none;}
	.s2_1 .arti2 > ul > li .tbx ol > li:before{top: 10px;}
	.s2_1 .arti3{padding-top: 12vw; padding-bottom: 12vw;}
	.s2_1 .arti3 .main-dl-box{margin-top: 50px;}
	.bd-top-box p{font-size: 16px; line-height: 1.5;}

	.s5_1 .dot-h3{ font-size: clamp(18px, 2.8vw, 30px); }

}

@media (max-width: 640px) {
/* sub-common */
	.sub-line span{margin-left: -5px;}
	.s12-tab > ul{margin-top: 30px; margin-bottom: 50px; flex-wrap:wrap;}
	.s12-tab > ul > li{flex:none; width: calc((100% / 3) - 10px); height: 50px;}
	

/* s11 */
	.s1_1 .arti3 .s11-tab .tbx .tit .btn{top: 10px; right: 0;}
	.s1_1 .arti3 .s11-tab .tbx .tit .btn:before, .s1_1 .arti3 .s11-tab .tbx .tit .btn:after{width: 15px;}
	.s1_1 .arti3 .s11-tab .tbx .tit{font-size: 20px; margin-bottom: 10px;}
	.s1_1 .arti3 .s11-tab .tbx .txt{font-size: 14px; line-height: 1.5;}
	.s2_1 .arti1 .p-box > p{word-break: keep-all;}
	.s2_1 .arti1 .p-box > p br{display: none;}

/* s21 */
	.s2_1 .arti1 > ul > li{flex:100%}
	.s2_1 .arti2 > ul{gap:30px 0 }
	.s2_1 .arti2 > ul > li{width: 100%;}

}