@charset "utf-8";
/* s11 */
.s11 h4{text-align: center; color: #242547; font-size: 40px; font-weight: 700; line-height: 160%; margin-bottom: 60px;}
.s11 .arti1 .gray-box{display: flex; background: #EDF2F6; height: 182px; align-items:center;padding: 0 105px;}
.s11 .arti1 .gray-box dt{position: relative; color: #2B3890; font-size: 40px; font-weight: 700; line-height: 160%;  padding-right: 110px; box-sizing: border-box; text-align: center;}
.s11 .arti1 .gray-box dt:after{position: absolute; content: ''; width: 1px; height: 64px; background: #ccc; right: 0; top: 50%; margin-top: -32px;}
.s11 .arti1 .gray-box dd{color: #222; font-size: 24px; font-weight: 400; line-height: 160%; padding-left: 110px;}
.s11 .arti2{margin-top: 100px;}
.s11 .arti2 > ul{max-width:1440px; display: flex; justify-content: center; margin: 0 auto; }
.s11 .arti2 > ul > li{flex:1; text-align: center;}
.s11 .arti2 > ul > li i{position: relative; display: flex; align-items:center; justify-content: center; width: 186px; height: 186px; border-radius: 50%; background: #E4F7FB; margin: 0 auto; margin-bottom: 86px;}
.s11 .arti2 > ul > li i:after{position: absolute; display: block; content: ''; width: 1px; height: 66px; background: #ccc;  left: 50%; bottom: -86px;}
.s11 .arti2 > ul > li:nth-child(2) i{background: #E9F3FD;}
.s11 .arti2 > ul > li:nth-child(3) i{background: #ECEDF5;}
.s11 .arti2 > ul > li .tbx{padding-top: 33px;}
.s11 .arti2 > ul > li .tbx .line{position: relative; display: flex; height: 90px; align-items:center; justify-content: center; color: #FFF; text-align: center; font-size: 28px; font-weight: 700; line-height: 160%; background: #25659E;}
.s11 .arti2 > ul > li:first-child .tbx .line{border-radius: 50px 0 0 50px; background: #2FAFCA ;}
.s11 .arti2 > ul > li:nth-child(2) .tbx .line{}
.s11 .arti2 > ul > li:nth-child(2) .tbx .line:before,
.s11 .arti2 > ul > li:nth-child(2) .tbx .line:after{position: absolute; content: ''; width: 90px; height: 90px; border-radius: 50%; background: #07457d url('/Deokseon/img/sub/s11-4.png') center no-repeat; left: -45px; top: 0;}
.s11 .arti2 > ul > li:nth-child(2) .tbx .line:after{background-color: #061659; left: auto; right: -45px; z-index: 1;}
.s11 .arti2 > ul > li:last-child .tbx .line{border-radius: 0px 50px 50px 0px; background: #2B3890;}
.s11 .arti2 > ul > li .tbx > p{color: #444; text-align: center; font-size: 24px; font-weight: 600; line-height: 160%; }
.s11 .arti2 > ul > li .tbx > p span{display: block; font-weight: 700; color: #2FAFCA;}
.s11 .arti2 > ul > li .tbx > p{margin-top: 42px;}
.s11 .arti2 > ul > li:nth-child(2) .tbx > p span{color: #25659E;}
.s11 .arti2 > ul > li:nth-child(3) .tbx > p span{color: #2B3890;}
.s11 .arti3{margin: 0 auto; margin-top: 160px; max-width:1438px; }
.s11 .arti3 ul{display: flex; flex-wrap:wrap; gap:39px; }
.s11 .arti3 ul > li{flex:1; border-radius: 40px; background: #E5F3F6; display: flex; gap:40px; align-items:center; justify-content: center; text-align: center; flex-direction: column; padding: 50px 69px; }
.s11 .arti3 ul > li span{border-radius: 100px; background: #2FAFCA; display: flex; height: 43px; padding: 3px 28px; justify-content: center; align-items: center; gap: 10px; color: #FFF; font-size: 20px; font-weight: 700; line-height: 160%; }
.s11 .arti3 ul > li p{color: #444; text-align: center; font-size: 22px; font-weight: 700; line-height: 160%; }

/* s12 */
.s12 .arti1{display: flex; flex-wrap:wrap; justify-content: space-between; gap:81px;}
.s12 .arti1 > *{flex:1; }
.s12 .arti1 .lbx{max-width:657px; }
.s12 .arti1 .lbx figure{position: relative; z-index: 1;}
.s12 .arti1 .lbx figure:before,
.s12 .arti1 .lbx figure:after{position: absolute; content: ''; width: 101px; height: 266px; background:  url('/Deokseon/img/sub/s12-2.png') center no-repeat; right: 0; bottom: 102px; z-index: -1;} 
.s12 .arti1 .lbx figure:after{width: 47px; height: 126px; right: 90px; bottom: -60px; z-index: 2; background:  url('/Deokseon/img/sub/s12-3.png') center no-repeat; }
.s12 .arti1 .lbx p{display: flex; color: #222; font-size: 24px; font-weight: 600; line-height: 160%; gap:20px; align-items:center; margin-top: 30px;}
.s12 .arti1 .lbx p sign{color: #070707; font-size: 32px; font-weight: 700; line-height: 160%; }
.s12 .arti1 .rbx{margin-top: 30px;}
.s12 .arti1 .rbx h5{color: #070707; font-size: 40px; font-weight: 700; line-height: 135%; margin-bottom: 39px;}
.s12 .arti1 .rbx h5 span{display: block; color: #25659E;}
.s12 .arti1 .rbx .p-box{display: flex; flex-direction: column; gap:24px; }
.s12 .arti1 .rbx .p-box p{color: #444;  font-size: 24px; font-weight: 400; line-height: 160%; }

/* s13 */
.s13 .arti1{display: flex; flex-wrap:wrap; justify-content: space-between; gap:132px; }
.s13 .arti1 > *{flex:1; }
.s13 .arti1 > .lbx{max-width:653px; }
.s13 .arti1 > .lbx .sticky{position: sticky; top: 100px;}
.s13 .arti1 > .lbx figure{position: relative; margin-bottom: 55px;}
.s13 .arti1 > .lbx figure:after{position: absolute; content: ''; width: 59px; height: 156px; right: 40px; bottom: -15px; background:  url('/Deokseon/img/sub/s13-2.png') center no-repeat;}
.s13 .arti1 > .lbx .tbx{display: flex; flex-direction: column; gap:14px; }
.s13 .arti1 > .lbx .tbx b{color: #25659E; font-size: 50px; font-weight: 700; line-height: 120%; }
.s13 .arti1 > .lbx .tbx p{color: #666; font-size: 24px; font-weight: 600; line-height: 160%; }
.s13 .arti1 > .rbx ul{display: flex; flex-direction: column; gap:40px; }
.s13 .arti1 > .rbx ul > li{position: relative; padding-left: 130px; display: flex; flex-direction: column; gap:10px;}
.s13 .arti1 > .rbx ul > li:before{position: absolute; content: ''; width: 110px; height: 1px; background: #ddd; left: 0; top: 34px;}
.s13 .arti1 > .rbx ul > li:after{position: absolute; content: ''; width: 20px; height: 20px; border-radius: 50%; background: #2FAFCA; left: 0; top: 24px;}
.s13 .arti1 > .rbx ul > li b{color: #25659E; font-size: 40px; font-weight: 700; line-height: 160%; }
.s13 .arti1 > .rbx ul > li .box{display: flex; flex-wrap:wrap; align-items:center; align-items: flex-start; color: #444; font-size: 24px; font-weight: 400; line-height: 160%; }
.s13 .arti1 > .rbx ul > li .box span{width: 70px; text-align: center; color: #242547; font-weight: 600;}
.s13 .arti1 > .rbx ul > li .box p{flex:1; }

/* s21 */
.s2 .arti1{position: relative; height: 376px; margin-bottom: 100px;}
.s2 .arti1:after{position: absolute; content: ''; width: 141px; height: 376px; background:  url('/Deokseon/img/sub/s21-2.png') center no-repeat; right: 50px; bottom: -190px;}  
.s2 .arti1 > img{width: 100%; height: 100%; object-fit:cover;}
.s2 .arti1 > .tbx {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items:center; justify-content: center; text-align: center; }
.s2 .arti1 > .tbx p{color: #FFF; text-align: center; font-size: 36px; font-weight: 700; line-height: 160%; }
.s2 .arti2{display: flex; flex-direction: column; gap:100px;}
.s2 .arti2 .box {padding-bottom: 60px; border-bottom: 1px solid #EEE;}
.s2 .arti2 .box .tit{display: flex; flex-wrap:wrap; align-items:center; font-size: 32px; font-weight: 700; line-height: 160%; gap:23px; margin-bottom: 12px;}
.s2 .arti2 .box .tit span{color: #25659E; width: 37px;}
.s2 .arti2 .box .tit p{color: #222;}
.s2 .arti2 .box .cnt{padding-left: 60px;}
.s2 .arti2 .box:first-child .cnt .dot-ul{gap:12px}
.s2 .arti2 .box .cnt .dot-ul{display: flex; flex-direction: column; }
.s2 .arti2 .box .cnt .dot-ul > li{position: relative; color: #444; font-size: 24px; font-weight: 400; line-height: 160%; display: flex; align-items:center; gap:20px; padding-left: 35px;}
.s2 .arti2 .box .cnt .dot-ul > li:before{position: absolute; content: ''; width: 8px; height: 8px; background: #444; border-radius: 50%; left: 13px; top: 18px;}
.s2 .arti2 .box .cnt .dot-ul > li span{display: flex; align-items:center; gap:12px}
.s2 .arti2 .box .cnt .dot-ul > li span:fitst-child{gap:8px;}
.s2 .arti2 .box .cnt .dot-ul > li span o{display: flex; width: 30px; height: 30px; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1/1; border-radius: 75px; background: var(--Gray-700, #666); color: var(--Basic-White, #FFF); text-align: center; font-size: 14px; font-weight: 700; line-height: 160%; }
.s2 .arti2 .box .cnt .flex-box{display: flex; flex-wrap:wrap; gap:20px}
.s2 .arti2 .box .cnt .flex-box.col2 > li{flex:1 1 40%; border-radius: 20px; background: #F5F7F8; display: flex; flex-direction: column; padding: 36px 60px; gap:30px;}
.s2 .arti2 .box .cnt .flex-box.col2 > li span{display: flex; width: 40px; height: 40px; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1/1;  border-radius: 100px; background: var(--Primary-Blue_02, #25659E); color: var(--Basic-White, #FFF); text-align: center; font-size: 18px; font-weight: 700; line-height: 160%; }
.s2 .arti2 .box .cnt .flex-box.col2 > li p{color: #444; font-size: 22px; font-weight: 700; line-height: 160%; }
.s2 .arti2 .box .cnt .flex-box.col5 > li{flex:1; display: flex; flex-direction: column;	 gap:10px;	height: 301px; padding: 48px 10px 38px 10px; flex-direction: column; justify-content: flex-end; align-items: center; border-radius: 20px; background: var(--Primary-Blue_05, #F5F7F8); justify-content: center; text-align: center;}  
.s2 .arti2 .box .cnt .flex-box.col5 > li i{display: flex; width: 120px; height: 120px; align-items:center; justify-content: center;}
.s2 .arti2 .box .cnt .flex-box.col5 > li span{display: flex; width: 40px; height: 40px; flex-direction: column; justify-content: center; align-items: center; aspect-ratio: 1/1;  border-radius: 100px; background: var(--Primary-Blue_02, #25659E); color: var(--Basic-White, #FFF); text-align: center; font-size: 18px; font-weight: 700; line-height: 40px; margin: 0 auto;}
.s2 .arti2 .box .cnt .flex-box.col5 > li p{color: var(--Gray-800, #444); text-align: center; font-size: 22px; font-weight: 700; line-height: 160%; margin-top: 10px;}


/* s22 */
.s22 .arti2 .box .cnt .dot-ul{gap:12px}