@charset "utf-8";
/* sub */
@media (max-width:1600px){
	.s2 .s2-arti1 .wrap3 .tbx .txt b br{display: none;}
	.s2 .s2-arti1 .wrap3 .tbx .txt p {width: 100%;}
	.s2 .s2-arti1 .wrap3 .tbx .txt p br{display: none;}
	.s13-top p br{display: none;}
	.s33 .arti1 .gray-box .tbx br{display: none;}
	
}

@media (max-width:1320px){
/* sub-common */		
/* s12 */
	.s12 .arti1 .wrap3{align-items: flex-start;}
	.s12 .arti1 .wrap3 .rbx{flex:1;}
	.s12 .arti2 figure{height: auto; padding: 30px;}
	.s12 .arti2 figure img{max-width:100%; width: auto;}

/* s21 */	
	.s21 .arti2 ul > li{height: 270px;}
	.s21 .arti2 ul > li .tbx p{word-break: keep-all;}
	.s21 .arti2 ul > li .tbx p br{display: none;}
	.s21 .arti3 .flex-box .box ul > li{word-break: keep-all;}
	.s21 .arti3 .flex-box .box ul > li br{display: none;}
	.s21 .new-arti3 figure img{max-width:100%; width: auto;}
	
	
/* s22 */	
	.s2 .s2-arti1 .wrap3 .tbx b{font-size: 28px;}
	.s22 .s2-arti1 .wrap3 .tbx h4{font-size: 24px;}
	.s22 .arti3 .wrap3 .rbx{padding-left: 30px; margin-left: 30px; flex:1;}	
	.s22 .arti3 .wrap3 .rbx .box .num-ul > li p{word-break: keep-all;}
	.s22 .arti3 .wrap3 .rbx .box .num-ul > li p br{display: none;}

/* s32 */	
	.s32 .arti1 .flex-box .box .tbx .txt > p{word-break: keep-all;}
	.s32 .arti1 .flex-box .box .tbx .txt > p br{display: none;}

/* s33 */
	.s33 .arti2 .flex-box .rbx{flex:1;}
	
/* s34 */	
	.s34 .arti9 .flex-box .rbx{flex:1;}

/* s41 */
	.s4-history .flex-box > .box .txt p{word-break: keep-all;}
	.s4-history .flex-box > .box .txt p br{display: none;}

/* s42 */
	.s4 .s4-arti3 .flex-box	img{width: auto; max-width:100%;}

/* s43 */	
	.s43 .arti2 .wrap3 .rbx{flex:1;}
	.s43 .dot-num-flex ul{margin: 30px auto 0px; gap:15px 0px}
	
/* s44 */
	.s44 .arti3 .flex-box  > li{flex:1 1 40%;}
	.s44 .arti3 .flex-box img{width: auto; max-width:100%;}
	
/* s45 */	
	.s45 .arti3 figure img{max-width:100%; width: auto;}
	
/* s51 */	
	.s51 .arti2 .flex-box .tbx{flex:1;}

/* s52 */
	.s52 .arti1 .tbx:after{right: 0; top: -100px;}
	.s52 .arti2 .gray-box{padding: 40px 20px;}
	.s52 .arti4 .flex-box .tbx{flex:1;}
	.s52 .arti5 .wrap3 .rbx{flex:1;}
	
/* s54 */	
	.s54 .arti3 figure{padding-left: 0; height: auto; padding: 30px;}
	.s54 .arti3 figure img{width: 100%;}

/* s56 */
	.s56 .arti2 .flex-box .box{height: 340px;}
	.s56 .arti2 .flex-box .box .tbx p br{display: none;}
	
	.s2-pop .cnt .select-box{width: 100%;}
	.s2-pop{max-width:95vw; padding: 30px 20px;}
	.s2-pop .close{right: 20px; top: 30px;}
	.s2-pop .cnt .select-box b{height: 46px; font-size: 16px;}
	.s2-pop .cnt .select-box b span{font-size: 16px;}
	.s2-pop .cnt .select-box .option-box{top: 46px;}
	.s2-pop .cnt .select-box .option-box ul > li{height: 30px; font-size: 14px;}
	.s2-pop .cnt {max-height:calc(100% - 80px); overflow-y: auto;}
	.s2-pop .cnt .select-box b span{font-size: 14px;}

	.s322-arti2 .flex-box .tbx .box{padding: 40px 20px;}
	.s322-arti2 .flex-box .tbx .box p{font-size: 16.5px; word-break: keep-all;}
	.s322-arti2 .flex-box .tbx .box p br{display: none;}

	.s45 .arti2 ul > li .tbx p{font-size: 16.5px; line-height: 1.5; word-break: keep-all;}
	.s45 .arti2 ul > li .tbx p br{display: none;}
	
	.s56 .arti4 figure img{max-width:100%; width: auto;}
	.s56 .arti3 .gray-box{padding: 20px; word-break: keep-all;}
	.s56 .arti3 .gray-box br{display: none;}
}

