@charset "utf-8";

#sub_layout{margin-top: 243px;}
.sub-top{display: flex; justify-content: space-between; margin-bottom: 40px;}
.sub-top h3{color:#222; font-family: 'IbmPlexSans'; font-size: 50px; font-weight: 700; line-height: 120%; }
.sub-top .speed{display: flex; align-items:center; color: #444;  font-family: 'IbmPlexSans';  font-size: 20px; font-weight: 400; line-height: 160%; margin-right: -200px;}
.sub-top .speed img{line-height: 0;}
.sub-top .speed > li:not(:last-child){display: flex; align-items:center;}
.sub-top .speed > li:not(:last-child):after{content: ''; width: 24px; height: 24px; background: url(../img/sub/speed-arr.png) center no-repeat; margin: 0 12px;}
.sub-visual figure{width: 100%; height: 483px; overflow: hidden; }
.sub-visual figure img{width: 100%; height: 100%; object-fit:cover;}
.sub-visual .lnb{margin-top: -76px; margin-bottom: 140px; }
.sub-visual .lnb b{display: none;}
.sub-visual .lnb > ul{display: flex;}
.sub-visual .lnb > ul > li{flex:1; border: 1px solid #eee; border-right: 0;}
.sub-visual .lnb > ul > li:first-child{border-left: 0;}
.sub-visual .lnb > ul > li > a{ font-family: 'IbmPlexSans';   display: flex; align-items:center; justify-content: center; height: 76px; background: #fff; color: #222; text-align: center; font-size: 22px; font-weight: 600; line-height: 150%; /* 33px */ transition:.3s;}
.sub-visual .lnb > ul > li.current > a{background: #0F4BB5; color: #fff; font-weight: 700;}

.sb-tit-arti{text-align: center; display: flex; flex-direction: column; gap:96px;}
.sb-tit-arti h4{color: #070707; font-size: 46px; font-weight: 700; line-height: 160%; }
.sb-tit-arti p{color: #222; font-size: 24px; font-weight: 400; line-height: 180%; }
.sb-tit-arti p span{color: #0F4BB5; font-weight: 600;}
.sb-tit-arti b{font-family: 'IbmPlexSans'; color: #222; text-align: center; font-size: 32px; font-weight: 600; line-height: 160%; }
.sb-tit-arti b span{color: #0F4BB5;}


/* s11 */
.s1{margin-bottom: 240px;}
.s11 .arti2{margin-top: 60px; padding-top: 60px; border-top: 1px solid #EEE; display: flex; flex-wrap:wrap; gap:91px;}
.s11 .arti2 .text-box{flex:1; display: flex; flex-direction: column; }
.s11 .arti2 .text-box .p-box{display: flex; flex-direction: column; color: #222; font-size: 20px; font-weight: 400; line-height: 160%; gap:1em; margin-bottom: 80px;}
.s11 .arti2 .text-box ul{display: flex; flex-direction: column; gap:40px;}
.s11 .arti2 .text-box ul > li{display: flex; flex-wrap:wrap; padding-bottom: 20px; border-bottom: 1px solid #eee;}
.s11 .arti2 .text-box ul > li span{width: 49px; color: #0F4BB5; font-size: 20px; font-weight: 600; line-height: 160%; }
.s11 .arti2 .text-box ul > li .tbx{display: flex; flex-direction: column; gap:8px;}
.s11 .arti2 .text-box ul > li .tbx b{color: #222; font-size: 24px; font-weight: 700; line-height: 160%; }
.s11 .arti2 .text-box ul > li .tbx p{color: #222; font-size: 20px; font-weight: 400; line-height: 160%; }

/* s12 */
.s12{margin-bottom: 240px; } 
.s12 .arti1{margin-bottom: 52px;}
.s12 .arti2{display: flex; flex-direction: column; margin-top: 170px;}
.s12 .arti2 .ceo-img{position: relative; width: 100%; margin: 0; border-radius: 12px; height: 412px; background: url(../img/sub/s12-1.jpg) center / cover no-repeat;}
.s12 .arti2 .ceo-img img{position: absolute; left: 187px; bottom: 0; display: block;max-width:100%; height: auto; }
.s12 .arti2 .ceo-txt{margin-top: 60px;} 

.s12 .arti2 .ceo-txt b{display: block; margin: 0 0 41px 3px; color: #222;  font-family: 'IbmPlexSans'; font-size: 32px; font-weight: 600; line-height: 160%; /* 51.2px */}
.s12 .arti2 .ceo-txt b span{	color: #0F4BB5;}
.s12 .arti2 .txt-wrap{	display: grid;grid-template-columns: 1fr 1fr; padding-left: 2px;	}
.s12 .arti2 .txt-box{padding-right: 50px;}
.s12 .arti2 .txt-box + .txt-box{ padding-right: 0;padding-left: 62px; padding-top: 52px; border-left: 1px solid #EEEEEE;}
.s12 .arti2 .txt-box p{margin: 0; color: #222; font-size: 20px; font-weight: 400; line-height: 160%;  word-break: keep-all;	}
.s12 .arti2 .txt-box p + p{margin-top: 20px;}

/* s13 */
.s13{margin-bottom: 240px;}
.s13 .arti1{margin-bottom: 68px;}
.s13 .history-wrap{display: flex; flex-wrap:wrap; justify-content: space-between; gap: 105px; padding-top: 91px; border-top: 1px solid #EEEEEE; } 
.s13 .history-intro{display: flex;flex-direction: column; flex:1;}
.s13 .history-title{font-family: 'IbmPlexSans';  }
.s13 .history-title b{display: block; margin: 0; color: #070707; font-size: 76px; font-weight: 700; line-height: 130%;  	}
.s13 .history-title b span{color: #0F4BB5;}
.s13 .history-title p{color: #222; font-size: 20px; font-weight: 400; line-height: 160%; }
.s13 .history-images{display: flex; justify-content: space-between; margin-top: 70px; }
.s13 .history-img img{ display: block; }

.s13 .history-img.img02{    margin-left: -216px; margin-top: 189px;}
.s13 .history-list{position: relative; max-width:648px; width: 100%; }
.s13 .history-list ul{ position: relative; display: flex; flex-direction: column; margin: 0; padding: 0; list-style: none; gap:51px;}
.s13 .history-list ul:before{ content: ""; position: absolute; top: 8px; bottom: 8px; left: 134px; width: 1px; height: calc(100% -55px);background: #EEEEEE; }
.s13 .history-list li{position: relative; display: grid; grid-template-columns: 122px 47px 1fr;  align-items: start; }
.s13 .history-list li strong{font-family: 'IbmPlexSans'; color: #070707; font-size: 24px; font-weight: 700; line-height: 140%; }
.s13 .history-dot{position: relative;z-index: 1;display: flex;align-items: center;justify-content: center;width: 26px;height: 26px;margin-top: -1px;border-radius: 50%;background: #E9F1FF;}
.s13 .history-dot:after{content: ""; width: 10px; height: 10px; border-radius: 50%; background: #0F4BB5;}
.s13 .history-content{display: flex; flex-direction: column; padding-left: 10px; gap:6px}
.s13 .history-content p{ color: #222;  font-size: 18px; font-weight: 400; line-height: 160%; }

/* s14 */
.s14{text-align: center;}
.s14 .arti2{margin-top: 160px;}

/* s15 */
.s15 .arti2{margin-top: 100px;}
.map-wrap{overflow: hidden;  border-radius: 20px;  }
.s15 .root_daum_roughmap .wrap_controllers{display: none;}
.s15 .root_daum_roughmap{width: calc(100% + 2px); margin-top: -1px; margin-left: -1px;overflow: hidden; }
.s15 .root_daum_roughmap .wrap_map{height: calc(708px + 2px) ;}
.s15 .root_daum_roughmap .cont{display: none;}
.s15 .text-box{display: flex; flex-wrap:wrap; gap:42px; text-align: center; margin-top: 58px;}
.s15 .text-box .box{flex:1; padding: 40px 74px 60px; display: flex ;flex-direction: column; justify-content: center; border-radius: 20px; background: #0F4BB5;}
.s15 .text-box .box i{width: 60px; height: 60px; display: flex; align-items:center; justify-content: center; margin: 0 auto 12px;}
.s15 .text-box .box strong{color: #FFF; text-align: center; font-size: 22px; font-weight: 600; line-height: 160%; margin-bottom: 22px;}
.s15 .text-box .box p{display: flex; flex-wrap:wrap; align-items:center; justify-content: center; color: #FFF; font-size: 18px; font-weight: 400; line-height: 160%; gap:16px;}
.s15 .text-box .box p b{font-weight: 700; }

.s31{margin-bottom:240px;}
.s31 .arti1{margin-bottom:100px;}
.s31 .rd-wrap{width:100%;}
.s31 .rd-visual{position:relative; width:100%; overflow:hidden; border-radius: 30px;}
.s31 .rd-visual img{display:block; width:100%; height:auto;}
.s31 .rd-visual big{display: block; position: absolute; right: 238px; bottom: -41px; color: rgba(167, 207, 255, 0.30); text-align: center; font-size: 140px; font-weight: 800; line-height: 100%; }
.s31 .rd-visual:after{content:""; position:absolute; inset:0; background:rgba(0,45,100,0.25);  }
.s31 .rd-visual-txt{position:absolute; z-index:1; top:50%; left:50%; width:100%; transform:translate(-50%,-50%); text-align:center; color:#FFF;}
.s31 .rd-visual-txt h5{margin-bottom: 22px; color: #FFF; text-align: center; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); font-family: 'IbmPlexSans'; font-size: 42px; font-weight: 700; line-height: 160%; /* 67.2px */ }
.s31 .rd-visual-txt p{color: #CCC; text-align: center; text-shadow: 0 4px 20px rgba(0, 0, 0, 0.25); font-size: 24px; font-weight: 600; line-height: 160%; }
.s31 .rd-section{display:grid; grid-template-columns:397px 1fr; gap:40px;}
.s31 .rd-section-tit{display:flex; align-items:flex-start; gap:12px;}
.s31 .rd-section-tit span{color: #0F4BB5; text-align: center; font-size: 26px; font-weight: 700; line-height: 160%; }
.s31 .rd-section-tit h5{color: #070707;  font-size: 36px; font-weight: 700; line-height: 160%; }
.s31 .rd-section-content{min-width:0;}
.s31 .rd-intro{margin-top:100px;}
.s31 .rd-desc{color: #222; font-family: 'IbmPlexSans'; font-size: 22px; font-weight: 400; line-height: 180%; }
.s31 .rd-work{margin-top:60px;}
.s31 .rd-work h6{color: #070707;  font-size: 28px; font-weight: 700; line-height: 160%; /* 44.8px */ }
.s31 .rd-work ul{display:grid; grid-template-columns:repeat(3,1fr); gap:20px 40px; margin:0; padding:0; margin-top: 22px; }
.s31 .rd-work li{display: flex; flex-direction: column; height: 212px; padding: 40px 20px 39px 20px; justify-content: center; align-items: center; border-radius: 20px; border: 2px solid #CCC; background: #F8F8F8; }
.s31 .rd-work li figure{display:flex; align-items:center; justify-content:center; width:100px; height:100px; margin:0 auto 10px;}
.s31 .rd-work li p{color: #222; text-align: center; font-family: 'IbmPlexSans';  font-size: 18px; font-weight: 700; line-height: 140%; }


.s31 .rd-field{margin-top:170px;}
.s31 .rd-field-list{display:flex; flex-direction:column; gap:60px}
.s31 .rd-field-item{display: flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.s31 .rd-field-item figure{max-width:476px; width:100%; margin:0; overflow:hidden;}

.s31 .rd-field-txt{padding:0 48px; flex:1 }
.s31 .rd-field-item:not(.reverse) .rd-field-txt{padding-right:0;}
.s31 .rd-field-item.reverse .rd-field-txt{padding-left:0;}
.s31 .rd-field-txt h6{font-family: 'IbmPlexSans'; color: #222; font-size: 22px; font-weight: 700; line-height: 150%; /* 33px */ margin-bottom: 8px;}
.s31 .rd-field-txt p{color: #222; font-size: 18px; font-weight: 400; line-height: 160%; }
.s31 .rd-process{margin-top:100px; display: flex;  flex-direction: column; }
.s31 .process-list{display: flex; flex-wrap:wrap; gap:40px; margin:0; padding:0; list-style:none;}
.s31 .process-list li{flex:1; position: relative; display:flex; flex-direction:column; align-items:center; min-height:155px; padding:30px 0px; border-radius: 20px; border: 1px solid #CCC; text-align:center;}
.s31 .process-list li:before{position: absolute; content: ''; width: 100%; height: 1px; background: #CCC; left: 0; top: 118px;}
.s31 .process-list li strong{display:block; min-height:56px; color: #222; text-align: center; font-size: 20px; font-weight: 700; line-height: 140%; display: flex; align-items:center; justify-content: center; text-align: center;}
.s31 .process-list li > span{position: relative; z-index: 1;display:flex; align-items:center; justify-content:center; width:50px; height:50px; border-radius:50%;  box-sizing: border-box; border: 1px solid #ddd; color: #FFF; text-align: center; font-size: 16px;  font-weight: 700; line-height: 160%; /* 25.6px */ margin: 8px auto 16px;}
.s31 .process-list li > span:before{position: absolute; content: '';  left: 50%; top: 50%; translate:-50% -50%; width: 36px; height: 36px; border-radius: 20px; background: #0F4BB5; z-index:-1;}
.s31 .process-list li p{color: #999; text-align: center; font-size: 18px; font-weight: 400; line-height: 160%; padding: 0 10px;}


/* s41 */
.s41{text-align: center; margin-bottom: 240px;}
.s41 .arti2{margin-top: 80px;}


/* s51 */
.s51{margin-bottom: 290px;}



.s51 .arti2{display: flex; justify-content: center; margin-top: 120px; gap:75px;}
.s51 .arti2 .box{display: flex; flex-direction: column; gap:40px;}
.s51 .arti2 .box .tbx{display: flex; flex-direction: column; gap:16px; justify-content: center; align-items:center;}
.s51 .arti2 .box .tbx b{color: #070707; font-size: 32px; font-weight: 700; line-height: 160%; text-align: center;}
.s51 .arti2 .box .tbx ul{display: flex; flex-direction: column; margin-left: -43px;}
.s51 .arti2 .box .tbx ul > li{list-style:disc; color: #444; font-size: 24px; font-weight: 400; line-height: 180%; }
.s51 .arti2 .box:nth-child(2) .tbx ul{position: relative; left: 41px;	} 
.s51 .arti3 {display: flex; flex-direction: column; justify-content: center; text-align: center; background: url(../img/sub/s51-4.png) center no-repeat; height: 288px; margin-top: 110px; overflow: hidden; box-sizing: border-box; }
.s51 .arti3 .tbx{display: flex; flex-direction: column;}
.s51 .arti3 p{color: #222; text-align: center; font-size: 26px; font-weight: 600; line-height: 180%; }
.s51 .arti3 span{margin-top: 40px; color: #222; text-align: center; font-size: 24px; font-weight: 400; line-height: 160%; }
.s51 .arti3 span b{font-weight: 700;}

/* s53 */
.s53{margin-bottom: 290px;}
.s53 .arti1{text-align: center; display: flex; flex-direction: column; gap:96px; margin-bottom:100px;}
.s53 .arti1 h4{color: #070707; font-size: 46px; font-weight: 700; line-height: 160%; }
.s53 .arti2 {display: flex; flex-direction: column; gap:100px;}
.s53 .arti2 dl{display: flex; flex-wrap:wrap; gap:40px; border-bottom: 1px solid #EEE;}
.s53 .arti2 dl:last-child{border-bottom: 0;}
.s53 .arti2 dl dt{max-width:396px; width: 100%; display: flex; flex-direction: column; }
.s53 .arti2 dl dt b{color: #070707; font-size: 36px; font-weight: 700; line-height: 160%; }
.s53 .arti2 dl dt p{font-family: 'IbmPlexSans'; color: #666; font-size: 18px; font-weight: 400; line-height: 180%; }
.s53 .arti2 dl dd {flex:1; padding-bottom: 70px;}
.s53 .arti2 dl:last-child dd{padding-bottom: 0;}
.s53 .arti2 dl dd p{font-family: 'IbmPlexSans'; color:#222; font-size: 22px; font-weight: 400; line-height: 180%; }
.s53 .arti2 dl dd ul{display: flex; flex-wrap:wrap; border-radius: 20px; background: #F8F8F8; gap:14px 50px; padding: 50px;}
.s53 .arti2 dl dd ul > li {flex:1 1 40%; box-sizing: border-box;}
.s53 .arti2 dl dd ul > li input{display: none;}
.s53 .arti2 dl dd ul > li label{font-family: 'IbmPlexSans'; position: relative; color: #222; font-size: 22px; font-weight: 400; line-height: 180%; padding-left: 42px;}
.s53 .arti2 dl dd ul > li label:before{position: absolute; display: block; content: ''; width: 32px; height: 32px; border-radius: 50%; background: url(../img/sub/s53-check.png) center no-repeat; left: 0; top: 0;}
.s53 .arti2 dl dd ul > li > input[type="checkbox"]:checked + label:before {background: url(../img/sub/s53-check-v.png) center no-repeat;}
.s53 .arti2 dl dd ol{display: flex; flex-wrap:wrap; gap:40px;}
.s53 .arti2 dl dd ol > li{position: relative; border-radius: 20px; border: 2px solid #CCC; flex:1; background: #F8F8F8; display: flex; flex-direction: column; height: 238px;  justify-content: center; align-items: center; gap: 20px; border-radius: 20px; border: 2px solid #CCC; background: #F8F8F8;}
.s53 .arti2 dl dd ol > li:not(:last-child):after{position: absolute; content: ''; width: 40px; height: 100%; background: url(../img/sub/s53-arr.png) center no-repeat; right: -40px; top: 0;}
.s53 .arti2 dl dd ol > li figure{display: flex; align-items:center; justify-content: center; width: 100px; height: 100px; }
.s53 .arti2 dl dd ol > li .tbx{font-family: 'IbmPlexSans';  color: #222; text-align: center; font-size: 20px; font-weight: 700; line-height: 160%; }
.s53 .arti2 dl dd .link-box{margin-left: 51px; margin-top: 150px;}
.s53 .arti2 dl dd .link-box > a{font-family: 'IbmPlexSans'; display: flex; width: 465px; height: 78px; padding: 0px 13px; justify-content: center; align-items: center; gap: 10px; border-radius: 50px; background: #0F4BB5; color: #FFF; text-align: center; font-size: 22px; font-weight: 700; line-height: 150%; transition:.3s;}
.s53 .arti2 dl dd .link-box > a i{line-height: 0;}
.s53 .arti2 dl dd .link-box > a:hover{background: #000;}