@charset "utf-8";

#sub_layout{margin-top: 80px; /* margin-bottom: 130px; */}

.sub-visual-box{position: relative; width: 100%; height: 364px;}
.sub-visual-box .sv{width: 100%; height: 100%;}
.sub-visual-box .sv img{width: 1 00%; height: 100%; object-fit:cover;}
.sub-visual-box .speed-wrap{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; padding-bottom: 60px;}
.sub-visual-box .speed-wrap .page-tit-box{text-align: center; color: #FFF;font-size: 40px;font-weight: 700;line-height: 130%; }
.sub-visual-box .speed-wrap .speed-ul{display: flex; align-items:center; gap:16px; margin-top: 10px;}
.sub-visual-box .speed-wrap .speed-ul > li{color: #F8F8F8;font-size: 18px; font-weight: 400; line-height: 160%; display: flex; align-items:center; align-items:center;}
.sub-visual-box .speed-wrap .speed-ul > li:after {display: inline-block; content: ''; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; background: url(../img/sub/speed-arr.png) center no-repeat; margin-left: 16px;}
.sub-visual-box .speed-wrap .speed-ul > li:last-child:after{display: none;}
.sub-visual-box .lnb{position: absolute; left: 0; bottom: 0; width: 100%;}
.sub-visual-box .lnb b{display: none;}
.sub-visual-box .lnb > ul{display: flex; justify-content: center; max-width:1278px; width: 100%; margin: 0 auto;} 
.sub-visual-box .lnb > ul > li{flex:1; border-right: 1px solid rgba(255, 255, 255, 0.20);}
.sub-visual-box .lnb > ul > li > a{display: flex; align-items:center; justify-content: center; width: 100%; height: 60px; background: #1F2C7B; color: #F8F8F8;text-align: center; font-size: 20px; font-weight: 700; line-height: 160%; }
.sub-visual-box .lnb > ul > li.current > a{background: #fff; color: #1F2C7B;}
.sub-visual-box .lnb > ul > li .dep3{display: none;}

.sub-tit{text-align: center; display: flex; flex-direction: column; justify-content: center; text-align: center; gap:16px;}
.sub-tit h4{color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.sub-tit p{color: #666; font-size: 16px; font-weight: 500; line-height: 170%; }


.sub-content{overflow: hidden; width: 100%; }
.sub-content  img{max-width:1930px; width: auto; }

/* s11 */
.sub-content{margin-top: 80px; margin-bottom: 180px;}
.s11 {margin-top: 0; margin-bottom: 0;}
.s11 .arti1{background: #F9F9F9; padding-top: 80px; padding-bottom: 80px;}
.s11 .arti1 .flex-box{display: flex; justify-content: space-between; gap:20px;}
.s11 .arti1 .flex-box .tbx{flex:1; }
.s11 .arti1 .flex-box .tbx h3{color: #222; font-size: 36.8px; font-weight: 700; line-height: 140%; margin-bottom: 21px; margin-left: 7px;}
.s11 .arti1 .flex-box .tbx h3 span{color: #263692;}
.s11 .arti1 .flex-box .tbx .p-box{display: flex; flex-direction: column; gap:16px; }
.s11 .arti1 .flex-box .tbx .p-box p{color: #222; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s11 .arti1 .flex-box picture{width: 205px; margin-top: auto; display: flex; flex-direction: column; align-items: flex-end;  gap:16px; position: relative; top: -5px;}
.s11 .arti1 .flex-box picture sign{display: flex; flex-direction: column; align-items: flex-end; gap:3px; }
.s11 .arti1 .flex-box picture sign b{color: #070707; font-size: 14.4px; font-weight: 700; line-height: 110%; }
.s11 .arti1 .flex-box picture sign p{color: #070707; font-size: 14.4px; font-weight: 400; line-height: 160%; }
.s11 .arti1 .gray-box{display: flex; flex-direction: column; border-radius: 16px; border: 0.8px solid #EEE; background: rgba(238, 236, 236, 0.70); margin-top: 80px;}
.s11 .arti1 .gray-box .box{display: flex; align-items:center; padding: 32px 0; border-bottom: 0.8px solid #CCC; }
.s11 .arti1 .gray-box .box:last-child{border-bottom: 0;}
.s11 .arti1 .gray-box .box i{position: relative; display: flex; align-items:center; justify-content: center; width: 107px; height: 107px; margin: 0 48px;}
.s11 .arti1 .gray-box .box i:after{position: absolute; content: ''; width: 0.8px; height: 73.6px; background: #ccc; right: -49px; top: 50%; translate:0 -50%; }
.s11 .arti1 .gray-box .box .tbx{flex:1; display: flex; flex-direction: column; gap:8px; padding-left: 50px;}
.s11 .arti1 .gray-box .box .tbx b{color: #1A266E; font-size: 22.4px; font-weight: 700; line-height: 140%; }
.s11 .arti1 .gray-box .box .tbx ul{display: flex; flex-direction: column; gap:3px; margin-left: 10px;}
.s11 .arti1 .gray-box .box .tbx ul > li{position: relative; color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 15px;}
.s11 .arti1 .gray-box .box .tbx ul > li:before{position: absolute; content: '';width: 4px; height: 4px; background: #444; border-radius: 50%; left: 0; top: 14px;	}
.s11 .arti2{padding-top: 80px;}
.s11 .arti2 .wrap3{position: relative; background: url(../img/sub/s11-4.png) calc(100% - 80px) bottom no-repeat;} 
.s11 .arti2 .tit{display: flex; flex-direction: column; gap:16px; margin-bottom: 32px;}
.s11 .arti2 .tit small{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s11 .arti2 .tit h4{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; }
.s11 .arti2 .tit h4 span{color: #263692;}
.s11 .arti2 .check-ul{display: flex; flex-direction: column; gap:16px;}
.s11 .arti2 .check-ul > li{position: relative; color: #222; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 27px;}
.s11 .arti2 .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0px;}
.s11 .arti3{margin-top: 140px;}
.s11 .arti3 h4{color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 32px;}
.s11 .arti3 ul{display: flex; flex-wrap:wrap; gap:17px;}
.s11 .arti3 ul > li{flex:1; display: flex; flex-direction: column; border-radius: 16px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E; height: 260px; box-sizing: border-box; padding: 16px 16px 46.4px 24px; gap:29px;}
.s11 .arti3 ul > li i{margin-left: auto; width: 80px; height: 80px; display: flex; align-items:center; justify-content: center; }
.s11 .arti3 ul > li .tbx {display: flex; flex-direction: column; gap:5.6px; }
.s11 .arti3 ul > li .tbx span{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s11 .arti3 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }
.s11 .arti4{position: relative;  background: #F9F9F9; margin-top: 140px; padding-top: 100px; padding-bottom: 180px;}
.s11 .arti4 .wrap3{display: flex; justify-content: space-between; gap:248px; }
.s11 .arti4 .wrap3 .lbx{width: 140px; padding-top: 20px;}
.s11 .arti4 .wrap3 .lbx .sticky{position: sticky; top: 150px;}
.s11 .arti4 .wrap3 .lbx .sticky h3{color: #222; font-size: 40px; font-weight: 700; line-height: 130%; }
.s11 .arti4 .wrap3 .rbx{flex:1; margin-top: -20px;} 
.s11 .arti4 .wrap3 .rbx ul{display: flex; flex-direction: column; }
.s11 .arti4 .wrap3 .rbx ul > li{display: flex; gap:24px; flex-wrap:wrap; align-items:center; border-bottom: 1px solid #EEE; padding: 20px 0 16px;}
.s11 .arti4 .wrap3 .rbx ul > li .year{width: 100px; color: #0A338D; font-size: 28px; font-weight: 700; line-height: 110%; }
.s11 .arti4 .wrap3 .rbx ul > li .tbx{color: #222; font-size: 20px; font-weight: 400; line-height: 160%; flex:1; padding-left: 22px;}

/* s12 */
.s12{margin-top: 0; }
.s12 .arti1{padding: 80px 0; background: #F9F9F9;}
.s12 .arti1 .wrap3{display: flex; flex-wrap:wrap; gap:58px; }
.s12 .arti1 .wrap3 .img-box{position: relative; }
.s12 .arti1 .wrap3 .img-box .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; text-align: center; color: #DFDFDF; font-size: 17.6px; font-weight: 600; line-height: 170%; padding: 0 20px 46px;}
.s12 .arti1 .wrap3 .img-box .tbx span{color: #D7AF6B; font-weight: 500; line-height: 210%; margin-top: 3px;}
.s12 .arti1 .wrap3 .rbx {display: flex; flex-direction: column; margin-top: auto; 	}
.s12 .arti1 .wrap3 .rbx h4{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 31px; }
.s12 .arti1 .wrap3 .rbx h4 span{color: #263692;}
.s12 .arti1 .wrap3 .rbx .check-ul{display: flex; flex-direction: column; gap:16px; }
.s12 .arti1 .wrap3 .rbx .check-ul > li{position: relative; color: #222; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 27px; font-weight: 700;}
.s12 .arti1 .wrap3 .rbx .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0px;}
.s12 .arti1 .wrap3 .rbx .check-ul > li ol{display: flex; flex-direction: column; margin-top: 3.2px; margin-left: 10px;}
.s12 .arti1 .wrap3 .rbx .check-ul > li ol > li{position: relative; color: #666; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 16px;}
.s12 .arti1 .wrap3 .rbx .check-ul > li ol > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #666; left: 0; top: 14px; border-radius: 50%;}
.s12 .arti2{margin-top: 80px;}
.s12 .arti2 figure{display: flex; align-items:center; justify-content: center; height: 360px; border-radius: 20px; background: #F3F7FD; margin-top: 40px; padding-bottom: 10px; box-sizing: border-box;}
.s12 .arti3{margin-top: 140px;} 
.s12 .arti3 .wrap3{display: flex; flex-wrap:wrap; align-items:center; gap:78px; }
.s12 .arti3 .wrap3 > *{flex:1; }
.s12 .arti3 .wrap3 figure{max-width:562px; overflow: hidden; border-radius: 20px;}
.s12 .arti3 .wrap3 .tbx{display: flex; flex-direction: column; gap:32px;}
.s12 .arti3 .wrap3 .tbx .tit {display: flex; flex-direction: column; gap:16px;}
.s12 .arti3 .wrap3 .tbx .tit small{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s12 .arti3 .wrap3 .tbx .tit h4{color: #222; font-size: 32px; font-weight: 700; line-height: 170%;}
.s12 .arti3 .wrap3 .tbx .tit h4 span{color: #263692;}
.s12 .arti3 .wrap3 .tbx ul {margin-left: 10px;}
.s12 .arti3 .wrap3 .tbx ul > li{position: relative; color: #222; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 16px;}
.s12 .arti3 .wrap3 .tbx ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #222; border-radius: 50%; left: 0px; top: 14px;}

/* s13 */
.s13-top{display: flex; flex-direction: column; border: 1px solid #CCC; background: #FFF; padding: 45px 40px 40px; gap:19.2px; margin-bottom: 59.6px;}
.s13-top .tit{display: flex; align-items: flex-end; color: #263692; font-size: 25.6px; font-weight: 700; line-height: 130%; gap:15px; padding-bottom: 19.2px; border-bottom: 0.8px solid #EEE;}
.s13-top .tit span{color: #D7AF72; font-size: 16px; font-weight: 500; line-height: 130%;}
.s13-top p{color: #666; font-size: 16px; font-weight: 400; line-height: 170%; }
.s14-top{margin-bottom: 39.6px;}

/* s16 */
.s16 {display: flex; flex-direction: column; align-items: center; gap:40px; max-width:1320px; margin: 80px auto 180px; padding: 0 20px; box-sizing: border-box;	width: 100%;}
.s16 > h3{color: #222; font-size: 40px; font-weight: 700; line-height: 130%; }
.s16 img{max-width:100%; width: auto;}
.s16 .map-box{width: 100%; border-radius: 16px; overflow: hidden; height: 448px;}
.s16 .root_daum_roughmap{width: calc(100% + 2px) !important; }
.s16 .root_daum_roughmap .wrap_map{height: 450px !Important;}
.s16 .root_daum_roughmap .wrap_controllers{display: none;}
.s16 .cont{display: none;}
.s16 .map-tbx{display: flex; flex-wrap:wrap; width: 100%; justify-content: space-between;}
.s16 .map-tbx .lbx ul > li{display: flex; flex-wrap:wrap; gap:30px; color: #666; font-size: 18px; font-weight: 400; line-height: 34px; }
.s16 .map-tbx .lbx ul > li span{width: 110px; color: #333; font-size: 18px; font-weight: 600; }
.s16 .map-tbx .lbx ul > li p{flex:1;}
.s16 .map-tbx .rbx ul{display: flex; gap:18px; }
.s16 .map-tbx .rbx ul > li > a{width: 144px; height: 48px; display: flex; align-items:center; justify-content: space-between; border-radius: 6.4px; border: 0.8px solid #CCC; background: #F8F8F8; color: #444; font-size: 16px; font-weight: 500; line-height: 29.6px; box-sizing: border-box; padding: 0 16px; transition:.3s;}
.s16 .map-tbx .rbx ul > li > a i{line-height: 0;}
.s16 .map-tbx .rbx ul > li> a svg path{transition:.3s;}
.s16 .map-tbx .rbx ul > li:hover > a{background: #FFC64E; color: #222; border: 1px solid #FFC64E;}
.s16 .map-tbx .rbx ul > li:nth-child(2):hover > a {background: #263692; color: #fff; border: 1px solid #263692;}
.s16 .map-tbx .rbx ul > li:nth-child(2):hover > a svg path{fill:#fff; }


/* s2 */
.s2 .s2-arti-bottom{margin-top: 140.4px; background: url(../img/sub/s2-arti-bottom-bg.jpg) center / cover no-repeat; padding: 80px 0 100px;}
.s2 .s2-arti-bottom .box{margin-top: 39.6px; display: flex; flex-direction: column;  padding: 60px; border-radius: 20px; border: 1px solid #263692; background: #FFF; box-shadow: 0 0 20px 0 rgba(38, 54, 146, 0.10);}
.s2-arti-bottom h3 {text-align: center;color: #000;font-size: 32px;font-weight: 700;line-height: 130%;}
.s2 .s2-arti-bottom .box > ul {display: flex; flex-direction: column; gap:13.6px;}
.s2 .s2-arti-bottom .box > ul > li{color: #222; font-size: 17.6px; font-weight: 700; line-height: 160%; display: flex; flex-wrap:wrap; gap:7.4px}
.s2 .s2-arti-bottom .box > ul > li > span{width: 19.2px; height: 19.2px; display: flex; align-items:center; justify-content: center; border-radius: 50%; text-align: center; color: #FFF; font-size: 12.8px; font-weight: 700; background: #222; position: relative; top: 4px; line-height: 19.2px; }
.s2 .s2-arti-bottom .box > ul > li > p{flex:1; }
.s2 .s2-arti-bottom .box > ul > li ol{width: 100%; margin-left: 32.6px;}
.s2 .s2-arti-bottom .box > ul > li ol > li{position: relative; color: #222;  font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 21px;}
.s2 .s2-arti-bottom .box > ul > li ol > li:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #222; left: 6px;	 top: 12px;}
.s2 .s2-arti-bottom .box .link-box {margin: 40px auto 0px;}
.s2 .s2-arti-bottom .box .link-box > a{display: flex; width: 224px; height: 44.8px;  justify-content: center; align-items: center; gap: 8px; border-radius: 80px; background: #263692; color: #FFF; font-size: 14.4px; font-weight: 700; line-height: 160%; transition:.3s;}
.s2 .s2-arti-bottom .box .link-box > a i{line-height: 0; }
.s2 .s2-arti-bottom .box .link-box > a i img{filter:invert(6); transition:.3s;}
.s2 .s2-arti-bottom .box .link-box > a:hover{background: #FFC64E; color: #222;
	i img{filter:invert(0); }	
}

.s2-pop-wrap{position: fixed;	left: 0; top: 0; width: 100%; height: 100%; z-index: 30000; background: rgba(0,0,0,0.3); display: none;}
.s2-pop{position: fixed; left: 50%; top: 50%; translate:-50% -50%; max-width:1280px; max-height: 80vh; width: 100%; height: auto; border-radius: 20px; border: 1px solid #001032; background: #FFF; z-index: 30001; padding: 60px 60px 70px;  display: none;}
.s2-pop .close{position: absolute; right: 60px; top: 60px; cursor: pointer; transition:.3s;}
.s2-pop .close:hover{rotate:90deg;}
.s2-pop .cnt h4{color: #222; font-size: 28px; font-weight: 700; line-height: 140%; margin-bottom: 27px;}
.s2-pop .cnt .select-box{position: relative; width: 624px; margin-bottom: 34px; z-index: 10;}
.s2-pop .cnt .select-box b{height: 60px; display: flex; align-items:center; justify-content: space-between; padding: 16px 30px 16px 20px; border-radius: 8px; background: #F4F4F4; cursor: pointer; border: 1px solid #F4F4F4; box-sizing: border-box; transition:.3s;}
.s2-pop .cnt .select-box b span{color: #333; font-size: 20px; font-weight: 600; line-height: 140%; }
.s2-pop .cnt .select-box b svg{transition:.3s;}
.s2-pop .cnt .select-box.on b{border: 1px solid #384CC2;}
.s2-pop .cnt .select-box.on b svg{rotate:180deg;}
.s2-pop .cnt .select-box .option-box{position: absolute; left: 0; top: 60px; width: 100%; background: #F4F4F4; border-radius: 8px; padding: 16px 20px; display: none;}
.s2-pop .cnt .select-box .option-box ul{display: flex; flex-direction: column; gap:8px;}
.s2-pop .cnt .select-box .option-box ul > li{display: flex; border-radius: 6px; height: 37px; padding: 0px 12px; align-items: center; align-self: stretch; color: #666; font-size: 18px; font-weight: 400; line-height: 140%; transition:.3s; cursor: pointer;}
.s2-pop .cnt .select-box .option-box ul > li:hover{background: #E5E5E5; color: #384CC2;}
.s2-pop .cnt .option-table .table-wrap{}
.s2-pop .cnt .option-table > *{display: none;}
.s2-pop .cnt .option-table > .option1{display: block;}
.s2-pop .cnt .option-table table{width: 100%; }
.s2-pop .cnt .option-table table tr > *{border: 1px solid #ddd; text-align: center; }
.s2-pop .cnt .option-table table tr > th{border-top: 0; height: 60px; }
.s2-pop .cnt .option-table table tr > th span{display: flex; justify-content: center; align-items:center; width: 100%; height: 100%; line-height: 1; background: #001032; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 160%; }
.s2-pop .cnt .option-table table tr > th:first-child span{border-radius: 12px 0 0 0;}
.s2-pop .cnt .option-table table tr > th:last-child span{border-radius: 0 12px 0 0 ;}
.s2-pop .cnt .option-table table tr > td{padding: 20px; color: #666; font-size: 18px; font-weight: 400; line-height: 160%;}
.s2-pop .cnt .option-table table tr > td b{color: #333; font-weight: 600;}
.s2-pop .cnt .option-table table tr > td .dot-ul > li{position: relative; color: #333; font-size: 18px; font-weight: 600; line-height: 160%; padding-left: 21px; text-align: left;}
.s2-pop .cnt .option-table table tr > td .dot-ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; border-radius: 50%; background: #333; left: 5px; top: 12px;}
.s2-pop .cnt .option-table table tr > td .dot-ul > li b{font-weight: 700;}
.s2-pop .cnt .option-table table tr > td .dot-ul > li span{font-size: 14.4px;}
.s2-pop .cnt .option-table .p-right{font-size: 14.4px; text-align: right; margin-top: 10px;} 

/* s21 */
.s21 {margin-top: 0;}
.s21 article h3{text-align: center; color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.s2 .s2-arti1{padding-bottom: 268px; background: #F9F9F9; padding-top: 80px;}
.s2 .s2-arti1 .wrap3{display: flex; flex-wrap:wrap; align-items: stretch; }
.s2 .s2-arti1 .wrap3 figure{max-width:557px; width: 100%;}
.s2 .s2-arti1 .wrap3 .tbx{flex:1; border: 1px solid #CCC; background: #FFF; padding: 60px; padding-bottom: 20px;}
.s2 .s2-arti1 .wrap3 .tbx b{display: block; color: #070707; font-size: 32px; font-weight: 700; line-height: 130%; }
.s2 .s2-arti1 .wrap3 .tbx h4{display: flex; flex-direction: column; gap:6.4px; color: #263692; font-size: 32px; font-weight: 700; line-height: 130%; padding-bottom: 32px; margin-bottom: 32px; border-bottom: 1px solid #EEE;}
.s2 .s2-arti1 .wrap3 .tbx h4 small{color: #D7AF72; font-size: 16px; font-weight: 500; line-height: 160%; }
.s2 .s2-arti1 .wrap3 .tbx .txt {display: flex; flex-direction: column; gap:10.4px;}
.s2 .s2-arti1 .wrap3 .tbx .txt b{color: #222; font-size: 20.8px; font-weight: 700; line-height: 140%; }
.s2 .s2-arti1 .wrap3 .tbx .txt p{color: #666; font-size: 16px; font-weight: 400; line-height: 170%; width: 110%;}
.s2 .s2-arti1 .wrap3 .tbx .txt .check-ul{display: flex; flex-direction: column; gap:1.6px; }
.s2 .s2-arti1 .wrap3 .tbx .txt .check-ul > li{position: relative; color: #444; font-size: 16px; font-weight: 500; line-height: 170%; padding-left: 25.5px;}
.s2 .s2-arti1 .wrap3 .tbx .txt .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0;}
.s2 .s2-arti1 .wrap3 .tbx .txt .box {padding-top: 5px;}
.s2 .s2-arti1 .wrap3 .tbx .txt .box ul {margin-left: 23px; margin-top: 10px;}
.s2 .s2-arti1 .wrap3 .tbx .txt .box ul > li{position: relative; color: #666; font-size: 16px; font-weight: 400; line-height: 170%; list-style: auto;}

.s2 .s2-crc{margin-top: 165px;}
.s2 .s2-crc .wrap3{display: flex; flex-wrap:wrap; height: 675px;}

.s2 .s2-crc .wrap3 .lbx{max-width:678px; width: 100%; background: url(../img/sub/s22-8.jpg) center no-repeat; box-sizing: border-box; padding: 70px 60px;}
.s2 .s2-crc .wrap3 .lbx .tbx{display: flex; flex-direction: column; }
.s2 .s2-crc .wrap3 .lbx .tbx b{color: #D7AF6B; text-align: center; font-size: 22.4px; font-weight: 700; line-height: 140%; margin-bottom: 24px;}
.s2 .s2-crc .wrap3 .lbx .tbx ul{display: flex; flex-direction: column; gap:16px;}
.s2 .s2-crc .wrap3 .lbx .tbx ul > li{position: relative; color: #F8F8F8; font-size: 17.6px; font-weight: 700; line-height: 160%; border-bottom: 1px solid #000; border-bottom: 0.8px solid rgba(215, 175, 107, 0.30); padding-left: 26px;; padding-bottom: 16px;}
.s2 .s2-crc .wrap3 .lbx .tbx ul > li:before{position: absolute; content: ''; width: 4px; height: 4px; background: #F8F8F8; border-radius: 50%; left: 12px; top: 13px;}
.s2 .s2-crc .wrap3 .lbx .tbx ul > li p{font-weight: 400; line-height: 170%; }

.s2 .s2-crc .wrap3 .lbx .tbx ol{display: flex; flex-direction: column; }
.s2 .s2-crc .wrap3 .lbx .tbx ol > li{display: flex; flex-wrap:wrap; align-items:center; padding: 20px 0; color: #F8F8F8; font-size: 18px; font-weight: 700; line-height: 160%; gap:10px; border-bottom: 1px solid rgba(215, 175, 107, 0.30);}
.s2 .s2-crc .wrap3 .lbx .tbx ol > li span{color: #D7AF6B;}

.s2 .s2-crc .wrap3 .lbx .tbx .link-box{margin: 36px auto 0;}
.s2 .s2-crc .wrap3 .lbx .tbx .link-box > a{display: flex;width: 238px;height: 56px;justify-content: center;align-items: center; gap: 10px; border-radius: 100px; border: 1px solid #D7AF6B; color: #D7AF6B; font-size: 18px; font-weight: 700; line-height: 160%; }
.s2 .s2-crc .wrap3 .lbx .tbx .link-box > a i{line-height: 0; transition:.3s;}
.s2 .s2-crc .wrap3 .lbx .tbx .link-box > a:hover i{translate:5px 0;}
.s2 .s2-crc .wrap3 .rbx{flex:1; height: 100%; }
.s2 .s2-crc .wrap3 .rbx img{width: 100%; height: 100%; object-fit:cover; }

.s21 .arti2{margin-top: -188px;}
.s21 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 32px; gap:16px; }
.s21 .arti2 ul > li{flex:1; border-radius: 16px; background: #DDE8F8; display: flex; flex-direction: column; gap:22.8px; height: 235px; padding: 22px;}
.s21 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 68.8px; height: 68.8px; border-radius: 50%; background: #fff; margin-left: auto;}
.s21 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:3.2px;}
.s21 .arti2 ul > li .tbx b{color: #0E1A4F; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s21 .arti2 ul > li .tbx p{color: #444; font-size: 17.6px; font-weight: 400; line-height: 160%; }
.s21 .arti3{margin-top: 150px;}
.s21 .arti3 .wrap3 > p{color: #666; text-align: center; font-size: 16px; font-weight: 500; line-height: 170%; margin-top: 16px;}
/* .s21 .arti3 .dl-box{; display: flex;margin-top: 40px; gap:20px; flex-direction: column; }
.s21 .arti3 .dl-box dl{display: flex; gap:20px;}
.s21 .arti3 .dl-box dl dt{width: 221px; border-radius: 12px; background: #263692; display: flex; flex-direction: column; align-items:center; justify-content: center; color: #FFF; text-align: center; font-size: 18px; font-weight: 700; line-height: 160%; }
.s21 .arti3 .dl-box dl dd{display: flex; gap:12px; flex:1;}
.s21 .arti3 .dl-box dl dd .box {flex:1; border-radius: 12px; border: 1px solid #ECE9F9; background: #FAF6FE; box-sizing: border-box;}
.s21 .arti3 .dl-box dl dd .box h5{border-radius: 12px 12px 0 0; border: 1px solid #C4D3EA; background: #263692; height: 51px; display: flex; align-items:center; justify-content: center; text-align: center; color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 180%; }
.s21 .arti3 .dl-box dl dd .box .tbx{border-radius: 12px; border-top: 1px solid #C4D3EA; background: #F9FBFF; padding: 20px 22.12px 29px; display: flex; align-items:center;}
.s21 .arti3 .dl-box dl dd .box .tbx ul > li{position: relative; color: #444; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px; }
.s21 .arti3 .dl-box dl dd .box .tbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 8px; top: 11px;}
.s21 .arti3 .dl-box dl dd .box .tbx ul > li .line-b{position: absolute; right: -56px; top: 10px;}
.s21 .arti3 .dl-box dl.dl2 dt{background: #593CB1; }
.s21 .arti3 .dl-box dl.dl2 dt span{color: #C3C8E6; font-size: 14.4px; font-weight: 400; line-height: 160%; display: block;}
.s21 .arti3 .dl-box dl.dl2 dd .box{height: 143px; display: flex; align-items:center; justify-content: center;  }
.s21 .arti3 .dl-box dl.dl2 dd .box ul{display: flex; flex-wrap:wrap; gap:3.6px 18.4px; max-width:484px; text-align: center; justify-content: center;}
.s21 .arti3 .dl-box dl.dl2 dd .box ul > li{position: relative; color: #7242AC; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px;}
.s21 .arti3 .dl-box dl.dl2 dd .box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #7242AC; border-radius: 50%; left: 8px; top: 11px;} */
.s21 .arti3 .flex-box{display: flex; align-items: flex-start;  gap: 40px; border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; margin-top: 40px;}
.s21 .arti3 .flex-box .box {position: relative; display: flex; flex-direction: column;  padding: 40px 30px; gap:14px; height: 211px;}
.s21 .arti3 .flex-box .box:first-child:after{position: absolute; content: ''; width: 1px; height: calc(100% - 80px); background: #CCC; right: -48px; top: 40px;}
.s21 .arti3 .flex-box .box:last-child{padding-left: 63px;}
.s21 .arti3 .flex-box .box b{color: #593CB0; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s21 .arti3 .flex-box .box ul > li{position: relative; color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 26px;}
.s21 .arti3 .flex-box .box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 10px; top: 13px;}

.s21 .new-arti3 figure{margin-top: 40px;}
.s21 .new-arti3 .box2{margin-top: 110px;}
.s21 .new-arti3 .box2 h4{color: #222; font-size: 22px; font-weight: 700; line-height: 180%; margin-bottom: 24px;}
.s21 .new-arti3 .box2 .table-wrap table{width: 100%;}
.s21 .new-arti3 .box2 .table-wrap table tr > *{color: #444; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%; padding: 17px 10px; border: 1px solid #ddd;}
.s21 .new-arti3 .box2 .table-wrap table tr > th{border-top: 2px solid #263692; background: #F3F6FA; color: #1A266E; font-weight: 600; line-height: 160%; }
.s21 .new-arti3 .box2 .table-wrap table tr > *.bdl0{border-left: 0px;}
.s21 .new-arti3 .box2 .table-wrap table tr > *.bdr0{border-right: 0px;}
.s21 .new-arti3 .box2 .table-wrap table tr.last > td{ background: #F7F7F7;}
.s21 .new-arti3 .box2 .table-wrap table tr > td figure{margin-top: 50px;}
.s21 .new-arti3 .box2 .table-wrap table tr > td figcaption{color: #263692;  font-weight: 600; line-height: 140%; margin-top: 23px;}
.s21 .new-arti3 .box2 .table-wrap table tr > td span{display: block; color: #666; font-weight: 400; line-height: 160%;}
.s21 .new-arti3 .box2 .table-wrap table tr > td .b-span{color: #263692; font-size: 16px; font-weight: 600; line-height: 160%; }

.s21 .new-arti3 .box2 > p{margin-top: 14px; color: #999; text-align: right; font-size: 17.6px; font-weight: 600; line-height: 140%; }
/* s22 */
.s22 {margin-top: 0; margin-bottom: 0;}
.s22 article h3{text-align: center; color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.s22 .s2-arti1{padding-bottom: 343px;}
.s22 .s2-arti1 .wrap3 .tbx h4{color: #263692;  font-size: 28.8px; font-weight: 700; line-height: 140%; }
.s22 .s2-arti1 .wrap3 .tbx .txt b{color: #222; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s22 .s2-arti1 .wrap3 .tbx{padding-bottom: 20px;}
.s22 .arti2{margin-top: -258px;}
.s22 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 51.78px; gap:15px; }
.s22 .arti2 ul > li{flex:15%; border-radius: 20px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E;  display: flex; flex-direction: column; gap:61px; height: 290px; padding: 20px; box-sizing: border-box;}
.s22 .arti2 ul > li:not(:first-child){padding-left: 32px;}
.s22 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; margin-left: auto;}
.s22 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:5.6px;}
.s22 .arti2 ul > li .tbx b{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s22 .arti2 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }
.s22 .arti3{margin-top: 140px;}
.s22 .arti3 .wrap3{display: flex; flex-wrap:wrap; }
.s22 .arti3 .wrap3 > *{ box-sizing: border-box;}
.s22 .arti3 .wrap3 .lbx{max-width:563px; width: 100%;}
.s22 .arti3 .wrap3 .lbx .img-box{display: flex; border-radius: 20px; position: relative; }
.s22 .arti3 .wrap3 .lbx .img-box .list{position: absolute; left: 16.2px; bottom: 20px; width: 100%; display: flex; align-items: flex-end; justify-content: center; max-width:calc(100% - 32.5px); border-radius: 12px;
background: rgba(255, 255, 255, 0.90); height: 98px; align-items:center; background-blend-mode: multiply;}
.s22 .arti3 .wrap3 .lbx .img-box .list img{background-blend-mode: multiply;}

.s22 .arti3 .wrap3 .lbx .tbx{display: flex; flex-direction: column; gap:12.8px; margin-top: 40px;}
.s22 .arti3 .wrap3 b{color: #263692; font-size: 19.2px;font-weight: 700; line-height: 140%; }
.s22 .arti3 .wrap3 .lbx .tbx p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s22 .arti3 .wrap3 .rbx{padding-left: 57px; margin-left: 58.12px; border-left: 1px solid #eee;}
.s22 .arti3 .wrap3 .rbx {display: flex; flex-direction: column; }
.s22 .arti3 .wrap3 .rbx .box {display: flex; flex-direction: column; gap:12.8px;}
.s22 .arti3 .wrap3 .rbx .box .num-ul{display: flex; flex-direction: column; gap:12.8px; margin-left: 22px;}
.s22 .arti3 .wrap3 .rbx .box .num-ul > li{list-style: auto; color: #222; font-size: 16px; font-weight: 700; line-height: 160%; }
.s22 .arti3 .wrap3 .rbx .box .num-ul > li p{color: #444;font-weight: 400;line-height: 170%; margin-left: 14px;}
.s22 .arti3 .wrap3 .rbx .box:last-child{border-top: 1px solid #eee; padding-top: 40px; margin-top: 40px;}
.s22 .arti3 .wrap3 .rbx .box .dot-ul {}
.s22 .arti3 .wrap3 .rbx .box .dot-ul > li{position: relative;color: #444; font-size: 16px; font-weight: 400; line-height: 170%;  padding-left: 21px;}
.s22 .arti3 .wrap3 .rbx .box .dot-ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #7242AC; border-radius: 50%; left: 8px; top: 11px;}
.s22 .arti5{margin-top: 140px;}
.s22 .arti5 h3{margin-bottom: 39.6px;}
.s22 .arti5 .owl-carousel .owl-stage-outer{overflow: visible;}
.s22 .arti5 .item > a{overflow: hidden; border-radius: 20px;} 
.s22 .arti5 .item > a figure{overflow: hidden; border-radius: 20px 20px 0 0;}
.s22 .arti5 .item > a figure img{transition:.3s;}
.s22 .arti5 .item > a .tbx{display: flex; flex-direction: column;padding: 30px; justify-content: center; align-items: center; gap: 10px; border-radius: 0 0 20px 20px; background: #EFF0F5; transition:.3s;}
.s22 .arti5 .item > a .tbx > p{color: #222; text-align: center; font-size: 18px; font-weight: 400; line-height: 160%; height: 145px;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical}
.s22 .arti5 .item > a .tbx > span{color: #222; text-align: center; font-size: 16px; font-weight: 700; line-height: 100%; margin-top: 20px;}
.s22 .arti5 .item > a .tbx > span b{font-weight: 700; color: #0E1A4F;}
.s22 .arti5 .item > a:hover {
	figure img{scale:1.05;}
	.tbx{background: #D7AF6B;}
}


/* s23 */
.s23 {margin-top: 0; margin-bottom: 0;}
.s23 article h3{text-align: center; color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.s23 .s2-arti1{padding-bottom: 79.8px;}
.s23 .s2-arti1 .wrap3 .tbx{padding-bottom: 20px;}
.s23 .s2-crc{margin-top: 80px;}
.s23 .s2-crc .wrap3 .lbx{max-width:678px; width: 100%; background: url(../img/sub/s23-2.jpg) center no-repeat; box-sizing: border-box; padding: 70px 60px;}
.s23.s2-pop .cnt .option-table table tr > td{padding: 13px 20px; }
.s23.s2-pop .cnt .option-table table tr > td:last-child{text-align: left;}
.s23.s2-pop .cnt .option-table{height: 100%; overflow-y: auto;}
.s23.s2-pop .cnt .option-table > .option1 {height: calc(80vh - 170px); }
.s23.s2-pop .cnt .option-table > .option1 .table-wrap{height: auto; }

.s23 .s2-crc .wrap3 .lbx .tbx ul > li:before{content: '1.'; width: auto; height: auto; background: none; border-radius: 0px; left: 4px; top: 0;}
.s23 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(2):before{content: '2.'; }
.s23 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(3):before{content: '3.'; }
.s23 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(4):before{content: '4.'; }
.s23 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(5):before{content: '5.'; }



/* s24 */
.s24{margin-bottom: 0;}
.s24 .arti1 h3{color: #000; text-align: center; font-size: 40px; font-weight: 700; line-height: 130%; margin-bottom: 40px;}
.s24 .arti1 > .wrap3 > p{font-size: 20px; line-height: 1.5; text-align: center; margin-bottom: 50px; margin-top: -10px;  color: #D7AF72;}
.s24 .arti1 .cnt {display: flex; padding: 40px 60px;  align-items: flex-start; align-items:center; border-radius: 12px; border: 1px solid #DDE8F8; background: #F9F9F9; }
.s24 .arti1 .cnt .img-box{display: flex; align-items:center; gap:70px;}
.s24 .arti1 .cnt .tbx{position: relative; margin-left: 70px; padding-left: 70px; display: flex; flex-direction: column;}
.s24 .arti1 .cnt .tbx:before{position: absolute; content: ''; width: 1px; height: 53px; background: #DDE8F8; left: 0; top: 50%; translate:0 -50%;}
.s24 .arti1 .cnt .tbx p{color: #222; font-size: 17.6px; font-weight: 600; line-height: 170%;}
.s24 .arti1 .cnt .tbx span{color: #444; font-size: 14.4px; font-weight: 500; line-height: 140%;}
.s24 .arti2 .wrap3{display: flex; flex-direction: column; }
.s24 .arti2 .wrap3 .box{display: flex; flex-wrap:wrap; padding: 60px 0; gap:50px; border-bottom: 1px solid #EEE;}
.s24 .arti2 .wrap3 .box:last-child{border-bottom: 0;}
.s24 .arti2 .wrap3 .box > *{flex:1;}
.s24 .arti2 .wrap3 .box .img-box{max-width:570px; }
.s24 .arti2 .wrap3 .box .tbx .tit{display: flex; flex-direction: column; margin-bottom: 30px;}
.s24 .arti2 .wrap3 .box .tbx .tit p{color: #222;  font-size: 25.6px; font-weight: 700; line-height: 140%; }
.s24 .arti2 .wrap3 .box .tbx .tit span{color: #D7AF72; font-size: 18px; font-weight: 500; line-height: 160%; }
.s24 .arti2 .wrap3 .box .tbx > p{color: #222; font-size: 16px; font-weight: 500; line-height: 150%; margin-bottom: 18px;}
.s24 .arti2 .wrap3 .box .tbx > .check-ul{display: flex; flex-direction: column;  gap:8px;}
.s24 .arti2 .wrap3 .box .tbx > .check-ul > li{position: relative; color: #666; font-size: 14.4px; font-weight: 500; line-height: 150%; padding-left: 25.5px;}
.s24 .arti2 .wrap3 .box .tbx > .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0;}
.s24 .arti2 .wrap3 .box:nth-child(even){flex-direction: row-reverse;}
.s24 .s2-crc{margin-top: 81px; }
.s24 .s2-crc .wrap3 {height: 645px; overflow: hidden;}
.s24 .s2-crc .wrap3 .lbx{max-width:678px; width: 100%; background: url(../img/sub/s24-5.jpg) center / cover no-repeat; box-sizing: border-box; padding: 70px 59px 80px; }
.s24 .s2-crc .wrap3 .lbx .tbx ul > li:before{position: absolute; left: 0; top: 0; content: '1장'; color: #D7AF6B; font-size: 17.6px; font-weight: 700; line-height: 160%; /* 28.16px */ width: 36px; background: none;}
.s24 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(2):before{ content: '2장'; }
.s24 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(3):before{ content: '3장'; }
.s24 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(4):before{ content: '4장'; }
.s24 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(5):before{ content: '5장'; }
.s24 .s2-crc .wrap3 .lbx .tbx ul > li{padding-left: 44px;}
.s24 .arti4 {margin-top: 140px;}
.s24 .arti4 .cnt{display: flex; flex-direction: column; border-radius: 20px;  overflow: hidden;  border: 1px solid #EEE;} 
.s24 .arti4 .cnt .box{display: flex; flex-direction: column; gap:6.4px; padding: 40px 59px; background: #F9F9F9; border-bottom: 1px solid #CCC;}
.s24 .arti4 .cnt .box:last-child{border-bottom: 0;}
.s24 .arti4 .cnt .box b{color: #1A266E; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s24 .arti4 .cnt .box p{color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s24 .arti5{text-align: center; margin-top: 140.2px;}
.s24 .arti5 h5{color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s24 .arti5 ul{position: relative; display: flex; flex-wrap:wrap; text-align: center; margin-top: 61.6px;}
.s24 .arti5 ul:before{position: absolute; content: ''; width: calc(100% - 18%); height: 2px; background: url(../img/sub/s24-dotted.jpg) left center; left: 9%; top: 28px; }
.s24 .arti5 ul > li{position: relative; flex:1; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:31px;}
.s24 .arti5 ul > li:before{position: absolute; content: ''; width: 100%; height: 2px; background: url(../img/sub/s24-dotted.jpg) left center; left: 0; top: 32px; opacity: 0;}
.s24 .arti5 ul > li > span{display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; text-align: center; border-radius: 50%; background: #818FDE; backdrop-filter: blur(2.133333444595337px); color: #FFF; font-size: 32px; font-weight: 700; line-height: 140%; }
.s24 .arti5 ul > li:nth-child(2) > span{background: #6170D6;}
.s24 .arti5 ul > li:nth-child(3) > span{background: #405BD3;}
.s24 .arti5 ul > li:nth-child(4) > span{background: #3349B2;}
.s24 .arti5 ul > li:nth-child(5) > span{background: #263692;}
.s24 .arti5 ul > li .tbx{display: flex; display: compact; align-items:center; justify-content: center; flex-direction: column; gap:8px;}
.s24 .arti5 ul > li .tbx b{color: #818FDE; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s24 .arti5 ul > li:nth-child(2) .tbx b{color: #6170D6;}
.s24 .arti5 ul > li:nth-child(3) .tbx b{color: #405BD3;}
.s24 .arti5 ul > li:nth-child(4) .tbx b{color: #3349B2;}
.s24 .arti5 ul > li:nth-child(5) .tbx b{color: #263692;}
.s24 .arti5 ul > li .tbx p{color: #666;  font-size: 16px; font-weight: 500; line-height: 170%; }

/* s25 */
.s25{margin-top: 0; margin-bottom: 0;}
.s25 .s2-arti1{padding-bottom: 80px; margin-bottom: 140px;} 
.s25 .s2-arti1 .wrap3 .tbx{padding-bottom: 20px;}
.s25 .arti2 .flex-box{display: flex; flex-wrap:wrap; gap:60px;}
.s25 .arti2 .flex-box .tbx{display: flex; flex-direction: column; flex:1; padding-top: 22px; }
.s25 .arti2 .flex-box .tbx h5{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 31px;}
.s25 .arti2 .flex-box .tbx h5 span{color: #263692;}
.s25 .arti2 .flex-box .tbx .check-ul{display: flex; flex-direction: column; gap:16px;}
.s25 .arti2 .flex-box .tbx .check-ul > li{position: relative; padding-left: 27.2px;}
.s25 .arti2 .flex-box .tbx .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0;}
.s25 .arti2 .flex-box .tbx .check-ul > li b{color: #222; font-size: 17.6px; font-weight: 700; line-height: 160%; }
.s25 .arti2 .flex-box .tbx .check-ul > li p{color: #666; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s25 .arti2 .flex-box .tbx .link-box{margin-top: auto;}
.s25 .arti2 .flex-box .tbx .link-box > a{display: inline-flex; justify-content: center; align-items: center; gap:10px; height: 56px; padding: 7px 49px; color: #FFF; font-size: 18px; font-weight: 700; line-height: 160%;  border-radius: 100px; background: #263692; transition:.3s;}
.s25 .arti2 .flex-box .tbx .link-box > a i{line-height: 0;}
.s25 .arti2 .flex-box .tbx .link-box > a i img{transition:.3s;}
.s25 .arti2 .flex-box .tbx .link-box > a:hover{background: #FFC64E; color: #222;
	i img{filter: invert(1);}
}

.s25 .s2-crc .wrap3 .lbx .tbx ul > li:before{content: '1.'; width: auto; height: auto; background: none; border-radius: 0px; left: 4px; top: 0;}
.s25 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(2):before{content: '2.'; }
.s25 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(3):before{content: '3.'; }
.s25 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(4):before{content: '4.'; }
.s25 .arti3 {margin-top: 140px;}
.s25 .arti3 .cnt{display: flex; flex-direction: column; border-radius: 20px;  overflow: hidden;  border: 1px solid #EEE; background: #F9F9F9;}  
.s25 .arti3 .cnt h3{text-align: center; color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; padding-top: 40px; margin-bottom: 24px;}
.s25 .arti3 .cnt .box{display: flex; flex-direction: column; gap:6.4px; padding: 32px 48px; background: #F9F9F9; border-bottom: 1px solid #CCC;}
.s25 .arti3 .cnt .box:first-of-type{padding-bottom: 62px;}
.s25 .arti3 .cnt .box:last-child{border-bottom: 0;}
.s25 .arti3 .cnt .box b{color: #1A266E; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s25 .arti3 .cnt .box p{color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s25 .s2-crc{margin-top: 143px;}
.s25 .s2-crc .wrap3{height: 549px;}

/* s31 */
.s31 .s2-arti1 .wrap3 .tbx .txt b{color: #222;  font-size: 19.2px; font-weight: 700; line-height: 140%; /* 26.88px */}
.s31 .arti2 ul {margin-top: 42px; ;gap:24px;}
.s31 .arti2 ul > li{height: auto; padding: 28px 28px 29px; gap:28px;}
.s31 .arti2 ul > li i{width: 86px; height: 86px;}
.s31 .arti3{text-align: center; margin-top: 140.2px;}
.s31 .arti3 h5{color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.dot-num-flex ul{position: relative; display: flex; flex-wrap:wrap; text-align: center;     align-items: flex-start; margin-top: 61.6px; margin: 61.6px -123px 0; justify-content: space-between; }
.dot-num-flex ul:before{position: absolute; content: ''; width: calc(100% - 36%); height: 2px; background: url(../img/sub/s24-dotted.jpg) left center; left: 18%; top: 28px; }
.dot-num-flex ul > li{position: relative; flex:1; display: flex; flex-direction: column; justify-content: center; align-items:center; gap:31px;}
.dot-num-flex ul > li:before{position: absolute; content: ''; width: 100%; height: 2px; background: url(../img/sub/s24-dotted.jpg) left center; left: 0; top: 32px; opacity: 0;}
.dot-num-flex ul > li > span{display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; text-align: center; border-radius: 50%; background: #818FDE; backdrop-filter: blur(2.133333444595337px); color: #FFF; font-size: 32px; font-weight: 700; line-height: 140%; }
.dot-num-flex ul > li:nth-child(2) > span{background: #405BD3;}
.dot-num-flex ul > li:nth-child(3) > span{background: #263692;}
.dot-num-flex ul > li .tbx{display: flex; display: compact; align-items:center; justify-content: center; flex-direction: column; gap:8px;}
.dot-num-flex ul > li .tbx b{color: #818FDE; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.dot-num-flex ul > li:nth-child(2) .tbx b{color: #405BD3;}
.dot-num-flex ul > li:nth-child(3) .tbx b{color: #263692;}
.dot-num-flex ul > li .tbx p{color: #666;  font-size: 16px; font-weight: 500; line-height: 170%; }
.dot-num-flex ul > li .tbx p a{display: flex; align-items:center; justify-content: center; gap:10px;}
.s31 .arti4{margin-top: 140px;}
.s31 .arti4 .wrap3 > p{color: #666; text-align: center; font-size: 16px; font-weight: 500; line-height: 170%; margin-top: 16px;}
/* .s31 .arti4 .dl-box{; display: flex;margin-top: 50px; gap:20px; flex-direction: column; }
.s31 .arti4 .dl-box dl{display: flex; gap:20px;}
.s31 .arti4 .dl-box dl dt{width: 221px; border-radius: 12px; background: #263692; display: flex; flex-direction: column; align-items:center; justify-content: center; color: #FFF; text-align: center; font-size: 18px; font-weight: 700; line-height: 160%; }

.s31 .arti4 .dl-box dl dt span{color: #D4DAFE; font-size: 14.4px; font-weight: 400; line-height: 160%; display: block;}
.s31 .arti4 .dl-box dl dd{display: flex; flex-wrap:wrap; gap:10px; flex:1;}
.s31 .arti4 .dl-box dl dd .box {flex:1; border-radius: 12px; border: 1px solid #C4D3EA; background: #F9FBFF; box-sizing: border-box; padding-bottom: 20px;}
.s31 .arti4 .dl-box dl dd .box h5{border-radius: 12px 12px 0 0; border: 1px solid #C4D3EA; background: #263692; height: 51px; display: flex; align-items:center; justify-content: center; text-align: center; color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 180%; }
.s31 .arti4 .dl-box dl dd .box .tbx{border-radius: 12px;  background: #F9FBFF; padding: 20px 22.12px 29px; display: flex; align-items:center;}
.s31 .arti4 .dl-box dl dd .box .tbx ul > li{position: relative; color: #444; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px;}
.s31 .arti4 .dl-box dl dd .box .tbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 8px; top: 11px;}
.s31 .arti4 .dl-box dl dd .last-box{flex:100%; display: flex; align-items:center; justify-content: center; border-radius: 12px; border: 1px solid #DDE8F8; background: #EAF3FF; height: 108px;}
.s31 .arti4 .dl-box dl dd .last-box ul{display: flex; flex-wrap:wrap; gap:3.6px 18.4px; max-width:800px; text-align: center; justify-content: center;}
.s31 .arti4 .dl-box dl dd .last-box ul > li{position: relative; color: #4251AC; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px;}
.s31 .arti4 .dl-box dl dd .last-box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #4251AC; border-radius: 50%; left: 8px; top: 11px;}
.s31 .arti4 .dl-box dl.dl2 dt{background: #593CB1; }
.s31 .arti4 .dl-box dl.dl2 dt span{color: #C3C8E6; font-size: 14.4px; font-weight: 400; line-height: 160%; display: block;}
.s31 .arti4 .dl-box dl.dl2 dd .box{height: 143px; display: flex; align-items:center; justify-content: center;  padding-bottom: 0;}
.s31 .arti4 .dl-box dl.dl2 dd .box ul{display: flex; flex-wrap:wrap; gap:3.6px 18.4px; max-width:484px; text-align: center; justify-content: center;}
.s31 .arti4 .dl-box dl.dl2 dd .box ul > li{position: relative; color: #7242AC; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px;}
.s31 .arti4 .dl-box dl.dl2 dd .box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #7242AC; border-radius: 50%; left: 8px; top: 11px;}
.s31 .arti4 .flex-box{display: flex; align-items: flex-start;  gap: 40px; border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; margin-top: 40px;}
.s31 .arti4 .flex-box .box {position: relative; display: flex; flex-direction: column;  padding: 40px 30px; gap:14px; height: 211px;}
.s31 .arti4 .flex-box .box:first-child:after{position: absolute; content: ''; width: 1px; height: calc(100% - 80px); background: #CCC; right: -48px; top: 40px;}
.s31 .arti4 .flex-box .box:last-child{padding-left: 63px;}
.s31 .arti4 .flex-box .box b{color: #593CB0; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s31 .arti4 .flex-box .box ul > li{position: relative; color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 26px;}
.s31 .arti4 .flex-box .box ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 10px; top: 13px;} */


.s31 .new-arti4 .flex-box{display: flex; flex-wrap:wrap; gap:18px; }
.s31 .new-arti4 .flex-box .box {flex:1; }
.s31 .new-arti4 .flex-box .box.fir{max-width:582px; }
.s31 .new-arti4 .flex-box .box h4{border-radius: 10px; border: 1px solid #C4D3EA; background: #593CB1; display: flex; height: 60px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-size: 17.6px; font-weight: 700; line-height: 180%; margin-bottom: 10px;}

.s31 .new-arti4 h3{margin-bottom: 60px;}

.s31 .new-arti4 .flex-box .box .cnt .tbx{display: flex; flex-direction: column; font-size: 17.6px; font-weight: 500; line-height: 140%; }
.s31 .new-arti4 .flex-box .box .cnt .tbx p{color: #444; text-align: center; }
.s31 .new-arti4 .flex-box .box .cnt .tbx span{color: #666; font-weight: 400; }

.s31 .new-arti4 .flex-box .box.fir .cnt-wrap{display: flex; flex-direction: column; gap:10px; padding: 30px 0;}
.s31 .new-arti4 .flex-box .box.fir .cnt{border-radius: 10px; background: #F9F6FE; display: flex; flex-direction: column; padding: 14px 20px; justify-content: center; align-items: center; gap:20px;}

.s31 .new-arti4 .flex-box .box.last .cnt-wrap{display: flex; flex-direction: column; border-radius: 10px; background: #F9FBFF; text-align: center; padding: 30px 40px; gap:10px;}
.s31 .new-arti4 .flex-box .box.last .cnt-wrap .cnt{border-radius: 10px; border: 1px solid rgba(26, 38, 110, 0.30); background: #FFF; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 20px;}
.s31 .new-arti4 .flex-box .box.last .cnt-wrap .cnt .tbx{display: flex; flex-direction: column; }
.s31 .new-arti4 .flex-box .box.last .cnt-wrap .cnt .tbx2{display: flex; flex-direction: row; ; align-items:center; gap:20px;}
.s31 .new-arti4 .flex-box .box.last .cnt-wrap .cnt .tbx2 i{width: 1px; height: 20px; background: #ddd}



.s31 .new-arti4 .flex-box2 {margin-top: 20px; text-align: center;}
.s31 .new-arti4 .flex-box2 h4{width: 100%; border-radius: 10px; border: 1px solid #C4D3EA; background: #263692; display: flex; height: 60px; justify-content: center; align-items: center; color: #FFF; text-align: center; font-size: 17.6px; font-weight: 700; line-height: 180%; margin-bottom: 0px;} 
.s31 .new-arti4 .flex-box2 .box .cnt figure{margin-top: 10px;}
.s31 .new-arti4 .flex-box2 .box.fir .cnt-wrap{padding: 0; height: 254px; }
.s31 .new-arti4 .flex-box2 .box.fir .cnt-wrap .cnt{height: 100%;}
.s31 .new-arti4 .flex-box2 .box.last .cnt-wrap{padding: 0; background: none;}
.s31 .new-arti4 .flex-box2 .box.last .cnt-wrap .cnt{height: 78px;}
.s31 .new-arti4 .flex-box2 .box > figure{margin-top: 20px; }
.s31 .new-arti4 .flex-box2 .box > figure img{max-width:60px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; image-rendering: pixelated;}
.s31 .new-arti4 .flex-box2 .box.last > figure img{max-width:132px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; image-rendering: pixelated;}

.s31 .new-arti5{margin-top: 50px;}
.s31 .new-arti5 .table-wrap table{width: 100%;}
.s31 .new-arti5 .table-wrap table tr > *{color: #444; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%; padding: 17px 10px; border: 1px solid #ddd;}
.s31 .new-arti5 .table-wrap table tr > th{border-top: 2px solid #263692; background: #F3F6FA; color: #1A266E; font-weight: 600; line-height: 160%; }
.s31 .new-arti5 .table-wrap table tr > *.bdl0{border-left: 0px;}
.s31 .new-arti5 .table-wrap table tr > *.bdr0{border-right: 0px;}
.s31 .new-arti5 .table-wrap table tr.last > td{ background: #F7F7F7;}
.s31 .new-arti5 .table-wrap table tr > td figure{margin-top: 50px;}
.s31 .new-arti5 .table-wrap table tr > td figcaption{color: #263692;  font-weight: 600; line-height: 140%; margin-top: 23px;}
.s31 .new-arti5 .table-wrap table tr > td span{display: block; color: #666; font-weight: 400; line-height: 160%;}
.s31 .new-arti5  .table-wrap table tr > td .b-span{color: #263692; font-size: 16px; font-weight: 600; line-height: 160%; }


/* s32 */
.s321{margin-bottom: 0;}
.s32 .arti1 h3{text-align: center; color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; padding-bottom: 40px; border-bottom: 1px solid  #EEE;}
.s32 .arti1 .flex-box{display: flex; flex-direction: column; }
.s32 .arti1 .flex-box .box{display: flex; flex-wrap:wrap; justify-content: space-between; gap:60px; padding: 60px 60px 80px;  border-bottom: 1px solid  #EEE;}
.s32 .arti1 .flex-box .box:last-child{border-bottom: 0;}
.s32 .arti1 .flex-box .box:nth-child(even){flex-direction: row-reverse;}
.s32 .arti1 .flex-box .box .tbx{display: flex; flex-direction: column; flex:1;}
.s32 .arti1 .flex-box .box .tbx .tit{display: flex; flex-direction: column; margin-bottom: 30px;}
.s32 .arti1 .flex-box .box .tbx .tit h4{color: #222; font-size: 25.6px; font-weight: 700; line-height: 140%; }
.s32 .arti1 .flex-box .box .tbx .tit span{color: #D7AF72; font-size: 18px; font-weight: 500; line-height: 160%; }
.s32 .arti1 .flex-box .box .tbx .txt > p{color: #222; font-size: 16px; font-weight: 500; line-height: 150%; }
.s32 .arti1 .flex-box .box .tbx .txt > ul{margin-top: 16px; margin-left: 10px;}
.s32 .arti1 .flex-box .box .tbx .txt > ul > li{position: relative; color: #666; font-size: 14.4px; font-weight: 500; line-height: 190%; padding-left: 12px; }
.s32 .arti1 .flex-box .box .tbx .txt > ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #666; border-radius: 50%; left: 0; top: 12px;}
.s32 .arti1 .flex-box .box .tbx .txt > ul > li span{color: #222; } 
.s32 .arti1 .flex-box .box .tbx .link-box {margin-top: 30px;}
.s32 .arti1 .flex-box .box .tbx .link-box > a{display: flex; width: 180px; height: 56px; padding: 0px 49px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: #263692; color: #FFF; font-size: 14.4px; font-weight: 700; line-height: 160%; transition:.3s;}
.s32 .arti1 .flex-box .box .tbx .link-box > a i{line-height: 0; }
.s32 .arti1 .flex-box .box .tbx .link-box > a i img{transition:.3s;}
.s32 .arti1 .flex-box .box .tbx .link-box > a:hover{background: #FFC64E;  color: #222;
 i img{filter:brightness(0);}
}

.s32 .arti1 .flex-box .box figure{max-width:440px; width: auto; position: relative; }
.s32 .arti1 .flex-box .box figure .link-box{position: absolute; left: 0; bottom: 0; width: 100%;}
.s32 .arti1 .flex-box .box figure .link-box > a{display: flex; width: 100%; height: 66px; padding: 10px 30px; justify-content: center; align-items: center; gap: 10px; flex-shrink: 0; border-radius: 0 0 20px 20px; background: #263692; color: #FFF; font-size: 16px; font-weight: 700; line-height: 160%; transition:.3s;}
.s32 .arti1 .flex-box .box figure .link-box > a i{line-height: 0;}
.s32 .arti1 .flex-box .box figure .link-box > a:hover{background: #000;}

/* 
.s32 .arti1 .wrap3 > .link-box {margin: 10px auto 0px; display: flex; justify-content: center;}
.s32 .arti1 .wrap3 > .link-box > a{display: flex; width: 280px; height: 56px; padding: 0px 49px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: #263692; color: #FFF; font-size: 14.4px; font-weight: 700; line-height: 160%; transition:.3s;}
.s32 .arti1 .wrap3 > .link-box > a i{line-height: 0; }
.s32 .arti1 .wrap3 > .link-box > a i img{transition:.3s;}
.s32 .arti1 .wrap3 > .link-box > a:hover{background: #FFC64E;  color: #222;
 i img{filter:brightness(0);}
} */


.s32 .s2-arti1{background: none; padding-top: 0; padding-bottom: 0;}

.s32 .s32-arti2 {margin-top: 140px;}
.s32 .s32-arti2 h3{text-align: center; color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 50px;}
.s32 .s32-arti2 .table-wrap table{text-align: center; border-collapse: separate; border-spacing: 10px; width: calc(100% + 20px); margin-left: -10px;}
.s32 .s32-arti2 .table-wrap table tr th .box{display: flex; align-items:center; justify-content: center; width: 100%; height: 58px; padding: 15px 0; border-radius: 12px; background: #263692; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 180%; }
.s32 .s32-arti2 .table-wrap table tr td .box{display: flex; align-items:center; justify-content: center; width: 100%; height: auto; padding: 15px 0; border-radius: 12px; background: #F9FBFF; color: #444;  font-size: 16px; font-weight: 400; line-height: 140%; } 
.s32 .s32-arti2 .table-wrap table tr td:first-child{position: relative;}
.s32 .s32-arti2 .table-wrap table tr td:first-child .box{background: #EAF3FF; color: #4251AC; font-size: 16px; font-weight: 600; line-height: 140%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s32 .s32-arti2 .table-wrap table tr td:last-child .box{text-align: left; padding: 15px 20px; justify-content: start; min-height:50px; }
.s32 .s32-arti2 .table-wrap table tr td:last-child .box .dot-ul {display: flex; flex-direction: column; margin-left: 22px;}
.s32 .s32-arti2 .table-wrap table tr td:last-child .box .dot-ul > li{color: #444; font-size: 16px; font-weight: 400; line-height: 140%; list-style:disc}

.s32 .s32-arti2 .gray-box{border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; display: flex; padding: 40px 0; flex-direction: column; align-items: center; margin-top: 40px;}
.s32 .s32-arti2 .gray-box p{color: #444; text-align: center; font-size: 19px; font-weight: 500; line-height: 140%; }
.s32 .s32-arti2 .gray-box p b{color: #222; font-weight: 700;}

/* s322 */
.s322 {margin-bottom: 0;}
.s322 .s2-arti1 .wrap3 figure{position: relative; height: 316px; }
.s322 .s2-arti1 .wrap3 figure:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: linear-gradient(0deg, rgba(0, 7, 49, 0.20) 0%, rgba(0, 7, 49, 0.20) 100%), linear-gradient(180deg, rgba(0, 7, 49, 0.00) 0%, rgba(0, 7, 49, 0.70) 95.34%);}
.s322 .s2-arti1 .wrap3 figure > img{width: 100%; height: 100%; object-fit:cover;}
.s322 .s2-arti1 .wrap3 figure .tbx{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: none; border: none;	flex-direction: column; text-align: center; align-items:center;	padding: 20px; display: flex; flex-direction: column; justify-content: center;}
.s322 .s2-arti1 .wrap3 figure .tbx b{color: #FFF; text-align: center; font-size: 26px; font-weight: 700; line-height: 170%; }
.s322 .s2-arti1 .wrap3 figure .tbx p{color: #FFF; font-size: 17.6px; font-weight: 600; line-height: 170%; margin: 30px 0 5px;}
.s322 .s2-arti1 .wrap3 figure .tbx span{color: #D7AF6B; font-size: 17.6px; font-weight: 500; line-height: 210%;}
.s322-arti2 .flex-box{display: flex; flex-wrap:wrap; margin-top: 80px;}
.s322-arti2 .flex-box figure{border: 1px solid #EEE; }
.s322-arti2 .flex-box .tbx{flex:1; border: 1px solid #EEE; background: #F9F9F9; border-left: 0; display: flex; flex-direction: column; justify-content: center; }
.s322-arti2 .flex-box .tbx .box{padding: 40px 60px; }
.s322-arti2 .flex-box .tbx .box:not(:last-child){border-bottom: 1px solid #CCC;}
.s322-arti2 .flex-box .tbx .box b{color: #1A266E; font-size: 19.2px; font-weight: 700; line-height: 140%; margin-bottom: 6.4px;}
.s322-arti2 .flex-box .tbx .box p{color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; }

/* s323 */
.s323{margin-bottom: 0;}
.s323 .s24 .arti2 .wrap3 .box{align-items:center; padding: 0; margin-top: 80px;}
.s323 .s24 .arti2 .wrap3 .box .img-box{border-radius: 20px; border: 1px solid #EEE; background: #FFF; display: flex; align-items:center; justify-content: center; padding: 14px 0;}
.s323 .s24 .arti2 .wrap3 .box .tbx .tit p{font-size: 22px; }
.s323 .arti3{}
.s323 .arti3 .flex-box{display: flex; flex-wrap:wrap; gap:20px; justify-content: space-between; margin-top: 80px;}
.s323 .arti3 .flex-box .box{flex:1; }
.s323 .arti3 .flex-box .box:first-child{max-width:670px; }
.s323 .arti3 .flex-box .box:last-child{max-width:573px;}
.s323 .arti3 .flex-box .box > b{display: block; color: #222; font-size: 22px; font-weight: 700; line-height: 180%; margin-bottom: 24px;}
.s323 .arti3 .flex-box .box > ul{display: flex; flex-direction: column; gap:10px;}
.s323 .arti3 .flex-box .box > ul > li{display: flex; flex-wrap:wrap; gap:10px; align-items:center;}
.s323 .arti3 .flex-box .box > ul > li .num{border-radius: 50%; background: #263692; width: 60px; height: 60px; color: #FFF; text-align: center; font-size: 22px; font-weight: 700; line-height: 180%; display: flex; align-items:center; justify-content: center; text-align: center;}
.s323 .arti3 .flex-box .box > ul > li .tbx{flex:1; border-radius: 12px; background: #F9FBFF; padding: 7px 20.69px; display: flex; flex-direction: column; height: 82px; justify-content: center;}
.s323 .arti3 .flex-box .box > ul > li .tbx b{color: #222; font-size: 18px; font-weight: 600; line-height: 140%;}
.s323 .arti3 .flex-box .box > ul > li .tbx p{color: #444; font-size: 18px; font-weight: 400; line-height: 140%;}


/* s33 */
.s33 .arti1 h3{text-align: center; color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; padding-bottom: 40px; }
.s33 .arti1 .gray-box{display: flex; padding: 40px 60px; border-radius: 12px; border: 1px solid #DDE8F8; background: #F9F9F9; justify-content: space-between; align-items:center; }
.s33 .arti1 .gray-box .tbx{color: #222; font-size: 16px; font-weight: 400; line-height: 160%; }
.s33 .arti1 .gray-box .img-box{position: relative; padding-left: 70px; margin-left: 70px; padding-right: 43px;}
.s33 .arti1 .gray-box .img-box:before{position: absolute; content: ''; width: 1px; height: 53px; background: #DDE8F8; left: 0; top: 0;}
.s33 .arti2{margin-top: 80px;}
.s33 .arti2 .flex-box{display: flex; flex-wrap:wrap; }
.s33 .arti2 .flex-box .lbx {padding-right: 60px;}
.s33 .arti2 .flex-box .lbx .text{display: flex; flex-direction: column; margin-top: 40px;}
.s33 .arti2 .flex-box .lbx .text b{color: #070707;  font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 16px;}
.s33 .arti2 .flex-box .lbx .text p{color: #444; font-size: 16px; font-weight: 500; line-height: 170%; margin-bottom: 40px;}
.s33 .arti2 .flex-box .lbx .text .link-box > a{display: flex; width: 280px; height: 56px; padding: 0px 49px; justify-content: center; align-items: center; gap: 10px; border-radius: 100px; background: #263692; color: #FFF; font-size: 14.4px; font-weight: 700; line-height: 160%; transition:.3s;}
.s33 .arti2 .flex-box .lbx .text .link-box > a i{line-height: 0; }
.s33 .arti2 .flex-box .lbx .text .link-box > a i img{transition:.3s;}
.s33 .arti2 .flex-box .lbx .text .link-box > a:hover{background: #FFC64E;  color: #222;
 i img{filter:brightness(0);}
}

.s33 .arti2 .wrap3{display: flex; flex-direction: column; gap:120px; }
.s33 .arti2 .flex-box > *{ justify-content: space-between;}
.s33 .arti2 .flex-box .rbx {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-left: 1px solid #EEE; padding-left: 58px; padding-top: 30px; gap:40px;}
.s33 .arti2 .flex-box .rbx .tbx{display: flex; flex-direction: column; gap:12.8px;}
.s33 .arti2 .flex-box .rbx .tbx > b{color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s33 .arti2 .flex-box .rbx .tbx > p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s33 .arti2 .flex-box .rbx .tbx ul > li{position: relative; color: #444; font-size: 16px; font-weight: 400; line-height: 170%; padding-left: 24px;}
.s33 .arti2 .flex-box .rbx .tbx ul > li:before{position: absolute; content: ''; width: 3px; height:3px; border-radius: 50%; background: #444; border-radius: 50%; left: 8px; top: 12px;}
.s33 .arti2 .flex-box .rbx .tbx ul > li b{font-weight: 700;}
.s33 .arti2 .flex-box .rbx .box2{ padding-top: 40px; border-top: 0.8px solid #EEE; display: flex; flex-direction: column; gap:40px;}

/* s34 */
.s34{margin-bottom: 0;}
.s34 .s2-arti1{padding-bottom: 80px;}
.s34 .s2-arti1 .wrap3 .tbx .txt b{color: #222;  font-size: 19.2px; font-weight: 700; line-height: 140%; /* 26.88px */}
.s34 .arti9{margin-top: 80px;}
.s34 .arti9 .flex-box{display: flex; flex-wrap:wrap; }
.s34 .arti9 .flex-box .lbx {padding-right: 60px;}
.s34 .arti9 .wrap3{display: flex; flex-direction: column; gap:120px; }
.s34 .arti9 .flex-box > *{ justify-content: space-between;}
.s34 .arti9 .flex-box .rbx {display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; border-left: 1px solid #EEE; padding-left: 58px; padding-top: 30px; gap:40px;}
.s34 .arti9 .flex-box .rbx .tbx{display: flex; flex-direction: column; gap:12.8px;}
.s34 .arti9 .flex-box .rbx .tbx > b{color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s34 .arti9 .flex-box .rbx .tbx > p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s34 .arti9 .flex-box .rbx .tbx ul > li{position: relative; color: #444; font-size: 16px; font-weight: 400; line-height: 170%; padding-left: 24px;}
.s34 .arti9 .flex-box .rbx .tbx ul > li:before{position: absolute; content: ''; width: 3px; height:3px;  background: #444; border-radius: 50%; left: 8px; top: 12px;}
.s34 .arti9 .flex-box .rbx .tbx ul.bold-ul {display: flex; flex-direction: column; gap:12.8px}
.s34 .arti9 .flex-box .rbx .tbx ul.bold-ul > li{color: #222; font-weight: 700; padding-left: 23px;}
.s34 .arti9 .flex-box .rbx .tbx ul.bold-ul > li:before{position: absolute; content: '1.'; width: auto; height:auto; border-radius: 0; background: none; left: 5px; top: 0;}
.s34 .arti9 .flex-box .rbx .tbx ul.bold-ul > li:nth-child(2):before{content: '2.';}
.s34 .arti9 .flex-box .rbx .tbx ul > li b{font-weight: 700;}
.s34 .arti9 .flex-box .rbx .tbx ul > li .dot-ul{margin-left: -6px;}
.s34 .arti9 .flex-box .rbx .box2{ padding-top: 40px; border-top: 0.8px solid #EEE; display: flex; flex-direction: column; gap:40px;}
.s34 .arti3{margin-top: 140px;}
.s34 .s2-arti-bottom .box .link-box{display: flex; align-items:center; justify-content: center; gap:12px;}
.s34 .s2-arti-bottom .box .link-box a{display: flex; width: 238px; height: 56px;; gap:10px;}
.s34 .s2-arti-bottom .box .link-box a:first-child{border: 1px solid #1A266E; background: #fff; color: #1A266E; }
.s34 .s2-arti-bottom .box .link-box a:first-child i img{filter:none}
.s34 .s2-arti-bottom .box .link-box a:last-child{ }
.s34 .s2-arti-bottom .box .link-box a:last-child i img{filter:none}
.s34 .s2-arti-bottom .box .link-box a:first-child:hover{border: 1px solid #DDE8F8; background: #DDE8F8; color: #1A266E;}
.s34 .s2-arti-bottom .box .link-box a:last-child:hover{background: #FFC64E; color: #222;}
.s34 .s2-arti-bottom .box .link-box a:last-child:hover i img{filter:invert(1); }

/* s41 */
.s41 {margin-top: 0; margin-bottom: 0;}
.s41 article h3{text-align: center; color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.s41 .s2-arti1 .wrap3 figure{background: #fff; border: 1px solid #ccc; border-right: 0; display: flex; align-items:center; justify-content: center; height: 435px;}
.s41 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(2):before{content: '2.'; }
.s41 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(3):before{content: '3.'; }
.s41 .s2-crc .wrap3 .lbx .tbx ul > li:nth-child(4):before{content: '4.'; }


.s41 .arti2{margin-top: -258px; padding-top: 70.2px;} 
.s41 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 51.78px; gap:15px; }
.s41 .arti2 ul > li{flex:15%; border-radius: 20px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E;  display: flex; flex-direction: column; gap:61px; height: 285px; padding: 25px 20px 40px; box-sizing: border-box;}
.s41 .arti2 ul > li:not(:first-child){padding-left: 32px;}
.s41 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; margin-left: auto;}
.s41 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:5.6px;}
.s41 .arti2 ul > li .tbx b{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s41 .arti2 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }



.s41 .s2-crc .wrap3 .lbx .tbx ul > li:before{content: '1.'; width: auto; height: auto; background: none; border-radius: 0px; left: 4px; top: 0;}




.s41 .arti3{text-align: center; margin-top: 140px;}
.s4-history .flex-box{display: flex; flex-wrap:wrap; justify-content: center;  margin-top: 60px;}
.s4-history .flex-box > .box{position: relative; width: 50%;display: flex; flex-wrap:wrap; gap:39px; text-align: left; box-sizing: border-box; padding-right: 60px; margin-top: -38px;}  
.s4-history .flex-box > .box:first-child{margin-top: 0;}
.s4-history .flex-box > .box:before{position: absolute; content: ''; width: 30px; height: 30px; border: 8px solid #263692; box-sizing: border-box; right: -15px; top: 65px; border-radius: 50%;}
.s4-history .flex-box > .box:after{position: absolute; content: ''; width: 3px; height: 62px; background: #D7AF6B; right: -1px; top: 111px;}
.s4-history .flex-box > .box.af:after{display: none;}
.s4-history .flex-box > .box figure{max-width:160px; box-sizing: border-box; width: 100%;}
.s4-history .flex-box > .box .txt{flex:1; display: flex; flex-direction: column; gap:12.8px}
.s4-history .flex-box > .box .txt b{color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s4-history .flex-box > .box .txt p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s4-history .flex-box > .box:nth-child(even){flex-direction: row-reverse; padding-right: 0; padding-left: 60px; margin-top: 100px; gap:27px; }
.s4-history .flex-box > .box:nth-child(even):before{right: auto; left: -15px; top: 60px;}
.s4-history .flex-box > .box:nth-child(even):after{right: auto; left: -2px; top: 107px;}
.s4-history .flex-box > .box:nth-child(2){ margin-top: 137px; }
.s4-history .flex-box > .box.none{height: 0px; overflow: hidden; opacity: 0;} 

.s4 .s4-arti3 h3{color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s4 .s4-arti3 .flex-box{display: flex; gap:53.33px; ;}
.s4 .s4-arti3 .flex-box > li{flex:1; }

.s4 .s4-arti3{margin-top: 140px;;}
.s4 .s4-arti3 .flex-box{margin-top: 60px;}
.s4 .s4-arti3 .flex-box > li .tbx{position: relative; margin-top: 38px;}
.s4 .s4-arti3 .flex-box > li .tbx > span{position: relative; }
.s4 .s4-arti3 .flex-box > li .tbx > span:before{position: absolute; content: ''; width: 100%; height: 1px; background: url(../img/sub/s4-arti3-arr.png) center ; left: 0 ;top: 50%;}
.s4 .s4-arti3 .flex-box > li .tbx > span > o{display: flex; display: flex; width: 64px; height: 64px; justify-content: center; align-items: center; border-radius: 50%; background: #263692; backdrop-filter: blur(2.133333444595337px); color: #FFF; font-size: 32px;font-weight: 700; line-height: 140%; }
.s4 .s4-arti3 .flex-box > li .tbx b{display: block; color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; margin-top: 35px; margin-bottom: 10px;}
.s4 .s4-arti3 .flex-box > li .tbx ul > li{position: relative;color: #666; font-size: 16.4px; font-weight: 500; line-height: 170%; padding-left: 22px;}
.s4 .s4-arti3 .flex-box > li .tbx ul > li:before{position: absolute; content: ''; width: 3px; height:3px;  background: #444; border-radius: 50%; left: 8px; top: 12px;}

.s41 .s2-arti1{padding-bottom: 268px !important;}
.s41 .s2-crc{margin-top: 139px; height: auto;}
.s41 .s2-crc .wrap3{height: auto;}
.s4-board{margin-top: 140px; }
.s4-board h3{color: #222; font-size: 40px; font-weight: 700; line-height: 130%; margin-bottom: 40px;	}
.s4-board .owl-carousel .owl-stage-outer{overflow: visible;}
.s4-board .item {border-radius: 20px; background: #EFF0F5; transition:.3s;}
.s4-board .item:hover{background: #D7AF6B;}
.s4-board .item > a{display: flex; flex-direction: column; align-items:center; gap:36px; padding: 46px 56.4px 24px ; }
.s4-board .item > a .tbx{display: flex; flex-direction: column; align-items:center; }
.s4-board .item > a .tbx p{color: #222; text-align: center; font-size: 14.4px; font-weight: 400; line-height: 160%; height: 164.2px; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;     text-overflow: ellipsis;}
.s4-board .item > a .tbx span{color: #0E1A4F;  font-size: 12.8px; font-weight: 700; line-height: 100%; }
.s4 .s2-arti-bottom .box .link-box > a{display: flex; width: 238px; height: 56px;; gap:10px;}

.s42 {margin-top: 0; margin-bottom: 0;}
.s4 .s2-arti1{padding-bottom: 100px;}		

.s42 .arti2{margin-top: 100px; text-align: center; }
.s42 .arti2 h3{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; text-align: center;}
.s42 .arti2 ul{display: flex; flex-direction: column; }
.s42 .arti2 ul > li{position: relative; color: #444; font-size: 16px; font-weight: 400; line-height: 170%; padding-left: 24px;}
.s42 .arti2 ul > li:before{position: absolute; content: ''; width: 3px; height:3px;  background: #444; border-radius: 50%; left: 8px; top: 12px;}

/* s43 */
.s43 {margin-top: 0; margin-bottom: 0;}
.s43 .s2-arti1{padding-bottom: 80px;}	
.s43 .arti2{margin-top: 140px;}
.s43 .arti2 .wrap3{display: flex; flex-wrap:wrap; }
.s43 .arti2 .wrap3 > *{ box-sizing: border-box;}
.s43 .arti2 .wrap3 .lbx{max-width:563px; width: 100%;}
.s43 .arti2 .wrap3 .lbx .img-box{display: flex; border-radius: 20px; position: relative; }
.s43 .arti2 .wrap3 .lbx .img-box .list{position: absolute; left: 16.2px; bottom: 20px; width: 100%; height: 100%; display: flex; align-items: flex-end; justify-content: center; max-width:calc(100% - 32.5px)}
.s43 .arti2 .wrap3 .lbx .tbx{display: flex; flex-direction: column; gap:12.8px; margin-top: 40px;}
.s43 .arti2 .wrap3 b{color: #263692; font-size: 19.2px;font-weight: 700; line-height: 140%; }
.s43 .arti2 .wrap3 .lbx .tbx p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s43 .arti2 .wrap3 .rbx{padding-left: 57px; margin-left: 58.12px; border-left: 1px solid #eee; padding-top: 30px;}
.s43 .arti2 .wrap3 .rbx {display: flex; flex-direction: column; }
.s43 .arti2 .wrap3 .rbx .box {display: flex; flex-direction: column; gap:12.8px;}
.s43 .arti2 .wrap3 .rbx .box .num-ul{display: flex; flex-direction: column; gap:12.8px; margin-left: 22px;}
.s43 .arti2 .wrap3 .rbx .box .num-ul > li{list-style: auto; color: #222; font-size: 16px; font-weight: 700; line-height: 160%; }
.s43 .arti2 .wrap3 .rbx .box .num-ul > li p{color: #444;font-weight: 400;line-height: 170%; margin-left: 14px;}
.s43 .arti2 .wrap3 .rbx .box:last-child{border-top: 1px solid #eee; padding-top: 40px; margin-top: 40px;}
.s43 .arti2 .wrap3 .rbx .box .dot-ul {}
.s43 .arti2 .wrap3 .rbx .box .dot-ul > li{position: relative;color: #444; font-size: 16px; font-weight: 400; line-height: 170%;  padding-left: 21px;}
.s43 .arti2 .wrap3 .rbx .box .dot-ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #7242AC; border-radius: 50%; left: 8px; top: 11px;}
.s43 .s4-arti3 > .wrap3 > p{text-align: center; color: #666;  font-size: 18px; font-weight: 500; line-height: 170%; margin-top: 15px;}
.s43 .s4-arti3 .flex-box{gap:40px; margin-top: 40px;}
.s43 .arti4{margin-top: 150px;}
.s43 .dot-num-flex .wrap3 h5{text-align: center; color: #000; font-size: 32px; font-weight: 700; line-height: 130%; }
.s43 .dot-num-flex ul{align-items:start; margin: 60px -34px 0; padding: 0 0px;}
.s43 .dot-num-flex ul:before{width: calc(100% - 20%); left: 10%;} 
.s43 .dot-num-flex ul > li > span{background: #818FDE;}
.s43 .dot-num-flex ul > li:nth-child(2) > span{background: #6F7DCF;}
.s43 .dot-num-flex ul > li:nth-child(3) > span{background: #5D6BC0;}
.s43 .dot-num-flex ul > li:nth-child(4) > span{background: #4A5AB0;}
.s43 .dot-num-flex ul > li:nth-child(5) > span{background: #3848A1;}
.s43 .dot-num-flex ul > li:nth-child(6) > span{background: #263692;}
.s43 .dot-num-flex ul > li:nth-child(1) .tbx b{color: #818FDE;}
.s43 .dot-num-flex ul > li:nth-child(2) .tbx b{color: #6F7DCF;}
.s43 .dot-num-flex ul > li:nth-child(3) .tbx b{color: #5D6BC0;}
.s43 .dot-num-flex ul > li:nth-child(4) .tbx b{color: #4A5AB0;}
.s43 .dot-num-flex ul > li:nth-child(5) .tbx b{color: #3848A1;} 
.s43 .dot-num-flex ul > li:nth-child(6) .tbx b{color: #263692;} 
.s43 .s4-board{text-align: center;}
.s43 .s4-board .wrap3 > h3{color: #000; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 15px;}
.s43 .s4-board .wrap3 > p{color: #666; font-size: 16px; font-weight: 500; line-height: 170%; margin-bottom: 60px;}
.s43 .s4-board .item > a{padding-bottom: 4px;}

/* s44 */
.s44 {margin-top: 0; margin-bottom: 0;}
.s44 .s2-arti1{background: none; padding-bottom: 80px;}
.s44 .arti2 h3{color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s44 .arti2{} 
.s44 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 51.78px; gap:15px; }
.s44 .arti2 ul > li{flex:15%; border-radius: 20px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E;  display: flex; flex-direction: column; gap:52px; height: 325px; padding: 20px 20px 40px; box-sizing: border-box;}
.s44 .arti2 ul > li:not(:first-child){padding-left: 32px;}
.s44 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; margin-left: auto; line-height: 0px;}
.s44 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:5.6px;}
.s44 .arti2 ul > li .tbx b{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s44 .arti2 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }



.s44 .arti3{margin-top: 140px;}
.s44 .arti3 h3{display: flex; flex-wrap:wrap; gap:20px; color: #070707; font-size: 32px; font-weight: 700;line-height: 130%; align-items:flex-end;}
.s44 .arti3 h3 span{color: #444; font-size: 16px; font-weight: 500; line-height: 170%; }
.s44 .arti3 .flex-box{display: flex; flex-wrap:wrap; gap:26px; margin-top: 40px;}
.s44 .arti3 .link-box{display: flex; justify-content: center; margin-top: 40px;}
.s44 .arti3 .link-box > a{display: flex; width: 280px; height: 56px; justify-content: center; align-items: center; gap: 8px; border-radius: 80px; background: #263692; color: #FFF; font-size: 14.4px; font-weight: 700; line-height: 160%; transition:.3s;}
.s44 .arti3 .link-box > a i{line-height: 0; }
.s44 .arti3 .link-box > a i img{filter:invert(6); transition:.3s;}
.s44 .arti3 .link-box > a:hover{background: #FFC64E; color: #222;}




/* s45 */
.s45{margin-top: 0; margin-bottom: 0; }
.s45 .arti2{margin-top: 120px;}
.s45 .arti2 h3, .s45 .arti3 h3{color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s45 .arti2{} 
.s45 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 51.78px; gap:15px; }
.s45 .arti2 ul > li{flex:15%; border-radius: 20px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E;  display: flex; flex-direction: column; gap:52px; height: 325px; padding: 20px 20px 40px; box-sizing: border-box;}
.s45 .arti2 ul > li:not(:first-child){padding-left: 32px;}
.s45 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; margin-left: auto; line-height: 0px;}
.s45 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:5.6px;}
.s45 .arti2 ul > li .tbx b{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s45 .arti2 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }




.s45 .arti3 {margin-top: 140px; padding: 100px 0; background: #F9F9F9;}
.s45 .arti3 figure{display: flex; align-items:center; justify-content: center; margin-top: 60px;}
.s45 .s2-arti-bottom{margin-top: 0;}

.s45 .s4-history .flex-box > .box:last-child:after{display: none;}


/* s5 */
.s5{margin-top: 0; margin-bottom: 0;}
.s5 .s2-arti-bottom .box .link-box > a{display: flex; width: 238px; height: 56px;; gap:10px;}
/* .s5 .s2-arti-bottom .box > ul > li ol > li{padding-left: 0;} */
/* .s5 .s2-arti-bottom .box > ul > li ol > li:before{display: none;} */

.s51 .s2-arti1{padding-bottom: 80px;}
.s51 .arti2 {margin-top: 80px;}
.s51 .arti2 .flex-box{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s51 .arti2 .flex-box .tbx{display: flex; flex-direction: column; gap:32px; padding-top: 23px;}
.s51 .arti2 .flex-box .tbx h4{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; }
.s51 .arti2 .flex-box .tbx h4 span{color: #263692;}
.s51 .arti2 .flex-box .tbx .check-ul{display: flex; flex-direction: column; gap:16px;}
.s51 .arti2 .flex-box .tbx .check-ul > li{position: relative; color: #222; font-size: 17.6px; font-weight: 700; line-height: 160%;  padding-left: 27px;}
.s51 .arti2 .flex-box .tbx .check-ul > li > p{color: #666; font-weight: 400; line-height: 170%; margin-top: 3.2px;}
.s51 .arti2 .flex-box .tbx .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 3px;}
.s51 .arti2 .flex-box figure{width: 582px; height: 476px; border-radius: 20px; border: 1px solid #CCC; background: #FFF; display: flex; align-items:center; justify-content: center;}
.s51 .arti3{margin-top: 140px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E; padding: 100px 0;}
.s51 .arti3 h3{color: #FFF; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s51 .arti3 h3 span{color: #D7AF6B;}
.s51 .arti3 .flex-box{display: flex; flex-wrap:wrap; gap:36px; margin-top: 60px;}
.s51 .arti3 .flex-box > li{flex:1; border-radius: 20px; background: #fff; overflow: hidden; height: 405px;}
.s51 .arti3 .flex-box > li .tbx{padding: 40px 30px;}
.s51 .arti3 .flex-box > li .tbx > b{color: #222; font-size: 22.4px; font-weight: 700; line-height: 140%; display: block; margin-bottom: 6px;}
.s51 .arti3 .flex-box > li .tbx > p{color: #666; font-size: 16px; font-weight: 400; line-height: 170%; }
.s51 .arti3 .flex-box > li .tbx > ul{display: flex; flex-direction: column; gap:8px; }
.s51 .arti3 .flex-box > li .tbx > ul > li{color: #666; font-size: 16px; font-weight: 400; line-height: 170%; display: flex; flex-wrap:wrap;}
.s51 .arti3 .flex-box > li .tbx > ul > li span{width: 12px;}
.s51 .arti3 .flex-box > li .tbx > ul > li p{width: calc(100% - 12px);}
.s51 .arti4 {margin-top: 140px;}
.s51 .arti4 .tit{display: flex; flex-direction: column; gap:16px;}
.s51 .arti4 .tit b{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; }
.s51 .arti4 .tit b span{color: #263692;}
.s51 .arti4 .tit p{color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s51 .arti4 .flex-box{margin-top: 60px; display: flex; flex-wrap:wrap;}
.s51 .arti4 .flex-box > li{flex:1; padding: 64px 40px; border-radius: 20px; height: 452px; transition:.3s;}
.s51 .arti4 .flex-box > li .arr{display: flex; align-items:center; justify-content: center; line-height: 0; width: 46px; height: 46px; border-radius: 50%; background: #D7AF6B; margin-bottom: 24px; transition:.3s;}
.s51 .arti4 .flex-box > li .tbx{display: flex; flex-direction: column; gap:24px;}
.s51 .arti4 .flex-box > li .tbx b{color: #D7AF6B;  font-size: 25.6px; font-weight: 700; line-height: 140%; transition:.3s;}
.s51 .arti4 .flex-box > li .tbx p{color: #222; font-size: 17.6px; font-weight: 400; line-height: 170%; }
.s51 .arti4 .flex-box > li:hover{background: #EFEDEC;
	.tbx b{color: #1A266E;}
	.arr{background: #1A266E;}
}
.s51 .s2-arti-bottom .box > ul > li ol > li{padding-left: 0; margin-left: -6px;}
.s51 .s2-arti-bottom .box > ul > li ol > li > a{display: inline;}
.s51 .s2-arti-bottom .box > ul > li ol > li > a:hover{text-decoration: underline;}
.s51 .s2-arti-bottom .box > ul > li ol > li:before{display: none;}

/* s52 */
.s52 .arti1{position: relative; background: #F9F9F9; padding: 120px 0 80px;}
.s52 .arti1 .tbx{position: relative; display: flex; flex-direction: column; z-index: 1;}		
.s52 .arti1 .tbx:after{position: absolute; content: ''; width: 260px; height: 225px; background: url(../img/sub/s52-arti1-1.png) center no-repeat; right: 85px; top: 0; z-index: -1;}
.s52 .arti1 .tbx > b{color: #222; font-size: 37px; font-weight: 700; line-height: 140%; margin-bottom: 28px;}
.s52 .arti1 .tbx > b span{color: #263692;}
.s52 .arti1 .tbx > .p-box{display: flex; flex-direction: column; gap:20px;}
.s52 .arti1 .tbx > .p-box p:first-child{margin-bottom: 11px;}
.s52 .arti1 .tbx > .p-box p{color: #222; font-size: 18px; font-weight: 400; line-height: 170%; }
.s52 .arti1 .tbx > .p-box p b{display: block; color: #1A266E; font-weight: 600;}
.s52 .arti1 .tbx > .p-box p span{font-weight: 600;}

.s52 .arti2{padding-top: 80px;} 
.s52 .arti2 h3{color: #222; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s52 .arti2 ul{display: flex; flex-wrap:wrap; margin-top: 50px; gap:16px; }
.s52 .arti2 ul > li{flex:15%; border-radius: 20px; background: linear-gradient(353deg, rgba(26, 39, 109, 0.00) 35.71%, rgba(47, 65, 162, 0.80) 91.18%), #1A266E;  display: flex; flex-direction: column; gap:61px; height: 295px; padding: 25px 30px 50px; padding-right: 20px; box-sizing: border-box;}
.s52 .arti2 ul > li:not(:first-child){padding-left: 32px;}
.s52 .arti2 ul > li i{display: flex; align-items:center; justify-content: center; width: 86px; height: 86px; margin-left: auto;}
.s52 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:5.6px;}
.s52 .arti2 ul > li .tbx b{color: #D7AF6B; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s52 .arti2 ul > li .tbx p{color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 160%; }
.s52 .arti2 .gray-box{display: flex; padding: 40px 0; justify-content: center; text-align: center; gap: 40px; border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; color: #222; text-align: center; font-size: 19px; font-weight: 500; line-height: 140%;  margin-top: 80px;}
.s52 .arti2 .gray-box span{color: #1A266E; font-weight: 600;}
.s52 .arti3{margin-top: 50px;}
.s52 .arti3 .table-wrap table{text-align: center; border-collapse: separate; border-spacing: 10px; width: calc(100% + 20px); margin-left: -10px;}
.s52 .arti3 .table-wrap table tr th .box{display: flex; align-items:center; justify-content: center; width: 100%; height: 58px; border-radius: 12px; background: #263692; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 180%; }
.s52 .arti3 .table-wrap table tr td .box{display: flex; align-items:center; justify-content: center; width: 100%; height: 82px; border-radius: 12px; background: #F9FBFF; color: #444;  font-size: 16px; font-weight: 400; line-height: 140%; } 
.s52 .arti3 .table-wrap table tr td:first-child .box{background: #EAF3FF; color: #4251AC; font-size: 16px; font-weight: 600; line-height: 140%; }
.s52 .arti3 .table-wrap table tr td:last-child .box{text-align: left; padding: 0 23px; justify-content: start;;}
.s52 .arti3 .table-wrap table tr td:nth-child(2) .box{font-weight: 600; color: #000;}

.s52 .arti3 .table-wrap table tr td:last-child .box span{color: #222; font-weight: 600;}
.s52 .arti3 .gray-box{display: flex; gap:8px; flex-direction: column;     align-items: flex-start;  padding: 40px 60px; border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; margin-top: 70px;}
.s52 .arti3 .gray-box b{color: #1A266E; font-size: 24px; font-weight: 700; line-height: 140%; }
.s52 .arti3 .gray-box p{color: #444; font-size: 18px; font-weight: 400; line-height: 170%; }
.s52 .arti4{margin-top: 60px;}
.s52 .arti4 .flex-box{display: flex; flex-wrap:wrap; gap:40px;}
.s52 .arti4 .flex-box .tbx{width: 52.34%;}
.s52 .arti4 .flex-box .tbx ul{display: flex; flex-direction: column; gap:10px;}
.s52 .arti4 .flex-box .tbx ul > li{display: flex; flex-wrap:wrap; align-items:center; gap:10px;  width: 100%;}
.s52 .arti4 .flex-box .tbx ul > li > span{width: 60px; height: 60px; background: #263692; border-radius: 50%; display: flex; align-items:center; justify-content: center; text-align: center; color: #FFF; font-size: 22px; font-weight: 700; line-height: 180%; }
.s52 .arti4 .flex-box .tbx ul > li > .txt{display: flex; flex-direction: column; justify-content: center; padding: 0 20.69px;flex:1;border-radius: 12px; background: #F9FBFF; height: 82px;  font-size: 18px; line-height: 140%; }
.s52 .arti4 .flex-box .tbx ul > li > .txt b{color: #222; font-weight: 600;}
.s52 .arti4 .flex-box .tbx ul > li > .txt p{color: #444; font-size: 18px; font-weight: 400; line-height: 140%; }
.s52 .arti4 .flex-box figure{flex:1;}

.s52 .arti5{margin-top: 140px;}
.s52 .arti5 .wrap3{display: flex; flex-wrap:wrap; }
.s52 .arti5 .wrap3 > *{ box-sizing: border-box;}
.s52 .arti5 .wrap3 .lbx{max-width:563px; width: 100%;}
.s52 .arti5 .wrap3 .lbx .img-box{display: flex; border-radius: 20px; position: relative; }
.s52 .arti5 .wrap3 .lbx .tbx{display: flex; flex-direction: column; gap:20.8px; margin-top: 40px;}
.s52 .arti5 .wrap3 b{color: #070707; font-size: 32px; font-weight: 700; line-height: 130%; display: block;}
.s52 .arti5 .wrap3 .lbx .tbx p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s52 .arti5 .wrap3 .rbx{padding-left: 57px; margin-left: 58.12px; position: relative;}
.s52 .arti5 .wrap3 .rbx:before{position: absolute; content: ''; left: 0; top: 0; width: 1px; height: 547px; background: #eee;}
.s52 .arti5 .wrap3 .rbx {display: flex; flex-direction: column; padding-top: 30px;}
.s52 .arti5 .wrap3 .rbx .box {display: flex; flex-direction: column; gap:12.8px;}
.s52 .arti5 .wrap3 .rbx .box b{color: #263692; font-size: 24px; font-weight: 700; line-height: 140%; margin-bottom: 4px;}
.s52 .arti5 .wrap3 .rbx .box .num-ul{display: flex; flex-direction: column; gap:14.8px; margin-left: 6px;}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li{position: relative; color: #222; font-size: 18px; font-weight: 700; line-height: 180%; padding-left: 22px;}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li:before{position: absolute; content: '1 .'; left: 0; top: 0;}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li:nth-child(2):before{content: '2 .';}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li:nth-child(3):before{content: '3 .';}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li:nth-child(4):before{content: '4 .';}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li:nth-child(5):before{content: '5 .';}
.s52 .arti5 .wrap3 .rbx .box .num-ul > li p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; margin-left: -7px; margin-top: -5px;}
.s52 .s2-crc{margin-top: 140px;}
.s52 .s2-crc .wrap3{height: 701px;}
.s52 .s2-crc .wrap3 .lbx{background: url(../img/sub/s52-arti6-1.png) center / cover no-repeat;}
.s52 .s2-crc .wrap3 .lbx .tbx b{margin-bottom: 10px;}
.s52 .s2-crc .wrap3 .lbx .tbx .link-box > a{ font-size: 14px; }

.s5-pop .cnt .option-table .table-wrap{max-height:calc(80vh - 150px); overflow-y: auto;}
.s2-pop .cnt .option-table table tr > td:last-child{text-align: left;	}
.s52 .cnt h4{margin-bottom: 0;}

/* s53 */
.s53 .s2-arti1{padding-bottom: 80px;}
.s53 .s2-arti1 .wrap3 .tbx .txt .p-box{display: flex; flex-direction: column; gap:1.5em; }
.s53 .s4-history{margin-top: 80px;}
.s53 .s4-history h3{color: #222;text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s53 .s2-crc{margin-top: 140px;}
.s53 .s2-crc .wrap3{height: 549px;}
.s53 .s2-crc .wrap3 .lbx .tbx b{margin-bottom: 5px;}
.s2 .s2-crc .wrap3 .lbx .tbx ol > li{padding: 16px 0;}

/* s54 */
.s54 .s2-arti1{padding-bottom: 80px;}
.s54 .arti2{margin-top: 80px;}
.s54 .arti2 h3{text-align: center; color: #222; font-size: 32px; font-weight: 700; line-height: 130%; }
.s54 .arti2 .flex-box{margin: 70px auto 0px; display: flex; flex-direction: column; max-width:1000px;}
.s54 .arti2 .flex-box .box{display: flex; flex-wrap:wrap; gap:32px; padding: 85px 0; border-bottom: 1px solid #EEE;}
.s54 .arti2 .flex-box .box:nth-child(even){flex-direction: row-reverse;}
.s54 .arti2 .flex-box .box:first-child{padding-top: 0;}
.s54 .arti2 .flex-box .box:last-child{border-bottom: 0; padding-bottom: 0;}
.s54 .arti2 .flex-box .box figure{max-width:440px; width: 100%;}
.s54 .arti2 .flex-box .box .tbx{flex:1; display: flex; flex-direction: column; gap:24px;}
.s54 .arti2 .flex-box .box .tbx .tit{display: flex; flex-direction: column; gap:3.2px;}
.s54 .arti2 .flex-box .box .tbx .tit h4{color: #222; font-size: 25.6px; font-weight: 700; line-height: 140%; }
.s54 .arti2 .flex-box .box .tbx .tit p{color: #D7AF6B; font-size: 17.6px; font-weight: 700; line-height: 140%; }
.s54 .arti2 .flex-box .box .tbx .txt{display: flex; flex-direction: column; gap:8px;}
.s54 .arti2 .flex-box .box .tbx .txt > p{color: #222; font-size: 16px; font-weight: 500; line-height: 150%; }
.s54 .arti2 .flex-box .box .tbx .txt > .dot-ul > li{position: relative; color: #222; font-size: 14.4px; font-weight: 500; line-height: 190%; padding-left: 22px;}
.s54 .arti2 .flex-box .box .tbx .txt > .dot-ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #222;  border-radius: 50%; left: 9px; top: 13px; border-radius: 50%;}  
.s54 .arti3 {text-align: center; margin-top: 140px;}
.s54 .arti3 h3{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 74.8px;}
.s54 .arti3 figure{display: flex; align-items:center; justify-content: center; padding-left: 40px;}

.s54 .arti4{margin-top: 180px;}
.s54 .arti4 h3{color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 74.8px; text-align: center;}
.s54 .arti4 .flex-box{display: flex; flex-wrap:wrap; }
.s54 .arti4 .flex-box figure{max-width:562px; width: 100%;}
.s54 .arti4 .flex-box .tbx{flex:1; display: flex; flex-direction: column;  padding-left: 56px; margin-left: 61px; border-left: 1px solid #EEE; }
.s54 .arti4 .flex-box .tbx .box {display: flex; flex-direction: column; gap:12.8px; padding: 40px 0; border-bottom: 1px solid #eee;}
.s54 .arti4 .flex-box .tbx .box  .dot-ul{gap:0px; width: 100%;}
.s54 .arti4 .flex-box .tbx .box  .dot-ul > li{position: relative; color: #444; font-size: 16px; font-weight: 400; line-height: 170%; padding-left: 22px;}
.s54 .arti4 .flex-box .tbx .box  .dot-ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444;  border-radius: 50%; left: 9px; top: 11px; border-radius: 50%;}  

.s54 .arti4 .flex-box .tbx .box:first-child{padding-top: 30px;}
.s54 .arti4 .flex-box .tbx .box:last-child{padding-bottom: 0; border-bottom: 0;}
.s54 .arti4 .flex-box .tbx .box > b{color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s54 .arti4 .flex-box .tbx .box > p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s54 .arti4 .flex-box .tbx .box ul{display: flex; flex-direction: column; gap:12.8px; margin-left: 5px;}
.s54 .arti4 .flex-box .tbx .box ul > li{color: #222; font-size: 16px; font-weight: 700; line-height: 160%; display: flex; gap:0px 8px; flex-wrap:wrap;}

/* s55 */
.s55 .s2-arti1{padding-bottom: 80px; background: none;}
.s55 .s2-arti1 .wrap3 .tbx .txt .check-ul{gap:16px;}
.s55 .arti2{}
/* .s55 .arti2 .flex-box{display: flex; flex-wrap:wrap; }
.s55 .arti2 .flex-box figure{max-width:562px; width: 100%;}
.s55 .arti2 .flex-box .tbx{flex:1; display: flex; flex-direction: column;  padding-left: 56px; margin-left: 61px; border-left: 1px solid #EEE; }
.s55 .arti2 .flex-box .tbx .box {display: flex; flex-direction: column; gap:12.8px; padding: 40px 0; border-bottom: 1px solid #eee;}
.s55 .arti2 .flex-box .tbx .box:first-child{padding-top: 30px;}
.s55 .arti2 .flex-box .tbx .box:last-child{padding-bottom: 0; border-bottom: 0;}
.s55 .arti2 .flex-box .tbx .box > b{color: #263692; font-size: 19.2px; font-weight: 700; line-height: 140%; }
.s55 .arti2 .flex-box .tbx .box > p{color: #444; font-size: 16px; font-weight: 400; line-height: 170%; }
.s55 .arti2 .flex-box .tbx .box ul{display: flex; flex-direction: column; gap:12.8px; margin-left: 5px;}
.s55 .arti2 .flex-box .tbx .box ul > li{color: #222; font-size: 16px; font-weight: 700; line-height: 160%; display: flex; gap:8px;} */

.s55 .arti2 .wrap3{display: flex; flex-direction: column; }
.s55 .arti2 .wrap3 .box{display: flex; flex-wrap:wrap; padding: 0px 0; gap:50px; border-bottom: 1px solid #EEE; align-items:center}
.s55 .arti2 .wrap3 .box:last-child{border-bottom: 0;}
.s55 .arti2 .wrap3 .box > *{flex:1;}
.s55 .arti2 .wrap3 .box .img-box{max-width:570px; }
.s55 .arti2 .wrap3 .box .tbx .tit{display: flex; flex-direction: column; margin-bottom: 30px;}
.s55 .arti2 .wrap3 .box .tbx .tit p{color: #222;  font-size: 25.6px; font-weight: 700; line-height: 140%; }
.s55 .arti2 .wrap3 .box .tbx .tit span{color: #D7AF72; font-size: 18px; font-weight: 500; line-height: 160%; }
.s55 .arti2 .wrap3 .box .tbx > p{color: #222; font-size: 16px; font-weight: 500; line-height: 150%; margin-bottom: 18px;}
.s55 .arti2 .wrap3 .box .tbx > .check-ul{display: flex; flex-direction: column;  gap:8px;}
.s55 .arti2 .wrap3 .box .tbx > .check-ul > li{position: relative; color: #666; font-size: 14.4px; font-weight: 500; line-height: 150%; padding-left: 25.5px;}
.s55 .arti2 .wrap3 .box .tbx > .check-ul > li:before{position: absolute; content: ''; width: 24px; height: 24px; background: url(../img/sub/s11-check.png) center no-repeat; left: 0; top: 0;}
.s55 .arti2 .wrap3 .box:nth-child(even){flex-direction: row-reverse;}


.s55 .s32-arti2 {margin-top: 140px;}
.s55 .s32-arti2 h3{text-align: center; color: #222; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 50px;}
.s55 .s32-arti2 .table-wrap table{text-align: center; border-collapse: separate; border-spacing: 10px; width: calc(100% + 20px); margin-left: -10px;}
.s55 .s32-arti2 .table-wrap table tr th .box{display: flex; align-items:center; justify-content: center; width: 100%; height: 58px; padding: 15px 0; border-radius: 12px; background: #263692; color: #FFF; text-align: center; font-size: 20px; font-weight: 700; line-height: 180%; }
.s55 .s32-arti2 .table-wrap table tr td .box{display: flex; align-items:center; justify-content: center; width: 100%; height: auto; padding: 15px 0; border-radius: 12px; background: #F9FBFF; color: #444;  font-size: 16px; font-weight: 400; line-height: 140%; } 
.s55 .s32-arti2 .table-wrap table tr td:first-child{position: relative; }
.s55 .s32-arti2 .table-wrap table tr td:first-child .box{background: #EAF3FF; color: #4251AC; flex-direction: column; font-size: 16px; font-weight: 600; line-height: 140%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s55 .s32-arti2 .table-wrap table tr td:last-child .box{text-align: left; padding: 15px 20px; justify-content: start; min-height:50px; }
.s55 .s32-arti2 .table-wrap table tr td{position: relative; }
.s55 .s32-arti2 .table-wrap table tr td .box.ch{display: flex; align-items:center; justify-content: center; width: 100%;  padding: 15px 0; border-radius: 12px; background: #F9FBFF; color: #444;  font-size: 16px; font-weight: 400; line-height: 140%; height: 100%; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.s55 .s32-arti2 .table-wrap table tr td:last-child .box .dot-ul {display: flex; flex-direction: column; margin-left: 22px;}
.s55 .s32-arti2 .table-wrap table tr td:last-child .box .dot-ul > li{color: #444; font-size: 16px; font-weight: 400; line-height: 140%; list-style:disc}


/* s56 */
.s56{margin-bottom: 180px;}
.s56 .s2-arti1{padding-bottom: 304px;}
.s56 .arti2{margin-top: -224px;}
.s56 .arti2 h3{color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; }
.s56 .arti2 .flex-box{display: flex; flex-wrap:wrap; gap:24px; margin-top: 40px;}
.s56 .arti2 .flex-box .box{display: flex; flex-direction: column; height: 278px; flex:1; border-radius: 20px; background: #DDE8F8; padding: 28px 28px 40px;  }   
.s56 .arti2 .flex-box .box i{display: flex; align-items:center; justify-content: center; text-align: center; line-height: 0; width: 86px; height: 86px; border-radius: 50%; background: #fff; margin-left: auto;}
.s56 .arti2 .flex-box .box .tbx{display: flex; flex-direction: column; gap:4px; margin-top: -28px;}
.s56 .arti2 .flex-box .box .tbx b{color: #0E1A4F; font-size: 19.2px; font-weight: 700; line-height: 140%; height: 54px;}

.s56 .arti2 .flex-box .box .tbx p{color: #444; font-size: 14.4px; font-weight: 400; line-height: 160%; }
.s56 .arti2 .gray-box{display: flex; align-items:center; justify-content: center; text-align: center;   padding: 40px 0; border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; margin-top: 80px;}
.s56 .arti2 .gray-box p{color: #222; text-align: center; font-size: 19px; font-weight: 700; line-height: 140%; }
.s56 .arti2 .gray-box p a{display: inline;}
.s56 .arti2 .gray-box p span{color: #263692;}
.s56 .arti2 > .wrap3 > figure{display: flex; align-items:center; justify-content: center; margin-top: 80px;}
.s56 .arti3 {text-align: center; margin-top: 80px;}
.s56 .arti3 h5{color: #000; font-size: 25.6px; font-weight: 700; line-height: 130%; }
.s56 .arti3 .gray-box{border-radius: 20px; border: 1px solid #EEE; background: #F9F9F9; display: flex; padding: 40px 0;     justify-content: center; margin-top: 40px;}
.s56 .arti3 .gray-box .dot-ol{display: flex; flex-direction: column;     align-items: center;}
.s56 .arti3 .gray-box .dot-ol > li{position: relative; color: #444; font-size: 18px; font-weight: 500; line-height: 160%; padding-left: 24px;}
.s56 .arti3 .gray-box .dot-ol > li:before{position: absolute; content: ''; width: 5px; height:5px; border-radius: 50%; background: #444; left: 8px; top: 12px;}
.s56 .dot-num-flex .wrap3 > ul{margin-top: 40px;}

.s56 .arti4{margin-top: 140px;}
.s56 .arti4 h3{color: #000; text-align: center; font-size: 32px; font-weight: 700; line-height: 130%; margin-bottom: 60px;}
.s56 .arti4 figure{margin-bottom: 40px;}
.s56 .arti4 .dl-box{display: flex;margin-top: 50px; gap:20px; flex-direction: column; }
.s56 .arti4 .dl-box dl{display: flex; gap:20px;}
.s56 .arti4 .dl-box dl dt{width: 221px; border-radius: 12px; background: #263692; display: flex; flex-direction: column; align-items:center; justify-content: center; color: #FFF; text-align: center; font-size: 18px; font-weight: 700; line-height: 160%; }
.s56 .arti4 .dl-box dl dd{display: flex; gap:12px; flex:1;}
.s56 .arti4 .dl-box dl dd .box {flex:1; border-radius: 12px; border: 1px solid #C4D3EA; background: #F9FBFF; box-sizing: border-box;}
.s56 .arti4 .dl-box dl dd .box h5{border-radius: 12px 12px 0 0; border: 1px solid #C4D3EA; background: #263692; height: 51px; display: flex; align-items:center; justify-content: center; text-align: center; color: #FFF; font-size: 17.6px; font-weight: 700; line-height: 180%; }
.s56 .arti4 .dl-box dl dd .box .tbx{border-radius: 12px; border-top: 1px solid #C4D3EA; background: #F9FBFF; padding: 20px 32.12px 29px; display: flex; align-items:center;}
.s56 .arti4 .dl-box dl dd .box .tbx ul > li{position: relative; color: #444; font-size: 14.4px; font-weight: 400; line-height: 160%; padding-left: 21px;}
.s56 .arti4 .dl-box dl dd .box .tbx ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 8px; top: 11px;}
.s56 .arti4 .dl-box dl.dl2 dt{background: #593CB1; }
.s56 .arti4 .dl-box dl.dl2 dd .box h5{background: #593CB1;}

.s56 .arti4 .table-wrap table{width: 100%;}
.s56 .arti4 .table-wrap table tr > *{color: #444; text-align: center; font-size: 16px; font-weight: 500; line-height: 160%; padding: 17px 10px; border: 1px solid #ddd;}
.s56 .arti4 .table-wrap table tr > th{border-top: 2px solid #263692; background: #F3F6FA; color: #1A266E; font-weight: 600; line-height: 160%; }
.s56 .arti4 .table-wrap table tr > *.bdl0{border-left: 0px;}
.s56 .arti4 .table-wrap table tr > *.bdr0{border-right: 0px;}
.s56 .arti4 .table-wrap table tr.last > td{ background: #F7F7F7;}
.s56 .arti4 .table-wrap table tr > td figure{margin-top: 50px;}
.s56 .arti4 .table-wrap table tr > td figcaption{color: #263692;  font-weight: 600; line-height: 140%; margin-top: 23px;}
.s56 .arti4 .table-wrap table tr > td span{display: block; color: #666; font-weight: 400; line-height: 160%;}
.s56 .arti4 .table-wrap table tr > td .b-span{color: #263692; font-size: 16px; font-weight: 600; line-height: 160%; }
.s56 .arti4 .table-wrap table tr > td ol > li{color: #666; font-size: 16px; font-weight: 400;line-height: 160%;}
.s56 .arti4 .tb-p{ margin-top: 14px; color: #999; text-align: right; font-size: 17.6px; font-weight: 600; line-height: 140%;}





.s61 .arti1 .calendar{padding-bottom: 60px;}
.s61 .arti1 figure{display: flex; justify-content: center; align-items:flex-start; }
.s61 .arti2 .table-wrap table{border-top: 2px solid #263692; width: 100%;}
.s61 .arti2 .table-wrap table tr th{height: 60px; color: #1A266E; text-align: center; font-size: 16px; font-weight: 600; line-height: 160%;  background: #F3F6FA;}
.s61 .arti2 .table-wrap table tr td{height: 70px; color: #070707; font-size: 16px; font-weight: 600; line-height: 160%; /* 25.6px */ border-bottom: 1px solid #DDD; padding: 0 10px;}
.s61 .arti2 .table-wrap table tr td:first-child{text-align: center;}
.s61 .arti2 .select-box{position: relative; display: block; }
.s61 .arti2 .select-box b{position: relative; display: block; width: 100%; height: 50px; padding: 12px 10px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; color: #999; font-size: 16px;font-weight: 500; line-height: 160%;  z-index: 1; cursor: pointer; transition:.3s;}
.s61 .arti2 .select-box b:after{position: absolute; content: ''; width: 24px; height: 100%; background: url(../img/sub/s61-arr.png) center no-repeat; right: 8px; top: 0; transition:.3s;}
.s61 .arti2 .select-box .option-box{position: absolute; width: 100%; z-index: 2; left: 0; top: 50px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; display: none;}
.s61 .arti2 .select-box .option-box ul{display: flex; width: 100%; padding: 12px 10px; flex-direction: column; align-items: flex-start; gap: 2px;}
.s61 .arti2 .select-box .option-box ul > li{display: flex; width: 100%; padding: 6px 10px; justify-content: space-between; align-items: center; color: #666; font-size: 16px; font-weight: 400; line-height: 160%; border-radius: 4px; transition:.3s; cursor: pointer;}
.s61 .arti2 .select-box .option-box ul > li:hover {background: #EFEFEF; color: #384CC2; font-weight: 500;}
.s61 .arti2 .link-box > a{display: flex; align-items:center; justify-content: center; width: 185px; height: 50px; border-radius: 4px; background: #263692; color: #FFF; text-align: center; font-size: 16px; font-weight: 600; line-height: 160%; transition:.3s;} 
.s61 .arti2 .link-box > a:hover{background: #FFC64E; color: #222;}
.s61 .arti2 .select-box.on{z-index: 10;
	b{border: 2px solid #384CC2; color: #444; font-weight: 600;}
	b:after{rotate:180deg;}
} 


.s61-top h4{color: #000;text-align: center;font-size: 32px;font-weight: 700; line-height: 130%;}
.s61-top > ul{display: flex; flex-direction: column; gap:3px;     border-radius: 20px; border: 1px solid #EEE;background: #F9F9F9; padding: 30px; margin-top: 30px; margin-bottom: 50px;}
.s61-top > ul > li{position: relative; color: #444; font-size: 17.6px; font-weight: 400; line-height: 170%; padding-left: 26px; display: flex; flex-wrap:wrap; }
.s61-top > ul > li span{font-weight: 600; color: #333; width: 80px;}
.s61-top > ul > li p{width: calc(100% - 80px);}
.s61-top > ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #444; border-radius: 50%; left: 10px; top: 13px;}

.s61-bottom{display: flex; flex-direction: column; gap:50px; margin-top: 50px; margin-bottom: 50px;}
.s61-bottom h4{color: #000; font-size: 28px;font-weight: 700; line-height: 130%; text-align: left; margin-bottom: 20px;}
.s61-bottom .cnt{display: flex; flex-direction: column; gap:3px;     border-radius: 20px; border: 1px solid #EEE;background: #F9FBFF; padding: 30px; }
.s61-bottom .cnt ul{display: flex; flex-direction: column; gap:3.4px}
.s61-bottom .cnt ul > li{display: flex; flex-wrap:wrap; align-items:center; font-size: 18px; line-height: 1.5;}
.s61-bottom .cnt ul > li span{width: 120px;}
.s61-bottom .cnt ul > li > div{flex:1; align-items:center;}
.s61-bottom .cnt ul > li > div input{border: 1px solid #ddd; border-radius: 3px; height: 40px; padding: 0 10px; font-size: 18px;}
.s61-bottom .cnt ol{display: flex; gap:12px;}
.s61-bottom .cnt ol > li{display: flex; gap:5px; align-items:center; font-size: 18px; line-height: 1.5; color: #444;}
.s61-bottom .cnt ol > li input{line-height: 0; margin: 0 !important;}
.s61-bottom .cnt > p{font-size: 18px; line-height: 1.5; font-weight: 500; color: #333; margin-top: 5px;}
.s61-bottom .cnt2{display: flex; flex-direction: column; gap:28px}
.s61-bottom .cnt2 .dot-ul > li{position: relative;color: #444; font-size: 16px; font-weight: 400; line-height: 170%;  padding-left: 21px;}
.s61-bottom .cnt2 .dot-ul > li:before{position: absolute; content: ''; width: 3px; height: 3px; background: #7242AC; border-radius: 50%; left: 8px; top: 11px;}
.s61-bottom .cnt2 p{color: #444; font-size: 16px; font-weight: 400; line-height: 140%; }




.s61 .arti2 .table-wrap table{border-top: 2px solid #263692; width: 100%;}
.s61 .arti2 .table-wrap table tr th{height: 60px; color: #1A266E; text-align: center; font-size: 16px; font-weight: 600; line-height: 160%;  background: #F3F6FA;}
.s61 .arti2 .table-wrap table tr td{height: 70px; color: #070707; font-size: 16px; font-weight: 600; line-height: 160%; /* 25.6px */ border-bottom: 1px solid #DDD; padding: 0 10px;}
.s61 .arti2 .table-wrap table tr td:first-child{text-align: center;}

.s61 .arti2 .select-box select{width: 100%; height: 50px; padding: 12px 10px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; color: #999; font-size: 16px;font-weight: 500; line-height: 160%;  z-index: 1; cursor: pointer; transition:.3s;}

.s61 .arti2 .select-box{position: relative; display: block; }
.s61 .arti2 .select-box b{position: relative; display: block; width: 100%; height: 50px; padding: 12px 10px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; color: #999; font-size: 16px;font-weight: 500; line-height: 160%;  z-index: 1; cursor: pointer; transition:.3s;}
.s61 .arti2 .select-box b:after{position: absolute; content: ''; width: 24px; height: 100%; background: url(../img/sub/s61-arr.png) center no-repeat; right: 8px; top: 0; transition:.3s;}
.s61 .arti2 .select-box .option-box{position: absolute; width: 100%; z-index: 2; left: 0; top: 50px; border-radius: 4px; border: 1px solid #DDD; background: #FFF; display: none;}
.s61 .arti2 .select-box .option-box ul{display: flex; width: 100%; padding: 12px 10px; flex-direction: column; align-items: flex-start; gap: 2px;}
.s61 .arti2 .select-box .option-box ul > li{display: flex; width: 100%; padding: 6px 10px; justify-content: space-between; align-items: center; color: #666; font-size: 16px; font-weight: 400; line-height: 160%; border-radius: 4px; transition:.3s; cursor: pointer;}
.s61 .arti2 .select-box .option-box ul > li:hover {background: #EFEFEF; color: #384CC2; font-weight: 500;}
.s61 .arti2 .link-box > a{display: flex; align-items:center; justify-content: center; width: 185px; height: 50px; border-radius: 4px; background: #263692; color: #FFF; text-align: center; font-size: 16px; font-weight: 600; line-height: 160%; transition:.3s;} 
.s61 .arti2 .link-box > a:hover{background: #FFC64E; color: #222;}
.s61 .arti2 .select-box.on{z-index: 10;
	b{border: 2px solid #384CC2; color: #444; font-weight: 600;}
	b:after{rotate:180deg;}
} 





/* mypage */
.mypage .arti1 .sub-tit1{text-align: center; text-align: center;color: #000;font-size: 32px;font-weight: 700;line-height: 130%; margin-top: 80px; margin-bottom: 30px;}
.grade-grapy table{border-top: 2px solid #263692; width: 100%;}
.grade-grapy table tr th{height: 60px; color: #1A266E; text-align: center; font-size: 16px; font-weight: 600; line-height: 160%;  background: #F3F6FA;}
.grade-grapy table tr td{height: 70px; color: #070707; font-size: 16px; font-weight: 600; line-height: 160%; /* 25.6px */ border-bottom: 1px solid #DDD; padding: 0 10px; text-align: center;}
.grade-grapy table tr td:first-child{text-align: center;}


.sub_10_1_ .lnb{display: none !important; }
.sub_10_1_ .sub-visual-box .speed-wrap{padding-bottom: 0;}
.sub_10_2_ .lnb{display: none !important; }
.sub_10_2_ .sub-visual-box .speed-wrap{padding-bottom: 0;}
.sub_10_3_ .lnb{display: none !important; }
.sub_10_3_ .sub-visual-box .speed-wrap{padding-bottom: 0;}
.sub_10_4_ .lnb{display: none !important; }
.sub_10_4_ .sub-visual-box .speed-wrap{padding-bottom: 0;}
.sub_10_5_ .lnb{display: none !important; }
.sub_10_5_ .sub-visual-box .speed-wrap{padding-bottom: 0;}



.sub_10_1_ .checkbox{font-size: 14px;}



.stit-new-box{text-align: center; font-size: 42px; line-height: 1.5; margin-bottom: 10px; color: #000; font-weight: 700;margin-bottom: 60px;	}
.s61-rodmap-list{display: flex; justify-content: center; align-items:center; gap:15px; margin-bottom: 40px;}
.s61-rodmap-list > li{}
.s61-rodmap-list > li > a{border: 1px solid #263692;background: #263692; height: 40px; padding: 0 10px; font-size: 18px; font-weight: 500; color: #fff; border-radius: 5px; display: flex; align-items:center; justify-content: center; transition:.3s;}  
.s61-rodmap-list > li:hover > a{background: #FFC64E; color: #222; border-color: #FFC64E;}



.bath-ol{display: flex; flex-direction: column; gap:6px; margin-top: 30px;}
.bath-ol > li{font-size: 16px; line-height: 1.5; color: #666;}