@charset "utf-8";

.intro1 .top{background: url('/images/sub/intro1_bg_250807.png') center center / cover no-repeat; color: #fff;padding: 50px; height: 400px;}
.intro1 .top .s-inner{display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap;}
.intro1 .top h3{font-family: 'PTAnboR'; font-size: 6rem; line-height: 7rem;font-weight: normal;}
.intro1 .top p{text-align: right; font-size: 2rem; line-height: 3rem;}
.stroke{color: transparent; -webkit-text-stroke: 0.5px white; text-stroke: 0.5 white;}
.intro1 .bot{padding: 80px; color: #222;}
.intro1 .bot p{font-size: 2rem; line-height: 3rem;}
.intro1 .bot p + p{margin-top: 30px;}
.intro1 .bot p.nm{text-align: right; font-size: 2.3rem; font-weight: bold; margin-top: 60px;}

@media screen and (max-width:1400px){
    .intro1 .top p{width: 100%; margin-top: 50px;}
}
@media screen and (max-width:1280px){
    .intro1 .bot{padding: 50px 40px;}
    .intro1 .bot p{font-size: 1.8rem;}
    .intro1 .bot p.nm{font-size: 2rem; margin-top: 40px;}
}
@media screen and (max-width:980px){
    .intro1 .top{padding: 90px 20px;}
    .intro1 .top h3{font-size: 5rem; line-height: 6rem;}
    .intro1 .top p{font-size: 1.8rem; line-height: 2.8rem;}
    .intro1 .bot p + p{margin-top: 20px;}
    .intro1 .bot p br{display: none;}
}
@media screen and (max-width:680px){
    .intro1 .top{padding: 70px 20px;}
    .intro1 .top h3{font-size: 4rem; line-height: 5rem;}
    .intro1 .top p{font-size: 1.6rem; line-height: 2.6rem; margin-top: 30px; text-align: left;}
    .intro1 .top p br{display: none;}
    .intro1 .bot{padding: 50px 20px;}
    .intro1 .bot p{font-size: 1.6rem;}
    .intro1 .bot p.nm{font-size: 1.8rem;}
}
@media screen and (max-width:480px){
    .intro1 .top{padding: 50px 0;}
}


#historyTop {width:100%; height:430px;  background:#000 url('/images/sub/intro2_bg.png')no-repeat center bottom; display:flex;  align-items: center; background-size:cover;  position:relative; overflow:hidden}
#historyTop .eng {font-size:5.2vw; font-weight:900; letter-spacing:-0.05em; opacity:.2; position:absolute; left:-15px; bottom:-10px; font-family: 'poppins'; line-height:0.8em; color:#FFF; text-transform:uppercase}
#historyTop .in-box {padding-left:5%; color:#FFF;}
#historyTop h4 { font-size:28px;  font-weight:300; margin-bottom:0.3em;}
#historyTop h3 {width:100%; font-size:45px;  font-weight:300;  line-height:1.2em;font-family: 'PTAnboR'; font-weight: normal;}
#historyTop h3 br {display:none}
#historyTop .t1 {font-size:1.8rem; margin-top:1.5em}

@media all and (max-width:1599px) {
#historyTop .eng {font-size:5.85vw; left:-15px; bottom:-10px; }
}
@media all and (max-width:1280px) {
#historyTop { height:380px; }
}
@media all and (max-width:1024px) {	
#historyTop {justify-content:center; background-attachment: unset; background-size:auto 100%}
#historyTop .in-box {max-width:500px; text-align:center; padding-left:0;  }
#historyTop .eng {font-size:5.85vw; left:-0.9vw; bottom:-0.5vw; }
#historyTop h4 { font-size:22px;  margin-bottom:0.8em;  }
#historyTop h3 br {display:block}
#historyTop h3 { font-size:40px; }  
}
@media all and (max-width:767px) {	
}
@media all and (max-width:580px) {	
#historyTop h4 { font-size:20px;}
#historyTop h3 { font-size:38px}
}
@media all and (max-width:480px) {	
#historyTop {  height:66vw;}
#historyTop h4 {  font-size:18px; margin-bottom:1em}
#historyTop h3 { font-size:30px}
}

.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 0 3em 50px; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem; margin-bottom:0.5em; color:#133f90; font-weight:800;  font-family:'Montserrat'}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-60px; width:20px; height:20px; border-radius:100%; background:#133f90 ; border:6px solid #94accf;}
.his_wrap li .c dt{ width:43px; vertical-align:top; margin-bottom:10px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:2.0rem; font-family:'Montserrat'}
.his_wrap li .c dd{width:calc(100% - 42px); display:inline-block; vertical-align:top; margin-bottom:10px; line-height: 1.5em; font-size:1.7rem; color:#777; position:relative }
.his_wrap li .c dd:before {content:''; width:3px; height:3px; background:#222; position:absolute; left:0; top:0.7em;}
.his_wrap li .c dd + dt{margin-top: 10px;}
.his_wrap li .c p {padding-left:13px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right;  padding:0 50px 3em 0;}
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-60px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) dd:before { left:unset;  right:0; }
.his_wrap li:nth-of-type(2n) .c p {padding-left:0; padding-right:13px;}

@media all and (max-width:767px) {
.his_wrap .his_bx{ padding-left:10px;}
.his_wrap:before{ margin-left:0; left:10px;  }
.his_wrap li{ width:100%; padding:0 0 3em 20px;}
.his_wrap li .t { font-size: 4.0rem; }
.his_wrap li .t:before { top:0.35em;   left:-30px; }
.his_wrap li .c dt{ width:52px; }
.his_wrap li .c dd{width:95%; }

.his_wrap li:nth-of-type(2n){float:right; text-align:left; padding:0 0 3em 20px;}
.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
.his_wrap li:nth-of-type(2n) dt{float:left; }
.his_wrap li:nth-of-type(2n) dd:before { left:0;  right:unset; }
.his_wrap li:nth-of-type(2n) .c p {padding-left:13px; padding-right:0;}
}
@media all and (max-width:568px) {
.history-top { padding: 12% 0; }
.history-top h4 { font-size: 3.5rem; }
}


.intro3{background: url(/images/sub/intro3_bg_250807.png) no-repeat center center / cover; margin-bottom: 50px;}
.intro3 .cont{height: 350px;}
.intro3 .cont .m_txt{color: #fff; height: 100%; display: flex; flex-direction: column; justify-content: center; padding-left: 70px; margin-bottom: 0;}
.intro3 .cont .m_txt h3{color: #fff; font-family: 'PTAnboR'; font-size: 4rem; margin-bottom: 20px; font-weight: normal;}
.intro3 .cont .m_txt p{color: #fff; font-size: 1.8rem; line-height: 2.8rem;}

@media all and (max-width:1280px){
    .intro3 .cont{height: 320px;}
	.intro3 .cont .m_txt{padding-left: 50px;}
}
@media all and (max-width:976px){
    .intro3 .cont{height: 280px;}
    .intro3 .cont .m_txt h3{font-size: 3.5rem;}
	.intro3 .cont .m_txt{padding-left: 40px;}
	.intro3 .cont .m_txt p{font-size: 1.6rem; line-height: 2.6rem;}
}
@media all and (max-width:680px){
    .intro3 .cont{height: 240px;}
    .intro3 .cont .m_txt h3{font-size: 3rem; margin-bottom: 10px;}
	.intro3 .cont .m_txt{padding: 0 30px;}
}
@media all and (max-width:480px){
    .intro3{margin-bottom: 30px;}
    .intro3 .cont{height: 210px;}
	.intro3 .cont .m_txt{padding: 0 25px;}
    .intro3 .cont .m_txt p br{display: none;}
}


#circleList ul { display: flex; flex-wrap: wrap; align-items: stretch; text-align: center; gap: 20px; }
#circleList ul li { width: calc(100%/4 - 15px); height: 190px;  border: 10px solid #c7d4e6;  padding:30px; display: flex; align-items: center; justify-content: center; position: relative; counter-increment: number; overflow:hidden}
#circleList ul li::before { content: counter(number, decimal-leading-zero); color:#c7d4e6; font-size: 7rem; font-weight: 800; font-family:'Montserrat';    font-style: italic; position: absolute; right: 0.1em; bottom: -0.3em; z-index: -1; }
#circleList ul li p {font-size: 2.0rem; color:#333; line-height: 1.4em;  word-break: keep-all; }

#circleList.grn li {border-color: #edf8f2;}
#circleList.grn ul li::before {color:#edf8f2;}

@media screen and (max-width:1280px) {
	#circleList ul li::before { font-size: 6rem }
}
@media screen and (max-width:880px) {	
	#circleList ul { gap: 10px; }
	#circleList ul li {  border-width:10px;  width: calc(100%/3 - 7px);  padding:10px; }
	#circleList ul li::before { font-size: 5rem }
}
@media screen and (max-width:640px) {
    #circleList ul li {width: calc(100%/2 - 5px); height: 150px;}
}
@media screen and (max-width:480px) {
	#circleList.longtxt ul li {width:100%; height:auto;  padding:6vw 2vw; border-radius:10px; border-width:2px}
	#circleList.longtxt ul li::before {right: 2vw;    bottom:-4vw; }
}


#intro4 {display:flex; flex-wrap:wrap;gap: 20px;}
#intro4 li {width: calc(100%/4 - 15px); border:1px solid #e9e9e9; position: relative;}
#intro4 li .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.80); opacity: 0; transition:0.3s}
#intro4 li .hover p{position:absolute; top: 50%; left: 50%; font-family:var(--enF); font-weight:700; font-size:18px; letter-spacing:-0.02em; color: #222; transform:translate(-50%,-50%); width: 100%; padding: 0 16px; text-align: center;}
#intro4 li:hover .hover{opacity: 1;}
#intro4 li img {width:100%;}

@media all and (max-width:1280px) {
	#intro4 li {width:calc(100%/3 - 14px); }
}
@media all and (max-width:780px) {
	#intro4 li {width:calc(100%/2 - 10px); }
}
@media all and (max-width:480px) {
	#intro4 li {width: 100%; }
}



#organization2 { text-align: center; display: flex; flex-direction: column; font-size: 1.8rem; gap: 80px; }
#organization2::before { content:''; width:1px; height:31.5%; background: #d7dde8; position: absolute; top: 0; left: 50%; margin-left: -0.5px; }
#organization2 > li { position: relative; display: flex; width: 100%; justify-content: space-around; }
#organization2 > li > div > p { width: 220px; max-width: 90%; line-height: 65px; display: inline-block; color: #fff; border-radius: 10px;}

#organization2 > li.depth1{position: relative;}
#organization2 > li.depth1 .rt{position: absolute; width: 43%; right: 8.9%; height: 100%;}
#organization2 > li.depth1 .rt::before { content:''; width: 100%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 50%; margin-top: -0.5px; transform: translateX(-50%);}
#organization2 > li.depth1 .rt p{position: absolute; right: 0; background: #32499d;}
#organization2 > li.depth1 > div > p { background: #133f90; }

#organization2 > li.depth4 { align-items: stretch; }
#organization2 > li.depth4::before { content:''; width: 60%; height: 1px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: 32px; transform: translateX(-50%); }
#organization2 > li.depth4 > div { width: 100% }
#organization2 > li.depth4 > div > p { background: #94accf; }

#organization2 > li.depth4 > div .depth4_1 { position: relative; display: flex; justify-content: space-between; margin-top: 40px; flex-wrap: wrap; }
#organization2 > li.depth4 > div .depth4_1::after { content:''; width: 1px; height: 40px; background: #d7dde8; z-index:-1; position: absolute; left:50%; top: -40px; margin-left: -0.5px }
#organization2 > li.depth4 > div .depth4_1 dl { position: relative; width: 220px; max-width: 90%; margin: 0 auto;}
#organization2 > li.depth4 > div .depth4_1 dl::before { content:''; width: 1px; height: 100%; background: #d7dde8; z-index:-1;position: absolute; left:50%; top: 0px; margin-left: -0.5px }
#organization2 > li.depth4 > div .depth4_1 dl.short::before { height: calc(100% - 20px); }
#organization2 > li.depth4 > div .depth4_1 dl dt {color:#222; border: 1px solid #32499d;  background: #fff; border-radius: 10px; padding: 20px 5px;}
#organization2 > li.depth4 > div .depth4_1 dl dt + dt{margin-top: 20px;}

#organization2 > li.depth4 > div .depth4_2 { margin-top: 40px; width: 180px; max-width: 90%; border: 1px solid #d7dde8; display: inline-block;padding: 1.5em 0; background: #fff; align-items: flex-end;}
#organization2 > li.depth4 > div .depth4_2 p { line-height: 1.5em; }



@media all and (max-width:1400px) {
    #organization2 > li.depth1 .rt{right: 4.9%;}
}
@media all and (max-width:980px) {
    #organization2 {font-size: 1.6rem; gap: 40px;}
    #organization2::before{height: 26%;}
    #organization2 > li.depth1 p{width: 230px;max-width: 100%;}
    #organization2 > li.depth1 .rt{right: 0%; width: 50%;}
    #organization2 > li > div > p {width: 100%; line-height: 50px;}
    #organization2 > li.depth4 > div .depth4_1 {margin-top: 30px;}
    #organization2 > li.depth4 > div .depth4_1 dl {width: 100%;}
}
@media all and (max-width:640px) {
    #organization2::before{height: 30.5%;}
    #organization2 > li.depth4 > div .depth4_1 dl dt {padding: 5px;font-size: 0.8em;}
    #organization2 > li.depth4 > div .depth4_1 dl dt br{display: none;}
}
@media all and (max-width:560px) {
    #organization2 > li > div > p {width: 100%; padding:10px 5px; line-height: 1.2em; font-size: 0.8em;}
    #organization2 > li.depth4::before {top: 17px;}
}
@media all and (max-width:480px) {
    /* #organization2 > li > div > p {line-height: 40px; border-radius: 5px;} */
    #organization2 > li > div > p {width: 100%;}
    #organization2 > li.depth1 p{width: 130px;}
    #organization2 > li.depth1 .rt p{width: 100px;}
    #organization2 > li.depth4 > div .depth4_1 dl dt {border-radius: 5px;}
}


#halfWrap-intro5 {display:flex; flex-wrap:wrap; color: #222;}
#halfWrap-intro5 .titWrap {width:35% ;border-top:2px solid #133f90; padding:80px 0; display: flex; flex-wrap: wrap; flex-direction: column;justify-content: space-evenly;}
#halfWrap-intro5 .titWrap h3 {padding-bottom:1em;font-size:40px; font-weight:400; font-family: 'PTAnboR';}
#halfWrap-intro5 .titWrap h3 .st1 {font-size:20px; font-weight:700; font-family: 'poppins'; margin-bottom: 10px;  color: #133f90; opacity: 0.5;}
#halfWrap-intro5 .titWrap dl {display:flex;  padding:2em 0; border-bottom:1px dashed #DDD;}
#halfWrap-intro5 .titWrap dl dt {width:100px; font-weight:700; font-size:17px; color: #133f90;}
#halfWrap-intro5 .titWrap dl dt i {padding-right:5px; font-size:13px}
#halfWrap-intro5 .titWrap dl dd {width:calc(100% - 100px); font-size:17px; color:#777 }

#halfWrap-intro5 .contWrap {width:65%; border-top:1px solid #DDD; padding:80px 0; padding-right:5%; height: 560px;}
#halfWrap-intro5 .contWrap .wrap_map{height: 100%;}
.root_daum_roughmap .cont,
.root_daum_roughmap .wrap_controllers{display: none;}
#daumRoughmapContainer1744259252920 img[src*="marker_bus"] {display: none !important;}


@media all and (max-width:1024px) {
    #halfWrap-intro5 .titWrap dl dt {width:80px;}
	#halfWrap-intro5 .titWrap dl dd {width:calc(100% - 80px);}
}
@media all and (max-width:976px) {
    #halfWrap-intro5 .titWrap {width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; padding:50px 0 0}
	#halfWrap-intro5 .titWrap h3 {width:100%; padding-bottom:0.3em;}
	#halfWrap-intro5 .titWrap dl {width:49%; border-bottom:1px dashed #DDD; }
	#halfWrap-intro5 .titWrap dl + dl {border-top:0 }
	#halfWrap-intro5 .contWrap {width:100%; padding-right:0; border-top:0; padding:50px 0; height: 400px;}
}
@media all and (max-width:640px) {
	#halfWrap-intro5 .titWrap dl {width:100%;}
	#halfWrap-intro5 .titWrap h3 {font-size:30px;}
	#halfWrap-intro5 .titWrap h3 .st1 {font-size:20px;}
}


.business .business_top{height: 480px; width: 100%;  padding: 40px 80px; border-radius: 15px; position: relative; overflow: hidden;margin-bottom: 70px;}
.business .business_top .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business .business_top .img span{background-repeat: no-repeat; background-size: cover; background-position: center center; display: block; width: 100%; height: 100%;}
.business .business_top.aos-animate span{animation: imgzoomout 1.5s ease-in-out forwards;}
.business.business1 .business_top .img span{background-image: url(/images/sub/business1_img1_250817.png);}
.business.business1-2 .business_top .img span{background-image: url(/images/sub/business1_top2.png);}
.business.business1-3 .business_top .img span{background-image: url(/images/sub/business1_top3.png);}
.business.business1-4 .business_top .img span{background-image: url(/images/sub/business1_top4.png);}
.business.business1-5 .business_top .img span{background-image: url(/images/sub/business1_top5.png);}
.business.business1-6 .business_top .img span{background-image: url(/images/sub/business1_top6.png);}
.business.business2 .business_top .img span{background-image: url(/images/sub/business2_img1.png);}
.business.business2-2 .business_top .img span{background-image: url(/images/sub/business2_top2.png);}
.business.business2-3 .business_top .img span{background-image: url(/images/sub/business2_top3_250808.png);}
.business.business2-4 .business_top .img span{background-image: url(/images/sub/business2_top4.png);}
.business.business2-5 .business_top .img span{background-image: url(/images/sub/business2_top5.png);}
.business.business2-6 .business_top .img span{background-image: url(/images/sub/business2_top6.png);}
.business.business2-7 .business_top .img span{background-image: url(/images/sub/business2_top7_250820.png);}
.business .business_top .inner{height: 100%;}
.business .business_top .inner .txt{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.business .business_top .inner .txt p{font-size: 24px; color: #eee; margin-bottom: 10px; font-weight: 700; font-family: 'poppins';opacity: 0.5;}
.business .business_top .inner .txt h3{color: #fff; font-size: 56px;}
.business .inner{}
.business .inner .text{margin-top: 30px;}
.business .inner .text p{font-size: 18px; color: #444; line-height: 1.8em; word-break: keep-all;}
.business .inner .btn{margin-top: 50px; text-align: center;}
.business .inner .btn a{display: inline-block; line-height: 60px; color: #fff; background-color: #000; font-size: 17px; font-weight: 600; padding: 0 40px; transition: .4s; border: 1px solid #000;}
.business .inner .btn:hover a{background-color: transparent;  color: #000;}

@media all and (max-width:1280px){
    .business #subTitle{margin: 35px 0;}
    .business .business_top{margin-bottom: 50px; height: 420px; padding: 30px 50px;}
	.business .business_top .inner .txt p{font-size: 22px;}
	.business .business_top .inner .txt h3{font-size: 50px;}
	.business .inner .text{margin-top: 25px;}
	.business .inner .text p{font-size: 17px;}
	.business .inner .btn{margin-top: 40px;}
	.business .inner .btn a{font-size: 16px; padding: 0 35px; line-height: 54px;}
}
@media all and (max-width:1024px){
	.business #subTitle{margin: 30px 0;}
	.business .business_top{height: 360px; padding: 25px 40px;}
	.business .business_top .inner .txt p{font-size: 21px;}
	.business .business_top .inner .txt h3{font-size: 44px;}
}
@media all and (max-width:768px){
	.business #subTitle{margin: 27px 0;}
	.business .business_top{height: 300px; padding: 20px 30px; margin-bottom: 30px;}
	.business .business_top .inner .txt p{font-size: 20px;}
	.business .business_top .inner .txt h3{font-size: 38px;}
	.business .inner .text{margin-top: 20px;}
	.business .inner .text p{font-size: 16px;}
	.business .inner .btn{margin-top: 30px;}
	.business .inner .btn a{font-size: 15px; padding: 0 30px; line-height: 48px;}
}
@media all and (max-width:500px){
	.business #subTitle{margin: 24px 0;}
	.business .business_top{height: 240px; padding: 15px 20px;}
	.business .business_top .inner .txt p{font-size: 18px;}
	.business .business_top .inner .txt h3{font-size: 32px;}
}


@keyframes imgzoomout{
	0%{transform: scale(1.1)}
	100%{transform: scale(1)}
}



.busi_cont{color: #222;margin-bottom: 50px;}
.busi_cont + .busi_cont{padding-top: 50px; border-top: 1px dashed #ddd;}
.chapter + .chapter{padding-top: 50px; border-top: 1px dashed #ddd;}
.busi_cont .top{margin-bottom: 20px;}
.busi_cont .top h3{font-size: 4rem; font-family: 'PTAnboR'; font-weight: normal;position: relative; padding-left: 0px;}
/* .busi_cont .top h3:after{position: absolute; content: ''; background: url('/images/sub/logo_s.png') center center / cover no-repeat;left: 0; width: 30px; height: 30px; top:4px;} */
.busi_cont .cont{background: #eff3f8; padding: 40px; border-radius: 10px;}
.busi_cont .cont p{font-size: 1.8rem; line-height: 2.8rem;}


.img_list{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
.img_list li{width: calc(100%/4 - 60px/4);}
.img_list.w3 li{width: calc(100%/3 - 40px/3);}
.img_list li img{width: 100%;}


@media all and (max-width:1280px){
    .busi_cont .top h3{font-size: 3.5rem;}
    .busi_cont .cont{padding: 30px;}
    .busi_cont .cont p{font-size: 1.6rem;}
}
@media all and (max-width:980px){
    .img_list li{width: calc(100%/2 - 20px/2);}
    .img_list.w3 li{width: calc(100%/2 - 20px/2);}
}
@media all and (max-width:780px){
    .busi_cont{margin-bottom: 30px;}
    .busi_cont + .busi_cont{padding-top: 30px;}
    .busi_cont .top h3{font-size: 3rem; }
    .busi_cont .top h3:after{width: 25px;height: 25px;}
    .busi_cont .cont{padding: 20px;}
}
@media all and (max-width:480px){
    .busi_cont .top h3{font-size: 2.5rem;}
    .busi_cont .top h3:after{width: 20px;height: 20px;top: 2px;}
    .busi_cont .cont{padding: 20px;}
    .img_list{gap: 10px;margin-top: 20px;}
    .img_list li{width: calc(100%/2 - 10px/2);}
    .img_list.w3 li{width: calc(100%/2 - 10px/2);}
}


.icoList2 { text-align: center; border: 10px solid #eff3f8;padding: 30px; display: flex;flex-wrap: wrap; justify-content: space-evenly;}
.icoList2 li { display: inline-block;}
.icoList2 li .ico { border-radius: 100%; background: #94acd0; width: 200px; height: 200px; }
.icoList2 li .ico img { width: 100%; }
.icoList2 li p { margin-top: 1em; font-size: 18px; color:#212121; font-family: 'PTAnboR';}

.icoList2 li:nth-child(2) .ico { background:#4f4f4f; }
.icoList2 li:nth-child(3) .ico { background:#2a2a2a; }
.icoList2 li:nth-child(4) .ico { background:#124f99; }

@media all and (max-width:1280px){
    .icoList2 li .ico {height: 180px; width: 180px;}
}
@media all and (max-width:980px){
    .icoList2 li .ico {height: 150px; width: 150px;}
}
@media all and (max-width:780px){
    .icoList2 {gap: 30px 10px;}
    .icoList2 li .ico {height: 33vw; width: 33vw;}
}
@media all and (max-width:480px){
    .icoList2 {gap: 20px 10px; padding: 20px;}
    .icoList2 li .ico {height: 35vw; width: 35vw;}
    .icoList2 li p {font-size: 16px;}
}


#overview {width:90%; max-width:1400px; margin:0 auto; display: flex; align-items: center; flex-wrap: wrap; color: #222;}
#overview .img { width: 580px; text-align:right }
#overview .img img { max-width: 100%; }
#overview .cont { width: calc(100% - 580px); padding: 1% 0 1% 8%; }
#overview .cont dl { display: flex; flex-wrap: wrap; font-size: 1.7rem; }
#overview .cont dl dt, #overview .cont dl dd { padding: 0.8em 0; line-height: 1.7em; border-bottom: 1px solid #e5e5e5; }
#overview .cont dl dt { width: 150px;  font-weight: 400; font-family: 'PTAnboR';}
#overview .cont dl dd { width: calc(100% - 150px); color:#333 }
#overview .cont dl dd ul { font-size: 0.94em; line-height: 1.5em; display:flex; flex-wrap:wrap; gap:5px 20px }

@media all and (max-width:1280px) {
	#overview .cont dl { font-size: 1.6rem; }
	#overview .img { width: 45%; }
	#overview .cont { width: 55%; padding: 1% 0 1% 5%; }
	#overview .cont dl dt { width: 120px;  }
	#overview .cont dl dd { width: calc(100% - 120px); }
}
@media all and (max-width:1024px) {
	#overview { align-items: start;}
	#overview .cont { width: 55%; padding: 0 0 0 5%; }
}
@media all and (max-width:976px) {
	#overview .img { width: 100%; text-align:center }
	#overview .cont { width: 100%; padding: 5% 5% 0;  }
	#overview .cont dl dt { width: 130px; }
	#overview .cont dl dd { width: calc(100% - 130px); }
}
@media all and (max-width:480px) {
	#overview .cont dl dt { width: 20vw; }
	#overview .cont dl dd { width: calc(100% - 20vw); }
}



#checkList {display:flex; flex-wrap:wrap; justify-content:space-between; align-items: center;}
#checkList li {padding:2.5em 1.7em; background:#f0f5f9; border-radius:100px; position:relative;}
#checkList li:before {content:''; width:24px; height:24px; background:url('/images/sub/check-icon.png') no-repeat left center; position:absolute; left:2.5em; top:50%; transform:translateY(-50%)}
#checkList li p {padding-left:2.5em; font-size:2.1rem}
#checkList.w50 {gap:10px}
#checkList.w50 li {width:calc((100% - 10px *1)/2)}
#checkList.bg li {background:#fff;}


@media all and (max-width:1024px) {	
    #checkList li {padding:2em 1.5em;}
    #checkList li:before { width:20px; height:20px; background-size:cover}
    #checkList li p {font-size:1.9rem}
	#checkList.w50 {gap:5px 0}
	#checkList.w50 li {width:100%}
}
@media all and (max-width:480px) {	
    #checkList li {padding:1.5em 1em;}
	#checkList li:before {width:4.3vw; height:4.3vw;left: 2em;}
    #checkList li p {font-size:1.7rem}
}

.cont_list{width: 100%; font-size: 1.8rem;}
.cont_list li + li{margin-top: 10px;}
.cont_list li{position: relative;padding-left: 25px;}
.cont_list li:after{position: absolute; content: '\e86c';left: 0;font-family: 'Material Symbols Outlined'; color: #133f90;top: 0;}

.cont_img{display: flex; margin-top: 30px; gap: 20px;}
.cont_img li{width: calc(100%/2 - 10px);}
.cont_img img{width: 100%;}

@media all and (max-width:680px) {
    .cont_list li{padding-left: 20px;font-size: 1.7rem;}
    .cont_img{margin-top: 20px; flex-wrap: wrap;}
    .cont_img li{width: 100%;}
}

.info_list{display: flex; flex-wrap: wrap; gap: 20px; margin-top: 30px;}
.info_list li{width: calc(100%/5 - 80px/5);}
.info_list li img{width: 100%;}
.info_list li .txt{width: 100%; text-align: center; height: 80px; display: flex; justify-content: center; align-items: center; background: #133f90;padding: 0 20px;}
.info_list li .txt p{font-size: 1.7rem; color: #fff;}

@media all and (max-width:1280px){
    .info_list li{width: calc(100%/3 - 40px/3);}
}
@media all and (max-width:780px){
    .info_list li{width: calc(100%/2 - 20px/2);}
    .info_list li p br{display: none;}
}
@media all and (max-width:680px){
    .info_list{margin-top: 20px;}
    .info_list li .txt p{font-size: 1.6rem;}
}
@media all and (max-width:480px){
    .info_list li .txt{height: 60px;}
    .info_list li{width: 100%;}
}

.info_list2{display: flex; flex-wrap: wrap;gap: 20px; margin-top: 30px;}
.info_list2.w4{gap: 10px;}
.info_list2 > li{width: calc(100%/3 - 40px/3);  display: flex; flex-direction: column; }
.info_list2.w2 > li{width: calc(100%/2 - 10px);}
.info_list2.w4 > li{width: calc(100%/4 - 30px/4);}
.info_list2 > li h3{text-align: center; font-size: 2.3rem; font-family: 'PTAnboR'; font-weight: normal; background: #133f90; padding: 20px; color: #fff; border-radius: 10px;}
.info_list2 > li .info{margin-top: 10px; border-radius: 10px; background: #eff3f8; padding: 20px;flex-grow: 1; display: flex;flex-direction: column;}
.info_list2 > li .info p{font-size: 1.8rem; font-weight: bold; display: flex; align-items: center;gap: 10px;}
.info_list2 > li .info p span{color: #133f90;display: inline-block;}
.info_list2 > li .info ul{display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px;}
.info_list2 > li .info ul li{width: calc(100%/2 - 10px/2); background: #fff; font-size: 1.4rem;padding: 10px; border-radius: 100px;}

.img_w1{width: 100%; text-align: center; margin-top: 30px;}
.img_w1 img{width: 100%; max-width: 790px;}

@media all and (max-width:1480px){
    .info_list2 > li .info ul li{width: 100%;}
}
@media all and (max-width:1280px){
    .info_list2.w4 > li{width: calc(100%/2 - 10px/2);}
}
@media all and (max-width:780px){
    .info_list2.w4{gap: 20px;}
    .info_list2 > li{width: 100%; }
    .info_list2.w2 > li{width: 100%;}
    .info_list2.w4 > li{width: 100%;}
    .info_list2 > li h3{font-size: 2rem; padding: 15px;}
    .info_list2 > li .info{padding: 10px;}
    .info_list2 > li .info p{font-size: 1.7rem;}
    .info_list2 > li .info ul{margin-top: 10px;}
    .info_list2 > li .info ul li{width: calc(100%/2 - 10px/2); padding: 7px 10px;}
    br.mon{display: none;}
}


.sectionList #tab1{padding-top: 50px;}


p.name{margin-top: 10px; background: #133f90; color: #fff; padding: 20px 10px; border-radius: 10px; font-size: 2rem; font-family: 'PTAnboR'; text-align: center;}
@media all and (max-width:780px){
    p.name{padding: 15px 10px; font-size: 1.8rem;}
}