@charset "utf-8";

@media (max-width: 1600px) {
/* s12 */
	.s12 .arti3 .flex .box{padding: 0;}
	.s12 .arti3 .flex .box .tbx b{font-size: 20px;}
	.s12 .arti3 .flex .box .tbx p{font-size: 16px;}
	.s12 .arti3 .flex .box .tbx p br{display: none;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li{height: auto;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li i{width: 80px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li .tbx b{font-size: 20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li .tbx p {font-size: 16px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li .tbx p br{display: none;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .rbx b{font-size: 20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .rbx ul > li{font-size: 16px;}
	
/* s13 */	
	.s13 .s1-box.arti4 .box2 .flex .box .txt b{font-size: 20px;}
	.s13 .s1-box.arti4 .box2 .flex .box .txt p{font-size: 16px; }
	.s13 .s1-box.arti4 .box2 .flex .box .txt p br{display: none;}
	
/* s61 */	
	.s61 {width: 100%; overflow: hidden;}

/* s62 */
	.s62 .arti3 ul > li .tbx b{font-size: 20px;}
	.s62 .arti3 ul > li .tbx p{font-size: 18px;}
	.s62 .arti3 ul > li{padding: 30px 20px;}
}

@media (max-width: 1400px) {

/* s11 */
	.s1-box .cnt-box .flex > li .tbx p{font-size: 16px;}
	.s1-box .cnt-box .flex > li .tbx p br{display: none;}
	.s11-arti2-ul > li{height: auto;}
	.s11-arti2-ul > li .tbx strong{font-size: 60px;;}
	.s11-arti2-ul > li .tbx{padding-right: 60px;}
	.s11-arti2-ul > li .tbx p{font-size: 16px;}
	.s11-arti2-ul > li .tbx p br{display: none;}
	.s11 .s1-box.arti4 .box2 .flex .box{padding: 30px 15px;}
	.s11 .s1-box.arti4 .box2 .flex .box .txt b{font-size: 20px;;}
	.s11 .s1-box.arti4 .box2 .flex .box .txt p{font-size: 16px;}
	
/* s12 */	
	.s12 .arti2 .flex .box .tit small{font-size: 16px;}
	.s12 .arti2 .flex .box .tit b{font-size: 22px;}
	.s12 .arti2 .flex .box .cnt .list b{font-size: 18px;}
	.s12 .arti2 .flex .box .cnt .list p{font-size: 16px;}
	.s12 .arti2 .flex .box .cnt .list .ul-box > li{font-size: 16px;}
	.s12 .arti2 .flex .box .cnt ol{flex-wrap:wrap;}
	.s12 .arti2 .flex .box .cnt ol > li{font-size: 14px;}
	
/* s42 */	
	.s42 .arti2 .histry-box .tit{width: 45%;}
	.s42 .arti2 .histry-box .history{margin-left: 80px;}
	

	
	
}

@media (max-width: 1024px) {
	.sub-visual{height: 380px;}
	.sub-visual > .box{padding-top: 100px;}
	.sub-visual > .box h4{font-size: 26px;}
	.sub-visual > .box .speed > ul > li{font-size: 14px;}
	.sub-visual > .box .speed > ul > li:not(:last-child):after{margin: 0 4px;}
	.lnb-wrap{padding: 0; margin-top: -50px; margin-bottom: 60px; background: #CD2731;}
	.lnb {position: relative; z-index: 100;padding: 0 20px; width: 100%; }
	.lnb b{position: relative; display: block; padding: 0px 0px; font-size: 18px; color: #fff; font-weight: 500; height: 50px; line-height: 50px; cursor: pointer;}
	.lnb b:after{position: absolute; content: ''; width: 36px; height: 50px; background: url(../img/sub/lnb-arr-m.png) center no-repeat; right: -10px; top: 0; transition:.3s;}
	.lnb b.on:after{rotate:-180deg;}
	.lnb > ul{flex-direction: column; position: absolute; left: 0; top: 50px; width: 100%; background: #CD2731; z-index: 10; display: none;}
	.lnb > ul > li{max-width:100%;}
	.lnb > ul > li:after{display: none;}
	.lnb > ul > li:not(:last-child):before{display: none;}
	.lnb > ul > li > a{font-size: 16px; line-height: 40px; text-align: left; height: auto; justify-content: flex-start; padding: 0 20px; border-bottom: 1px solid #ddd; color: #333;} 
	.lnb > ul > li.current > a{color: #fff; background: #333; border: none;}
	
	.real-cont{padding-bottom: 100px;}
	
/* s11 */	
	.table-type1 table tr > *{height: 50px;}
	.table-type1 table tr > *{font-size: 16px;}
	.table-type1 table tr > th{font-size: 18px;	}
	.s1{margin-bottom: 100px;}
	.s11{gap:40px;}
	.s11 .arti1{padding-bottom: 40px;}	
	.s1-box .flex-box{flex-direction: column; gap:20px;}
	.s1-box .flex-box .tit-box{gap:20px; width: 100%; padding-bottom: 0;}
	.s1-box .flex-box .tit-box small{font-size: 16px;}
	.s1-box .flex-box .tit-box small span{height: 14px;}
	.s1-box .flex-box .tit-box .tit{gap:0px}
	.s1-box .flex-box .tit-box .tit b{font-size: 28px; line-height: 1.5;}
	.s1-box .flex-box .txt-box{width: 100%;}
	.s1-box .flex-box .txt-box > p{font-size: 16px; line-height: 1.5; word-break: keep-all;}
	.s1-box .flex-box .txt-box > p br{display: none;}
	.s1-box .cnt-box{padding: 0; margin-top: 40px;}
	.s1-box .cnt-box .flex{gap:20px 0px; margin-left: -20px; }
	.s1-box .cnt-box .flex > li{width: calc(50% - 20px); margin-left: 20px; flex:auto;}
	.s1-box .cnt-box .flex > li figure span{font-size: 28px;}
	.s1-box .cnt-box .flex > li .tbx{padding: 30px 20px; height: auto;}
	.s1-box .cnt-box .flex > li .tbx b{font-size: 20px;}
	.s1-box .cnt-box .flex > li .tbx p{font-size: 16px; line-height: 1.5;}
	.s1-box .cnt-box .red-box{height: auto; padding: 30px 20px;}
	.s1-box .cnt-box .red-box small{width: 80px; height: 35px; font-size: 16px;}
	.s1-box .cnt-box .red-box span{font-size: 16px; line-height: 1.5;}
	.s11 .s1-box.arti2 .flex-box .txt-box{padding-top: 0px;}
	.s11-arti2-ul > li{padding: 20px;}
	.s11-arti2-ul > li .tbx b{font-size: 20px;}
	.s11 .s1-box.arti3 .flex-box .txt-box{padding-top: 0;}
	.s11 .s1-box.arti4 .flex-box .txt-box{padding-top: 0;}
	.s11 .s1-box.arti4 .box2{margin-top: 40px;}
	.s11 .s1-box.arti4 .box2 strong{font-size: 22px;}
	.s1-box .cnt-box .red-box{margin-top: 30px;}

/* s12 */
	.s12{gap:40px}
	.s12 .s1-box .flex-box .txt-box{padding-top: 0;}
	.s12 .arti1 .img-box{gap:40px;}
	.s12 .arti1 .img-box .box{width: auto;}
	.s12 .arti1 .img-box .box p{font-size: 18px; line-height: 1.5;}
	.s12 .s1-box .cnt-box .flex{flex-direction: column; gap:70px}
	.s12 .arti2 .cnt-box{margin-top: 20px; }
	.s12 .arti2 .flex .box .tit{height: 60px; padding: 5px 20px;}
	.s12 .arti2 .flex .box .tit b{font-size: 20px;}
	.s12 .arti2 .flex .box2:after{top: -70px; left: 50%; right: auto; rotate:90deg; margin-top: 0; margin-left: -40px; background-size: 40px;}
	.s12 .arti2 .flex .box .cnt .list{padding: 20px;}
	.s12 .arti3 .cnt-box{margin-top: 20px;}
	
	.s12 .arti3 .flex .box:not(:last-child):after{display: none;}	
	.s12 .s1-box.arti3 .cnt-box .flex{height: auto; gap:0px; padding: 0;}
	.s12 .s1-box.arti3 .cnt-box .flex .box{width: 100%; border-bottom: 1px solid #ddd; padding: 20px;}
	.s12 .arti3 .flex .box .tbx{gap:5px;}
	.s12 .s1-box.arti4 .flex-box .txt-box{gap:40px}
	.s12 .s1-box.arti4 .flex-box .txt-box .box > strong{font-size: 22px;}
	
/* s13 */	
	.s13{gap:40px;}
	.s13 .arti1{padding-bottom: 40px;}
	.s13 .s1-box .flex-box .txt-box{padding-top: 0;}
	.s13 .s1-box.arti4 .box2 .flex{gap:20px}
	.s13 .s1-box.arti4 .box2 .flex .box{height: auto; flex: 1 1 40%}


	.s14 .arti4	.text-flex-col4{grid-template-columns:repeat(2, minmax(0, 1fr));}
	.s14 .arti4	.text-flex-col4__item{padding:48px 32px 46px;}
	.s14 .arti4	.text-flex-col4__label{margin-bottom:22px; font-size:15px;}
	.s14 .arti4	.text-flex-col4__item h3{margin-bottom:16px; font-size:23px;}
	.s14 .arti4	.text-flex-col4__item p{font-size:16px;}
	
	.s14 .arti10 .faq{padding:40px;}
	.s14 .arti10 .faq__title{font-size:20px;}
	.s14 .arti10 .faq__answer p{font-size:18px;}

/* s41 */
	.s4 h2{font-size: 28px; line-height: 1.5; margin-bottom: 40px;}
	.s41 .arti1{padding-bottom: 80px;}
	.s41 .arti1 p{font-size: 18px; line-height: 1.5;}
	.s41 .arti1 big{font-size: 100px; bottom: -30px;}
	.s41 .arti2-wrap{height: auto; padding: 60px 0;}
	.s41 .arti2 ul{flex-direction: column; gap:40px; }
	.s41 .arti2 ul > li{width: 100%; gap:20px;}
	.s41 .arti2 ul > li i{width: 150px;}
	.s41 .arti2 ul > li p{font-size: 18px;}
	.s41 .arti3-wrap{height: auto; padding: 60px 0;}
	.s41 .arti3{gap:40px; padding-bottom: 40px;}
	.s41 .arti3 .tit{gap:10px;}
	.s41 .arti3 .tit small{font-size: 16px;}
	.s41 .arti3 .tit b{font-size: 32px;}
	.s41 .arti3 .p-box{gap:1em;}
	.s41 .arti3 .p-box p{font-size: 18px; line-height: 1.5; word-break: keep-all;}
	.s41 .arti3 .p-box p br{display: none;}

/* s42 */	
	.s42{margin-bottom: 100px;}
	.s42 .arti2 .histry-box{flex-direction: column; gap:40px;}
	.s42 .arti2 .histry-box .tit{width: 100%;}
	.s42 .arti2 .histry-box .tit p{font-size: 28px;}
	
	.s42 .arti2 .histry-box .history{margin-left: 0; padding-left: 80px;}
	.s42 .arti2 .histry-box .history .box:before{top: 19px; left: -80px; width: 60px;}
	.s42 .arti2 .histry-box .history .box:after{top: 9px; left: -80px; width: 18px; height: 18px; background-size: 100%;}
	.s42 .arti2 .histry-box .history b{font-size: 24px;}
	.s42 .arti2 .histry-box .history ul{gap:5px;}
	.s42 .arti2 .histry-box .history ul > li{align-items:center;}
	.s42 .arti2 .histry-box .history ul > li span{font-size: 20px; padding: 0; padding-right: 10px;}
	.s42 .arti2 .histry-box .history ul > li{font-size: 18px;}
	
	.gall_pop {width:90vw !important; height: auto !important; translate:0 5% !important; top: 50% !important; margin-top: 0 !important; margin-bottom: 0 !important;}
	.gall_pop_cnt{height: auto;}
	.gall_pop_cnt .pic img{height: auto !important;}
	
/* s44 */	
	.s44{margin-bottom: 100px;}
	.s44 .root_daum_roughmap .wrap_map{height: 60vw !important;}
	iframe{height: 60vw;}
	.s44 .arti2 .tbx ul > li{padding: 15px 0;}
	.s44 .arti2 .tbx ul > li span{font-size: 18px;}
	.s44 .arti2 .tbx ul > li p{font-size: 16px;}

/* s51 */
	.s5{margin-bottom: 100px;}
	.s5 h2{font-size: 30px; line-height: 1.5; margin-bottom: 30px;}
	.s5 .arti2 .img-box{height: auto;}
	.s5 .arti2 .img-box .tbx{position: static; padding: 30px 0; gap:20px; text-align: center;}
	.s5 .arti2 .img-box .tbx p{font-size: 20px; line-height: 1.5; color: #333; text-align: center;}
	.s5 .arti2 .img-box .tbx span{color: #666;}
	.s5 .txt-box{margin-top: 40px; gap:40px;}
	.s5 .txt-box dl{flex-direction: column; gap:20px;}
	.s5 .txt-box dl dt{width: 100%;}
	.s5 .txt-box dl dt b{font-size: 24px; line-height: 1.5;}
	.s5 .txt-box dl dd{width: 100%; padding-top: 0;}
	.s5 .txt-box dl dd > p{font-size: 18px; line-height: 1.5;}
	.s5 .txt-box dl dd > p br{display: none;}
	.s5 .txt-box dl dd .flex-box{margin-top: 0;}
	.s5 .txt-box dl dd .flex-box .box{gap:20px; padding: 30px 20px;}
	.s5 .txt-box dl dd .flex-box .box i{max-width:70px}
	.s5 .txt-box dl dd .flex-box .box .tbx b{font-size: 20px; line-height: 1.5;}
	.s5 .txt-box dl dd .flex-box .box .tbx p{font-size: 18px; line-height: 1.5; margin: 5px 0 10px;}
	.s5 .txt-box dl dd .flex-box .box .tbx p br{display: none; }
	.s5 .txt-box dl dd .flex-box .box .tbx span{font-size: 16px;}
	.s5 .txt-box dl dd .text-flex-box{gap:30px;}
	.s5 .txt-box dl dd .text-flex-box .box b{font-size: 20px;}
	.s5 .txt-box dl dd .text-flex-box .box p{font-size: 16px; line-height: 1.5;}
	.s5 .txt-box dl dd .text-flex-box .box ul{font-size: 16px;}
	.s53 .arti2 .txt{gap:1em; margin-top: 40px;}
	.s53 .arti2 .txt p{font-size: 18px; line-height: 1.5;}
	.s53 .arti2 .txt p br{display: none;}
	
	
	
	
/* s61 */
	.s6{margin-bottom: 100px;}
	.s6 h2{font-size: 28px; line-height: 1.5; margin-bottom: 40px;}
	.s6 .arti1 p{font-size: 18px; line-height: 1.5;}
	.s6 .arti1{padding-bottom: 80px;}
	.s6 .arti1 p{font-size: 18px; line-height: 1.5;}
	.s6 .arti1 big{font-size: 100px; bottom: -30px;}
	
/* s62 */
	.s62 .tit{gap:15px; margin-bottom: 40px;}
	.s62 .tit small{font-size: 16px; line-height: 1.5;}
	.s62 .tit b{font-size: 28px; line-height: 1.5;}
	.s62 .arti2{margin-bottom: 60px;}
	.s62 .arti2 ul > li{flex:1 1 40%; height: 30vw;}
	.s62 .arti2 ul > li .tbx p{font-size: 20px;}	
	
	.s62 .arti3 ul > li{width: calc(50% - 20px);}
	.s62 .arti4{margin-top: 60px;}

/* s63 */	
	.real-cont h2{font-size: 28px; line-height: 1.5; margin-bottom: 40px;}
		
	
}

@media (max-width: 640px) {
/* s11 */	
	.s1-box .cnt-box .flex > li{flex:1 1 100%;}
	.s1-box .cnt-box .red-box{flex-direction: column; gap:0px}
	.s1-box .cnt-box .red-box small{margin-right: 0; margin-bottom: 10px;}
	.s1-box .cnt-box .red-box span{flex-direction: column;}
	.s1-box .cnt-box .red-box span svg{rotate:90deg; margin: 10px;}
	.s11-arti2-ul > li{gap:20px;}
	.s11-arti2-ul > li i{width: 80px; height: 80px;}
	.s11 .s1-box.arti3 .table-type1{width: 100%; overflow-y: auto;}
	.s11 .s1-box.arti3 .table-type1 table{width: 640px;}
	.s11 .s1-box.arti4 .table-type1{width: 100%; overflow-y: auto;}
	.s11 .s1-box.arti4 .table-type1 table{width: 640px;}
	.s11 .s1-box.arti4 .box2 .flex{gap:20px;}
	.s11 .s1-box.arti4 .box2 .flex .box{flex:1 1 40%; height: auto;}

/* s12 */
	.s12 .arti2 .flex .box .tit small{font-size: 14px;}
	.s12 .arti2 .flex .box .tit b{font-size: 18px;}
	.s12 .arti2 .flex .box .cnt .list p br{display: none;}
	.s12 .arti1 .img-box{flex-direction: column; height: auto; padding: 40px 20px; background-size: cover; height: auto; background-position: 76% center ;}
	.s12 .arti1 .img-box .box{width: 100%; background: rgba(255,255,255,0.2); border-radius: 20px; padding: 20px;}
	.s12 .arti3 .table-type2{width: 100%; overflow-y: auto;}
	.s12 .arti3 .table-type2 table{width: 720px;}
	.s12 .arti3 .table-type2 table tr > th{height: 80px; font-size: 16px;}
	.s12 .arti3 .table-type2 table tr > * small{font-size: 14px;}
	.s12 .arti3 .table-type2 table tr > td small{font-size: 14px;}
	.s1-box .cnt-box .flex{margin-left: 0;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul{gap:20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box1 > ul > li{flex:100%; padding: 20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box{height: auto; }
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .lbx{width: 100%; padding: 20px; border-radius: 15px 15px 0 0;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .lbx p{font-size: 18px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .lbx span{font-size: 14px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .rbx{border-radius:0 0 15px 15px; padding: 20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .rbx ul{margin-left: 20px;}
	
/* s13 */	
	.s13 .table-type2{margin-top: 20px; width: 100%; overflow-y: auto;} 
	.s13 .table-type2 table{width: 740px;}
	
	

	.s14 .arti4 .text-flex-col4{grid-template-columns:1fr;}
	.s14 .arti4 .text-flex-col4__item{padding:36px 24px 38px;}
	.s14 .arti4 .text-flex-col4__label{margin-bottom:16px; font-size:14px;}
	.s14 .arti4 .text-flex-col4__item h3{margin-bottom:12px; font-size:21px;}
	.s14 .arti4 .text-flex-col4__item p{font-size:15px; line-height:1.7;}
	
	.s14 .arti10 .faq{padding:24px 20px;border-radius:6px;}
	.s14 .arti10 .faq__question{min-height:68px;padding:20px 36px 20px 0;}
	.s14 .arti10 .faq__title{font-size:17px;line-height:1.5;}
	.s14 .arti10 .faq__icon{width:20px;height:20px;}
	.s14 .arti10 .faq__icon::before{width:12px;height:12px;}
	.s14 .arti10 .faq__icon::after{width:12px;height:2px;}
	.s14 .arti10 .faq__answer-inner{padding:0 36px 20px 0;}
	.s14 .arti10 .faq__answer p{font-size:15px;line-height:1.7;}
		
/* s62 */	
	.s62 .arti3 ul > li{height: auto;}
	.s62 .arti3 ul > li i{width: 60px;}
	.s62 .arti3 ul > li .tbx b{font-size: 18px; line-height: 1.5;}
	.s62 .arti3 ul > li .tbx p{font-size: 16px; line-height: 1.5;}
	 
	
}
@media (max-width: 480px) {
/* s11 */
	.s11-arti2-ul{margin-top: 40px; gap:20px;}
	.s11-arti2-ul > li{flex-direction: column; align-items: flex-start; position: relative;}
	.s11-arti2-ul > li .tbx{position: static;}
	.s11-arti2-ul > li .tbx strong{bottom: auto; top: 40px; right: 20px; line-height: 1;}
	.s11 .s1-box.arti4 .box2 .flex .box{flex:100%;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box > strong{font-size: 20px;}
	.s12 .s1-box.arti4 .flex-box .txt-box .box2 .flex-box .box .rbx b{font-size: 18px;}

/* s13 */
	.s13 .s1-box.arti4 .box2 .flex .box{height: auto; flex: 1 1 100%; padding: 20px;}

/* s44 */
	.s44 .arti2 .tbx ul > li{flex-direction: column; align-items: flex-start; gap:10px}
	.s44 .arti2 .tbx ul > li span{gap:5px;}

/* s62 */
	.s62 .arti2 ul > li {height: 40vw; flex:100%;}
	.s62 .arti2 ul > li .tbx{padding: 18px;}
	.s62 .arti3 ul{margin-left: 0;}
	.s62 .arti3 ul > li{width: 100%; margin-left: 0;}
	
	
}


@media (max-width: 1024px) {

/* s14 */
	.s14{gap:100px; margin-bottom: 0;}
	.s14 .s1-box .flex-box .tit-box .tit b span{font-size:36px;}
	.s14 .s1-box .flex-box .txt-box{padding-bottom:0;}
	.s14 .s1-box .flex-box .txt-box > p{padding-top:60px;}

	/* arti1 */
	.s14 .s1-box .bg-box{margin-top:40px; height:auto; padding:40px 20px;}
	.s14 .s1-box .bg-box .box{padding:0 30px;}
	.s14 .s1-box .bg-box .box:not(:last-child):after{height:150px;}
	.s14 .s1-box .bg-box .box i{width:60px; height:60px;}
	.s14 .s1-box .bg-box .box .tbx b{font-size:26px;}
	.s14 .s1-box .bg-box .box .tbx p{font-size:16px; line-height:1.5; word-break:keep-all;}

	/* arti2 */
	.s14 .arti2 .s11-arti2-ul{margin-top:40px;}
	.s14 .arti2 .s11-arti2-ul > li{padding:20px;}
	.s14 .arti2 .s11-arti2-ul > li .tbx b{font-size:20px;}
	.s14 .arti2 .s11-arti2-ul > li .tbx p{font-size:16px; line-height:1.5; word-break:keep-all;}

	/* arti3 */
	.s14 .s1-box .col3-flex-box{gap:20px;}
	.s14 .s1-box .col3-flex-box .box{padding:40px 30px;}
	.s14 .s1-box .col3-flex-box .box .tbx b{font-size:24px; line-height:1.5; word-break:keep-all;}
	.s14 .s1-box .col3-flex-box .box .tbx p{font-size:18px; line-height:1.5; word-break:keep-all;}
	.s14 .s1-box .col3-flex-box .box .tbx ul{margin-top:16px;}
	.s14 .s1-box .col3-flex-box .box .tbx ul > li{font-size:16px; line-height:1.5;}

	/* arti4 */
	.s14 .arti4{padding:100px 0;}
	.s14 .arti4 .text-flex-col4{grid-template-columns:repeat(2, minmax(0, 1fr)); margin-top:30px;}
	.s14 .arti4 .text-flex-col4__item{height:auto; min-height:300px; padding:40px 30px;}
	.s14 .arti4 .text-flex-col4__label{margin-bottom:16px; font-size:14px;}
	.s14 .arti4 .text-flex-col4__item h3{margin-bottom:10px; font-size:22px; line-height:1.5;}
	.s14 .arti4 .text-flex-col4__item p{font-size:17px; line-height:1.6; word-break:keep-all;}

	/* arti5 */
	.s14 .arti5{height:auto; min-height:600px; padding:100px 0; margin-top:-100px;}
	.s14 .arti5.s1-box .flex-box .txt-box > p{padding-bottom:30px;}
	.s14 .arti5 .blur-flex-box{height:auto; padding:30px 0;}
	.s14 .arti5 .blur-flex-box .box{padding:0 20px;}
	.s14 .arti5 .blur-flex-box .box b{font-size:26px;}
	.s14 .arti5 .blur-flex-box .box p{font-size:16px; line-height:1.5; word-break:keep-all;}
	.s14 .arti5 .blur-flex-box .box:not(:last-child):after{height:60px;}

	/* arti6 */
	.s14 .arti6.s1-box .t-box .box{margin-top:40px;}
	.s14 .arti6.s1-box .t-box .box b{font-size:24px;}
	.s14 .arti6.s1-box .t-box .box p{font-size:18px; line-height:1.5; word-break:keep-all;}
	.s14 .arti6.s1-box .t-box .box .flex-col3{gap:10px; margin-top:20px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt{padding:24px 20px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt b{font-size:18px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt p{font-size:15px;}
	.s14 .arti6.s1-box .t-box .box .g-box{margin-top:20px; padding:24px 20px;}
	.s14 .arti6.s1-box .t-box .box .g-box b{font-size:18px;}

	/* arti7 */
	.s14 .arti7{padding:100px 0;}
	.s14 .arti7 .col3-flex-box2{gap:20px;}
	.s14 .arti7 .col3-flex-box2 .box{padding:40px 30px;}
	.s14 .arti7 .col3-flex-box2 .box .top span{margin-bottom:16px; font-size:14px;}
	.s14 .arti7 .col3-flex-box2 .box .top strong{font-size:22px;}
	.s14 .arti7 .col3-flex-box2 .box .top p{font-size:17px; line-height:1.5; word-break:keep-all;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b{gap:16px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt b{font-size:17px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt p{font-size:15px; line-height:1.5; word-break:keep-all;}

	/* arti8 */
	.s14 .arti8 .flex-box .txt-box .box1{margin-top:40px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul{gap:20px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li{height:auto; min-height:170px; padding:30px 20px; gap:20px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li i{width:70px; height:70px; flex-shrink:0;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx b{font-size:20px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx p{font-size:17px; line-height:1.5; word-break:keep-all;}

	/* arti9 */
	.s14 .arti9 .col3-flex-box .box .tbx p{height:auto; min-height:64px;}

	/* arti10 */
	.s14 .arti10{padding:100px 0 160px;}
	.s14 .arti10 .faq{padding:30px 40px;}
	.s14 .arti10 .faq__question{min-height:70px; padding:20px 40px 20px 0;}
	.s14 .arti10 .faq__title{font-size:19px; line-height:1.5;}
	.s14 .arti10 .faq__answer-inner{padding:0 40px 20px 0;}
	.s14 .arti10 .faq__answer p{font-size:17px; line-height:1.6;}
}


@media (max-width: 640px) {

/* s14 */
	.s14{gap:70px; margin-bottom: 0;}
	.s14 .s1-box .flex-box{flex-direction:column; gap:20px;}
	.s14 .s1-box .flex-box .tit-box{width:100%; padding-bottom:0; gap:20px;}
	.s14 .s1-box .flex-box .tit-box .tit{gap:0;}
	.s14 .s1-box .flex-box .tit-box .tit b{font-size:28px; line-height:1.5;}
	.s14 .s1-box .flex-box .tit-box .tit b span{font-size:28px;}
	.s14 .s1-box .flex-box .txt-box{width:100%;}
	.s14 .s1-box .flex-box .txt-box > p{padding-top:0; font-size:16px; line-height:1.5; word-break:keep-all;}
	.s14 .s1-box .flex-box .txt-box > p br{display:none;}

	/* arti1 */
	.s14 .s1-box .bg-box{margin-top:30px; padding:30px 20px; gap:30px 0;}
	.s14 .s1-box .bg-box .box{flex:1 1 50%; padding:0 15px;}
	.s14 .s1-box .bg-box .box:nth-child(2n):after{display:none;}
	.s14 .s1-box .bg-box .box:not(:last-child):after{height:120px;}
	.s14 .s1-box .bg-box .box i{width:50px; height:50px; margin-left:auto;}
	.s14 .s1-box .bg-box .box .tbx b{font-size:22px; line-height:1.5;}
	.s14 .s1-box .bg-box .box .tbx p{font-size:14px; line-height:1.5;}

	/* arti2 */
	.s14 .arti2 .s11-arti2-ul{margin-top:30px; gap:20px;}
	.s14 .arti2 .s11-arti2-ul > li{gap:20px; padding:20px;}
	.s14 .arti2 .s11-arti2-ul > li i{width:60px; height:60px; flex-shrink:0;}
	.s14 .arti2 .s11-arti2-ul > li .tbx b{font-size:18px;}
	.s14 .arti2 .s11-arti2-ul > li .tbx p{font-size:15px; line-height:1.5;}
	.s14 .arti2 .s11-arti2-ul > li .tbx p br{display:none;}

	/* arti3 */
	.s14 .s1-box .col3-flex-box{flex-direction:column; gap:20px; margin-top:30px;}
	.s14 .s1-box .col3-flex-box .box{width:100%; padding:30px 20px; border-radius:15px;}
	.s14 .s1-box .col3-flex-box .box small{font-size:14px;}
	.s14 .s1-box .col3-flex-box .box .tbx b{font-size:20px;}
	.s14 .s1-box .col3-flex-box .box .tbx p{font-size:16px;}
	.s14 .s1-box .col3-flex-box .box .tbx p br{display:none;}
	.s14 .s1-box .col3-flex-box .box .tbx ul{margin-top:14px;}
	.s14 .s1-box .col3-flex-box .box .tbx ul > li{font-size:15px; padding-left:20px;}
	.s14 .s1-box .col3-flex-box .box .tbx ul > li:before{left:7px; top:11px;}

	/* arti4 */
	.s14 .arti4{padding:70px 0;}
	.s14 .arti4 .text-flex-col4{grid-template-columns:1fr; margin-top:25px;}
	.s14 .arti4 .text-flex-col4__item{min-height:0; height:auto; padding:36px 24px 38px;}
	.s14 .arti4 .text-flex-col4__label{margin-bottom:16px; font-size:14px;}
	.s14 .arti4 .text-flex-col4__item h3{margin-bottom:12px; font-size:21px;}
	.s14 .arti4 .text-flex-col4__item p{font-size:15px; line-height:1.7;}

	/* arti5 */
	.s14 .arti5{min-height:0; height:auto; padding:70px 0; margin-top:-70px;}
	.s14 .arti5.s1-box .flex-box .txt-box > p{padding-bottom:20px;}
	.s14 .arti5 .blur-flex-box{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:0; height:auto; margin-top:10px; padding:25px 0;}
	.s14 .arti5 .blur-flex-box .box{padding:15px 10px;}
	.s14 .arti5 .blur-flex-box .box:nth-child(2n):after{display:none;}
	.s14 .arti5 .blur-flex-box .box b{font-size:22px;}
	.s14 .arti5 .blur-flex-box .box p{font-size:14px; line-height:1.5;}
	.s14 .arti5 .blur-flex-box .box p br{display:none;}

	/* arti6 */
	.s14 .arti6.s1-box .t-box .box{margin-top:30px;}
	.s14 .arti6.s1-box .t-box .box b{font-size:20px;}
	.s14 .arti6.s1-box .t-box .box p{font-size:16px;}
	.s14 .arti6.s1-box .t-box .box p br{display:none;}
	.s14 .arti6.s1-box .t-box .box .flex-col3{flex-direction:column; gap:10px; margin-top:20px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt{width:100%; padding:22px 20px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt b{font-size:18px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt p{font-size:15px;}
	.s14 .arti6.s1-box .t-box .box .g-box{padding:22px 20px;}
	.s14 .arti6.s1-box .t-box .box .g-box b{font-size:17px;}
	.s14 .arti6.s1-box .t-box .box .g-box b:after{width:100%; max-width:287px;}
	.s14 .arti6.s1-box .t-box .box .g-box p{font-size:14px;}

	/* arti7 */
	.s14 .arti7{padding:70px 0;}
	.s14 .arti7 .col3-flex-box2{flex-direction:column; gap:20px; margin-top:30px;}
	.s14 .arti7 .col3-flex-box2 .box{width:100%; padding:30px 20px; border-radius:15px;}
	.s14 .arti7 .col3-flex-box2 .box .top{width:100%; padding-bottom:18px; margin-bottom:18px;}
	.s14 .arti7 .col3-flex-box2 .box .top span{margin-bottom:14px; font-size:13px;}
	.s14 .arti7 .col3-flex-box2 .box .top strong{font-size:20px;}
	.s14 .arti7 .col3-flex-box2 .box .top p{font-size:15px; line-height:1.6;}
	.s14 .arti7 .col3-flex-box2 .box .top p br{display:none;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b{width:100%; gap:15px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt b{font-size:16px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt p{font-size:14px;}

	/* arti8 */
	.s14 .arti8 .flex-box .txt-box .box1{margin-top:30px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul{flex-direction:column; gap:15px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li{flex:100%; width:100%; min-height:0; height:auto; padding:20px; gap:20px; border-radius:12px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li i{width:60px; height:60px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx b{font-size:18px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx p{font-size:15px; line-height:1.5;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx p br{display:none;}

	/* arti9 */
	.s14 .arti9 .col3-flex-box .box .tbx p{min-height:0; height:auto;}

	/* arti10 */
	.s14 .arti10{padding:70px 0 120px;}
	.s14 .arti10 .faq{padding:20px; border-radius:6px; margin-top:10px;}
	.s14 .arti10 .faq__question{min-height:68px; padding:20px 36px 20px 0;}
	.s14 .arti10 .faq__title{font-size:17px; line-height:1.5;}
	.s14 .arti10 o{width:20px; height:20px;}
	.s14 .arti10 o:before,
	.s14 .arti10 o:after{width:12px; height:2px; left:4px; top:4px;}
	.s14 .arti10 .faq__answer-inner{padding:0 36px 20px 0;}
	.s14 .arti10 .faq__answer p{font-size:15px; line-height:1.7;}
}


@media (max-width: 480px) {

/* s14 */
	.s14{gap:50px; margin-bottom: 0;}
	.s14 .s1-box .flex-box .tit-box .tit b{font-size:24px;}
	.s14 .s1-box .flex-box .tit-box .tit b span{font-size:24px;}
	.s1-box .flex-box .txt-box > .link-box > a{font-size: 16px; width: auto; height: 40px; display: inline-flex; padding: 5px 10px;}
	/* arti1 */ 
	.s14 .s1-box .bg-box{padding:25px 10px; gap:20px 0;}
	.s14 .s1-box .bg-box .box{padding:0 10px;}
	.s14 .s1-box .bg-box .box i{width:45px; height:45px;}
	.s14 .s1-box .bg-box .box .tbx b{font-size:19px;}
	.s14 .s1-box .bg-box .box .tbx p{font-size:13px;}

	/* arti2 */
	.s14 .arti2 .s11-arti2-ul > li{flex-direction:column; align-items:flex-start; gap:15px;}
	.s14 .arti2 .s11-arti2-ul > li i{width:55px; height:55px;}
	.s14 .arti2 .s11-arti2-ul > li .tbx{width:100%;}
	.s14 .arti2 .s11-arti2-ul > li .tbx strong{right:20px; top:20px; bottom:auto; line-height:1;}

	/* arti4 */
	.s14 .arti4 .text-flex-col4__item{padding:30px 20px;}
	.s14 .arti4 .text-flex-col4__item h3{font-size:19px;}
	.s14 .arti4 .text-flex-col4__item p{font-size:14px;}

	/* arti5 */
	.s14 .arti5 .blur-flex-box{grid-template-columns:1fr; padding:15px 0;}
	.s14 .arti5 .blur-flex-box .box{padding:15px 10px;}
	.s14 .arti5 .blur-flex-box .box:after{display:none !important;}
	.s14 .arti5 .blur-flex-box .box b{font-size:20px;}

	/* arti6 */
	.s14 .arti6.s1-box .t-box .box{margin-top:25px;}
	.s14 .arti6.s1-box .t-box .box b{font-size:19px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt{padding:20px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt b{font-size:17px;}
	.s14 .arti6.s1-box .t-box .box .flex-col3 .cnt p{font-size:14px;}

	/* arti7 */
	.s14 .arti7 .col3-flex-box2 .box{padding:25px 20px;}
	.s14 .arti7 .col3-flex-box2 .box .top strong{font-size:19px;}
	.s14 .arti7 .col3-flex-box2 .box .top p{font-size:14px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt b{font-size:15px;}
	.s14 .arti7 .col3-flex-box2 .box .cnt-b .cnt p{font-size:13px;}

	/* arti8 */
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li{padding:18px; gap:15px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li i{width:50px; height:50px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx b{font-size:17px;}
	.s14 .arti8 .flex-box .txt-box .box1 > ul > li .tbx p{font-size:14px;}

	/* arti10 */
	.s14 .arti10{padding:60px 0 100px;}
	.s14 .arti10 .faq{padding:15px 20px;}
	.s14 .arti10 .faq__question{min-height:60px; padding:18px 32px 18px 0;}
	.s14 .arti10 .faq__title{font-size:16px;}
	.s14 .arti10 .faq__answer-inner{padding:0 32px 18px 0;}
	.s14 .arti10 .faq__answer p{font-size:14px; line-height:1.7;}
}