@charset "utf-8";

::-webkit-scrollbar {width: 8px;height: 8px;}
::-webkit-scrollbar-thumb {outline: none;border-radius: 4px;background: #2E3192; }
::-webkit-scrollbar-track {box-shadow: none; background-color: transparent;}

/* sub-common */
.speed-box{position: relative; z-index: 1; padding-top: 168px;}
.speed-box ul{display: flex; justify-content: flex-end; align-items:center;}
.speed-box ul > li{color: #FCFCFC; font-size: 20px; font-weight: 400; line-height: 160%;  display: flex; align-items:center; }
.speed-box ul > li:not(:last-child):after{content: ''; display: inline-block; width: 24px; height: 24px; background: url(../img/sub/speed-arr.png) center no-repeat; margin: 0 10px;}

.black{
	.speed-box ul > li{color: #999;  }
}

.sv-arti{padding-top: 100px; }
.sv-arti .tit{display: flex; flex-direction: column; gap:16px;}
.sv-arti .tit b{color: #070707;  font-size: 50px; font-weight: 700; line-height: 130%; }
.sv-arti .tit p{color: #666; font-size: 20px; font-weight: 400; line-height: 160%; }

.visual-box{position: relative; display: flex; flex-direction: column; align-items:center; justify-content: center; text-align: center; gap:20px; width: 100%;  height: 600px;}
.visual-box b{color: #FFF;  font-size: 56px; font-weight: 500; line-height: 130%; }
.visual-box b span{color: #2D9AFF; font-weight: 800;}
.visual-box p{color: #EEE;  font-size: 24px; font-weight: 400; line-height: 160%; }

/* s11 */
.sub_1_1 .speed-box{}
.s11{position: relative; margin-top: -200px;}
.s11 .arti1-wrap{background: url(../img/sub/s11-arti1-bg.jpg) center top / cover no-repeat; padding-top: 374px; padding-bottom: 237px;}
.s11 .arti1 .tit{display: flex; flex-direction: column; text-align: center; justify-content: center; gap:40px;}
.s11 .arti1 .tit b{color: #FFF;  font-size: 60px; font-weight: 700; line-height: 120%; }
.s11 .arti1 .tit b span{color: #2D9AFF;}
.s11 .arti1 .tit p{color: #F8F8F8; font-size: 26px; font-weight: 600; line-height: 160%; }
.s11 .arti1 .flex-box{display: flex; flex-direction: column; margin-top: 140px; gap:110px;}
.s11 .arti1 .flex-box .text{display: flex; flex-direction: column; }
.s11 .arti1 .flex-box .text b{position: relative; color: #FFF; font-size: 50px; font-weight: 700; line-height: 120%; padding-bottom: 32px;}
.s11 .arti1 .flex-box .text b:before{position: absolute; content: ''; width: 128px; height: 1px; background: rgba(255, 255, 255, 0.40); left: 0; bottom: 0;}
.s11 .arti1 .flex-box .text p{color: #EEE;  font-size: 22px; font-weight: 600; line-height: 180%; margin-top: 32px;}
.s11 .arti1 .flex-box .text:nth-child(even){text-align: right;}
.s11 .arti1 .flex-box .text:nth-child(even) b:before{left: auto; right: 0;}
.s11 .arti1 ul{display: flex; gap:30px; margin-top: 140px;}
.s11 .arti1 ul > li{flex:1; display: flex; padding: 40px; flex-direction: column; align-items: flex-start; flex-shrink: 0; align-self: stretch; border-radius: 20px; border: 1px solid rgba(41,140,232,0.6); background: rgba(2,11,31,0.9); backdrop-filter: blur(2px);}
.s11 .arti1 ul > li i{margin-left: auto;}
.s11 .arti1 ul > li .tbx{display: flex; flex-direction: column; }
.s11 .arti1 ul > li .tbx strong{color: #2D9AFF; font-size: 32px; font-weight: 700; line-height: 160%; }
.s11 .arti1 ul > li .tbx b{color: #FFF; font-size: 24px; font-weight: 700; line-height: 160%;  margin: 10px 0 12px; width: 110%;}
.s11 .arti1 ul > li .tbx p{color: #CCC; font-size: 20px; font-weight: 400; line-height: 160%; }
.s11 .arti2{margin-top: 120px; margin-bottom: 120px;}
.s11 .arti2 ul{display: flex; align-items:flex-start; text-align: center;}
.s11 .arti2 ul > li{flex:25%; display: flex; flex-direction: column; gap:40px; border-right: 1px solid #EEE;}
.s11 .arti2 ul > li:last-child{border-right: 0;}
.s11 .arti2 ul > li .tbx{display: flex; flex-direction: column; gap:24px;}
.s11 .arti2 ul > li .tbx b{color: #222;  font-size: 26px; font-weight: 700; line-height: 160%; }
.s11 .arti2 ul > li .tbx p{color: #666;  font-size: 20px; font-weight: 400; line-height: 160%; }
.s11 .arti3{border-top: 1px solid #eee; padding-top: 120px;}
.s11 .arti3 .tit-box{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s11 .arti3 .tit-box h3{color: #222; font-size: 50px; font-weight: 700; line-height: 120%; }
.s11 .arti3 .tit-box .his-controll-box{display: flex; align-items:center; line-height: 0; gap:34px;}
.s11 .arti3 .tit-box .his-controll-box .num-box{display: flex; align-items:center; font-family: Montserrat; gap:0 6px; color: #CCC; font-size: 22px; font-weight: 600; line-height: 120%;}
.s11 .arti3 .tit-box .his-controll-box .num-box .active-num{color: #222;}
.s11 .arti3 .tit-box .his-controll-box .btn-box{display: flex; align-items:center; gap:12px;}
.s11 .arti3 .tit-box .his-controll-box .btn-box > *{width: 60px; height: 60px; background: rgba(153,153,153,0.2); border-radius: 50%; display: flex; align-items:center; justify-content: center; cursor: pointer; transition:.3s;} 
.s11 .arti3 .tit-box .his-controll-box .btn-box > * svg path{transition:.3s;}
.s11 .arti3 .tit-box .his-controll-box .btn-box >
*:hover{background: #2E3192;
 svg path{stroke:#fff}
}
.s11 .arti3 .history-box{margin-left: 423px; margin-top: 83px;  }
.s11 .arti3 .history-box .item{display: flex; flex-direction: column; position: relative; gap:4px; padding-top: 30px; padding-right: 50px; }
.s11 .arti3 .history-box .item b{color: #222; font-family: Montserrat; font-size: 48px; font-weight: 600; line-height: 160%; }
.s11 .arti3 .history-box .item p{color: #444; font-size: 22px; font-weight: 600; line-height: 160%; word-break: keep-all;}
.s11 .arti3 .history-box .dot-box{border-top: 2px solid #EEE; display: flex; }
.s11 .arti3 .history-box .dot-box span{position: relative; flex:1; }
.s11 .arti3 .history-box .dot-box span:after{position: absolute; display: block; content: ''; width: 16px; height: 16px; border: 4px solid #2E3192; border-radius: 50%; left: 0; top: -8px;}
.s11 .arti3 .history-box .dot-box span:first-child:after{width: 26px; height: 26px; border: 9px solid #2E3192; left: -3px; top: -13px;}
.s11 .arti4-wrap{background: #EFF5FA; padding: 160px 0 200px; margin-top: 70px;}
.s11 .arti4{display: flex; flex-wrap:wrap; position: relative; gap:91px; justify-content: space-between;;} 
.s11 .arti4 .lbx{width: 330px;}
.s11 .arti4 .lbx .sticky{position: sticky; top: 0;}
.s11 .arti4 .lbx h3{color: #222; font-size: 50px; font-weight: 700; line-height: 120%; }
.s11 .arti4 .lbx p{color: #444; font-size: 24px; font-weight: 400; line-height: 160%; margin: 20px 0 40px;}
.s11 .arti4 .lbx .link-box > a{display: inline-flex; width: 247px; height: 70px; padding: 0px 43px; justify-content: space-between; align-items:center; gap: 10px; color: #FFF; font-size: 20px; font-weight: 700; line-height: 100%; border-radius: 100px; background: #2E3192; backdrop-filter: blur(6px); transition:.3s;}
.s11 .arti4 .lbx .link-box > a i{line-height: 0px;}
.s11 .arti4 .lbx .link-box > a i img{filter: brightness(12); transition:.3s;}
.s11 .arti4 .lbx .link-box > a:hover{background: #000;}
.s11 .arti4 .rbx{flex:1;}
.s11 .arti4 .rbx ul {display: flex; flex-direction: column; gap:40px;}
.s11 .arti4 .rbx ul > li{display: flex; align-items:center; flex-wrap:wrap; gap:20px; padding-bottom: 10px; border-bottom: 1px solid #CCC;}
.s11 .arti4 .rbx ul > li span{color: #222; font-size: 26px; font-weight: 600; line-height: 160%; width: 118px;}
.s11 .arti4 .rbx ul > li p{color: #444; font-size: 24px; font-weight: 400; line-height: 160%; flex:1; }
.s11 .arti4 .rbx ul > li p a{display: inline-block; transition:.3s;}
.s11 .arti4 .rbx ul > li p a:hover{color: #000;}

/* s12 */
.s12{margin-bottom: 140px;}
.s12 .visual-box{background: url(../img/sub/s12-visual.jpg) center / cover no-repeat; margin-top: 80px;}
.s12 .arti2{display: flex; flex-direction: column; margin-top: 60px;}
.s12 .arti2 dl{display: flex; flex-wrap:wrap; gap:40px; padding: 40px 0 60px; border-bottom: 1px solid #EEE;}
.s12 .arti2 dl:last-child{border-bottom: 0;}
.s12 .arti2 dl dt{width: 320px;}
.s12 .arti2 dl dt span{display: flex; display: flex; width: 100%; height: 130px; padding: 10px; justify-content: center; align-items: center; border-radius: 20px; background: #F6F6F6; }
.s12 .arti2 dl dt span img{mix-blend-mode: multiply;}
.s12 .arti2 dl dd{flex:1; position: relative; top: 6px;}
.s12 .arti2 dl dd ul{display: flex; flex-wrap:wrap; gap:14px;}
.s12 .arti2 dl dd ul > li{display: flex; align-items:center; height: 52px; padding: 0px 20px; color: #222; font-size: 20px; font-weight: 600; line-height: 160%; border-radius: 50px; background: #F4F4F9;}

/* s13 */
.s13{margin-bottom: 200px;}
.s13 .arti2 {margin-top: 80px;}
.s13 .arti2 .map-box{border-radius: 24px; overflow: hidden;}
.s13 .arti2 .map-box .root_daum_roughmap{width: calc(100% + 2px); margin: -1px;}
.s13 .arti2 .map-box .root_daum_roughmap .wrap_map{height: 602px !Important;}
.s13 .arti2 .map-box .root_daum_roughmap .wrap_controllers{display: none !important; }
.s13 .arti2 .map-box .cont{display: none;}
.s13 .arti3{display: flex; flex-wrap:wrap; justify-content: space-between; margin-top: 40px;}
.s13 .arti3 ul > li {display: flex; flex-wrap:wrap; gap:30px; color: #666; font-size: 20px; font-weight: 400; line-height: 160%; }
.s13 .arti3 ul > li  span{color: #222; font-weight: 600; line-height: 160%; width: 102px; }
.s13 .arti3 ul > li  p{flex:1;}
.s13 .arti3 ol{display: flex; flex-wrap:wrap; gap:20px;}
.s13 .arti3 ol > li > a {display: flex; align-items:center; justify-content: space-between; width: 180px; height: 60px;border-radius: 8px; background: #999; color: #FFF;  font-size: 20px; font-weight: 500; line-height: 37px; padding: 0 20px; transition:.3s;}
.s13 .arti3 ol > li > a i{line-height: 0; }
.s13 .arti3 ol > li > a i img{transition:.3s;}
.s13 .arti3 ol > li:hover > a{background: #2E3192;}

/* s21 */
.s2 {margin-bottom: 200px;}
.s2-arti2-wrap{background: url(../img/sub/s2-arti2-bg.jpg) center / cover no-repeat; padding: 180px 0; margin-top: 80px;}
.s2-arti2{display: flex; flex-direction: column; justify-content: center; text-align: center; gap:100px;}
.s2-arti2 .tit{position: relative; display: flex; flex-direction: column; gap:40px; padding-bottom: 100px;}
.s2-arti2 .tit:after{position: absolute; content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(151, 151, 151, 0.00) 21.63%, #D2D2D2 52.4%, rgba(151, 151, 151, 0.00) 77.88%); left: 50%; bottom: 0; translate:-50% 0;}
.s2-arti2 .tit h4{color: #070707; text-align: center; font-size: 50px; font-weight: 700; line-height: 120%; }
.s2-arti2 .tit h4 span{color: #2D9AFF;}
.s2-arti2 .tit p{color: #666; font-size: 24px; font-weight: 400; line-height: 160%; }
.s2-arti2 .btn-wrap p{color: #666; font-size: 24px; font-weight: 600; line-height: 160%; margin-bottom: 40px;}
.s2-arti2 .btn-wrap p span{color: #2D9AFF;}
.s2-arti2 .btn-wrap ul{display: flex; flex-wrap:wrap; gap:18px; justify-content: center;}
.s2-arti2 .btn-wrap ul > li > a{display: flex; width: 380px; height: 84px; padding: 0 40px; align-items: center; justify-content: space-between; border-radius: 100px; background: #999; backdrop-filter: blur(6px); color: #FFF; font-size: 24px; font-weight: 700; line-height: 160%; transition:.3s;}
.s2-arti2 .btn-wrap ul > li > a i{line-height: 0; transition:.3s; margin-right: -8px;		}

.s2-arti2 .btn-wrap ul > li:hover > a,
.s2-arti2 .btn-wrap ul > li.current > a{background: #2E3192;
	i{opacity: 0;}
}
.s2-arti3-wrap{background: url(../img/sub/s21-arti3-bg.jpg) center / cover no-repeat; display: flex; align-items:Center;  text-align: center; height: 600px;}
.s2-arti3 .tit{display: flex; flex-direction: column; gap:40px;}
.s2-arti3 .tit h4{color: #FFF; font-size: 56px; font-weight: 500; line-height: 130%; }
.s2-arti3 .tit h4 span{color: #2D9AFF; font-weight: 800;} 
.s2-arti3 .tit p{color: #EEE;  font-size: 24px;  font-weight: 400; line-height: 160%; }

.s2-arti4{margin-top: 120px; margin-bottom: 160px;}
.s2-arti4 .tit h4{text-align: center; color: #222;  font-size: 44px; font-weight: 500; line-height: 130%; }
.s2-arti4 .tit h4 span{font-weight: 700; color: #2E3192;}
.s2-arti4 ul{position: relative; display: flex; flex-wrap:wrap; margin-top: 60px; gap:40px 0;}
.s2-arti4 ul:after{position: absolute; content: ''; width: 1px; height: 100%; background: #eee; left: 50%; top: 0;}
.s2-arti4 ul > li{display: flex; flex-wrap:wrap; padding: 0px 80px; flex:1 1 40%; align-items:center;  text-align: left;}
.s2-arti4 ul > li i{width: 130px; height: 130px; border-radius: 16px; background: #F1F0F6; display: flex; align-items:center; justify-content: center; line-height: 0;}
.s2-arti4 ul > li .tbx{display: flex; align-items: flex-start; flex-direction: column; color: #666; font-size: 22px; font-weight: 400; line-height: 160%; padding-left: 30px; flex:1;}
.s2-arti4 ul > li:nth-child(odd){padding-left: 0;}
.s2-arti4 ul > li:nth-child(even){padding-right: 0;}

.s2-arti5-wrap{background: #EFF0FA; padding: 100px 0 70px;}
.s2-arti5{position: relative;}
.s2-arti5 .item{display: flex; flex-wrap:wrap; gap:80px;}
.s2-arti5 .item figure{max-width:660px;}
.s2-arti5 .item figure img{width: 100%; border-radius: 40px;}
.s2-arti5 .item .tbx{display: flex; flex-direction: column; flex:1; padding-top: 83px;}
.s2-arti5 .item .tbx small{color: #2E3192;  font-size: 20px; font-weight: 700; line-height: 160%; margin-bottom: 20px;}
.s2-arti5 .item .tbx h5{color: #222; font-size: 40px;  font-weight: 700; line-height: 160%; margin-bottom: 20px;}
.s2-arti5 .item .tbx > p{color: #444;  font-size: 24px; font-weight: 500; line-height: 160%; margin-bottom: 10px;}
.s2-arti5 .item .tbx > ul{display: flex; flex-direction: column; gap:5px;}
.s2-arti5 .item .tbx > ul > li{display: flex; flex-wrap:wrap; color:#666; font-size: 20px; font-weight: 400; line-height: 180%; }
.s2-arti5 .item .tbx > ul > li span{width: 15px;}
.s2-arti5 .item .tbx > ul > li p{flex:1;}

.s2-arti5 .controll-box{display: flex; align-items:center; line-height: 0; gap:17px; position: absolute; right: 20px; bottom: 113px;		z-index: 10;}
.s2-arti5 .controll-box .num-box{display: flex; align-items:center; font-family: Montserrat; gap:0 6px; color: #CCC; font-size: 22px; font-weight: 600; line-height: 120%;}
.s2-arti5 .controll-box .num-box .active-num{color: #222;}
.s2-arti5 .controll-box .btn-box{display: flex; align-items:center; gap:16px;}
.s2-arti5 .controll-box .btn-box > *{width: 60px; height: 60px; background: rgba(153,153,153,0.2); border-radius: 50%; display: flex; align-items:center; justify-content: center; cursor: pointer; transition:.3s;} 
.s2-arti5 .controll-box .btn-box > * svg path{transition:.3s;stroke:#fff}
.s2-arti5 .controll-box .btn-box >
*:hover{background: #2E3192;
}

.s2-arti6-wrap{background: url(../img/sub/s2-arti6-bg.jpg) center / cover no-repeat; box-sizing: border-box; padding: 140px 0 160px;}
.s2-arti6 .flex-box{display: flex; flex-wrap:wrap; justify-content: space-between;}
.s2-arti6 .flex-box > *{width: 50%;}
.s2-arti6 .flex-box .lbx{display: flex; flex-direction: column; }
.s2-arti6 .flex-box .lbx h4{color: #FFF;font-size: 40px; font-weight: 700; line-height: 160%; }
.s2-arti6 .flex-box .lbx p{color: #CCC; font-size: 22px; font-weight: 400; line-height: 160%; margin: 12px 0 40px;}
.s2-arti6 .flex-box .lbx .link-box > a{display: flex; align-items:center; justify-content: space-between; padding: 0px 40px; width: 298px; height: 70px; border-radius: 100px; background: rgba(217, 217, 217, 0.20); backdrop-filter: blur(6px); color: #FFF; font-size: 20px; font-weight: 700; line-height: 100%; transition:.3s;}
.s2-arti6 .flex-box .lbx .link-box > a i{line-height: 0;}
.s2-arti6 .flex-box .lbx .link-box > a i img{transition:.3s;}
.s2-arti6 .flex-box .lbx .link-box > a:hover{background: #2E3192; color: #fff;
 i img{filter:brightness(12);}
}

.s2-arti6 .flex-box .rbx > p{color: #FFF; font-size: 22px; font-weight: 400; line-height: 160%; }
.s2-arti6 .flex-box .rbx > p b{ font-size: 26px; font-weight: 600; display: block; margin-bottom: 8px;}
.s2-arti6 .flex-box .rbx ul {margin-top: 20px; display: flex; flex-direction: column; gap:5px;} 
.s2-arti6 .flex-box .rbx ul > li{display: flex;border-top: 1px solid rgba(255, 255, 255, 0.20); height: 91px; align-items:center; font-size: 26px; }
.s2-arti6 .flex-box .rbx ul > li span{color: #FFF;  font-weight: 600; line-height: 160%; padding-right: 20px;}
.s2-arti6 .flex-box .rbx ul > li p{color: #2D9AFF;  font-weight: 700; }
.s2-arti6 ol{display: flex; flex-wrap:wrap; text-align: center; margin-top: 117px;}
.s2-arti6 ol > li{position: relative; flex:1; }
.s2-arti6 ol > li i{display: block;}
.s2-arti6 ol > li .tbx{position: relative; display: flex; flex-direction: column; padding-top: 23px; border-top: 1px solid rgba(255, 255, 255, 0.20); margin-top: 16px;}
.s2-arti6 ol > li .tbx:after{position: absolute; content: ''; width: 30px; height: 30px; background: url(../img/sub/s2-arti6-arr.png) center no-repeat; right: -15px; top: -15px;}
.s2-arti6 ol > li:last-child .tbx:after{display: none;}
.s2-arti6 ol > li .tbx p{color: #FFF;  font-size: 26px; font-weight: 600; line-height: 160%; } 
.s2-arti6 ol > li .tbx span{color: #999;  font-size: 20px; font-weight: 400; line-height: 160%; }
.s2-arti7{display: flex; flex-direction: column; margin-top: 160px; gap:120px;}
.s2-arti7 .box h4{color: #070707; font-size: 40px; font-weight: 700; line-height: 160%; margin-bottom: 40px;}
.s2-arti7 .box .table-wrap table{width: 100%;}
.s2-arti7 .box .table-wrap tr > *{padding: 16px 0; text-align: center; color: #666; font-size: 18px; font-weight: 500;line-height: 140%; border: 1px solid #ddd;}
.s2-arti7 .box .table-wrap tr > *:first-child{border-left: 0;}
.s2-arti7 .box .table-wrap tr > *:last-child{border-right: 0;}
.s2-arti7 .box .table-wrap tr > td{height: 80px;}
.s2-arti7 .box .table-wrap table.top-title tr > th{padding: 0; background: #0C0E50; height: 60px; color: #FFF;  font-size: 18px; font-weight: 600; }
.s2-arti7 .box .table-wrap table.top-title tr > td:first-child{background: #F7F7F7; color: #444; font-weight: 500;}
.s2-arti7 .box .table-wrap table.left-title{border-top: 2px solid #999;}
.s2-arti7 .box .table-wrap table.left-title{margin-top: 60px;}
.s2-arti7 .box .table-wrap table.left-title tr > th{background: #E5F0FF; color: #444;  font-size: 18px; font-weight: 600; }
.s2-arti7 .box .table-wrap table.left-title tr > td{text-align: left; padding: 16px 20px;}
.s2-arti7 .box:nth-child(2) .table-wrap tr > td{ height: 59px;}
.s2-arti7 .box > .p-box{color:#999; font-size: 20px; font-weight: 400; line-height: 160%; margin-top: 20px;}
.s2-arti7 .box > .p-box ul > li{text-indent: 20px; margin-left: -5px;}

/* s23 */
.s23 .sv-arti{margin-bottom: 80px;}
.s23 .article-box > .img-box{display: flex; align-items:center; justify-content: center; text-align: center; height: 320px; background: url(../img/sub/s23-1.jpg) center / cover no-repeat; margin-bottom: 100px;}
.s23 .article-box > .img-box .tbx{color: #FFF;  font-size: 44px; font-weight: 700; line-height: 130%; } 
.s23 .article-box > .tit{display: flex; flex-direction: column; gap:24px;}
.s23 .article-box > .tit h5{color: #222;  font-size: 40px; font-weight: 500; line-height: 160%; }
.s23 .article-box > .tit h5 span{font-weight: 700; color: #2E3192;}
.s23 .article-box > .tit p{color: #666; font-size: 24px; font-weight: 400; line-height: 160%; }

.s23 .article-box > .flex-box{display: flex; flex-wrap:wrap; gap:40px; margin-top: 60px;		}
.s23 .article-box > .flex-box .box{flex:1;	padding: 40px 40px 50px 40px; display: flex; flex-direction: column;  border-radius: 20px; background: #F7F9FC;}
.s23 .article-box > .flex-box .box i{margin-left: auto; display: flex; width: 120px; height: 120px; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 16px; border: 1px solid rgba(46, 49, 146, 0.30); background: var(--Basic-White, #FFF);}
.s23 .article-box > .flex-box .box .tbx{display: flex; flex-direction: column; gap:10px; margin-top: -20px;}
.s23 .article-box > .flex-box .box .tbx b{color: #222; font-size: 28px; font-weight: 700; line-height: 160%; }
.s23 .article-box > .flex-box .box .tbx p{color: #666;  font-size: 22px; font-weight: 400; line-height: 160%; }

.s23 .arti3{margin-top: 160px;}
.s23 .article-box.arti3 > .img-box{background: url(../img/sub/s23-4.jpg) center / cover no-repeat; }
.s23 .article-box.arti3 > .tit{display: flex; flex-wrap:wrap; justify-content: space-between; flex-direction: row; }
.s23 .article-box.arti3 > .tit .left{display: flex; flex-direction: column; gap:20px;}
.s23 .article-box.arti3 > .tit ul{display: flex; flex-wrap:wrap; gap:20px; }
.s23 .article-box.arti3 > .tit ul > li{width: 160px;}
.s23 .article-box.arti3 > .tit ul > li h6{border-radius: 14px 14px 0 0; background: #2D9AFF; color: #FFF; font-size: 18px; font-weight: 600; line-height: 160%; text-align: center; display: flex; align-items:center; justify-content: center; height: 42px;}
.s23 .article-box.arti3 > .tit ul > li:last-child h6{background: #2E3192;}
.s23 .article-box.arti3 > .tit ul > li .cnt{display: flex; align-items:center; justify-content: center; border: 1px solid rgba(46, 49, 146, 0.13); background: #F7F9FC; height: 160px; width: 100%;}
.s23 .article-box.arti3 .ul-box{display: flex; flex-direction: column; gap:60px; margin-top: 60px;}
.s23 .article-box.arti3 .ul-box ul{display: flex; flex-wrap:wrap; gap:40px; }
.s23 .article-box.arti3 .ul-box ul > li{flex:1;}
.s23 .article-box.arti3 .ul-box ul > li h6{border-radius: 14px 14px 0 0; background: #2D9AFF; color: #FFF; font-size: 18px; font-weight: 600; line-height: 160%; text-align: center; display: flex; align-items:center; justify-content: center; height: 46px;}
.s23 .article-box.arti3 .ul-box ul > li .cnt{border-radius: 0 0 14px 14px; }
.s23 .article-box.arti3 .ul-box .flex-ul2 > li h6{background: #2E3192;}

/* s31 */
.s31-sv-arti .visual-box{background: url(../img/sub/s31-1.jpg) center / cover no-repeat; margin-top: 80px; margin-bottom: 100px;}

/* s41 */
.s41 .arti1 .visual-box{background: url(../img/sub/s41-1.jpg) center / cover no-repeat; margin-top: 80px;}

.s41 .arti2 {margin-top: 160px; margin-bottom: 200px;}
.s41 .arti2 .tit{display: flex; flex-direction: column; text-align: center; }
.s41 .arti2 .tit b{color: #222;  font-size: 50px; font-weight: 700; line-height: 120%; }
.s41 .arti2 .tit p{color: #666;  font-size: 24px; font-weight: 400; line-height: 160%; margin: 40px 0 20px;}
.s41 .arti2 .tit span{color: #2D9AFF; font-size: 18px; font-weight: 400; line-height: 160%; }
.s41 .arti2 ul{display: flex; flex-wrap:wrap; gap:52px; margin-top: 120px;;}
.s41 .arti2 ul > li{position: relative; display: flex; padding: 50px 18px; flex-direction: column; align-items: center; border-radius: 20px; border: 1px solid #CCC; background: #FBFBFB; flex:1; justify-content: center; text-align: center; gap:30px; }
.s41 .arti2 ul > li:before{position: absolute; content: ''; width: 52px; height: 1px; background: url(../img/sub/s41-line.png) left center no-repeat; right: -52px; top: 50%; }
.s41 .arti2 ul > li:after{position: absolute; content: ''; width: 6px; height: 6px; background: #2E3192; border-radius: 50%; right: -55px; top: 50%; margin-top: -3px; z-index: 1;}
.s41 .arti2 ul > li:last-child:before,
.s41 .arti2 ul > li:last-child:after{display: none;}

.s41 .arti2 ul > li span{display: flex; width: 134px;height: 37px; padding: 1px 23px; justify-content: center; align-items: center; border-radius: 100px; background: #2E3192; color: #FFF;  font-size: 18px; font-weight: 600; line-height: 160%; /* 28.8px */}
.s41 .arti2 ul > li .tbx {display: flex; flex-direction: column; gap:13px;}
.s41 .arti2 ul > li .tbx b{color: #2E3192;  font-size: 26px; font-weight: 700; line-height: 160%; }
.s41 .arti2 ul > li .tbx p{color: #666; font-size: 20px; font-weight: 400; line-height: 160%; }
.s41 .arti3 .visual-box{background: url(../img/sub/s41-2.jpg) center / cover no-repeat; margin-top: 80px;}
.s41 .arti3 .visual-box p{font-size: 18px; margin: 20px 0 20px;}
.s41 .arti3 .visual-box ul{display: flex; flex-wrap:wrap; gap:16px;}
.s41 .arti3 .visual-box ul > li{display: flex; width: 256px; height: 64px; flex-direction: column; justify-content: center; align-items: center; border-radius: 11.2px; background: rgba(217, 217, 217, 0.30); backdrop-filter: blur(4.800000190734863px);}
.s41 .arti4 {display: flex; flex-direction: column; margin-top: 50px; margin-bottom: 160px;}
.s41 .arti4 dl{display: flex; flex-wrap:wrap; gap:60px; padding: 50px 0; border-bottom: 1px solid #EEE;}
.s41 .arti4 dl dt{width: 328px; color: #222; font-size: 32px; font-weight: 700; line-height: 160%; }
.s41 .arti4 dl dd{flex:1; display: flex; flex-wrap:wrap; gap:39px;}
.s41 .arti4 dl dd i{width: 130px; height: 130px; border-radius: 16px; background: #F1F0F6; display: flex; justify-content: center; align-items: center;	}
.s41 .arti4 dl dd .tbx{display: flex; flex-direction: column; gap:4px; flex:1; padding-top: 10px;}
.s41 .arti4 dl dd .tbx b{color: #2E3192; font-size: 26px; font-weight: 600; line-height: 160%; }
.s41 .arti4 dl dd .tbx p{color: #666; font-size: 22px; font-weight: 400; line-height: 160%; }
.s41 .arti4 dl dd .tbx p.p2{font-size: 20px; color: #333;	}

.s41 .arti4 > p{color: #999; font-size: 20px; font-weight: 400; line-height: 160%; margin-top: 40px; text-indent: -16px; margin-left: 16px;}

.s41 .arti5-wrap{background: url(../img/sub/s41-10.jpg) center / cover no-repeat;padding: 160px 0 200px;}
.s41 .arti5 .tit{display: flex; flex-direction: column; }
.s41 .arti5 .tit b{color: #FFF; text-align: center; font-size: 56px; font-weight: 500; line-height: 130%; }
.s41 .arti5 .tit b span{font-weight: 800; color: #2D9AFF;}
.s41 .arti5 ul{display: flex;flex-wrap:wrap; gap:30px; margin-top: 80px;}
.s41 .arti5 ul > li{flex:40%; border-radius: 20px; opacity: 0.9; background: #1B1E6E; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25); backdrop-filter: blur(2px); display: flex; padding: 38px 38px 40px 40px;      flex-direction: column; justify-content: flex-start; align-items: stretch; }
.s41 .arti5 ul > li:nth-child(n+3){flex:30%;}
.s41 .arti5 ul > li i{width: 100px; height: 100px; background: #fff;  border-radius: 15px; background: #fff; display: flex; align-items:center; justify-content: center; margin-left: auto;}
.s41 .arti5 ul > li .tbx{display: flex; flex-direction: column; gap:10px; margin-top: -16px;}
.s41 .arti5 ul > li .tbx b{color: #FFF; font-size: 28px; font-weight: 700; line-height: 160%; }
.s41 .arti5 ul > li .tbx p{color: #F8F8F8; font-size: 20px; font-weight: 400; line-height: 160%; }









/* 캘린더 */
.calendar {padding-bottom: 150px;}
.calendar .calendar-wrap .calendar-title {display: flex; margin-bottom: 40px; align-items: center; justify-content: center;}
.calendar .calendar-wrap .calendar-title a {display:flex; justify-content:center; align-items:center; width: 30px; height: 30px; border: 1px solid #ddd; border-radius: 50%; text-align: center;}
.calendar .calendar-wrap .calendar-title h4 {font-size: 40px; color: #111; padding: 0 15px;}
.calendar .calendar-wrap .calendar-title h4 span {display: inline-block; font-size: 40px; color: #111;}
.calendar .calendar-wrap table {border-spacing:3px; border-collapse:separate; width: 100%; table-layout: fixed;}
.calendar .calendar-wrap tr th {border-radius:5px; background: #f5f5f5; font-size: 20px; color: #333; line-height: 50px;}
.calendar .calendar-wrap tr td {height: 150px; border: 1px solid #ddd; border-radius:5px; vertical-align: top; font-size: 18px; color: #666; padding: 15px;}
.calendar .calendar-wrap tr td p {text-align: right; padding: 0 5px;}
.calendar .calendar-wrap tr td .date-sat {color: #0100ff;}
.calendar .calendar-wrap tr td .date-sun {color: #ff0000;}
.calendar .calendar-wrap tr td ul {padding-top: 10px;}
.calendar .calendar-wrap tr td ul li a{position: relative; display: block; padding-left: 10px; text-align: left; font-size: 15px; line-height: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.calendar .calendar-wrap tr td ul li a:before {position: absolute; content:'-'; width: 10px; height: 1px; left: 0; top: 0;}
.calendar .calendar-wrap tr .sun {background: #ff8518; color: #fff;}
.calendar .calendar-wrap tr .sat {background: #00b58c; color: #fff;}  
@media(max-width: 1024px) {
	.calendar .calendar-wrap tr td {height: 120px; padding: 5px;}
}
@media(max-width: 640px) {
	.calendar {padding-bottom: 80px;}
	.calendar .calendar-wrap tr th {font-size: 18px;}
	.calendar .calendar-wrap tr td {font-size: 16px; height: 80px;}
	.calendar .calendar-wrap .calendar-title h4 span {font-size: 30px;}
	.calendar .calendar-wrap tr td ul li a {font-size: 12px;}

}


.grid {margin:-20px;}
.grid-item {width:33.3333333%; float:left; padding:20px;}
.grid-item .inner {background:#ddd; width:100%; height:100%;}


.menu {height:100vh; max-width:1400px; width:100%; margin:0 auto; position:relative; padding-right:60px; z-index:1;}
.menu .menu-open {position:absolute; width:40px; height:40px; background:#f0c; position:absolute; top:0; right:0; border-radius:50%; z-index:3;}
.menu ul {display:flex; margin:0 -10px -20px; transition:all 0.6s;}
.menu ul li {padding:0 10px; width:auto; margin-bottom:20px;}
.menu ul li a {display:inline-block; padding:0 20px; line-height:40px; background:#999; color:#111; border-radius:20px;}



/* sub 06 07 history 서우인 */
.history .real-cont {padding-bottom:0;}
.history .img-box {margin-bottom:96px;}
.history .col {display:flex; position:relative; padding-bottom:300px;}
.history .col:after {content:''; width:1px; height:100%; background:#ddd; position:absolute; top:0; left:660px;}
.history .year {width:100%; max-width:660px; padding:0 70px; position:relative; text-align:right;}
.history .year .tit {position:sticky; top:100px; right:0; display:inline-block;}
.history .year.active .tit {z-index:1;}
.history .year p {font-size:40px; line-height:1.2em; color:#000; font-weight:700; margin-bottom:24px;}
.history .year h4 {font-size:100px; line-height:1.1em; color:#518bd3; text-align:left;}
.history .wrap {width:1%; flex:1 1 auto; padding-left:50px;}
.history .txt-box {margin-bottom:140px;}
.history .txt-box .m-year {display:none;}
.history .txt-box .txt {display:flex; margin-bottom:6px;}
.history .txt-box .txt .month {width:100%; max-width:50px; font-size:18px; line-height:1.8em; color:#000; font-weight:700;}
.history .txt-box .txt p {width:1%; flex:1 1 auto; font-size:18px; line-height:1.8em; color:#666;}


/* gasp 연습 */

/* 7 1 */
.backimg {margin-bottom:140px; height:100vh; background:url('../img/sub/main-visual02.jpg') center center no-repeat; overflow:hidden;}
.backimg .col {display:flex; height:100%; align-items:center;}
.backimg .txt {font-size:30px; line-height:1.2em; color:#fff; font-weight:600; width:33.33333%; padding:0 30px; text-align:center;}

.gsaps .wrap {width:100%; max-width:1440px; padding:0 15px; margin:0 auto;}
.gsaps .title {margin-bottom:80px;}
.gsaps .title h3 {font-size:60px; color:#000; line-height:1.2em; text-align:center;}
.gsaps .img-box {height:80vh; background:url('../img/sub/main-visual02.jpg') center center no-repeat; margin:0 auto;}

.rolling {height:100vh; background:#333; position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.rolling div {font-size:60px; color:#fff; background:#333; line-height:1.2em; font-weight:700; text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
/* 7 2 */
.ghisto .col {display:flex; min-height:400px; margin-bottom:100px;}
.ghisto .col > div {width:50%;}
.ghisto .year {padding:0 60px; text-align:right; position:relative;}
.ghisto .year p {font-size:100px; line-height:1.1em; color:#518bd3; font-weight:600; position:sticky; top:120px;}
.ghisto .txt {display:flex; margin-bottom:30px; padding-top:40px;}
.ghisto .txt:last-child {margin-bottom:0;}
.ghisto .txt .month {width:100%; max-width:100px; font-size:24px; line-height:1.5em; color:#000;}
.ghisto .txt ul {width:1%; flex:1 1 auto;}
.ghisto .txt ul li {font-size:24px; line-height:1.5em; color:#666;}

/* 7 3 */
.ghistory .img-box {height:400px; background:url('../img/sub/history-img.jpg') center center no-repeat; width:1400px; margin:0 auto 100px; overflow:hidden;}
.ghistory .col {display:flex; padding-bottom:120px; min-height:300px;}
.ghistory .col:last-child {padding-bottom:60px;}
.ghistory .col > div {width:50%;}
.ghistory .year {padding:0 20px; text-align:center; font-size:100px; color:#518bd3; line-height:1.1em; font-weight:700;}
.ghistory .txt-box {padding:20px 20px 0;}
.ghistory .txt-box .txt {display:flex; font-size:20px; line-height:1.5em; margin-bottom:14px;}
.ghistory .txt-box .txt:last-child {margin-bottom:0;}
.ghistory .txt-box .txt .month {width:80px; color:#000; font-weight:500;}
.ghistory .txt-box .txt ul {display:flex;}
.ghistory .txt-box .txt ul li {color:#666;}
/* 7 4 */
.circleg {height:100vh; position:relative; background:#f0f0f0;}
.circleg > div {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.circleg .ground {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.circleg .txt {text-align:center; display:flex; width:100%; height:100%; flex-direction:column; align-items:center; justify-content:center;}
.circleg .txt h2 {font-size:5rem; line-height:1.1em; margin-bottom:40px; font-weight:800;}	 
.circleg .txt p {font-size:3rem; line-height:1.2em; font-weight:600;}
.circleg .over .txt {color:#fff; will-change:clip-path; clip-path: circle(10vw); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url('../img/sub/main-visual02.jpg') center center no-repeat; overflow:hidden; white-space:nowrap;}
/* 7 5 */
.anchor {position:relative; overflow:hidden;}
.anchor .section {position:relative; background-repeat:no-repeat; background-size:cover; background-position:center center; height:100vh; display:flex; width:100vw; justify-content:space-between;}
.anchor .section01 {background-image:url('../img/sub/main1920-02.jpg');}
.anchor .section02 {background-image:url('../img/sub/main1920-03.jpg');}
.anchor .section03 {background-image:url('../img/sub/main1920-04.jpg');}
.anchor .section04 {background-image:url('../img/sub/main1920-05.jpg');}

.anchor .section .txt-box {display:flex; justify-content:center; flex-direction:column; width:100%; height:100%; max-width:600px; color:#fff;}
.anchor .section .txt-box h3 {font-size:48px; line-height:1.2em; margin-bottom:24px;}
.anchor .section .txt-box p {font-size:24px; line-height:1.4em; margin-bottom:20px;}
.anchor .section .txt-box .more a {display:inline-block; font-size:20px; line-height:1.5em;}
.anchor .section .img-box {position:relative; transform:translateX(100%);}
.anchor .section .img-box ul li {min-height:360px;}


/* 기회소득 */
.wrapper08 #header {display:none;}
.wrapper08 #footer {display:none;}
.wrapper08 .sub-visual {display:none;}


.wrap640 {width:100%; max-width:640px; margin:0 auto; overflow:hidden; min-height:100vh; position:relative; letter-spacing:-.03em;}
.wrap640 .contain {padding:0 30px;}
.head {height:80px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd;}

/* section01 */
.section01 {padding:70px 0 40px;}
.section01 .col {display:flex; align-items:flex-end;}
.section01 .tit-box {width:100%; max-width:310px; color:#222;}
.section01 .tit-box p {font-size:36px; line-height:1.2em; font-weight:600;}
.section01 .tit-box p span {display:block; font-size:30px; font-weight:600; line-height:1.3em; color:#777;}
.section01 .tit-box a {min-width:210px; text-align:right; margin-top:26px; font-size:28px; font-weight:600; line-height:1.2em; position:relative; padding-right:46px; display:inline-block;}
.section01 .tit-box a span {font-size:43px; font-weight:700;}
.section01 .tit-box a:after {content:''; width:28px; height:28px; background:url('../img/sub/sec01-more.png') no-repeat; background-size:cover; position:absolute; top:50%; margin-top:-14px; right:0; border-radius:50%;}
.section01 .img-box {width:1%; flex:1 1 auto; text-align:right;}
/* section02 */
.section02 {background:#272B82; padding:70px 0 90px; border-radius:45px 45px 0 0; position:relative; overflow:hidden;}
.section02 .img {position:absolute;}
.section02 .img01 {right:0; top:0;}
.section02 .img02 {right:0; bottom:74px;}
.section02 .tit-box {margin-bottom:66px;}
.section02 .tit-box h3 {font-size:38px; line-height:1.2em; color:#fff;}
.section02 .txt-box {margin-bottom:120px;}
.section02 .txt-box .col {margin-bottom:22px; padding:0 58px; height:95px; background:#fff; border-radius:15px; display:flex; align-items:center; justify-content:space-between;}
.section02 .txt-box .col:last-child {margin-bottom:0;}
.section02 .txt-box .tit {display:flex; align-items:center;}
.section02 .txt-box .tit h4 {font-size:30px; line-height:1.2em; color:#222; font-weight:600; padding-left:58px;}
.section02 .txt-box .txt {width:100%; max-width:120px;}
.section02 .txt-box .txt p {font-size:25px; color:#222; font-weight:600; line-height:1.2em;}
.section02 .txt-box .txt p span {font-size:32px; font-weight:700;}
.section02 .foot-box {padding-left:38px; position:relative; color:#fff;}
.section02 .foot-box:before {content:''; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; top:38px; left:0;}
.section02 .foot-box h4 {font-size:74px; font-weight:600; margin-bottom:40px; line-height:1.1em;}
.section02 .foot-box p {font-size:28px; line-height:1.2em; margin-bottom:16px;}
.section02 .foot-box p:last-child {margin-bottom:0;}
.section02 .foot-box p span {color:#A8ABFF;}
/* section03 */
.section03 {background:url('../img/sub/sec03bg.jpg') center center no-repeat; background-size:cover; padding:90px 0 120px;}
.section03 .tit-box {color:#fff; padding:0 20px; margin-bottom:60px;}
.section03 .tit-box .tit {margin-bottom:60px; padding-bottom:48px; border-bottom:1px solid rgba(255,255,255,0.3);}
.section03 .tit-box h3 {font-size:38px; line-height:1.2em;}
.section03 .tit-box p {font-size:30px; line-height:1.2em; font-weight:600;}
.section03 .tit-box p strong {font-size:100px; font-weight:600; line-height:1.1em;}
.section03 .wrap {margin-bottom:100px;}
.section03 .inner {margin-bottom:38px; padding:50px 40px; background:#fff; border-radius:45px;}
.section03 .inner:last-child {margin-bottom:0;}
.section03 .inner .tit {display:flex; justify-content:space-between; align-items:center; margin-bottom:30px;}
.section03 .inner .tit h4 {font-size:26px; line-height:46px; font-weight:600; padding:0 50px; background:#6B71FF; border-radius:23px; display:inline-block;}
.section03 .inner .txt {margin-bottom:36px;}
.section03 .inner .txt .reward {margin-bottom:20px; display:flex; align-items:flex-end; color:#222;}
.section03 .inner .txt .reward .counter {font-size:60px; line-height:1.1em; font-weight:700; margin-right:4px;}
.section03 .inner .txt .reward .unit {font-size:24px; line-height:1.6em; font-weight:600;}
.section03 .inner .txt .point p {font-size:24px; font-weight:600; color:#6B71FF; line-height:1.2em;}
.section03 .chart .col {padding:0 88px; height:250px; margin-bottom:100px; border-bottom:1px solid #ddd; display:flex; align-items:flex-end; justify-content:space-between;}
.section03 .chart .col .row {width:22px; height:50px; background:#fff; border-radius:11px;}
.section03 .chart .txt {text-align:center;}
.section03 .chart .txt p {font-size:28px; color:#fff; font-weight:600; line-height:1.5em; margin-bottom:12px;}
.section03 .chart .txt p:last-child {margin-bottom:0;}
.section03 .chart .txt p span {font-size:50px; font-weight:600; line-height:1.1em;}

.section04 {padding:120px 0 90px; background:#E8E8E8;}
.section04 .tit-box {margin-bottom:36px;}
.section04 .tit-box h3 {font-size:28px; line-height:1.5em; font-weight:600; color:#222;}
.section04 .col {display:flex; flex-wrap:wrap; margin:0 -14px -28px;}
.section04 .col .row {width:33.333333%; padding:0 14px; margin-bottom:28px;}
.section04 .inner {background:#fff; padding:30px 20px; text-align:center; border-radius:10px; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.08);}
.section04 .inner .icon {margin-bottom:16px;}
.section04 .inner p {font-size:22px; font-weight:600; color:#777; line-height:1.8em;}