@media (max-width:1024px){
/* sub-common */	
	#sub_layout{margin-top: clamp(60px, 16vw, 80px);;}
	.sub-visual-box{height: 50vw;}
	.sub-visual-box .lnb {position: relative; z-index: 100; margin-top: -60px;}
	.sub-visual-box .lnb b{position: relative; display: block; padding: 0px 20px; font-size: 20px; color: #fff; font-weight: 600; height: 60px; line-height: 60px; cursor: pointer; background: #1F2C7B;}
	.sub-visual-box .lnb b:after{position: absolute; content: ''; width: 36px; height: 60px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: 10px; top: 0; transition:.3s;}
	.sub-visual-box .lnb b.on:after{rotate:-180deg;}
	.sub-visual-box .lnb > ul{flex-direction: column; position: absolute; left: 0; top: 60px; width: 100%; background: #fff; z-index: 10; display: none;}
	.sub-visual-box .lnb > ul > li:after{display: none;}
	.sub-visual-box .lnb > ul > li:not(:last-child):before{display: none;}
	.sub-visual-box .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; color: #fff;} 
	.s24 .arti1 > .wrap3 > p{font-size: 16px; margin-bottom: 30px;}
	
/* s11 */
	.s11 .arti1{}
	.s11 .arti1 .flex-box .tbx h3{margin-left: 0; font-size: 28px; }
	.s11 .arti1 .flex-box .tbx .p-box p{font-size: 16px; word-break: keep-all;}
	.s11 .arti1 .flex-box .tbx .p-box p br{display: none;}
	.s11 .arti3 ul > li .tbx p{word-break: keep-all;}
	.s11 .arti3 ul > li .tbx p br{display: none;}
	.s11 .arti4{margin-top: 80px; padding-top: 80px;}
	.s11 .arti4 .wrap3{flex-direction: column;}
	.s11 .arti4 .wrap3 .lbx{width: 100%;}

/* s12 */
	.s12 .arti1 .wrap3{flex-direction: column; gap:40px;}
	.s12 .arti1 .wrap3 .img-box{width: 100%;}
	.s12 .arti1 .wrap3 .img-box img{width: 100%; max-width:100%;}
	.s12 .arti1 .wrap3 .rbx{width: 100%;		}
	.s12 .arti3{margin-top: 60px;}
	.s12 .arti3 .wrap3{flex-direction: column; gap:40px}
	.s12 .arti3 .wrap3 figure{max-width:100%; width: 100%;}
	.s12 .arti3 .wrap3 figure img{width: 100%;}
	.s12 .arti3 .wrap3 .tbx{width: 100%; gap:15px;}
	
/* s21 */	
	.s2 .s2-arti1 .wrap3{flex-direction: column;}
	.s2 .s2-arti1 .wrap3 figure{max-width:100%;}
	.s2 .s2-arti1 .wrap3 figure img{width: 100%;}
	.s21 .arti2 ul{margin-top: 20px; flex-direction: column;}
	.s21 .arti2 ul > li{height: auto; gap:10px}
	.s21 .arti3 .dl-box dl{flex-direction: column;}
	.s21 .arti3 .dl-box dl dt{width: 100%; padding: 10px; word-break: keep-all;}
	.s21 .arti3 .dl-box dl dt br{display: none;}
	.s21 .arti3 .flex-box{flex-direction: column; gap:0px}
	.s21 .arti3 .flex-box .box{height: auto; width: 100%; padding: 20px !important;}
	.s21 .arti3 .flex-box .box:first-child:after{display: none;}
	.s21 .arti3 .flex-box .box:first-child{border-bottom: 1px solid #ddd;}
	.s21 .new-arti3 .box2 h4{font-size: 18px;}
	.s21 .new-arti3 .box2 .table-wrap table tr > *{padding: 10px 10px; font-size: 14px;}	
	.s21 .new-arti3 .box2 > p{font-size: 14px;}
	
	
/* s22 */
	.s22 .s2-arti1 .wrap3 .tbx{height: auto;}
	.s22 .arti2 ul{flex-direction: column;}
	.s22 .arti2 ul > li .tbx p{word-break: keep-all;}
	.s22 .arti2 ul > li .tbx p br{display: none;}
	.s22 .arti3{margin-top: 60px;}
	.s22 .arti3 .wrap3{flex-direction: column;}
	.s22 .arti3 .wrap3 .lbx{max-width:100%; }
	.s22 .arti3 .wrap3 .lbx .img-box{width: 100%;}
	.s22 .arti3 .wrap3 .lbx .img-box img{width: 100%;}
	
	.s22 .arti3 .wrap3 .rbx{border-left: 0; padding-left: 0; margin-left: 0; border-top: 1px solid #ddd; padding-top: 40px; margin-top: 40px; }
	.s2 .s2-crc{margin-top: 80px;}
	.s2 .s2-crc .wrap3{height: auto; flex-direction: column-reverse; }
	.s2 .s2-crc .wrap3 .rbx{width: 100%;}
	.s2 .s2-crc .wrap3 .lbx{max-width:100%; background-size: cover;}
	.s22 .arti5{margin-top: 60px;}		
	.s22 .arti5 h3{margin-bottom: 30px;}
	.s2 .s2-arti-bottom{margin-top:60px; padding-top: 40px;}
	.s2 .s2-arti-bottom .box{margin-top: 30px;}

/* s24 */	
	.s24 .arti1 .cnt{flex-direction: column; padding: 30px;}
	.s24 .arti1 .cnt .img-box{gap:30px;}
	.s24 .arti1 .cnt .tbx{padding-left: 0; margin-left: 0; margin-top: 20px; padding-top: 20px; text-align: center;}
	.s24 .arti1 .cnt .tbx:before{display: none;}
	.s24 .arti2 .wrap3 .box{flex-direction: column-reverse !important;}
	.s24 .arti2 .wrap3 .box .img-box{max-width:100%; width: 100%;}
	.s24 .arti2 .wrap3 .box .img-box img{width: 100%;}
	.s24 .arti5 ul{margin-top: 30px; gap:20px 0px; justify-content: center;}
	.s24 .arti5 ul > li{flex:none; width: 33%;; }
	.s24 .arti5 ul:before{display: none;}
	
/* s25 */	
	.s2 .s2-arti1 .wrap3 .tbx .txt b{word-break: keep-all;}
	.s2 .s2-arti1 .wrap3 .tbx .txt b br{display: none;}
	.s25 .s2-arti1{padding-bottom: 40px; margin-bottom: 60px;}
	.s25 .arti2 .flex-box{flex-direction: column-reverse; gap:30px;}
	.s25 .arti2 .flex-box figure{width: 100%;}
	.s25 .arti2 .flex-box figure img{width: 100%;}
	.s25 .arti2 .flex-box .tbx{padding-top: 0;}
	.s25 .arti2 .flex-box .tbx .link-box {margin-top: 30px;}
	.s25 .arti3{margin-top: 60px;}
	
/* s31 */	
	.dot-num-flex ul{margin: 30px auto 0;}
	.s31 .arti4 .dl-box dl{flex-direction: column;}
	.s31 .arti4 .dl-box dl dt{width: 100%; padding: 10px; word-break: keep-all;}
	.s31 .arti4 .dl-box dl dt br{display: none;}

/* s32 */
	.s32 .arti1 .flex-box .box{flex-direction: column-reverse !important; padding: 60px 0;}
	.s32 .arti1 .flex-box .box figure{max-width:100%; width: 100%;}
	.s32 .arti1 .flex-box .box figure img{width: 100%;}
	
/* s33 */	
	.s33 .arti1 .gray-box{padding: 30px; flex-direction: column; }
	.s33 .arti1 .gray-box{}
	.s33 .arti1 .gray-box .img-box{padding-left: 0; margin-left: 0; padding-top: 40px;}
	.s33 .arti1 .gray-box .img-box:before{display: none;}
	.s33 .arti1 .gray-box .tbx{word-break: keep-all;}
	.s33 .arti1 .gray-box .tbx br{display: none;}
	.s33 .arti2 .flex-box{flex-direction: column;}
	.s33 .arti2 .flex-box .lbx{padding-right: 0; width: 100%;}
	.s33 .arti2 .flex-box .lbx figure img{width: 100%;}
	.s33 .arti2 .flex-box .rbx{padding-left: 0; border-left: 0;}
	
/* s34 */	
	.s34 .arti9 .flex-box{flex-direction: column;}
	.s34 .s2-arti1{padding-bottom: 60px; }
	.s34 .arti9{margin-top: 60px;}
	.s34 .arti9 .flex-box .lbx{padding-right: 0; width: 100%; }
	.s34 .arti9 .flex-box .lbx figure img{max-width:100%; width: 100%;}
	.s34 .arti9 .flex-box .rbx{padding-left: 0; padding-top: 30px; border-left: 0;}
	
/* s41 */	
	.s2 .s2-arti1 .wrap3 figure{}
	.s41 .s2-arti1 .wrap3 figure{width: 100%; flex:none; height: auto; border: 1px solid #ccc; padding: 30px;}
	.s2 .s2-arti1 .wrap3 .tbx{border: 1px solid #ccc; border-top: 0;}
	.s41 .arti2 ul{flex-direction: column;	}
	.s41 .arti2 ul > li{flex:none; width: 100%;} 
	
	.s4-history .flex-box{flex-direction: column; gap:60px;} 
	.s4-history .flex-box > .box{margin-top: 0; padding-left: 0; padding-right: 0; width: 100%;}
	.s4-history .flex-box > .box:before{display: none;}
	.s4-history .flex-box > .box:after{display: none;}
	.s4-history .flex-box > .box:nth-child(2){margin-top: 0;}
	.s4-history .flex-box > .box:nth-child(even){padding-left: 0; padding-right: 0; margin-top: 0;}
	
/* s42 */	
	.s2 .s2-arti1 .wrap3 .tbx .txt p{width: 100%; word-break: keep-all;}
	.s2 .s2-arti1 .wrap3 .tbx .txt p br{display: none;}
	.s4 .s4-arti3 .flex-box{flex-wrap:wrap; gap:40px;}
	.s4 .s4-arti3 .flex-box > li{flex:calc(50% - 20px); max-width:calc(50% - 20px)} 	
	.s4 .s4-arti3 .flex-box img{width: 100%;}

/* s43 */	
	.s43 .s2-arti1{padding-bottom: 60px;}
	.s43 .arti2{margin-top: 60px;}
	.s43 .arti2 .wrap3{flex-direction: column;}
	.s43 .arti2 .wrap3 .lbx{max-width:100%; width: 100%;}
	.s43 .arti2 .wrap3 .lbx .img-box img{width: 100%;}
	.s43 .arti2 .wrap3 .rbx{margin-left: 0; padding-left: 0; border-left: 0;}

/* s44 */	
	.s44 .arti2 ul > li{flex:40%;}
	
/* s51 */	
	.s51 .arti2 .flex-box{flex-direction: column;}
	.s51 .arti2 .flex-box figure{width: 100%; flex:none; height: auto; padding: 20px; margin-top: 30px;}
	.s51 .arti2 .flex-box figure img{max-width:100%; width: 100%;}
	.s51 .arti3 .flex-box{gap:20px; flex-direction: column;}
	.s51 .arti3 .flex-box > li {height: auto; flex:none; width: 100%;}
	.s51 .arti3 .flex-box > li figure{width: 100%; flex:none;}
	.s51 .arti3 .flex-box > li figure img{width: 100%; max-width:100%;}
	.s51 .arti4 .flex-box{flex-direction: column;}
	
/* s52 */	
	.s52 .arti2 ul{gap:20px; flex-direction: column;}
	.s52 .arti2 ul > li {height: auto; flex:none; width: 100%;}
	.s52 .arti2 ul > li figure{width: 100%; flex:none;}
	.s52 .arti2 ul > li figure img{width: 100%; max-width:100%;}
	.s52 .arti4 .flex-box{flex-direction: column-reverse;}
	.s52 .arti4 .flex-box figure{flex:none; width: 100%;}
	.s52 .arti4 .flex-box figure img{width: 100%; max-width:100%;}
	.s52 .arti4 .flex-box .tbx{width: 100%;}
	.s52 .arti5 .wrap3{flex-direction: column;}
	.s52 .arti5{margin-top: 60px;}
	.s52 .arti5 .wrap3 .lbx{max-width:100%; }
	.s52 .arti5 .wrap3 .lbx img{width: 100%; max-width:100%;}
	.s52 .arti5 .wrap3 .rbx{padding-left: 0; margin-left: 0; }	
	.s52 .arti5 .wrap3 .rbx:before{display: none;}
	
/* s54 */	
	.s54 .arti2 .flex-box .box{flex-direction: column-reverse !important; }
	.s54 .arti2 .flex-box .box figure{max-width:100%; width: 100%; flex:none;}
	.s54 .arti2 .flex-box .box figure img{width: 100%; max-width:100%; }

/* s55 */	
	.s55 .arti2 .flex-box{flex-direction: column;}
	.s55 .arti2 .flex-box .tbx{padding-left: 0; margin-left: 0; border-left: 0;}
	.s55 .arti2 .flex-box figure{max-width:100%; width: 100%; flex:none; }
	.s55 .arti2 .flex-box figure img{width: 100%;}

/* s56 */
	.s56 .arti2 .flex-box{gap:20px; flex-direction: column;}
	.s56 .arti2 .flex-box .box{height: auto;}
	.s56 .arti2 > .wrap3 > figure img{max-width:100%; margin: 0 auto;}
	.s56 .arti4 .dl-box dl dd .box h5{font-size: 16px; line-height: 1.4; padding: 0 10px;}

	.s56 .arti4 .dl-box dl{flex-direction: column;}
	.s56 .arti4 .dl-box dl dt{width: 100%; padding: 10px; word-break: keep-all;}
	.s56 .arti4 .dl-box dl dt br{display: none;}

	.s2-pop{border-radius: 20px 0 20px 20px;}
	.s2-pop .cnt{height: 100%; overflow-y: auto;}
	.s2-pop .cnt .option-table{height: auto; }
	.s2-pop .cnt .option-table table tr > th{height: 40px;}
	.s2-pop .cnt .option-table table tr > th span{font-size: 16px;}
	.s2-pop .cnt .option-table table tr > td{padding: 10px; font-size: 14px;}
	.s2-pop .cnt .option-table table tr > td br{display: none;}
	.s2-pop .cnt .option-table table tr > td .dot-ul > li{font-size: 14px; line-height: 1.5; padding-left: 12px;}
	.s2-pop .cnt .option-table table tr > td .dot-ul > li:before{top: 0.7em;}
	
	.s2-pop .cnt .option-table .table-wrap{max-width:100%; overflow-y: auto;}
	.s2-pop .cnt .option-table .table-wrap table{width: 760px;}
	.s2-pop .close{top: -39px; right: -1px;border-radius: 5px 5px 0 0 ;width: 40px; height: 40px; display: flex; align-items:center; justify-content: center; background: #fff; border: 1px solid #333; border-bottom: 0;}
	.s2-pop .close img{width: 25px; }  
	.s2-pop .cnt .select-box b{width: calc(100vw - 40px);}

	.s23.s2-pop .cnt .option-table table colgroup{display: none;}
	.s5-pop .cnt .option-table .table-wrap table colgroup{display: none;}
	.stit-new-box{font-size: 28px; margin-bottom: 40px;}
	.s32 .s32-arti2 .gray-box p{font-size: 16.5px;}
	
	.s322-arti2 .flex-box{flex-direction: column; display: block;}
	.s322-arti2 .flex-box figure img{width: 100%;}
	.s323 .s24 .arti2 .wrap3 .box{align-items: start;}
	.s323 .arti3 .flex-box{flex-direction: column;}
	.s323 .arti3 .flex-box .box:first-child,
	.s323 .arti3 .flex-box .box:last-child{max-width:100%;}
	.s323 .arti3 .flex-box .box figure img{width: 100%;}
	
	.s55 .arti2 .wrap3 .box{flex-direction: column; align-items: flex-start;}
	.s55 .arti2 .wrap3 .box .img-box{max-width:100%; flex:100%;}
	.s55 .arti2 .wrap3 .box > .img-box img{width: 100%;}
	.s55 .arti2 .wrap3 .box .tbx .tit p{font-size: 20px; line-height: 1.5;}
	.s55 .s32-arti2{margin-top: 50px;}
	.s55 .s32-arti2 h3{margin-bottom: 20px;}
	.s55 .s32-arti2 .table-wrap table colgroup{display: none;}
	.s55 .s32-arti2 .table-wrap table tr td{padding-left: 10px; padding-right: 10px;}
	
	.s45 .arti2 ul > li{flex:none; width: calc(33% - 10px); padding: 20px !Important;}
	
	.s54 .arti4 .flex-box{flex-direction: column; }
	.s54 .arti4 .flex-box .tbx .box{padding: 20px 0;}
	.s54 .arti4 .flex-box .tbx{padding-left: 0; margin-left: 0; border-left: 0;}
	.s54 .arti4 .flex-box figure{max-width:100%;}
	.s54 .arti4 .flex-box figure img{width: 100%;}
	.s54 .arti4 .flex-box .tbx .box .dot-ul > li{word-break: keep-all;}
	.s54 .arti4 .flex-box .tbx .box .dot-ul > li br{display: none;}
}



@media (max-width:720px){
	.sub-content{margin-bottom: 80px;}
	.sub-visual-box{height: 63.33vw;}
	.sub-visual-box .speed-wrap .speed-ul{display: none;}
	.sub-visual-box .speed-wrap .page-tit-box{font-size: clamp(28px, 6.94vw, 50px);}
	.sub-visual-box .lnb{margin-top: clamp(-60px, -13.8889vw, -80px);}
	.sub-visual-box .lnb b{height: clamp(60px, 13.8889vw, 80px); line-height: clamp(60px, 13.8889vw, 80px); font-size: clamp(14px, 3.611vw, 26px);}
	.sub-visual-box .lnb b:after{height: clamp(60px, 13.8889vw, 80px); width: clamp(10px, 2.5vw, 20px); right: 4.16vw; background-size: 100%;}
	.sub-visual-box .lnb > ul{top:clamp(60px, 13.8889vw, 80px);}
	.sub-visual-box .lnb > ul > li > a{}
	.sub-visual-box .lnb > ul > li > a{height: clamp(40px, 11vw, 80px); line-height: clamp(40px, 11vw, 80px); font-size: clamp(14px, 3.611vw, 26px); }

	.sub-tit h4{font-size: clamp(19px, 5.277vw, 28px);}
	.sub-tit p{font-size: clamp(14px, 3.611vw, 18px); line-height: 140%;}
	
/* s11 */
	.s11{margin-bottom: 0;}
	.s11 .arti1{padding-top: clamp(60px, 11.11vw, 80px);}
	.s11 .arti1 .flex-box .tbx h3{font-size: clamp(24px, 4.8vw, 38px);}
	.s11 .arti1 .flex-box .tbx .p-box p{font-size: clamp(13.8px, 3.611vw, 18px);}
	.s11 .arti1 .flex-box picture{width: clamp(80px, 20vw, 150px);}
	.s11 .arti1 .flex-box picture img{max-width:100%; width: auto;}
	.s11 .arti1 .flex-box picture sign p{font-size: 12px;}
	.s11 .arti1 .gray-box .box{padding: 10px 0px;}
	.s11 .arti1 .gray-box .box i{width: 80px; height: auto; margin: 0; text-align: center;}
	.s11 .arti1 .gray-box .box i:after{right: 0;}
	.s11 .arti1 .gray-box .box i img{max-width:100%; width: 10vw;}
	.s11 .arti1 .gray-box .box .tbx{padding-left: 15px; padding-right: 15px;}
	.s11 .arti1 .gray-box .box .tbx b{font-size: clamp(16px, 3.11vw, 22.4px);;}
	.s11 .arti1 .gray-box .box .tbx ul > li{font-size: clamp(13.8px, 3.611vw, 18px); line-height: 140%; padding-left: 10px;} 
	.s11 .arti1 .gray-box .box .tbx ul > li:before{top: 0.5em;}
	.s11 .arti2 .tit{gap:6.4px; margin-bottom: 15px;} 
	.s11 .arti2 .tit small{font-size: clamp(13.8px, 3.611vw, 26px);}
	.s11 .arti2 .tit h4{font-size: clamp(19px, 5.277vw, 28px);}
	.s11 .arti2 .check-ul > li{font-size: clamp(14px, 3.88vw, 20px);}
	.s11 .arti2 .wrap3{background: url(../img/sub/s11-4.png) calc(100% - 20px) bottom no-repeat; background-size: 40vw; }
	.s11 .arti3{margin-top: 80px;}
	.s11 .arti3 h4{font-size: clamp(19px, 5.277vw, 28px); margin-bottom: 30px;	}
	.s11 .arti3 ul{flex-direction: column; }
	.s11 .arti3 ul > li{padding: 30px; gap:clamp(30px, 11.52vw, 60px)}
	.s11 .arti3 ul > li .tbx span{font-size: clamp(19px, 4.444vw, 28px);}
	.s11 .arti3 ul > li .tbx p{font-size: clamp(14px, 3.88vw, 20px)}
	.s11 .arti4{padding-bottom: 80px;}
	.s11 .arti4 .wrap3{gap:40px}
	.s11 .arti4 .wrap3 .lbx{padding-top: 0;}
	.s11 .arti4 .wrap3 .lbx .sticky h3{font-size: clamp(19px, 5.55vw, 28px);}
	.s11 .arti4 .wrap3 .rbx ul > li{gap:10px; padding: 10px 0;}
	.s11 .arti4 .wrap3 .rbx ul > li .year{font-size: clamp(16px, 2.888vw, 20px); width: 12vw;}
	.s11 .arti4 .wrap3 .rbx ul > li .tbx{padding-left: 10px; font-size: clamp(14px, 3.2vw, 20px); line-height: 140%;;}

/* s12 */
	.s12 .arti1 .wrap3 .rbx h4{font-size: clamp(24px, 4.8vw, 38px); margin-bottom: 20px;}
	.s12 .arti1 .wrap3 .rbx .check-ul > li{font-size: clamp(14px, 3.88vw, 20px); line-height: 140%;}
	.s12 .arti1 .wrap3 .rbx .check-ul > li ol{margin-left: 0;}
	.s12 .arti1 .wrap3 .rbx .check-ul > li ol > li{font-size: clamp(14px, 3.88vw, 20px); line-height: 140%; padding-left: 10px;}
	.s12 .arti1 .wrap3 .rbx .check-ul > li ol > li:before{top: 0.5em;}
	.s12 .arti1 .wrap3 .img-box .tbx{font-size: clamp(12px, 3.6vw, 20px); line-height: 140%; padding-bottom: 10px;}
	.s12 .arti3 .wrap3 .tbx .tit {gap:6.4px; margin-bottom: 0px;} 
	.s12 .arti3 .wrap3 .tbx .tit small{font-size: clamp(13.8px, 3.611vw, 26px);}
	.s12 .arti3 .wrap3 .tbx .tit h4{font-size: clamp(19px, 5.277vw, 28px); line-height: 140%;; }
	.s12 .arti3 .wrap3 .tbx ul > li{font-size: clamp(14px, 3.88vw, 20px); line-height: 140%; padding-left: 10px; word-break: break-all;}
	.s12 .arti3 .wrap3 .tbx ul > li br{display: none;}
	.s12 .arti3 .wrap3 .tbx ul > li:before{top: 0.5em;}	
	
/* s13 */
	.s13-top{padding: 30px;}
	.s13-top .tit{flex-direction: column; align-items: flex-start; font-size: clamp(24px, 4.8vw, 38px); gap:6.4px}
	.s13-top .tit span{font-size: clamp(13.8px, 3.611vw, 26px);}
	.s13-top p{font-size: clamp(14px, 3.88vw, 20px); line-height: 140%; 	word-break: keep-all;}
	.s13-top p br{display: none;}
	.coaching-list .box h5{font-size: clamp(19px, 5.277vw, 28px);}
	.coaching-list2 .link-box {text-align: center;}
	.coaching-list2 .link-box > a{display: inline-flex; width: auto; padding: 0px clamp(10px, 6.8vw, 20px); font-size: clamp(14px, 3.33vw, 24px); height: clamp(34px, 9.44vw, 68px); margin: 0 auto;}

/* s16 */
	.s16{gap:20px; margin: 60px 0 80px;}
	.s16 > h3{font-size: clamp(19px, 5.277vw, 28px); line-height: 140%;;}
	.s16 .map-box{height: 45vw;}
	.s16 .root_daum_roughmap .wrap_map{height: 45vw !Important;}
	.s16 .map-tbx .lbx{margin-bottom: 20px;}
	.s16 .map-tbx .lbx ul > li{gap:10px;}
	.s16 .map-tbx .lbx ul > li,
	.s16 .map-tbx .lbx ul > li span{font-size: clamp(14px, 3.88vw, 20px); line-height: 160%;}
	.s16 .map-tbx .lbx ul > li span{width: 22vw;}
	.s16 .map-tbx .rbx ul > li > a{height: 38px; width: auto; gap:10px; font-size: 14px;}
	
/* s21 */	
	.s2 .s2-arti1 .wrap3 .tbx{padding: 30px;}
	.s2 .s2-arti1 .wrap3 .tbx h4{font-size: clamp(24px, 4.8vw, 26px); gap:6.4px; margin-bottom:  clamp(16px, 4.44vw, 32px); padding-bottom: clamp(16px, 4.44vw, 32px);}
	.s2 .s2-arti1 .wrap3 .tbx h4 small{font-size: clamp(13.8px, 3.611vw, 20px);}
	.s2 .s2-arti1 .wrap3 .tbx .txt b{font-size: clamp(16px, 4.44vw, 26px)}
	.s2 .s2-arti1 .wrap3 .tbx .txt p{word-break: keep-all;font-size: clamp(13.8px, 3.611vw, 20px); width: 100%;}
	.s2 .s2-arti1 .wrap3 .tbx .txt p br{display: none;}
	.s21 article h3{font-size: clamp(24px, 4.8vw, 38px); }
	
	.s21 .arti2 ul > li .tbx b{font-size: clamp(16px, 4.16vw, 26px)}
	.s21 .arti2 ul > li .tbx p{font-size: clamp(13.8px, 3.611vw, 20px);	}
	.s21 .arti2 ul > li i{width: 56px; height: 56px; padding: 8px; box-sizing: border-box;}
	.s21 .arti2 ul > li i img{width: auto; max-width:100%; max-height:95%}
	.s21 .arti3{margin-top: 60px;}
	.s21 .arti3 .wrap3 > p{font-size: clamp(13.8px, 3.611vw, 20px);}
	.s21 .arti3 .dl-box dl dd{flex-direction: column;}
	.s21 .arti3 .dl-box dl dt,
	.s21 .arti3 .dl-box dl dd .box h5{font-size: clamp(16px, 3.88vw, 20px); height: auto; padding: 10px;}
	.s21 .arti3 .dl-box dl.dl2 dt span{font-size: clamp(14px, 3.33vw, 18px);}
	.s21 .arti3 .dl-box dl dd .box .tbx ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s21 .arti3 .dl-box dl dd .box .tbx{padding: 20px 15px;}
	.s21 .arti3 .dl-box dl dd .box .tbx ul > li:before{top: 0.65em;}
	.s21 .arti3 .dl-box dl.dl2 dd .box{height: auto; padding: 20px;}
	.s21 .arti3 .dl-box dl dd .box .tbx ul > li .line-b{top: 8px;}
	.s21 .arti3 .dl-box dl.dl2 dd .box ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s21 .arti3 .flex-box .box b{font-size: clamp(18px, 4.16vw, 30px);}
	.s21 .arti3 .flex-box .box ul > li{font-size: clamp(14.8px, 3.88vw, 20px); padding-left: 12px;}
	.s21 .arti3 .flex-box .box ul > li:before{top: 0.7em; left: 0;}
	.s2 .s2-arti1{padding-bottom: 40px;}
	.s21 .arti2{margin-top: 40px;}
	.s21 .new-arti3 .box2{margin-top: 50px;		}
	.s21 .new-arti3 .box2 .table-wrap{width: 100%; overflow-y: auto;}
	.s21 .new-arti3 .box2 .table-wrap table{width: 720px;;}
	
/* s22 */	
	.s22, .s23{margin-bottom: 0;}
	.s2 .s2-arti1 .wrap3 .tbx b{font-size: clamp(18.2px, 5.27vw, 26px)}
	.s2 .s2-arti1 .wrap3 .tbx .txt .check-ul > li{font-size: clamp(13.8px, 3.611vw, 20px);;	word-break: break-all;}
	.s2 .s2-arti1 .wrap3 .tbx .txt .check-ul > li br{display: none;}
	.s22 .s2-arti1{padding-bottom: 40px;}
	.s22 .arti2{margin-top: 40px;}
	.s22 article h3, .s23 article h3{font-size:clamp(24px, 4.8vw, 38px);}

	.s22 .arti2 ul{margin-top: 40px;}
	.s22 .arti2 ul > li{height: auto; gap:clamp(41px, 11.52vw, 83px); padding: 20px !Important;}
	.s22 .arti2 ul > li .tbx b{font-size: clamp(16px, 4.44vw, 22px)}
	.s22 .arti2 ul > li .tbx p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s22 .arti3 .wrap3 b{font-size: clamp(18px, 4.16vw, 30px);	}
	.s22 .arti3 .wrap3 .lbx .tbx p{font-size: clamp(14.4px, 3.61vw, 20px); word-break: keep-all;}
	.s22 .arti3 .wrap3 .lbx .tbx p br{display: none;}
	.s22 .arti3 .wrap3 .rbx .box .num-ul > li{font-size: clamp(14.4px, 3.61vw, 20px); word-break: keep-all;}
	.s22 .arti3 .wrap3 .rbx .box .num-ul > li p{margin-left: 0;}
	.s22 .arti3 .wrap3 .rbx .box .dot-ul > li{font-size: clamp(14.4px, 3.61vw, 20px); word-break: keep-all; padding-left: 12px;}
	.s22 .arti3 .wrap3 .rbx .box .dot-ul > li:before{top: 0.65em; left: 0;}  
	.s2 .s2-crc .wrap3 .lbx{padding: 60px 20px;}
	.s2 .s2-crc .wrap3 .lbx .tbx b{font-size:clamp(16px, 4.16vw, 26px);}
	.s2 .s2-crc .wrap3 .lbx .tbx ul > li{font-size: clamp(14.8px, 3.88vw, 20px); word-break: keep-all;}
	
	.s2 .s2-crc .wrap3 .lbx .tbx ul > li br{display: none;}
	.s2 .s2-crc .wrap3 .lbx .tbx ul > li:before{top: 0.65em;}
	.s2 .s2-crc .wrap3 .lbx .tbx .link-box > a{font-size: clamp(14.8px, 3.88vw, 20px); display: inline-flex; width: auto; padding: 10px 15px; height: auto; line-height: 0;}
	.s22 .arti5 .item > a .tbx > p{height: auto;font-size:clamp(14px, 3.33vw, 24px);}
	.s22 .arti5 .item > a .tbx > span{font-size:clamp(12px, 3vw, 22px); margin-top: 0;}
	.s2 .s2-arti-bottom .box{padding: 40px 30px;}
	.s2 .s2-arti-bottom .box > ul > li{font-size:clamp(14px, 3.88vw, 18px); }
	.s2 .s2-arti-bottom .box > ul > li > span{top: 2px;}
	.s2 .s2-arti-bottom .box > ul > li ol > li{font-size:clamp(12px, 3.88vw, 18px); padding-left: 12px;}
	.s2 .s2-arti-bottom .box > ul > li ol > li:before{left: 0; top: 0.65em;}
	.s2 .s2-arti-bottom .box > ul > li ol{margin-left: 21px;}
	.s2 .s2-arti-bottom .box .link-box{margin-top: 20px;}
	
	.s2 .s2-arti-bottom .box .link-box > a{display: inline-flex; width: auto; padding: 6px 20px; font-size:clamp(14px, 3.33vw, 24px); height: auto;}
	.s2 .s2-arti1 .wrap3 .tbx .txt .box ul > li{font-size: clamp(13.8px, 3.61vw, 20px); word-break: keep-all;}
	.s2 .s2-arti1 .wrap3 .tbx .txt .box ul > li br{display: none;}
	.s23 .s2-crc .wrap3 .lbx .tbx ul > li:before{top: 0em;}
	
/* s24 */
	.s24{margin-bottom: 0;	}
	.s24 .arti1 .cnt .tbx p{font-size:clamp(14px, 3.33vw, 24px);}
	.s24 .arti1 .cnt .tbx span{font-size:clamp(14px, 3.88vw, 18px); }
	.s24 .arti1 h3,
	.s24 .arti5 h5,
	.s31 .arti3 h5{font-size:clamp(24px, 4.8vw, 38px); margin-bottom: 30px;}
	.s24 .arti2 .wrap3 .box .tbx .tit{margin-bottom: 20px;}
	.s24 .arti2 .wrap3 .box .tbx .tit p{font-size:clamp(20px, 4.8vw, 26px); }
	.s24 .arti2 .wrap3 .box .tbx .tit span{font-size:clamp(14px, 3.88vw, 18px);}
	.s24 .arti2 .wrap3 .box .tbx > p{font-size: clamp(14.4px, 3.61vw, 20px); }
	.s24 .arti2 .wrap3 .box .tbx > .check-ul > li{word-break: keep-all;}
	.s24 .arti2 .wrap3 .box .tbx > .check-ul > li{ font-size: clamp(14px, 3.88vw, 20px); line-height: 140%; word-break: keep-all;}
	.s24 .arti2 .wrap3 .box .tbx > .check-ul > li br{display: none;}
	.s24 .arti2 .wrap3 .box .tbx > .check-ul > li:before{top: -5px;}
	.s24 .arti2 .wrap3 .box{gap:30px; padding: 30px 0;}
	.s24 .s2-crc{margin-top: 40px;}
	.s24 .s2-crc .wrap3 .lbx .tbx ul > li{padding-left: 30px; word-break: keep-all;}
	.s24 .s2-crc .wrap3 .lbx .tbx ul > li br{display: none;}
	.s24 .s2-crc .wrap3 .lbx .tbx ul > li:before{top: 0; font-size: clamp(14.8px, 3.88vw, 20px);}
	.s24 .arti4{margin-top: 60px;}
	.s24 .arti4 .cnt .box{padding: 20px 20px;}
	.s24 .arti4 .cnt .box b{font-size: clamp(18px, 4.16vw, 30px);}
	.s24 .arti4 .cnt .box p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s24 .arti4 .cnt .box p br{display: none;}
	.s24 .arti5{margin-top: 60px;}
	.s24 .arti5 ul{    align-items: flex-start;}
	.s24 .arti5 ul > li{gap:10px; width: 50%;}
	.s24 .arti5 ul > li > span{width: 40px; height: 40px; line-height: 40px; font-size: 16px;}
	.s24 .arti5 ul > li .tbx b{font-size: clamp(18px, 4.16vw, 30px);}
	.s24 .arti5 ul > li .tbx p{font-size: clamp(14.4px, 3.61vw, 20px);}
	.s2-arti-bottom h3{font-size:clamp(24px, 4.8vw, 38px);}

/* s25 */
	.s25{margin-bottom: 0;}
	.s25 .arti2 .flex-box .tbx h5{font-size: clamp(18.2px, 5.27vw, 26px)}
	.s25 .arti2 .flex-box .tbx .check-ul > li b,
	.s25 .arti2 .flex-box .tbx .check-ul > li p{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s25 .arti2 .flex-box .tbx .check-ul > li p br{display: none;}
	.s25 .arti2 .flex-box .tbx .check-ul > li:before{top: -5px;}
	.s25 .arti2 .flex-box .tbx .link-box  > a{display: inline-flex; width: auto;padding: 6px 20px; font-size: clamp(14px, 3.33vw, 24px);} 
	.s25 .arti3 .cnt h3{font-size: clamp(24px, 4.8vw, 38px);}
	.s25 .arti3 .cnt .box{padding: 20px;}
	.s25 .arti3 .cnt .box:first-of-type{padding-bottom: 20px;}
	.s25 .arti3 .cnt .box b{font-size: clamp(18px, 4.16vw, 30px); word-break: break-all;}
	.s25 .arti3 .cnt .box b br{display: none;}
	.s25 .arti3 .cnt .box p{font-size: clamp(14.8px, 3.88vw, 20px); word-break: keep-all;}
	.s25 .arti3 .cnt .box p br{display: none;}
	.s25 .s2-crc .wrap3 .lbx .tbx ul > li:before{top: 0px;}

/* s31 */
	.dot-num-flex ul{    align-items: flex-start; justify-content: center;}
	.dot-num-flex ul > li{gap:10px; width: 50%; flex:none;} 
	
	.dot-num-flex ul:before{display: none;}
	.dot-num-flex ul > li > span{width: 40px; height: 40px; line-height: 40px; font-size: 16px;}
	.dot-num-flex ul > li .tbx b{font-size: clamp(18px, 4.16vw, 30px);}
	.dot-num-flex ul > li .tbx p{font-size: clamp(14.4px, 3.61vw, 20px);}
	.s31 .arti4{margin-top: 60px;}
	.s31 .arti4 .wrap3 > p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s31 .arti4 .wrap3 > p br{display: none;}
	.s31 .arti4 .dl-box{margin-top: 30px;}
	.s31 .arti4 .dl-box dl dd{flex-direction: column;}
	.s31 .arti4 .dl-box dl dt,
	.s31 .arti4 .dl-box dl dd .box h5{font-size: clamp(16px, 3.88vw, 20px); height: auto; padding: 10px;}
	.s31 .arti4 .dl-box dl.dl2 dt span{font-size: clamp(14px, 3.33vw, 18px);}
	.s31 .arti4 .dl-box dl dd .box .tbx ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s31 .arti4 .dl-box dl dd .box .tbx ul > li:before{top: 0.65em;}
	.s31 .arti4 .dl-box dl dd .box .tbx{padding: 20px 15px;}

	.s31 .arti4 .dl-box dl.dl2 dd .box{height: auto; padding: 20px;}
	.s31 .arti4 .dl-box dl dd .box .tbx ul > li .line-b{top: 8px;}
	.s31 .arti4 .dl-box dl.dl2 dd .box ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s31 .arti4 .dl-box dl dd .last-box ul > li{text-align: center; display: inline-block;	}
	.s31 .arti4 .dl-box dl dd .last-box{padding: 30px;}

/* s32 */
	.s32 .arti1 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s32 .arti1 .flex-box .box{padding: 30px 0; gap:30px;}
	.s32 .arti1 .flex-box .box .tbx .tit h4{font-size: clamp(24px, 4.8vw, 26px);;}
	.s32 .arti1 .flex-box .box .tbx .tit span{font-size: clamp(13.8px, 3.611vw, 20px);}
	.s32 .arti1 .flex-box .box .tbx .txt > p{font-size: clamp(13.8px, 3.611vw, 20px);}	
	.s32 .arti1 .flex-box .box .tbx .txt > ul{padding-left: 0;}
	.s32 .arti1 .flex-box .box .tbx .txt > ul > li{font-size: clamp(14px, 3.33vw, 18px);}

/* s33 */
	.s33 .arti1 .gray-box .tbx{	font-size: clamp(16px, 3.88vw, 20px);}
	.s33 .arti1 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s33 .arti2{margin-top: 60px;}
	.s33 .arti2 .wrap3{gap:60px}
	.s33 .arti2 .flex-box .lbx .text b{font-size: clamp(18.2px, 5.27vw, 26px);;}
	.s33 .arti2 .flex-box .lbx .text p{word-break: keep-all; font-size: clamp(13.8px, 3.611vw, 20px); margin-bottom: 30px;}
	.s33 .arti2 .flex-box .lbx .text p br{display: none;}
	.s33 .arti2 .flex-box .lbx .text .link-box > a{display: inline-flex; width: auto; padding: 6px 20px; font-size:clamp(14px, 3.33vw, 24px)}
	.s33 .arti2 .flex-box .rbx .tbx{gap:10px;}
	.s33 .arti2 .flex-box .rbx .tbx > b{font-size: clamp(16px, 4.16vw, 26px);}
	.s33 .arti2 .flex-box .rbx .tbx ul > li,
	.s33 .arti2 .flex-box .rbx .tbx > p{font-size: clamp(14px, 3.33vw, 20px);}
	.s33 .arti2 .flex-box .rbx .tbx ul > li:before{top: 0.7em;}
	.s33 .arti2 .flex-box .lbx .text{margin-top: 30px;}
	.s33 .arti2 .flex-box .lbx .text b{margin-bottom: 10px;}
	
/* s34 */
	.s34 {margin-bottom: 0;}
	.s34 .arti9 .flex-box .rbx .tbx{gap:10px;}
	.s34 .arti9 .flex-box .rbx .tbx > b{font-size: clamp(16px, 4.16vw, 26px);}
	.s34 .arti9 .flex-box .rbx .tbx ul > li{font-size: clamp(14px, 3.33vw, 20px);}
	.s34 .arti9 .flex-box .rbx .tbx ul > li:before{top: 0.7em;}

/* s41 */
	.s41{margin-bottom: 0; }
	.s41 .s2-arti1{padding-bottom: 60px !important;}
	.s41 article h3{font-size: clamp(18.2px, 5.27vw, 26px); margin-bottom: 30px;}
	.s41 .arti2{margin-top: 60px; padding-top: 0;}
	.s41 .arti2 ul{margin-top: 30px;}
	.s41 .arti2 ul > li{height: auto; gap:clamp(41px, 11.52vw, 83px); padding: 20px !Important;}
	.s41 .arti2 ul > li .tbx b{font-size: clamp(16px, 4.44vw, 22px)}
	.s41 .arti2 ul > li .tbx p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s41 .arti2 ul > li .tbx p br{display: none;}
	.s41 .arti3{margin-top: 60px;}
	.s4-history .flex-box{margin-top: 60px;}
	.s4-history .flex-box > .box .txt{gap:8px}	
	.s4-history .flex-box > .box .txt br{display: none;}
	.s4-history .flex-box > .box .txt b{font-size: clamp(16px, 4.16vw, 26px);}
	.s4-history .flex-box > .box .txt p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s42 .arti2 ul > li{font-size: clamp(14.8px, 3.88vw, 20px); padding-left: 12px;}
	.s42 .arti2 ul > li:before{top: 0.7em; left: 0;}
	.s4-history .flex-box > .box{gap:10px}
	.s4-history .flex-box > .box figure{max-width:100%; width: clamp(91px, 25.27vw, 182px);;}
	.s4-history .flex-box > .box figure img{width: 100%;}
	.s4-history .flex-box > .box.none{display: none !important;}
	.s41 .s2-crc .wrap3 .lbx .tbx ul > li:before{top: 0;}
	.s4-board{margin-top: 60px; }
	.s4-board .item > a{padding: 30px;}
	.s4-board .item > a .tbx p{height: auto;font-size:clamp(14px, 3.33vw, 24px);}
	.s4-board .item > a .tbx span{font-size:clamp(12px, 3vw, 22px); margin-top: 0; margin-top: 11px;}

/* s42 */	
	.s42{margin-bottom: 0; }
	.s42 .arti2{margin-top: 60px;}
	.s4 .s4-arti3{margin-top: 60px;}
	.s42 .arti2 h3,
	.s4 .s4-arti3 h3{font-size: clamp(18.2px, 5.27vw, 26px); margin-bottom: 30px;}
	.s4-history .flex-box{margin-top: 30px;}
	.s4 .s4-arti3 .flex-box{gap:20px; margin-top: 30px;}
	.s4 .s4-arti3 .flex-box > li .tbx{margin-top: 20px;}
	.s4 .s4-arti3 .flex-box > li .tbx > span > o{width: 42px; height: 42px;	 font-size:clamp(14px, 3.33vw, 24px)}
	.s4 .s4-arti3 .flex-box > li .tbx b{margin-top: 15px;font-size: clamp(16px, 4.16vw, 26px); }
	.s4 .s4-arti3 .flex-box > li .tbx ul > li{font-size: clamp(14.8px, 3.88vw, 20px); padding-left: 12px;}
	.s4 .s4-arti3 .flex-box > li .tbx ul > li:before{left: 0; top: 0.7em;}

/* s43 */
	.s43 {margin-bottom: 0;}
	.s43 .arti2 .wrap3 b{font-size: clamp(16px, 4.16vw, 26px);}
	.s43 .arti2 .wrap3 .rbx .box{gap:10px;}
	.s43 .arti2 .wrap3 .rbx .box > p{font-size: clamp(14.8px, 3.88vw, 20px); word-break: keep-all;}
	.s43 .arti2 .wrap3 .rbx .box > p br{display: none;}
	.s43 .arti2 .wrap3 .rbx .box .num-ul > li{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s43 .arti2 .wrap3 .rbx .box .num-ul > li p{margin-left: 0;}
	.s43 .arti2 .wrap3 .rbx .box:last-child{padding-top: 20px; margin-top: 20px;	}
	.s43 .s4-arti3 > .wrap3 > p{margin-right: 0;}
	.s43 .arti4{margin-top: 60px;}
	.s43 .dot-num-flex .wrap3 h5,
	.s43 .s4-board .wrap3 > h3{font-size: clamp(18.2px, 5.27vw, 26px); margin-bottom: 30px;}
	.s43 .s4-board .wrap3 > p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s43 .s4-board .item > a{padding-bottom: 30px;}

/* s44 */	
	.s44 {margin-bottom: 0;}
	.s44 .arti2 h3{font-size: clamp(18.2px, 5.27vw, 26px); }
	.s44 .arti2 ul{flex-direction: column; margin-top: 30px;}	
	.s44 .arti2 ul > li{height: auto; gap:clamp(41px, 11.52vw, 83px); padding: 20px !Important;}
	.s44 .arti2 ul > li .tbx b{font-size: clamp(16px, 4.44vw, 22px)}
	.s44 .arti2 ul > li .tbx p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s44 .arti2 ul > li .tbx p br{display: none;}
	.s44 .arti3{margin-top: 60px;}
	.s44 .arti3 h3{gap:0px; font-size: clamp(18.2px, 5.27vw, 26px);}
	.s44 .arti3 h3 span{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s44 .arti3 .link-box > a{display: inline-flex; width: auto;padding: 6px 20px;font-size: clamp(14px, 3.33vw, 24px);height: auto;}

/* s45 */
	.s45 {margin-bottom: 0;}
	.s45 .arti2{margin-top: 60px;}
	.s45 .arti2 h3, .s45 .arti3 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s45 .arti3{margin-top: 60px; padding: 40px 0; }
	.s45 .s2-arti-bottom{margin-top: 0;}	
	.s45 .arti3 figure{margin-top: 30px;}
	
/* s51 */	
	.s51 {margin-bottom: 0;}
	.s51 .arti2{margin-top: 60px;}
	.s51 .arti2 .flex-box .tbx{padding-top: 0; gap:20px;}
	.s51 .arti2 .flex-box .tbx h4{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s51 .arti2 .flex-box .tbx .check-ul > li{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s51 .arti2 .flex-box .tbx .check-ul > li br{display: none;}
	.s51 .arti3{padding-top: 40px; margin-top: 60px;}
	.s51 .arti3 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s51 .arti3 .flex-box{margin-top: 30px;}
	.s51 .arti3 .flex-box > li{border-radius: 30px;}
	.s51 .arti3 .flex-box > li .tbx > b{font-size: clamp(16px, 4.72vw, 24px);}
	.s51 .arti3 .flex-box > li .tbx > p{font-size: clamp(13.8px, 3.611vw, 20px);}
	.s51 .arti4{margin-top: 60px;}
	.s51 .arti4 .tit b{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s51 .arti4 .tit p{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s51 .arti4 .tit p br{display: none;} 
	.s51 .arti4 .flex-box{gap:20px}
	.s51 .arti4 .flex-box > li{padding: 40px 20px; border: 1px solid #ddd;}
	.s51 .arti4 .flex-box > li .tbx{gap:10px;}
	.s51 .arti4 .flex-box > li .tbx b{font-size: clamp(18.2px, 5.27vw, 26px);;}
	.s51 .arti4 .flex-box > li .tbx p{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s51 .arti4 .flex-box > li .tbx p br{display: none;}

/* s52 */
	.s52 {margin-bottom: 0;}
	.s52 .arti1{padding: 60px 0 40px;}
	.s52 .arti1 .tbx:after{opacity: 0.4; background-size: 28vw; width: 28vw; top: -50px; height: 30vw;}
	.s52 .arti1 .tbx > b{font-size: clamp(18.2px, 5.27vw, 26px); margin-bottom: 10px;}
	.s52 .arti1 .tbx > .p-box{word-break: keep-all; gap:20px;}
	.s52 .arti1 .tbx > .p-box br{display: none;}
	.s52 .arti1 .tbx > .p-box p:first-child{margin-bottom: 0;}
	.s52 .arti1 .tbx > .p-box p{font-size: clamp(13.8px, 3.611vw, 20px);}
	.s52 .arti2{padding-top: 60px;}
	.s52 .arti2 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s52 .arti2 ul{margin-top: 30px;}
	.s52 .arti2 ul > li{height: auto; gap:clamp(41px, 11.52vw, 83px); padding: 20px !Important;}
	.s52 .arti2 ul .tbx{padding-top: 0; gap:20px;}
	.s52 .arti2 ul > li .tbx b{font-size: clamp(16px, 4.44vw, 22px)}
	.s52 .arti2 ul > li .tbx p{font-size: clamp(14.8px, 3.88vw, 20px);}
	.s52 .arti2 ul > li .tbx p br{display: none;}
	.s52 .arti2 .gray-box{margin-top: 30px; font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s52 .arti2 .gray-box br{display: none;}
	.s52 .arti3{margin-top: 40px;}
	.s52 .arti3 .table-wrap{width: 100%; overflow-y: auto;}
	.s52 .arti3 .table-wrap table{width: 720px;;}
	
	
	.s52 .arti3 .gray-box{padding: 40px 20px;}
	.s52 .arti3 .gray-box b{font-size:clamp(16.2px, 5.2vw, 26px);}
	.s52 .arti3 .gray-box p{font-size: clamp(13.8px, 3.611vw, 20px)}
	.s52 .arti3 .gray-box{padding: 40px 20px;}
	.s52 .arti4 .flex-box .tbx ul > li > span{width: 42px; height: 42px; line-height: 42px; font-size: 18px;}
	.s52 .arti4 .flex-box .tbx ul > li > .txt{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;}
	.s52 .arti4 .flex-box .tbx ul > li > .txt br{display: none;}
	.s52 .arti5 .wrap3 b{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s52 .arti5 .wrap3 .lbx .tbx{margin-top: 30px; gap:10px;}
	.s52 .arti5 .wrap3 .lbx .tbx p{font-size: clamp(13.8px, 3.611vw, 20px); word-break: keep-all;} 
	.s52 .arti5 .wrap3 .lbx .tbx p br{display: none;}
	.s52 .arti5 .wrap3 .rbx .box b{font-size: clamp(16px, 4.16vw, 26px);}
	.s52 .arti5 .wrap3 .rbx .box .num-ul{gap:6px;}
	.s52 .arti5 .wrap3 .rbx .box .num-ul > li{font-size: clamp(14px, 3.33vw, 20px);}
	.s52 .s2-crc{margin-top: 40px;}
	.s2 .s2-crc .wrap3 .lbx .tbx ol > li{align-items: flex-start; font-size: clamp(14.8px, 3.88vw, 20px);;}
	.s2 .s2-crc .wrap3 .lbx .tbx ol > li p{flex:1;}
	.s2 .s2-crc .wrap3 .lbx .tbx ol > li{}
	
/* s53 */
	.s53 {margin-bottom: 0;}
	
/* s54 */	
	.s54 {margin-bottom: 0;}
	.s54 .arti2 h3,
	.s54 .arti3 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s54 .arti2 .flex-box{margin-top: 30px;}
	.s54 .arti2 .flex-box .box{gap:30px; padding: 40px 0;}	
	.s54 .arti3 h3{margin-bottom: 30px;}
	.s54 .arti3{margin-top: 60px;}
	.s54 .arti2 .flex-box .box figure{max-width:100%; width: 100%; flex:none;}
	.s54 .arti2 .flex-box .box figure img{width: 100%; max-width:100%; }
	.s54 .arti2 .flex-box .box .tbx{gap:10px;}
	.s54 .arti2 .flex-box .box .tbx .tit h4{font-size: clamp(20px, 4.8vw, 26px);}
	.s54 .arti2 .flex-box .box .tbx .tit p{font-size: clamp(14px, 3.88vw, 18px);}
	.s54 .arti2 .flex-box .box .tbx .txt > p{font-size: clamp(14.4px, 3.61vw, 20px); word-break: keep-all;}
	.s54 .arti2 .flex-box .box .tbx .txt > p br{display: none;}
	.s54 .arti2 .flex-box .box .tbx .txt > .dot-ul > li{font-size: clamp(14.8px, 3.88vw, 20px); padding-left: 12px;}
	.s54 .arti2 .flex-box .box .tbx .txt > .dot-ul > li:before{left: 0; top: 0.8em;}
	
/* s55 */	
	.s55{margin-bottom: 0;}
	.s55 .arti2 .flex-box .tbx .box{gap:10px;}
	.s55 .arti2 .flex-box .tbx .box > b{font-size: clamp(16px, 4.16vw, 26px)}
	.s55 .arti2 .flex-box .tbx .box > p{font-size: clamp(13.8px, 3.611vw, 20px);	}
	.s55 .arti2 .flex-box .tbx .box > p br{display: none;}
	
/* s56 */	
	.s56 .arti2{margin-top: 60px;}
	.s56 .arti3{margin-top: 60px;}
	.s56 .arti2 h3,
	.s56 .arti3 h5,
	.s56 .arti4 h3{font-size: clamp(18.2px, 5.27vw, 26px)}
	.s56 .arti2 .flex-box{margin-top: 30px;}
	.s56 .arti2 .flex-box .box .tbx b{font-size: clamp(16px, 4.16vw, 26px); height: auto; padding-right: 20px;}
	.s56 .arti2 .flex-box .box .tbx p{font-size: clamp(14.4px, 3.61vw, 20px);}
	.s56 .arti2 .flex-box .box .tbx{margin-top: 10px;}


	.s56 .arti2 .gray-box{padding: 40px 20px; margin-top: 40px;}
	.s56 .arti2 .gray-box p{font-size: clamp(13.8px, 3.611vw, 20px);}	
	.s56 .arti2 > .wrap3 > figure{margin-top: 40px;}
	.s56 .arti3 .gray-box{padding: 40px 20px; margin-top: 30px;}
	.s56 .arti3 .gray-box{}
	.s56 .arti3 .gray-box .dot-ol > li{font-size: clamp(14.4px, 3.61vw, 20px); text-align: left;}
	.s56 .arti4{margin-top: 60px;}
	.s56 .arti4 .dl-box{margin-top: 30px;}
	.s56 .arti4 .dl-box dl dd{flex-direction: column;}
	.s56 .arti4 .dl-box dl dt,
	.s56 .arti4 .dl-box dl dd .box h5{font-size: clamp(16px, 3.88vw, 20px); height: auto; padding: 10px;}
	.s56 .arti4 .dl-box dl.dl2 dt span{font-size: clamp(14px, 3.33vw, 18px);}
	.s56 .arti4 .dl-box dl dd .box .tbx ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s56 .arti4 .dl-box dl dd .box .tbx ul > li:before{top: 0.65em;}
	.s56 .arti4 .dl-box dl dd .box .tbx{padding: 20px 15px;}
	.s56 .arti4 .dl-box dl dd .box .tbx ul > li .line-b{top: 8px;}
	.s56 .arti4 .dl-box dl.dl2 dd .box ul > li{font-size: clamp(14px, 3.33vw, 16px);}
	.s56 .arti4 .dl-box dl dd .last-box ul > li{text-align: center; display: inline-block;	}
	.s56 .arti4 .dl-box dl dd .last-box{padding: 30px;}
	
/* s61 */
	.s61 .arti2 .table-wrap{max-width:100%; overflow-y: auto;}
	.s61 .arti2 .table-wrap table{width: 860px;}
	.s61 .arti2 .link-box > a{display: inline-flex; padding: 0 20px; height: 40px; width: auto;}

	.s61-top h4{font-size: clamp(18.2px, 5.27vw, 26px)}
	.s61-top > ul{padding: 30px 20px;}
	.s61-top > ul > li{font-size: clamp(14px, 3.33vw, 16px); padding-left: 12px;} 
	.s61-top > ul > li:before{top: 0.65em; left: 0;}
	.s61-top > ul > li span{width: 15vw;}
	.s31 .arti4 .dl-box dl dd .box{padding-bottom: 0;}
	
	.s61 .arti2 .select-box select{font-size: 14px;}
	.s61 .arti2 .select-box b{font-size: 14px;}
	.s61 .arti2 .select-box b{padding: 5px 10px;}

	.s31 .new-arti4 h3{margin-bottom: 30px;}	
	.s31 .new-arti4 .flex-box{flex-direction: column;}
	.s31 .new-arti4 .flex-box .box.fir{max-width:100%;}
	.s31 .new-arti4 .flex-box .box h4{height: 40px; font-size: 16.5px;}
	.s31 .new-arti4 .flex-box .box.fir .cnt-wrap{padding: 10px 0;}
	.s31 .new-arti4 .flex-box .box .cnt .tbx{font-size: 14.5px;}
	.s31 .new-arti5 .table-wrap table tr > *{padding: 10px; font-size: 14.5px;}
	
	.s31 .new-arti5 .table-wrap{width: 100%; overflow-y: auto;}
	.s31 .new-arti5 .table-wrap table{width: 720px;;}
	
	.s321{margin-bottom: 0 !important;}
	.s32 .s32-arti2 h3{font-size: 22px; margin-bottom: 20px;}
	.s32 .s32-arti2{margin-top: 50px;}
/* 	.s32 .s32-arti2 .table-wrap table{table-layout: fixed;} */
	.s32 .s32-arti2 .table-wrap table colgroup{display: none;}
	.s32 .s32-arti2 .table-wrap table tr th .box{padding: 10px; font-size: 16px; height: 45px;}
	.s32 .s32-arti2 .table-wrap table tr td:first-child {width: 200px;}
	
	.s32 .s32-arti2 .table-wrap{width: 100%; overflow-y: auto;}
	.s32 .s32-arti2 .table-wrap table{width: 720px;;}
	.s32 .s32-arti2 .gray-box{padding: 20px;}
	
	.s322{margin-bottom: 0 !Important;}
	.s322-arti2 .flex-box .tbx .box b{font-size: 17.5px; line-height: 1.5; margin-bottom: 15px;}
	.s322-arti2 .flex-box .tbx .box p{font-size: 14.5px;}
	.s323 .s24 .arti2 .wrap3 .box{margin-top: 0;}
	.s323 .s24 .arti2 .wrap3 .box .tbx .tit p{font-size: 20px;}
	.s323 .arti3 .flex-box .box > b{font-size: 20px; line-height: 1.5;}
	.s323 {margin-bottom: 0 !Important;}
	.s323 .arti3 .flex-box .box > ul > li .num{width: 40px; height: 40px; font-size: 16px;}
	.s323 .arti3 .flex-box .box > ul > li .tbx b,
	.s323 .arti3 .flex-box .box > ul > li .tbx p{font-size: 14px; line-height: 1.5;}
	
	.s55 .s32-arti2 .table-wrap{width: 100%; overflow-y: auto;}
	.s55 .s32-arti2 .table-wrap table{width: 720px;;}
	.s55 .s32-arti2 .table-wrap table tr th .box{font-size: 16px; height: 40px; padding: 0 10px; box-sizing: border-box;}
	.s55 .s32-arti2 h3{font-size: 22px;}
	
	.s45 .arti2 ul > li{flex:none; width: calc(50% - 10px); gap:10px; height: auto;} 

	.s54 .arti4{margin-top: 50px;}
	.s54 .arti4 h3{font-size: clamp(18.2px, 5.27vw, 26px);}
	.s54 .arti3 figure{padding: 0;}
	.s54 .arti4 h3{margin-bottom: 30px;}
	
	
	.s56 .arti4 .table-wrap{width: 100%; overflow-y: auto;}
	.s56 .arti4 .table-wrap table{width: 720px;;}
	.s56 .arti4 .table-wrap table colgroup{display: none;}
	.s56 .arti4 .table-wrap table tr > th{padding: 10px; height: 40px; font-size: 16px;}
	.s56 .arti4 .table-wrap table tr > *,
	.s56 .arti4 .table-wrap table tr > td ol > li{font-size: 14px;}
	.s56 .arti4 .tb-p{font-size: 14px;}
	
	.s61-rodmap-list > li > a{font-size: 14px;}
	.s61-rodmap-list{gap:10px;}
	
}

@media (max-width:480px){

/* s11 */
	.s11 .arti1 .flex-box{flex-direction: column; }
	.s11 .arti1 .flex-box picture{margin-left: auto; width: 100%; flex-direction: row;}
	.s11 .arti1 .flex-box picture figure{max-width:160px;}
	.s11 .arti1 .flex-box picture sign{flex:1; text-align: left; align-items:flex-start;}
	
	.s11 .arti1 .gray-box{margin-top: 40px;}
	.s11 .arti1 .gray-box .box{flex-direction: column; align-items: flex-start;	}
	.s11 .arti1 .gray-box .box i{margin-bottom: 10px;}
	.s11 .arti1 .gray-box .box i:after{display: none;}
	.s11 .arti3{margin-top: 60px;}


/* s12 */
	.s12 .arti1{	padding: 60px 0 60px;}
	.s12 .arti1 .wrap3 .rbx h4{word-break: keep-all;}
	.s12 .arti1 .wrap3 .rbx h4 br{display: none;}
	.s12 .arti1 .wrap3 .rbx .check-ul > li:before{top: -5px;}
	.s12 .arti2{margin-top: 60px;}
	.s12 .arti2 figure{margin-top: 30px;}

/* s13 */
	.s13-top{padding: 20px; margin-bottom: 40px;}
	.real-cont{margin-top: 60px; margin-bottom: 80px;}
	#sub .contain{margin-bottom: 80px;}
	
/* s16 */	
	.s16{gap:20px; margin: 60px 0 80px;}
	
/* s21 */	
	.s2 .s2-arti1{padding-top: 60px;}
	.s22 .arti3 .wrap3 .rbx{padding-top: 20px; margin-top: 20px;}
	.s22 .arti3 .wrap3 .rbx .box:last-child{padding-top: 20px; margin-top: 20px;}
	
	.s322.s2 .s2-arti1{margin-top: 0; padding-top: 0;}
	.s322 .s2-arti1 .wrap3 figure .tbx b{font-size: 18px;;}
	.s322 .s2-arti1 .wrap3 figure .tbx p{font-size: 14px; line-height: 1.5; word-break: keep-all;}
	.s322 .s2-arti1 .wrap3 figure .tbx p br{display: none;}
	.s322 .s2-arti1 .wrap3 figure .tbx span{font-size: 12px;}
	.s322-arti2 .flex-box{margin-top: 20px;}
	
/* s24 */	
	.s24 .arti1 .cnt .img-box {width: 80%;}
	.s24 .arti1 .cnt .img-box img{max-width:100%; width: auto;}
	.s24 .arti1 .cnt .tbx{padding-top: 0;}
	.s24 .arti5 ul{gap:20px}
	.s24 .arti5 ul > li{width: 100%; border: 1px solid #ddd;	border-radius: 20px; padding: 20px;}

/* s25 */	
	.dot-num-flex ul{gap:20px}
	.dot-num-flex ul > li{width: 100%;  border: 1px solid #ddd;	border-radius: 20px; padding: 20px} 
	
/* s3 */	
/* s31 */
	.s31 .new-arti4 .flex-box .box.last .cnt-wrap .cnt .tbx2{gap:10px;}

/* s32 */	
	.s32 {margin: 60px 0 80px;}
	.s32 .arti1 h3{padding-bottom: 30px;}
	.s32 .arti1 .flex-box .box{padding: 20px 0;}
	.s32 .arti1 .flex-box .box .tbx .tit{margin-bottom: 20px;}

/* s41 */	
	.s41 .s2-arti1{padding-bottom: 40px;}
	.s41 .arti2{margin-top: 40px;}
	.s4-history .flex-box{gap:30px;}
	.s4 .s4-arti3 .flex-box > li{flex:100%; width: 100%; max-width:100%;}
	.s42 .arti2 h3, .s4 .s4-arti3 h3{margin-bottom: 15px;}
	.s43 .dot-num-flex .wrap3 h5, .s43 .s4-board .wrap3 > h3{margin-bottom: 15px;}

/* s44 */
	.s44 .arti3 .flex-box{flex-direction: column; margin-top: 30px;}

/* s51 */
	.s51 .arti2 .flex-box .tbx .check-ul > li:before{top: -4px;}
	.s51 .arti3 .flex-box > li .tbx{padding: 40px 20px;}
	.s51 .arti3 .flex-box > li .tbx > ul{gap:2px;}
	.s51 .arti4 .flex-box{margin-top: 20px;}
	.s51 .arti4 .flex-box > li{padding: 20px;}

/* s52 */
	.s52 .arti3 .table-wrap table tr th .box{font-size: 16px; height: 46px;}
	.s52 .arti3 .table-wrap table tr td .box{height: 80px;		}
	.s52 .arti3 .table-wrap table tr td:last-child .box{padding: 20px;}
	.s55 .arti2 .flex-box .tbx .box{padding: 20px 0;}
	.s55 .arti2 .flex-box .tbx .box ul{gap:4px;}

/* s56 */
	.s56 .arti2 .flex-box .box{padding: 30px;}
	.s56 .arti2 .flex-box .box i{right: 0px; width: 46px; height: 46px; padding: 5px;}
	.s56 .arti2 .flex-box .box i img{width: auto; max-width:100%; max-height:85%; height: auto;}

	.s45 .arti2 ul > li{width: 100%; } 
}