@charset "utf-8";

/* s_txt */
.s_txt{color: #000;}
.s_txt h3{font-size: 48px; margin-bottom: 120px; line-height: 1.4em; text-align: center;}
.s_txt h4{font-size: 36px; margin-bottom: 15px; line-height: 1.4em; word-break: keep-all;}
.s_txt p{font-size: 24px; font-weight: 500;}

@media all and (max-width:1480px){
	.s_txt h3{font-size: 42px; margin-bottom: 90px;}
	.s_txt h4{font-size: 32px;}
	.s_txt p{font-size: 22px;}
}
@media all and (max-width:1024px){
	.s_txt h3{font-size: 36px; margin-bottom: 80px;}
	.s_txt h4{font-size: 28px; margin-bottom: 12px;}
	.s_txt p{font-size: 20px;}
}
@media all and (max-width:768px){
	.s_txt h3{font-size: 32px; margin-bottom: 70px;}
	.s_txt h4{font-size: 25px;}
	.s_txt p{font-size: 19px;}
}
@media all and (max-width:500px){
	.s_txt h3{font-size: 27px; margin-bottom: 60px;}
	.s_txt h4{font-size: 22px; margin-bottom: 9px;}
	.s_txt p{font-size: 17px;}
}

/* intro1 */
.intro1{}
.intro1 .sticky-box{position: relative; height: 130vh;}
.intro1 .intro1_top{position: sticky; top: 0;
	margin: 0 auto;
	width: 100%;
	max-width: 1480px;
	height: 50vh;
	overflow: hidden;
	transition: none; background: #000;}
.intro1 .intro1_top .scale-wrap{width: 100%; height: 100%; transform-origin: center top;}
.intro1 .intro1_top .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1;}
.intro1 .intro1_top .img img{width: 100%;
	height: 100%;
	object-fit: cover;}
.intro1 .intro1_top .txt{position: absolute;
	left: 50%;
	bottom: 140px;
	transform: translateX(-50%);
	opacity: 0;
	transition: none;
	color: #fff;
	z-index: 2;
	text-align: center; width: 94%; margin-left: auto; margin-right: auto}
.intro1 .intro1_top .txt h3{font-size: 56px; color: #fff; line-height: 1.4em; word-break: keep-all;}
.intro1 .inner{}
.intro1 .inner .tit{margin-top: 150px; font-size: 40px; color: #222; font-weight: 700; margin-bottom: 40px; word-break: keep-all;}
.intro1 .inner .img{}
.intro1 .inner .img img{max-width: 100%;}
.intro1 .inner .text{display: flex; gap:100px; margin-top: 60px; padding-bottom: 70px; border-bottom: 1px solid #dddddd;}
.intro1 .inner .text .cont{width: 100%;font-size: 20px; color: #444444; line-height: 1.8em; word-break: keep-all; font-weight: 300;}
.intro1 .inner .name{margin-top: 60px; text-align: right; display: flex; justify-content: flex-end;}
.intro1 .inner .name p{font-size: 18px; font-weight: 500; color: #222222; display: flex; align-items: center;}
.intro1 .inner .name p span{font-size: 40px; margin-left: 20px; font-family: 'NohHaeChan';}

@media all and (max-width:1480px){
	.intro1 .intro1_top .txt h3{font-size: 45px;}
	.intro1 .intro1_top .txt{bottom: 100px;}
	.intro1 .inner .tit{margin-top: 120px; font-size: 36px; margin-bottom: 35px;}
	.intro1 .inner .text{gap:60px; margin-top: 50px; padding-bottom: 60px;}
	.intro1 .inner .text .cont{font-size: 19px; line-height: 1.7em;}
	.intro1 .inner .text .cont br{display: none;}
	.intro1 .inner .name{margin-top: 50px;}
	.intro1 .inner .name p{font-size: 17px;}
	.intro1 .inner .name p span{font-size: 38px;}
}
@media all and (max-width:1024px){
	.intro1 .intro1_top .txt h3{font-size: 40px;}
	.intro1 .intro1_top .txt{bottom: 90px;}
	.intro1 .inner .tit{margin-top: 100px; font-size: 33px; margin-bottom: 32px;}
	.intro1 .inner .img img{height: 30vw; object-fit: cover; min-height: 200px;}
	.intro1 .inner .text{gap:40px; margin-top: 40px; padding-bottom: 50px;}
	.intro1 .inner .text .cont{font-size: 18px; line-height: 1.7em;}
	.intro1 .inner .name{margin-top: 40px;}
	.intro1 .inner .name p span{font-size: 36px;}
}
@media all and (max-width:768px){
	.intro1 .sticky-box{height: 150vh;}
	.intro1 .intro1_top .txt h3{font-size: 36px;}
	.intro1 .intro1_top .txt{bottom: auto; top: 50%; transform: translate(-50%, -50%) !important;}
	.intro1 .inner .tit{margin-top: 90px; font-size: 30px; margin-bottom: 28px;}
	.intro1 .inner .text{flex-direction: column; gap:15px; margin-top: 30px; padding-bottom: 40px;}
	.intro1 .inner .text .cont{font-size: 17px; line-height: 1.6em;}
	.intro1 .inner .name{margin-top: 35px;}
	.intro1 .inner .name p{font-size: 16px;}
	.intro1 .inner .name p span{font-size: 34px; }
}
@media all and (max-width:500px){
	.intro1 .intro1_top .txt h3{font-size: 30px;}
	.intro1 .inner .tit{margin-top: 60px; font-size: 27px; margin-bottom: 25px;}
	.intro1 .inner .tit br{display: none;}
	.intro1 .inner .text{gap:13px; margin-top: 25px; padding-bottom: 30px;}
	.intro1 .inner .text .cont{font-size: 16px; line-height: 1.6em;}
	.intro1 .inner .name{margin-top: 30px;}
	.intro1 .inner .name p span{font-size: 28px; margin-left: 10px;}
}

.intro02 {}
.intro02 .inner {}
.intro02 .top_cont {}
.intro02 .top_cont .txt {}
.intro02 .top_cont h3 {font-size: 36px; color: #000; text-align: center; line-height: 1.6em;}
.intro02 .top_cont br {}
.intro02 .vision {margin: 50px 0 70px; display: flex; justify-content: center; align-items: center;}
.intro02 .vision .l_cont {width: 50%; display: flex; flex-direction: column; align-items: flex-end; padding-right: 45px;}
.intro02 .vision h4 {font-size: 22px; font-weight: 700; color: #033ddf; margin-bottom: 5px;}
.intro02 .vision .img {}
.intro02 .vision img {}
.intro02 .vision .r_cont {width: 50%;  border-left: 1px solid #ddd; padding: 10px 0; padding-left: 45px;}
.intro02 .vision p {font-size: 24px; color: #033ddf; font-weight: 700;}
.intro02 .vision p + p{margin-top: 10px;}
.intro02 .value {display: flex; gap:20px;}
.intro02 .value li {width: 100%; position: relative; border-radius: 20px; overflow: hidden;}
.intro02 .value li .img {}
.intro02 .value li .img img {width: 100%; height: 100%; object-fit: cover; aspect-ratio:9/12;}
.intro02 .value li .txt {position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 50px 25px; display: flex; justify-content: space-between; flex-direction: column; color: #fff;}
.intro02 .value li .txt h3 {font-size: 32px;}
.intro02 .value li .txt p {font-size: 17px; opacity: 0.6; line-height: 1.6em;}
.intro02 .slogan {background:#000 url(/images/sub/intro02_slogan.webp) no-repeat center center / cover; height: 500px; margin: 100px 0;}
.intro02 .slogan .txt {text-align: center; height: 100%; color: #fff; display: flex; flex-direction: column; justify-content: center;}
.intro02 .slogan h4 {font-size: 32px; margin-bottom: 30px;}
.intro02 .slogan h3 {font-size: 86px; font-family: JSArirang-Regular; font-weight: 400;}
.intro02 .organ {text-align: center; margin-bottom: 110px;}
.intro02 .organ h3 {font-size: 36px; color: #000; margin-bottom: 40px;}
.intro02 .organ .img {}
.intro02 .organ img {max-width: 100%;}
.intro02 .bg {background: #f1f4f8; padding: 110px 0;}
.intro02 .bg .inner {}
.intro02 .box_cont {}
.intro02 .box {display: flex;}
.intro02 .box + .box{padding-top: 80px; margin-top: 80px; border-top: 1px solid #d8dbdf;}
.intro02 .box .l_cont {width: 31%; padding-right: 40px;}
.intro02 .box .l_cont h3 {font-size: 30px; color: #000; line-height: 1.4em; border-left: 4px solid #003d91; padding-left: 20px; margin-top: 30px;}
.intro02 .box .r_cont {width: 69%;}
.intro02 .box .r_cont .root_daum_roughmap .wrap_controllers{display: none;}
.intro02 .box .r_cont .root_daum_roughmap .cont .section.lst{display: none;}
.intro02 .box .r_cont .root_daum_roughmap .wrap_map{height: 100% !important;}
.intro02 .flex {display: flex; gap:19px;}
.intro02 .flex .img {width: 100%;}
.intro02 .flex img {max-width: 100%;}
.intro02 .map {width: 100%;}

@media all and (max-width:1480px){
	.intro02 .top_cont h3{font-size: 32px;}
	.intro02 .vision{margin: 45px 0 65px;}
	.intro02 .vision .l_cont{padding-right: 40px;}
	.intro02 .vision h4{font-size: 20px;}
	.intro02 .vision img{max-width: 328px;}
	.intro02 .vision .r_cont{padding: 8px 0; padding-left: 40px;}
	.intro02 .vision p{font-size: 22px;}
	.intro02 .value{gap:15px;}
	.intro02 .value li .txt{padding: 40px 35px;}
	.intro02 .value li .txt h3{font-size: 28px;}
	.intro02 .value li .txt p{font-size: 16px;}
	.intro02 .slogan{margin: 90px 0;height: auto;}
	.intro02 .slogan .txt{padding: 120px 0;}
	.intro02 .slogan h4{font-size: 28px; margin-bottom: 25px;}
	.intro02 .slogan h3{font-size: 72px;}
	.intro02 .organ h3{font-size: 32px; margin-bottom: 35px;}
	.intro02 .organ{margin-bottom: 90px;}
	.intro02 .bg{padding: 90px 0;}
	.intro02 .box .l_cont h3{font-size: 28px; margin-top: 25px; padding-left: 17px;}
	.intro02 .box + .box{margin-top: 70px; padding-top: 70px;}
}
@media all and (max-width:1024px){
	.intro02 .top_cont h3{font-size: 28px;}
	.intro02 .vision{margin: 40px 0 60px;}
	.intro02 .vision .l_cont{padding-right: 35px;}
	.intro02 .vision h4{font-size: 19px;}
	.intro02 .vision img{max-width: 300px;}
	.intro02 .vision .r_cont{padding-left: 35px;}
	.intro02 .vision p{font-size: 20px;}
	.intro02 .value li .txt{padding: 30px 25px;}
	.intro02 .value li .txt h3{font-size: 25px;}
	.intro02 .slogan{margin: 80px 0;}
	.intro02 .slogan h4{font-size: 25px; margin-bottom: 22px;}
	.intro02 .slogan h3{font-size: 60px;}
	.intro02 .organ h3{font-size: 28px; margin-bottom: 30px;}
	.intro02 .organ{margin-bottom: 80px;}
	.intro02 .bg{padding: 80px 0;}
	.intro02 .box .l_cont h3{font-size: 25px; margin-top: 20px; padding-left: 15px;}
	.intro02 .box + .box{margin-top: 60px; padding-top: 60px;}
}
@media all and (max-width:768px){
	.intro02 .top_cont h3{font-size: 25px;}
	.intro02 .vision{margin: 36px 0 55px; flex-direction: column;}
	.intro02 .vision .l_cont{padding-right: 0; padding-bottom: 30px; width: 85%; text-align: center; align-items: center;}
	.intro02 .vision .l_cont h4{margin-bottom: 10px; font-size: 18px;}
	.intro02 .vision img{max-width: 286px;}
	.intro02 .vision .r_cont{padding-left: 0; padding-top: 25px; padding-bottom: 0; border-left: 0; border-top: 1px solid #ddd; text-align: center; width: 85%;}
	.intro02 .vision p{font-size: 19px;}
	.intro02 .vision p + p{margin-top: 7px;}
	.intro02 .value{display: grid; grid-template-columns: repeat(2, 1fr); gap:12px;}
	.intro02 .value li .txt{padding: 35px 30px;}
	.intro02 .value li .txt p{line-height: 1.5em;}
	.intro02 .slogan{margin: 75px 0;}
	.intro02 .slogan .txt{padding: 100px 0;}
	.intro02 .slogan h4{font-size: 23px; margin-bottom: 12px;}
	.intro02 .slogan h3{font-size: 56px;}
	.intro02 .organ h3{font-size: 25px; margin-bottom: 27px;}
	.intro02 .organ img{max-width: 85%; margin-left: auto; margin-right: auto;}
	.intro02 .organ{margin-bottom: 75px;}
	.intro02 .bg{padding: 75px 0;}
	.intro02 .box{flex-direction: column;}
	.intro02 .box + .box{margin-top: 50px; padding-top: 50px;}
	.intro02 .box .l_cont{width: 100%; margin-bottom: 30px;}
	.intro02 .box .l_cont h3{font-size: 20px; margin-top: 0;}
	.intro02 .box .l_cont h3 br{display: none;}
	.intro02 .box .r_cont{width: 100%;}
	.intro02 .flex{flex-direction: column;}
	.intro02 .flex .map{aspect-ratio:16/10;}
}
@media all and (max-width:500px){
	.intro02 .top_cont h3{font-size: 22px;}
	.intro02 .vision{margin: 32px 0 50px;}
	.intro02 .vision .l_cont{padding-bottom: 25px;}
	.intro02 .vision .l_cont h4{font-size: 17px;}
	.intro02 .vision .r_cont{padding-top: 20px;}
	.intro02 .vision img{max-width: 254px;}
	.intro02 .vision p{font-size: 18px;}
	.intro02 .value li .txt{padding: 25px 15px;}
	.intro02 .value li .txt h3{font-size: 20px;}
	.intro02 .value li .txt h3 br{display: none;}
    .intro02 .value li .txt p{font-size: 14px;}
	.intro02 .slogan{margin: 70px 0;}
	.intro02 .slogan h4{font-size: 21px;}
	.intro02 .slogan h3{font-size: 35px;}
	.intro02 .organ{margin-bottom: 70px;}
	.intro02 .organ h3{font-size: 22px; margin-bottom: 23px;}
	.intro02 .bg{padding: 70px 0;}
	.intro02 .box + .box{margin-top: 40px; padding-top: 40px;}
	.intro02 .box .l_cont h3{font-size: 22px;}
}


/* intro03 */
.intro03{}
.intro03 .s_txt{}
.intro03 .s_txt h4{}
.intro03 .s_txt p{}
.intro03 .img{margin: 60px 0 100px; width: 100%; height: 400px; background: url(/images/sub/intro03_bg.webp) no-repeat center center / cover; background-attachment: fixed;}
.intro03 .history_cont{display: flex; align-items: flex-start;}
.intro03 .history_cont .year{width: 45%; font-size: 90px; font-weight: 500; color: #000; text-align: center; position: sticky; top: 160px; padding-left: 100px;}
.intro03 .history_cont .year span{color: #1d2088; font-weight: 700;}
.intro03 .history_cont .timeline_box{width: 55%;}
.intro03 .history_cont .timeline_box .timeline{opacity: 0.3; transition: .4s;}
.intro03 .history_cont .timeline_box .timeline h3{display: none;}
.intro03 .history_cont .timeline_box .timeline.on{opacity: 1;}
/*.intro03 .history_cont .timeline_box .timeline + .timeline{margin-top: 30px;}*/
.intro03 .history_cont .timeline_box .timeline li{display: flex;}
.intro03 .history_cont .timeline_box .timeline li h4{color: #000; font-size: 20px; font-weight: 700; width: 60px; padding: 25px 0; line-height: 1.5em;}
.intro03 .history_cont .timeline_box .timeline li p{border-bottom: 1px solid #e5e5e5; font-size: 20px; font-weight: 500; color: #444; width: 100%; padding: 25px 0; word-break: keep-all; line-height: 1.5em; font-weight: 300;}
.intro03 .history_cont .timeline_box .timeline li h4 + p{width: calc(100% - 60px);}

@media all and (max-width:1480px){
	.intro03 .img{margin: 50px 0 80px; height: 360px;}
	.intro03 .history_cont .year{font-size: 76px; padding-left: 50px;}
	.intro03 .history_cont .timeline_box .timeline li h4{width: 50px; padding: 20px 0; font-size: 19px;}
	.intro03 .history_cont .timeline_box .timeline li p{padding: 20px 0; font-size: 19px;}
	.intro03 .history_cont .timeline_box .timeline li h4 + p{width: calc(100% - 50px);}
}
@media all and (max-width:1024px){
	.intro03 .img{margin: 45px 0 70px; height: 320px;}
	.intro03 .history_cont .year{padding-left: 0; width: 40%; font-size: 64px;}
	.intro03 .history_cont .timeline_box{width: 60%;}
	.intro03 .history_cont .timeline_box .timeline li h4{width: 45px; padding: 17px 0; font-size: 18px;}
	.intro03 .history_cont .timeline_box .timeline li p{padding: 17px 0; font-size: 18px;}
	.intro03 .history_cont .timeline_box .timeline li h4 + p{width: calc(100% - 45px);}
}
@media all and (max-width:768px){
	.intro03 .img{margin: 40px 0 60px; height: 270px;}
	.intro03 .s_txt{text-align: center;}
	.intro03 .history_cont .year{display: none;}
	.intro03 .history_cont .timeline_box{width: 90%; margin-left: auto; margin-right: auto;}
	.intro03 .history_cont .timeline_box .timeline{opacity: 1;}
	.intro03 .history_cont .timeline_box .timeline + .timeline{margin-top: 50px;}
	.intro03 .history_cont .timeline_box .timeline h3{font-size: 40px; font-weight: 500; color: #000; display: block; margin-bottom: 5px;}
	.intro03 .history_cont .timeline_box .timeline h3 span{color: #1d2088; font-weight: 700;}
	.intro03 .history_cont .timeline_box .timeline li h4{width: 40px; padding: 15px 0; font-size: 17px;}
	.intro03 .history_cont .timeline_box .timeline li p{padding: 15px 0; font-size: 17px;}
	.intro03 .history_cont .timeline_box .timeline li h4 + p{width: calc(100% - 40px);}
}
@media all and (max-width:500px){
	.intro03 .img{margin: 30px 0 50px; height: 240px;}
	.intro03 .history_cont .timeline_box .timeline + .timeline{margin-top: 40px;}
	.intro03 .history_cont .timeline_box .timeline h3{font-size: 34px;}
	.intro03 .history_cont .timeline_box .timeline li h4{width: 35px; padding: 12px 0; font-size: 16px;}
	.intro03 .history_cont .timeline_box .timeline li p{padding: 12px 0; font-size: 16px;}
	.intro03 .history_cont .timeline_box .timeline li h4 + p{width: calc(100% - 35px);}
}


/* intro04 */
.intro04{}
.intro04 .inner{}
.intro04 .inner .cont{}
.intro04 .inner .cont + .cont{margin-top: 90px; padding-top: 90px; border-top: 1px solid #e5e5e5;}
.intro04 .inner .cont .box{display: flex; justify-content: space-between; align-items: center;}
.intro04 .inner .cont .txt{width: calc(100% - 56.75%);}
.intro04 .inner .cont .txt h3{font-size: 36px; color: #000; font-weight: 700; margin-bottom: 25px;}
.intro04 .inner .cont .txt p{font-size: 20px; color: #444444; font-weight: 300; line-height: 1.7em; word-break: keep-all;}
.intro04 .inner .cont .txt p b{color: #000; font-weight: 500;}
.intro04 .inner .cont .txt a.btn{display: inline-block; margin-top: 45px; line-height: 60px; padding: 0 40px; color: #fff; font-size: 20px; font-weight: 600; background-color: #1d2088; border-radius: 60px;}
.intro04 .inner .cont .txt a.btn span{margin-left: 10px;}
.intro04 .inner .cont .img{width: 56.75%;}
.intro04 .inner .cont .img img{max-width: 100%;}
.intro04 .inner .info{margin-top: 60px; display: flex; gap:50px;}
.intro04 .inner .info li{background-color: #f3f3f3; width: 100%; padding: 40px;}
.intro04 .inner .info li h3{color: #000000; font-size: 24px; font-weight: 700; margin-bottom: 20px;}
.intro04 .inner .info li p{font-size: 18px; font-weight: 300; color: #444444; line-height: 1.6em;position: relative; padding-left: 10px;}
.intro04 .inner .info li p::before{content: '·'; position: absolute; left: 0; top: 0; color: #1d2088;}
.intro04 .inner .info li p + p{margin-top: 12px;}
.intro04 .inner .info li p span{font-weight: 500;}
.intro04 .inner .info li dl{display: flex; gap:10px; margin: 10px 0;}
.intro04 .inner .info li dl dd{background-color: #fff; width: 100%; text-align: center; padding: 20px 0;}
.intro04 .inner .img_box.flex{width: 56.75%; display: flex; gap:45px;}
.intro04 .inner .img_box.flex .img{width: 100%;}
.intro04 .inner .img_box.flex .img img{max-width: 100%;}
.intro04 .inner .img_box.flex .img p{font-size: 17px; color: #666; font-weight: 300; margin-top: 10px;}
.intro04 .inner .color_box{width: 56.75%;display: flex; gap:24px;}
.intro04 .inner .color_box .colors{width: 100%;}
.intro04 .inner .color_box .colors .color{width: 100%; aspect-ratio:4/3;}
.intro04 .inner .color_box .colors .dl_box{margin-top: 20px;}
.intro04 .inner .color_box .colors .dl_box dl{display: flex;}
.intro04 .inner .color_box .colors .dl_box dl + dl{margin-top: 5px;}
.intro04 .inner .color_box .colors .dl_box dl dt{width: 80px; font-size: 20px; font-weight:400; color: #999999;}
.intro04 .inner .color_box .colors .dl_box dl dd{width: calc(100% - 80px); font-weight: 300; color: #000000; font-size: 20px;}

@media all and (max-width:1480px){
	.intro04 .inner .cont + .cont{margin-top: 80px; padding-top: 80px;}
	.intro04 .inner .cont .txt{padding-right: 50px;}
	.intro04 .inner .cont .txt h3{font-size: 32px;}
	.intro04 .inner .cont .txt p{font-size: 19px;}
	.intro04 .inner .cont .txt a.btn{margin-top: 40px; padding: 0 36px; line-height: 56px; font-size: 19px;}
	.intro04 .inner .cont .txt a.btn span{margin-left: 8px;}
	.intro04 .inner .info{gap:30px; margin-top: 50px;}
	.intro04 .inner .info li{padding: 35px;}
	.intro04 .inner .info li h3{font-size: 22px; margin-bottom: 17px;}
	.intro04 .inner .info li p{font-size: 17px; padding-left: 9px;}
	.intro04 .inner .info li p + p{margin-top: 10px;}
	.intro04 .inner .info li dl{flex-direction: column;}
	.intro04 .inner .info li dl dd{padding: 15px 0; font-size: 15px;}
	.intro04 .inner .img_box.flex{gap:30px;}
	.intro04 .inner .img_box.flex .img p{font-size: 16px;}
	.intro04 .inner .color_box{gap:18px;}
	.intro04 .inner .color_box .colors .dl_box{margin-top: 15px;}
	.intro04 .inner .color_box .colors .dl_box dl dt{width: 60px; font-size: 18px; white-space: nowrap;}
	.intro04 .inner .color_box .colors .dl_box dl dd{width: calc(100% - 60px); font-size: 18px; white-space: nowrap;}
} 
@media all and (max-width:1024px){
	.intro04 .inner .cont + .cont{margin-top: 70px; padding-top: 70px;}
	.intro04 .inner .cont .txt h3{font-size: 28px; margin-bottom: 20px;}
	.intro04 .inner .cont .txt p{font-size: 18px;}
	.intro04 .inner .cont .txt p br{display: none;}
	.intro04 .inner .cont .txt a.btn{margin-top: 37px; padding: 0 33px; line-height: 52px; font-size: 18px;}
	.intro04 .inner .info{gap:25px; margin-top: 45px;}
	.intro04 .inner .info li{padding: 30px;}
	.intro04 .inner .info li h3{font-size: 21px; margin-bottom: 15px;}
}
@media all and (max-width:768px){
	.intro04 .inner .cont + .cont{margin-top: 60px; padding-top: 60px;}
	.intro04 .inner .cont .box{flex-direction: column; gap:40px;}
	.intro04 .inner .cont .txt{padding-right: 0; width: 100%;}
	.intro04 .inner .cont .txt h3{font-size: 25px;}
	.intro04 .inner .cont .txt p{font-size: 17px;}
	.intro04 .inner .cont .txt a.btn{margin-top: 34px; padding: 0 31px; line-height: 48px; font-size: 17px;}
	.intro04 .inner .cont .txt a.btn span{margin-left: 6px;}
	.intro04 .inner .cont .img{width: 100%;}
	.intro04 .inner .info{flex-direction: column;}
	.intro04 .inner .info li h3{font-size: 20px; margin-bottom: 13px;}
	.intro04 .inner .info li dl{flex-direction: row;}
	.intro04 .inner .info li p + p{margin-top: 7px;}
	.intro04 .inner .img_box.flex{gap:20px; width: 100%;}
	.intro04 .inner .color_box{width: 100%;}
	.intro04 .inner .color_box .colors .dl_box{margin-top: 12px;}
	.intro04 .inner .color_box .colors .dl_box dl dt{width: 55px; font-size: 16px; white-space: nowrap;}
	.intro04 .inner .color_box .colors .dl_box dl dd{width: calc(100% - 55px); font-size: 16px; white-space: nowrap;}
}
@media all and (max-width:500px){
	.intro04 .inner .cont + .cont{margin-top: 50px; padding-top: 50px;}
	.intro04 .inner .cont .box{gap:30px;}
	.intro04 .inner .cont .txt h3{font-size: 22px; margin-bottom: 15px;}
	.intro04 .inner .cont .txt p{font-size: 16px;}
	.intro04 .inner .cont .txt a.btn{margin-top: 30px; padding: 0 29px; line-height: 45px; font-size: 16px;}
	.intro04 .inner .info li{padding: 25px;}
	.intro04 .inner .info li h3{font-size: 18px; margin-bottom: 11px;}
	.intro04 .inner .info li dl{flex-direction: row;}
	.intro04 .inner .info li p{font-size: 16px;}
	.intro04 .inner .info li dl dd{padding: 12px 0; font-size: 14px;}
	.intro04 .inner .img_box.flex{flex-direction: column; gap:30px;}
	.intro04 .inner .color_box{flex-direction: column; gap:30px;}
}


/* intro05 */
#certList { overflow: hidden; text-align: left; max-width: 1600px;  font-size:0; }
#certList li { display: inline-block; vertical-align: top; width: calc((100% - 120px) / 4); margin-left: 40px; margin-bottom: 40px;}
#certList li:nth-child(4n+1) { margin-left:0; }
#certList li .img { border: 1px solid #dedede; padding: 10px; }
#certList li img { max-width: 100%; border: 1px solid #f2f2f2; width: 100%;}
#certList li p { margin-top: 15px; font-size: 18px; font-weight: 600; color:#212121; text-align: center; word-break: keep-all;}
#certList li p span{font-size: 0.875em; font-weight: 300; color: #888; display: block; margin-top: 7px;}


@media all and (max-width:1480px) {
	#certList li { width: calc((100% - 60px) / 4); margin-left: 20px; }
}

@media all and (max-width:1024px) {
	#certList { text-align: left; }
	#certList li { width: calc((100% - 40px) / 3); text-align: center; }
	#certList li:nth-child(4n+1) { margin-left:20px; }
	#certList li:nth-child(3n+1) { margin-left:0; }
	#certList li p{margin-top: 12px; font-size: 17px;}
}

@media all and (max-width:768px) {
	#certList li { width: calc((100% - 20px) / 3); margin-left: 10px;  }
	#certList li:nth-child(4n+1) { margin-left:10px; }
	#certList li:nth-child(3n+1) { margin-left:0; }
}

@media all and (max-width:500px) {
	#certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 30px;  }
	#certList li:nth-child(odd) { margin-left: 0 !important; }
	#certList li p{margin-top: 10px; font-size: 16px;}
}


/* intro06 */
.intro06{}
.intro06 .inner{}
.intro06 .inner .box{}
.intro06 .inner .box + .box{margin-top: 90px; padding-top: 90px; border-top: 1px solid #e5e5e5;}
.intro06 .inner .box .title{}
.intro06 .inner .box .title h3{font-size: 32px; color: #000; margin-bottom: 5px;}
.intro06 .inner .box .title h4{font-weight: 600; color: #bbb;}
.intro06 .inner .box .logo{display: grid; grid-template-columns: repeat(6, 1fr); gap:20px; margin-top: 30px;}
.intro06 .inner .box .logo li{border: 1px solid #eee; cursor: pointer; transition: .4s;}
.intro06 .inner .box .logo li:hover{border-color:#1d2088;}
.intro06 .inner .box .logo li a{}
.intro06 .inner .box .logo li a img{max-width: 100%;}

@media all and (max-width:1480px){
	.intro06 .inner .box + .box{margin-top: 80px; padding-top: 80px;}
	.intro06 .inner .box .title h3{font-size: 28px;}
	.intro06 .inner .box .title h4{font-size: 15px;}
	.intro06 .inner .box .logo{grid-template-columns: repeat(5, 1fr);}
}
@media all and (max-width:1024px){
	.intro06 .inner .box + .box{margin-top: 70px; padding-top: 70px;}
	.intro06 .inner .box .title h3{font-size: 26px;}
	.intro06 .inner .box .logo{grid-template-columns: repeat(4, 1fr);}
}
@media all and (max-width:768px){
	.intro06 .inner .box + .box{margin-top: 60px; padding-top: 60px;}
	.intro06 .inner .box .title h3{font-size: 24px;}
	.intro06 .inner .box .title h4{font-size: 14px;}
	.intro06 .inner .box .logo{grid-template-columns: repeat(3, 1fr);}
}
@media all and (max-width:500px){
	.intro06 .inner .box + .box{margin-top: 50px; padding-top: 50px;}
	.intro06 .inner .box .title h3{font-size: 22px;}
	.intro06 .inner .box .logo{grid-template-columns: repeat(2, 1fr);}
}


/* intro07 */
.intro07{}
.intro07 .map_box{}
.intro07 .map_box + .map_box{margin-top: 90px; padding-top: 90px; border-top: 1px solid #eee;}
.intro07 .map_box .root_daum_roughmap .wrap_controllers, .intro07 .map_box .root_daum_roughmap .cont .section.lst{display: none;}
.intro07 .map_box .title{margin-bottom: 30px;}
.intro07 .map_box .title h3{font-size: 32px; color: #1d2088;}
.intro07 .map_box .map_info{margin-top: 50px;}
.intro07 .map_box .map_info dl{ max-width: 1280px; margin-left: auto; margin-right: auto; display: flex; align-items: flex-start;}
.intro07 .map_box .map_info dl + dl{margin-top: 20px; padding-top: 20px; border-top: 1px dotted #eee;}
.intro07 .map_box .map_info dl dt{font-size: 27px; color: #000; font-weight: 700; width: 25%;}
.intro07 .map_box .map_info dl dd{width: 75%;}
.intro07 .map_box .map_info dl dd p{font-size: 20px; color: #222; line-height: 2;}
.intro07 .map_box .map_info dl dd p span{color: #1d2088; font-weight: 600;}
.intro07 .map_box .map_info dl dd .btn{line-height: 60px; display: inline-flex; align-items: center; padding: 0 30px 0 20px; font-weight: 600; gap:5px;}
.intro07 .map_box .map_info dl dd .btn + .btn{margin-left: 5px;}
.intro07 .map_box .map_info dl dd .btn img{max-height: 30px;}
.intro07 .map_box .map_info dl dd .btn.naver{background-color: #fff; border: 1px solid #dedede; color: #000;}
.intro07 .map_box .map_info dl dd .btn.kakao{background-color: #fae000; color: #000;}

@media all and (max-width:1480px){
	.intro07 .map_box .title{margin-bottom: 25px;}
	.intro07 .map_box .title h3{font-size: 28px;}
	.root_daum_roughmap .wrap_map{height: 480px !important;}
	.intro07 .map_box + .map_box{margin-top: 80px; padding-top: 80px;}
	.intro07 .map_box .map_info{margin-top: 40px;}
	.intro07 .map_box .map_info dl + dl{margin-top: 17px; padding-top: 17px;}
	.intro07 .map_box .map_info dl dt{font-size: 24px;}
	.intro07 .map_box .map_info dl dd p{font-size: 19px;}
	.intro07 .map_box .map_info dl dd .btn{line-height: 56px; padding: 0 27px 0 18px;}
}
@media all and (max-width:1024px){
	.intro07 .map_box .title h3{font-size: 26px;}
	.root_daum_roughmap .wrap_map{height: 440px !important;}
	.intro07 .map_box + .map_box{margin-top: 70px; padding-top: 70px;}
	.intro07 .map_box .map_info{margin-top: 35px;}
	.intro07 .map_box .map_info dl + dl{margin-top: 16px; padding-top: 16px;}
	.intro07 .map_box .map_info dl dt{font-size: 22px; line-height: 1.5;}
	.intro07 .map_box .map_info dl dd p{font-size: 18px;}
	.intro07 .map_box .map_info dl dd .btn img{max-height: 28px;}
	.intro07 .map_box .map_info dl dd .btn{line-height: 53px; padding: 0 25px 0 16px; font-size: 15px;}
}
@media all and (max-width:768px){
	.intro07 .map_box .title{margin-bottom: 20px;}
	.intro07 .map_box .title h3{font-size: 24px;}
	.root_daum_roughmap .wrap_map{height: 400px !important;}
	.intro07 .map_box + .map_box{margin-top: 60px; padding-top: 60px;}
	.intro07 .map_box .map_info{margin-top: 30px;}
	.intro07 .map_box .map_info dl + dl{margin-top: 14px; padding-top: 14px;}
	.intro07 .map_box .map_info dl dt{font-size: 20px;}
	.intro07 .map_box .map_info dl dd p{font-size: 17px;}
	.intro07 .map_box .map_info dl dd .btn img{max-height: 26px;}
	.intro07 .map_box .map_info dl dd .btn{line-height: 50px; padding: 0 23px 0 15px; font-size: 15px;}
}
@media all and (max-width:500px){
	.intro07 .map_box .title h3{font-size: 22px;}
	.root_daum_roughmap .wrap_map{height: 340px !important;}
	.intro07 .map_box + .map_box{margin-top:50px; padding-top: 50px;}
	.intro07 .map_box .map_info dl + dl{margin-top: 12px; padding-top: 12px;}
	.intro07 .map_box .map_info dl dt{font-size: 18px;}
	.intro07 .map_box .map_info dl dd p{font-size: 16px;}
	.intro07 .map_box .map_info dl dd .btn img{max-height: 24px;}
	.intro07 .map_box .map_info dl dd .btn{line-height: 46px; padding: 0 20px 0 13px; font-size: 14px;}
}


/* esg01 */
.esg01{}
.esg01 .s_txt{margin-bottom: 50px;}
.esg01 .top_cont{position: relative; margin-bottom: 120px;}
.esg01 .top_cont .img{}
.esg01 .top_cont .img img{height: 607px; width: 100%; object-fit: cover;}
.esg01 .top_cont .inner{position: absolute; left: 50%; transform: translateX(-50%); height: 100%; top: 0; padding-top: 130px;}
.esg01 .top_cont .inner .txt{color: #fff;}
.esg01 .top_cont .inner .txt h4{font-size: 18px; font-weight: 500; margin-bottom: 30px;}
.esg01 .top_cont .inner .txt h3{font-size: 40px; color: #fff; font-weight: 500; line-height: 1.4em;}
.esg01 .top_cont .inner .txt p{font-size: 20px; color: #fff; line-height: 1.8em; margin-top: 30px; word-break: keep-all;}
.esg01 .top_cont .bot{position: absolute; text-align: center; bottom: 40px; left: 50%; transform: translateX(-50%); width: 100%; font-size: 64px; font-weight: 700; color: #fff; letter-spacing: 0.36em; opacity: .1; white-space: nowrap;}

@media all and (max-width:1480px){
	.esg01 .s_txt{margin-bottom: 40px;}
	.esg01 .top_cont{margin-bottom: 100px;}
	.esg01 .top_cont .inner{padding-top: 90px;}
	.esg01 .top_cont .img img{height: 540px;}
	.esg01 .top_cont .inner .txt h4{font-size: 17px; margin-bottom: 25px;}
	.esg01 .top_cont .inner .txt h3{font-size: 36px;}
	.esg01 .top_cont .inner .txt p{font-size: 19px; line-height: 1.7em; margin-top: 25px;}
	.esg01 .top_cont .bot{bottom: 35px; font-size: 56px;}
}
@media all and (max-width:1024px){
	.esg01 .s_txt{margin-bottom: 35px;}
	.esg01 .top_cont{margin-bottom: 80px;}
	.esg01 .top_cont .inner{padding-top: 80px;}
	.esg01 .top_cont .img img{height: 480px;}
	.esg01 .top_cont .inner .txt h3{font-size: 32px;}
	.esg01 .top_cont .inner .txt p{font-size: 18px; line-height: 1.7em; margin-top: 23px;}
	.esg01 .top_cont .bot{bottom: 32px; font-size: 52px;}
}
@media all and (max-width:768px){
	.esg01 .s_txt{margin-bottom: 30px;}
	.esg01 .top_cont{margin-bottom: 70px;}
	.esg01 .top_cont .inner{padding-top: 0px; height: 100%;}
	.esg01 .top_cont .img img{height: 440px;}
	.esg01 .top_cont .inner .txt{ display: flex; text-align: center; flex-direction: column; justify-content: center; height: 100%;}
	.esg01 .top_cont .inner .txt h4{font-size: 16px; margin-bottom: 20px;}
	.esg01 .top_cont .inner .txt h3{font-size: 28px;}
	.esg01 .top_cont .inner .txt p{font-size: 17px; line-height: 1.6em; margin-top: 20px; font-weight: 300;}
	.esg01 .top_cont .inner .txt p br{display: none;}
	.esg01 .top_cont .bot{display: none;}
}
@media all and (max-width:500px){
	.esg01 .s_txt{margin-bottom: 25px;}
	.esg01 .top_cont{margin-bottom: 60px;}
	.esg01 .top_cont .img img{height: 360px;}
	.esg01 .top_cont .inner .txt h3{font-size: 25px;}
	.esg01 .top_cont .inner .txt h4{margin-bottom: 15px;}
	.esg01 .top_cont .inner .txt p{font-size: 16px; line-height: 1.5em; margin-top: 16px;}
}

.esg01 .direction{margin-bottom: 150px;}
.esg01 .direction li{display: flex; align-items: center;}
.esg01 .direction li + li{margin-top: 30px;}
.esg01 .direction li .img{width: 50%;}
.esg01 .direction li .img img{max-width: 100%;}
.esg01 .direction li .txt{width: 50%; padding-left: 75px;}
.esg01 .direction li .txt h4{font-size: 15px; font-weight: 600; color: #fff; background-color: #1d2088; padding: 10px 20px; display: inline-block;}
.esg01 .direction li .txt h3{font-size: 28px; font-weight: 600; color: #000000; margin: 25px 0 30px;}
.esg01 .direction li .txt p{font-size: 20px; color: #666666; line-height: 2em; font-weight: 300; word-break: keep-all;}

@media all and (max-width:1480px){
	.esg01 .direction{margin-bottom: 120px;}
	.esg01 .direction li .txt{padding-left: 50px;}
	.esg01 .direction li .txt h4{font-size: 14px; padding: 8px 16px;}
	.esg01 .direction li .txt h3{font-size: 25px; margin: 20px 0 25px;}
	.esg01 .direction li .txt p{font-size: 19px; line-height: 1.8em;}
	.esg01 .direction li .txt p br{display: none;}
}
@media all and (max-width:1024px){
	.esg01 .direction{margin-bottom: 100px;}
	.esg01 .direction li .txt{padding-left: 40px;}
	.esg01 .direction li .txt h3{font-size: 23px; margin: 15px 0 20px;}
	.esg01 .direction li .txt p{font-size: 18px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	.esg01 .direction{margin-bottom: 80px;}
	.esg01 .direction li{flex-direction: column; gap:30px;}
	.esg01 .direction li + li{margin-top: 50px;}
	.esg01 .direction li .img{width: 100%;}
	.esg01 .direction li .txt{padding-left: 0; width: 100%;}
	.esg01 .direction li .txt h4{font-size: 13px; padding: 7px 14px;}
	.esg01 .direction li .txt h3{font-size: 21px; margin: 13px 0 18px;}
	.esg01 .direction li .txt p{font-size: 17px; line-height: 1.6em;}
}
@media all and (max-width:500px){
	.esg01 .direction{margin-bottom: 70px;}
	.esg01 .direction li + li{margin-top: 40px;}
	.esg01 .direction li .txt h3{font-size: 20px; margin: 11px 0 14px;}
	.esg01 .direction li .txt p{font-size: 16px; line-height: 1.6em;}
}

.esg01 .frame{display: flex; gap:35px; margin-bottom: 120px;}
.esg01 .frame li{width: 100%; border: 1px solid #dddddd; border-radius: 20px; overflow: hidden;}
.esg01 .frame li .img{position: relative;}
.esg01 .frame li .img img{width: 100%; aspect-ratio:4/3;}
.esg01 .frame li .tit{position: absolute; height: 100%; width: 100%; top: 0; left: 0; padding: 30px 40px; display: flex; flex-direction: column; justify-content: space-between;}
.esg01 .frame li .tit h4{font-size: 56px; color: #fff; opacity: 0.5;}
.esg01 .frame li .tit h3{font-size: 32px; color: #fff;}
.esg01 .frame li .cont{padding: 40px;}
.esg01 .frame li .cont .box{}
.esg01 .frame li .cont .box + .box{margin-top: 35px;}
.esg01 .frame li .cont .box h4{font-size: 15px; font-weight: 600; color: #fff; background-color: #1d2088; padding: 10px 20px; display: inline-block; margin-bottom: 15px;}
.esg01 .frame li .cont .box h3{font-size: 22px; color: #000; font-weight: 600; word-break: keep-all;}
.esg01 .frame li .cont .box p{font-size: 17px; color: #666666; font-weight: 300;}
.esg01 .frame li .cont .box p + p{margin-top: 7px;}

@media all and (max-width:1480px){
	.esg01 .frame{gap:30px; margin-bottom: 100px;}
	.esg01 .frame li .tit{padding: 25px 35px;}
	.esg01 .frame li .tit h4{font-size: 50px;}
	.esg01 .frame li .tit h3{font-size: 28px;}
	.esg01 .frame li .cont{padding: 35px;}
	.esg01 .frame li .cont .box + .box{margin-top: 30px;}
	.esg01 .frame li .cont .box h4{font-size: 14px; padding: 8px 16px; margin-bottom: 13px;}
	.esg01 .frame li .cont .box h3{font-size: 20px;}
}
@media all and (max-width:1024px){
	.esg01 .frame{margin-bottom: 90px; gap:25px;}
	.esg01 .frame li .cont .box p{font-size: 16px;}
	.esg01 .frame li .tit{padding: 20px 30px;}
	.esg01 .frame li .tit h4{font-size: 46px;}
	.esg01 .frame li .tit h3{font-size: 26px;}
	.esg01 .frame li .cont{padding: 30px;}
}
@media all and (max-width:768px){
	.esg01 .frame{margin-bottom: 80px; flex-direction: column;}
	.esg01 .frame li{border-radius: 15px;}
	.esg01 .frame li .img img{aspect-ratio:16/8;}
	.esg01 .frame li .cont{padding: 30px 25px;}
	.esg01 .frame li .cont .box + .box{margin-top: 25px;}
	.esg01 .frame li .cont .box h4{font-size: 13px; padding: 7px 14px; margin-bottom: 11px;}
	.esg01 .frame li .cont .box h3{font-size: 18px;}
}
@media all and (max-width:500px){
	.esg01 .frame{margin-bottom: 70px;}
	.esg01 .frame li .tit h4{font-size: 40px;}
	.esg01 .frame li .tit h3{font-size: 23px;}
	.esg01 .frame li .cont .box h3{font-size: 17px;}
}

.esg01 .bg{padding: 120px 0; background-color: #f1f4f8; margin-bottom: 120px;}
.esg01 .bg .roadmap{margin-top: 100px; display: flex; position: relative;}
.esg01 .bg .roadmap::after{content: ''; position: absolute; display: block; width: 100%; background-color: #c1c3c6; height: 5px; top: 82px; left: 0; z-index: 0;}
.esg01 .bg .roadmap .box{width: 100%; text-align: center;}
.esg01 .bg .roadmap .box h3{color: #1d2088; font-size: 36px;}
.esg01 .bg .roadmap .box .dot{width: 23px; height: 23px; border-radius: 100%; border: 5px solid #1d2088; margin: 30px auto 40px; position: relative; z-index: 3; background-color: #fff;}
.esg01 .bg .roadmap .box .txt{}
.esg01 .bg .roadmap .box .txt p{font-size: 17px; color: #666666; word-break: keep-all; line-height: 1.5em; font-weight: 300;}
.esg01 .bg .roadmap .box .txt p + p{margin-top: 10px;}

@media all and (max-width:1480px){
	.esg01 .bg{padding: 100px 0; margin-bottom: 100px;}
	.esg01 .bg .roadmap{margin-top: 80px;}
	.esg01 .bg .roadmap::after{top: 76px;}
	.esg01 .bg .roadmap .box{padding: 0 20px;}
	.esg01 .bg .roadmap .box h3{font-size: 32px;}
	.esg01 .bg .roadmap .box .dot{width: 20px; height: 20px; border-width: 4px;}
	.esg01 .bg .roadmap .box .txt p{font-size: 16px;}
}
@media all and (max-width:1024px){
	.esg01 .bg{padding: 90px 0; margin-bottom: 90px;}
	.esg01 .bg .roadmap{margin-top: 70px;}
	.esg01 .bg .roadmap::after{top: 70px;}
	.esg01 .bg .roadmap .box h3{font-size: 28px;}
	.esg01 .bg .roadmap .box .dot{width: 16px; height: 16px; border-width: 3px;}
	.esg01 .bg .roadmap .box .txt p{font-size: 15px;}
}
@media all and (max-width:768px){
	.esg01 .bg{padding: 80px 0; margin-bottom: 80px;}
	.esg01 .bg .roadmap{margin-top: 60px; flex-direction: column;}
	.esg01 .bg .roadmap::after{height: 100%; width: 3px; top: 0; left: 3px;}
	.esg01 .bg .roadmap .box{flex-direction: column; display: flex; text-align: left; position: relative; padding-left: 30px; padding-right: 0;}
	.esg01 .bg .roadmap .box + .box{margin-top: 40px;}
	.esg01 .bg .roadmap .box h3{margin-bottom: 25px; font-size: 25px;}
	.esg01 .bg .roadmap .box .dot{order: -1; margin-right: auto; margin-left: 0; position: absolute;  top: 12px; left: 0; margin: 0; width: 10px; height: 10px; border-width: 2px;}
}
@media all and (max-width:500px){
	.esg01 .bg{padding: 70px 0; margin-bottom: 70px;}
	.esg01 .bg .roadmap{margin-top: 50px;}
	.esg01 .bg .roadmap .box h3{font-size: 22px; margin-bottom: 20px;}
}

.esg01 .action{display: flex; gap:42px;}
.esg01 .action li{border: 1px solid #dddddd; width: 100%; text-align: center; aspect-ratio:1/1; padding: 60px 20px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-radius: 20px;}
.esg01 .action li .icon{margin-bottom: 40px;}
.esg01 .action li .icon img{max-width: 100%;}
.esg01 .action li p{font-size: 24px; color: #000000; line-height: 1.5em; font-weight: 700; word-break: keep-all;}

@media all and (max-width:1480px){
	.esg01 .action{gap:30px;}
	.esg01 .action li{padding: 50px 16px;}
	.esg01 .action li .icon{margin-bottom: 30px;}
	.esg01 .action li .icon img{max-width: 62px;}
	.esg01 .action li p{font-size: 22px;}
	.esg01 .action li p br{display: none;}
}
@media all and (max-width:1024px){
	.esg01 .action{gap:25px;}
	.esg01 .action li{padding: 45px 14px;}
	.esg01 .action li .icon{margin-bottom: 25px;}
	.esg01 .action li .icon img{max-width: 54px;}
	.esg01 .action li p{font-size: 20px;}
}
@media all and (max-width:768px){
	.esg01 .action{display: grid; grid-template-columns: repeat(2, 1fr);}
	.esg01 .action li{padding: 35px 14px; border-radius: 15px; aspect-ratio: auto;}
	.esg01 .action li .icon{margin-bottom: 20px;}
	.esg01 .action li .icon img{max-width: 48px;}
	.esg01 .action li p{font-size: 18px;}
}
@media all and (max-width:500px){
	.esg01 .action{gap:20px;}
	.esg01 .action li .icon{margin-bottom: 16px;}
	.esg01 .action li .icon img{max-width: 42px;}
	.esg01 .action li p{font-size: 17px;}
}


/* esg02 */
.esg02{}
.esg02 .top_cont{background-color: #f1f4f8; padding: 90px 100px; position: relative;}
.esg02 .top_cont .txt{ width: 75%;}
.esg02 .top_cont .txt h3{font-size: 40px; color: #000; margin-bottom: 40px;}
.esg02 .top_cont .txt p{font-size: 18px; font-weight: 300; color: #333333; line-height: 1.8em; word-break: keep-all;}
.esg02 .top_cont .txt p + p{margin-top: 20px;}
.esg02 .top_cont .txt p span{font-weight: 500;}
.esg02 .top_cont .txt p b{color: #1d2088; font-weight: 600;}
.esg02 .top_cont .img{position: absolute; top: 50%; transform: translateY(-50%); right: 120px;}
.esg02 .top_cont .img img{max-width: 100%;}
.esg02 .s_txt{margin-top: 80px; margin-bottom: 40px;}
.esg02 .cont{margin-bottom: 100px;}
.esg02 .cont ul.list{display: grid; grid-template-columns: repeat(5, 1fr); gap:20px;}
.esg02 .cont ul.list li{padding: 20px; background-color: #f3f3f3; font-size: 18px; font-weight: 600; color: #000000; display: inline-flex; align-items: center; gap:10px;}
.esg02 .cont ul.list li i{color: #1d2088; font-size: 27px;}
.esg02 .cont h5{font-size: 20px; font-weight: 600; color: #000; position: relative; padding-left: 17px; margin-bottom: 30px;}
.esg02 .cont h5::before{content: ''; position: absolute; left: 0; top: 0; height: 100%; width: 2px; background-color: #1d2088;}
.esg02 .cont .info{background-color: #f8f8f8; padding: 50px;}
.esg02 .cont .info + h5{margin-top: 50px;}
.esg02 .cont .info p{font-size: 18px; font-weight: 300; color: #666666; word-break: keep-all; position: relative; padding-left: 20px; line-height: 1.6em;}
.esg02 .cont .info p::before{content: '*'; position: absolute; top: 0; left: 0; color: #1d2088;}
.esg02 .cont .info p + p{margin-top: 15px;}
.esg02 .cont .info2{border: 10px solid #f8f8f8; background-color: #fff; padding: 50px;}
.esg02 .cont .info2 .box{}
.esg02 .cont .info2 .box + .box{margin-top: 20px;}
.esg02 .cont .info2 .box h4{font-size: 18px; font-weight: 600; color: #000000; margin-bottom: 10px;}
.esg02 .cont .info2 .box p{font-size: 16px; font-weight: 300; color: #666666;}
.esg02 .cont .info2 .box p + p{margin-top: 7px;}


@media all and (max-width:1480px){
	.esg02 .cont{margin-bottom: 80px;}
	.esg02 .top_cont{padding: 70px 80px;}
	.esg02 .top_cont .txt h3{font-size: 36px; margin-bottom: 30px;}
	.esg02 .top_cont .txt p{font-size: 17px; line-height: 1.7em;}
	.esg02 .top_cont .txt p + p{margin-top: 17px;}
	.esg02 .top_cont .img{right: 5%;}
	.esg02 .top_cont .img img{width: 25vw;}
	
	.esg02 .s_txt{margin: 70px 0 35px;}
	
	.esg02 .cont ul.list{grid-template-columns: repeat(4, 1fr); gap:17px;}
	.esg02 .cont ul.list li{font-size: 16px; gap:8px;}
	.esg02 .cont ul.list li i{font-size: 25px;}
	
	.esg02 .cont h5{font-size: 19px; margin-bottom: 25px;}
	
	.esg02 .cont .info{padding: 40px;}
	.esg02 .cont .info p{font-size: 17px; padding-left: 17px;}
	.esg02 .cont .info p + p{margin-top: 13px;}
	
	.esg02 .cont .info2{padding: 40px;}
	
	.esg02 .cont .info2 .box h4{font-size: 17px;}
}
@media all and (max-width:1024px){
	.esg02 .cont{margin-bottom: 70px;}
	.esg02 .top_cont{padding: 60px 70px;}
	.esg02 .top_cont .txt h3{font-size: 32px; margin-bottom: 30px;}
	.esg02 .top_cont .txt p br{display: none;}
	
	.esg02 .s_txt{margin: 65px 0 32px;}
	
	.esg02 .cont ul.list{grid-template-columns: repeat(3, 1fr); gap:15px;}
	.esg02 .cont ul.list li{font-size: 16px; gap:7px;}
	.esg02 .cont ul.list li i{font-size: 25px;}
	
	.esg02 .cont .info{padding: 35px;}
	
	.esg02 .cont .info2{padding:35px;}
}
@media all and (max-width:768px){
	.esg02 .cont{margin-bottom: 60px;}
	.esg02 .top_cont{padding: 50px 60px; display: flex; flex-direction: column-reverse;}
	.esg02 .top_cont .txt{width: 100%; text-align: center;}
	.esg02 .top_cont .txt h3{font-size: 28px; margin-bottom: 25px;}
	.esg02 .top_cont .txt p{font-size: 16px; line-height: 1.6em;}
	.esg02 .top_cont .img{position: static; transform: translate(0); width: 100%; text-align: center; margin-bottom: 40px; right: 0;}
	
	.esg02 .s_txt{margin: 60px 0 30px;}
	
	.esg02 .cont ul.list{grid-template-columns: repeat(2, 1fr); gap:12px;}
	.esg02 .cont ul.list li{font-size: 15px; gap:6px; padding: 15px;}
	.esg02 .cont ul.list li i{font-size: 23px;}
	
	.esg02 .cont h5{font-size: 18px; margin-bottom: 20px;}
	
	.esg02 .cont .info{padding: 30px;}
	.esg02 .cont .info p{font-size: 16px; padding-left: 15px;}
	.esg02 .cont .info p + p{margin-top: 10px;}
	
	.esg02 .cont .info2{padding: 30px;}
}
@media all and (max-width:500px){
	.esg02 .top_cont{padding: 40px 50px;}
	.esg02 .top_cont .txt h3{font-size: 24px; margin-bottom: 20px;}
	.esg02 .top_cont .img img{width: 33vw;}
	
	.esg02 .s_txt{margin: 55px 0 25px;}
	
	.esg02 .cont h5{font-size: 17px;}
	
	.esg02 .cont .info{padding: 25px;}
	
	.esg02 .cont .info2{padding: 25px;}
}


/* make */
.make .tab{margin-bottom: 80px; display: flex; justify-content: center;flex-wrap: wrap;}
.make .tab li{width: 25%; text-align: center; font-size: 18px; font-weight: 600; line-height: 68px; border: 1px solid #eee; cursor: pointer; margin-top: -1px; margin-left: -1px;}
.make .tab.w3 li{width: 33.33333%;}
/*.make .tab li + li{margin-left: -1px;}*/
.make .tab li.on{background-color: #1d2088; color: #fff; border-color: #1d2088;}
.make .tabcontent{display: none;}
.make .tabcontent.on{display: block;}

@media all and (max-width:1480px){
	.make .tab{margin-bottom: 70px;}
	.make .tab li{font-size: 17px; line-height: 62px;}
}
@media all and (max-width:1024px){
	.make .tab{margin-bottom: 60px;}
	.make .tab li{font-size: 17px; line-height: 56px;}
}
@media all and (max-width:768px){
	.make .tab{margin-bottom: 50px; justify-content: flex-start;}
	.make .tab li{font-size: 16px; line-height: 52px; width: 50%;}
	.make .tab.w3 li{width: 50%;}
}
@media all and (max-width:500px){
	.make .tab{margin-bottom: 40px;}
	.make .tab li{font-size: 16px; line-height: 20px; font-size: 15px; height: 55px; align-items: center; justify-content: center; display: flex;}
}


/* make01 */
.make01{}
.make01 .top_cont{width: 100%; height: 780px; position: relative; overflow: hidden;}
.make01 .inner + .top_cont{margin-top: 120px;}
.make01 .top_cont .bg{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.make01 .top_cont .bg > div{height: 100%;}
.make01 .top_cont .bg > div > div{height: 100%;}
.make01 .top_cont .bg .img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.make01 .top_cont .bg .img img{width: 100%; height: 100%; object-fit: cover;}
.make01 .top_cont .thumb{position: absolute; width: 50%;right: 0; bottom: 80px; z-index: 2;
-webkit-mask-image: linear-gradient(to right, black 50%, transparent 100%);
mask-image: linear-gradient(to right, black 50%, transparent 100%);
}
.make01 .top_cont .thumb .img{ margin-right: 15px; opacity: 0.5; filter: grayscale(1); cursor: pointer;}
.make01 .top_cont .thumb .img.slick-current{opacity: 1; filter: grayscale(0)}
.make01 .top_cont .thumb .img img{height: 100px; object-fit: cover; aspect-ratio:16/9;}
.make01 .top_cont .inner{height: 100%; display: flex; flex-direction: column; justify-content: center;}
.make01 .top_cont .inner .txt{color: #fff;}
.make01 .top_cont .inner .txt h3{font-size: 56px; margin-bottom: 5px;}
.make01 .top_cont .inner .txt h4{font-size: 36px; opacity: 0.3; margin-bottom: 35px; font-weight: 600;}
.make01 .top_cont .inner .txt p{font-size: 20px; line-height: 1.8em; font-weight: 300;}

@media all and (max-width:1480px){
	.make01 .top_cont{height: 720px;}
	.make01 .top_cont .inner .txt h3{font-size: 48px;}
	.make01 .top_cont .inner .txt h4{font-size: 32px; margin-bottom: 30px;}
	.make01 .top_cont .inner .txt p{font-size: 19px; line-height: 1.7em;}
	.make01 .top_cont .thumb{bottom: 70px;}
	.make01 .top_cont .thumb .img img{height: 88px;}
}
@media all and (max-width:1024px){
	.make01 .top_cont{height: 620px;}
	.make01 .top_cont .inner .txt h3{font-size: 40px;}
	.make01 .top_cont .inner .txt h4{font-size: 28px; margin-bottom: 25px;}
	.make01 .top_cont .inner .txt p{font-size: 18px; line-height: 1.7em;}
	.make01 .top_cont .thumb{bottom: 60px;}
	.make01 .top_cont .thumb .img img{height: 80px;}
}
@media all and (max-width:768px){
	.make01 .top_cont{height: 520px;}
	.make01 .top_cont .inner .txt{text-align: center;}
	.make01 .top_cont .inner .txt h3{font-size: 34px;}
	.make01 .top_cont .inner .txt h4{font-size: 25px; margin-bottom: 22px;}
	.make01 .top_cont .inner .txt p{font-size: 17px; line-height: 1.6em;}
	.make01 .top_cont .thumb{bottom:5%; width: 94%; margin-left: auto; margin-right: auto;}
	.make01 .top_cont .thumb .img{margin-right: 10px;}
	.make01 .top_cont .thumb .img img{height: 74px;}
}
@media all and (max-width:500px){
	.make01 .top_cont{height: 420px;}
	.make01 .top_cont .inner .txt h3{font-size: 28px;}
	.make01 .top_cont .inner .txt h4{font-size: 22px; margin-bottom: 18px;}
	.make01 .top_cont .inner .txt p{font-size: 16px;}
	.make01 .top_cont .thumb .img img{height: 10vw;}
}

.make01 .top_cont2{position: relative; margin-bottom: 180px;}
.make01 .top_cont2 .img{}
.make01 .top_cont2 .img img{max-width: 100%; height: 554px; object-fit: cover;}
.make01 .top_cont2 .txt{position: absolute; bottom: -100px; background-color: #1d2088; left: 60px; padding: 50px 90px; color: #fff; min-width: 50%;}
.make01 .top_cont2 .txt h3{font-size: 40px; line-height: 1em;}
.make01 .top_cont2 .txt h3 span{font-size: 28px; opacity: 0.5;}

@media all and (max-width:1480px){
	.make01 .top_cont2{margin-bottom: 150px;}
	.make01 .top_cont2 .img img{height: 460px;}
	.make01 .top_cont2 .txt{padding: 40px 70px; bottom: -80px; left: 40px;}
	.make01 .top_cont2 .txt h3{font-size: 36px;}
	.make01 .top_cont2 .txt h3 span{font-size: 25px;}
}
@media all and (max-width:1024px){
	.make01 .top_cont2{margin-bottom: 130px;}
	.make01 .top_cont2 .img img{height: 420px;}
	.make01 .top_cont2 .txt{padding: 35px 60px; bottom: -70px; left: 30px;}
	.make01 .top_cont2 .txt h3{font-size: 32px;}
	.make01 .top_cont2 .txt h3 span{font-size: 23px;}
}
@media all and (max-width:768px){
	.make01 .top_cont2{margin-bottom: 110px;}
	.make01 .top_cont2 .img img{height: 360px;}
	.make01 .top_cont2 .txt{padding: 30px 50px; bottom: -60px; left: 25px;}
	.make01 .top_cont2 .txt h3{font-size: 28px;}
	.make01 .top_cont2 .txt h3 span{font-size: 21px;}
}
@media all and (max-width:500px){
	.make01 .top_cont2{margin-bottom: 90px;}
	.make01 .top_cont2 .img img{height: 280px;}
	.make01 .top_cont2 .txt{padding: 25px 40px; bottom: -50px; left: 20px;}
	.make01 .top_cont2 .txt h3{font-size: 25px;}
	.make01 .top_cont2 .txt h3 span{font-size: 19px;}
}


.make01 .cont_box{margin: 80px 0 120px;}
.make01 .cont_box:last-child{margin-bottom: 0;}
.make01 .cont_box .cont{display: flex;}
.make01 .cont_box .cont + .cont{margin-top: 70px; padding-top: 70px; border-top: 1px solid #ddd;}
.make01 .cont_box .cont .l_cont{width: 25%; margin-top: 20px;}
.make01 .cont_box .cont .l_cont .s_txt{}
.make01 .cont_box .cont .r_cont{width: 75%; padding-left: 40px;}
.make01 .cont_box .cont .r_cont .box{border: 1px solid #e5e5e5; padding: 40px 40px;}
.make01 .cont_box .cont .r_cont .box + .box{margin-top: 20px;}
.make01 .cont_box .cont .r_cont .box h4{position: relative; color: #111; font-size: 20px; padding-left: 20px; line-height: 1.5em; word-break: keep-all; font-weight: 600;}
.make01 .cont_box .cont .r_cont .box h4::before{content: ''; height: 100%; background-color: #1d2088; position: absolute; left: 0; width: 2px; top: 0;}
.make01 .cont_box .cont .r_cont .box h4 + p{margin-top: 20px;}
.make01 .cont_box .cont .r_cont .box p{font-size: 18px; color: #666666; line-height: 1.6em; padding-left: 20px; font-weight: 300;}
.make01 .cont_box .cont .r_cont .box p + p{margin-top: 5px;}

.make01 .cont_box .cont .r_cont .checkbox{display: grid;gap:20px;}
.make01 .cont_box .cont .r_cont .checkbox.w2{grid-template-columns: repeat(2, 1fr);}
.make01 .cont_box .cont .r_cont .checkbox .check{border: 1px solid #e5e5e5; padding: 15px; color: #111; font-size: 18px; word-break: keep-all;}
.make01 .cont_box .cont .r_cont .checkbox .check h4{display: inline-flex; align-items: flex-start; font-weight: 500; line-height: 1.4em; word-break: keep-all;}
.make01 .cont_box .cont .r_cont .checkbox .check i{color: #e60013; font-size: 22px; margin-right: 7px; position: relative; top: 1px;}

.make01 .cont_box .cont .r_cont .img_cont{margin-bottom: 20px; display: grid; grid-template-columns: repeat(3, 1fr); gap:10px;}
.make01 .cont_box .cont .r_cont .img_cont.w2{grid-template-columns: repeat(2, 1fr);}
.make01 .cont_box .cont .r_cont .img_cont.w4{grid-template-columns: repeat(4, 1fr);}
.make01 .cont_box .cont .r_cont .img_cont .img{border: 1px solid #eee;}
.make01 .cont_box .cont .r_cont .img{border: 1px solid #eee;}
.make01 .cont_box .cont .r_cont .img_cont .img img{max-width: 100%;}
.make01 .cont_box .cont .r_cont > h5{font-size: 20px; color: #000; margin-bottom: 20px; position: relative; padding-left: 15px;}
.make01 .cont_box .cont .r_cont > h5::before{content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 100%; background-color: #1d2088;}
.make01 .cont_box .cont .r_cont .txt{}
.make01 .cont_box .cont .r_cont .txt p{font-size: 18px; line-height: 1.8em; color: #666; word-break: keep-all;}
.make01 .cont_box .cont .r_cont .txt + .img{margin-top: 20px;}

@media all and (max-width:1480px){
	.make01 .cont_box{margin: 70px 0 110px;}
	.make01 .inner + .top_cont{margin-top: 100px;}
	.make01 .cont_box .cont + .cont{margin-top: 60px; padding-top: 60px;}
	.make01 .cont_box .cont .r_cont{padding-left: 35px;}
	.make01 .cont_box .cont .r_cont .box{padding: 35px;}
	.make01 .cont_box .cont .r_cont .box h4{font-size: 19px; padding-left: 17px;}
	.make01 .cont_box .cont .r_cont > h5{font-size: 19px; margin-bottom: 18px; padding-left: 13px;}
	.make01 .cont_box .cont .r_cont .box p{font-size: 17px; padding-left: 17px;}
	.make01 .cont_box .cont .r_cont .box h4 + p{margin-top: 17px;}
	.make01 .cont_box .cont .r_cont .txt p{font-size: 17px; line-height: 1.7em;}
	.make01 .cont_box .cont .r_cont .checkbox{gap:15px;}
	.make01 .cont_box .cont .r_cont .checkbox .check i{font-size: 20px; margin-right: 6px;}
	.make01 .cont_box .cont .r_cont .checkbox .check h4{font-size: 17px;}
}
@media all and (max-width:1024px){
	.make01 .cont_box{margin: 65px 0 100px;}
	.make01 .inner + .top_cont{margin-top: 90px;}
	.make01 .cont_box .cont + .cont{margin-top: 55px; padding-top: 55px;}
	.make01 .cont_box .cont .r_cont .box{padding: 30px;}
	.make01 .cont_box .cont .r_cont .box h4{font-size: 18px; padding-left: 15px;}
	.make01 .cont_box .cont .r_cont > h5{font-size: 18px; margin-bottom: 17px; padding-left: 12px;}
	.make01 .cont_box .cont .r_cont .box p{font-size: 16px; padding-left: 15px;}
	.make01 .cont_box .cont .r_cont .box h4 + p{margin-top: 15px;}
}
@media all and (max-width:768px){
	.make01 .cont_box{margin: 60px 0 90px;}
	.make01 .inner + .top_cont{margin-top: 80px;}
	.make01 .cont_box .cont + .cont{margin-top: 50px; padding-top: 50px;}
	.make01 .cont_box .cont{flex-direction: column;}
	.make01 .cont_box .cont .l_cont{width: 100%; margin-top: 0;}
	.make01 .cont_box .cont .l_cont .s_txt{margin-bottom: 20px;}
	.make01 .cont_box .cont .l_cont .s_txt h4 br{display: none;}
	.make01 .cont_box .cont .r_cont{padding-left: 0; width: 100%;}
	.make01 .cont_box .cont .r_cont .box{padding: 30px 25px;}
	.make01 .cont_box .cont .r_cont .box + .box{margin-top: 15px;}
	.make01 .cont_box .cont .r_cont .img_cont{grid-template-columns: repeat(2, 1fr);}
	.make01 .cont_box .cont .r_cont .img_cont.w4{grid-template-columns: repeat(2, 1fr);}
	.make01 .cont_box .cont .r_cont .txt p{font-size: 16px; line-height: 1.6em;}
	.make01 .cont_box .cont .r_cont .checkbox{gap:12px;}
	.make01 .cont_box .cont .r_cont .checkbox.w2{grid-template-columns: repeat(1, 1fr);}
	.make01 .cont_box .cont .r_cont .checkbox .check i{font-size: 18px; margin-right: 5px;}
	.make01 .cont_box .cont .r_cont .checkbox .check h4{font-size: 16px;}
}
@media all and (max-width:500px){
	.make01 .cont_box{margin: 50px 0 80px;}
	.make01 .inner + .top_cont{margin-top: 70px;}
	.make01 .cont_box .cont + .cont{margin-top: 50px; padding-top: 50px;}
	.make01 .cont_box .cont .r_cont .box{padding: 22px 22px;}
	.make01 .cont_box .cont .r_cont .box h4{font-size: 17px; padding-left: 13px;}
	.make01 .cont_box .cont .r_cont > h5{font-size: 17px; margin-bottom: 13px; padding-left: 10px;}
	.make01 .cont_box .cont .r_cont .box p{padding-left: 13px;}
	.make01 .cont_box .cont .r_cont .box h4 + p{margin-top: 13px;}
}

.make01 {}
.make01 .table_cont{}
.make01 .table_cont .tbody{display: flex; gap:15px;}
.make01 .table_cont .tbody .th{width: 20%; background-color: #1d2088; text-align: center;}
.make01 .table_cont .tbody .th p{height: 78px; color: #fff; display: flex; justify-content: center; align-items: center; font-size: 20px; font-weight: 600; word-break: keep-all; line-height: 1.3em;} 
.make01 .table_cont .tbody .th p + p{border-top: 1px solid rgba(255,255,255,0.5);}
.make01 .table_cont .tbody .td{width: calc(100% - 20px - 20%); background-color: #f3f3f3;}
.make01 .table_cont .tbody .td p{height: 78px; font-size: 20px; display: flex; align-items: center; padding: 0 40px; color: #222; line-height: 1.5em; word-break: keep-all; font-weight: 400;}
.make01 .table_cont .tbody .td p + p{border-top: 1px solid rgba(255,255,255,1);}

@media all and (max-width:1480px){
	.make01 .table_cont .tbody .th p{height: 70px; font-size: 18px;}
	.make01 .table_cont .tbody .td p{height: 70px; font-size: 18px; padding: 0 35px;}
}
@media all and (max-width:1024px){
	.make01 .table_cont .tbody .th p{height: 64px; font-size: 17px;}
	.make01 .table_cont .tbody .td p{height: 64px; font-size: 17px; padding: 0 30px;}
}
@media all and (max-width:768px){
	.make01 .table_cont .tbody{gap:10px;}
	.make01 .table_cont .tbody .th{width: 25%;}
	.make01 .table_cont .tbody .th p{height: 60px; font-size: 16px; font-weight: 500;}
	.make01 .table_cont .tbody .td {width: 75%;}
	.make01 .table_cont .tbody .td p{height: 60px; font-size: 16px; padding: 0 23px; font-weight: 300;}
}
@media all and (max-width:500px){
	.make01 .table_cont .tbody .th p{font-size: 15px;}
	.make01 .table_cont .tbody .td p{font-size: 15px; padding: 0 16px;}
}


/* make02 */
.make02{}
.make02 .list{display: flex; justify-content: center; gap:40px 20px; flex-wrap: wrap;}
.make02 .list li{width: calc(100% / 3 - 20px * 2 / 3); border:1px solid #eee; text-align: center;}
.make02 .list li h3{padding: 20px 0; background-color: #1d2088; color: #fff;}
.make02 .list li .img{}
.make02 .list li .img img{max-width: 100%;}

@media all and (max-width:1480px){
	.make02 .list{gap:35px 15px;}
	.make02 .list li h3{padding: 15px 0; font-size: 17px;}
}
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.make02 .list{gap:30px 15px; justify-content: flex-start;}
	.make02 .list li{width: calc(100% / 2 - 20px * 1 / 2); }
	.make02 .list li h3{padding: 13px 0; font-size: 16px;}
}
@media all and (max-width:500px){
	.make02 .list li h3{padding: 11px 0; font-size: 15px;}
	.make02 .list li{width: 100%;}
}


/* tb-style1 */
.tb_style1{width: 100%; border-bottom: 1px solid #ccc;}
.tb_style1 thead{}
.tb_style1 thead tr{}
.tb_style1 thead tr th{background-color: #1d2088; color: #fff; font-size: 20px; padding: 20px 0; font-weight: 700; word-break: keep-all;}
.tb_style1 thead tr th + th{border-left: 1px solid rgba(255,255,255,0.4);}
.tb_style1 tbody{}
.tb_style1 tbody tr{}
.tb_style1 tbody tr th{background-color: #f3f3f3; color: #222; font-size: 18px; padding: 30px 0; font-weight: 600; word-break: keep-all;}
.tb_style1 tbody tr+tr th{border-top: 1px solid #ccc;}
.tb_style1 tbody tr td{background-color: #fff; color: #666; font-size: 18px; padding: 30px 15px; word-break: keep-all; line-height: 1.6em;}
.tb_style1 tbody tr td:nth-child(3){border-left: 1px solid #ccc;}
.tb_style1 tbody tr td.bl{border-left: 1px solid #ccc;}
.tb_style1 tbody tr+tr td{border-top: 1px solid #ccc;}

@media all and (max-width:1480px){
	.tb_style1 thead tr th{font-size: 18px; padding: 17px 0;}
	.tb_style1 tbody tr th{font-size: 17px; padding: 20px 0;}
	.tb_style1 tbody tr td{font-size: 17px; padding: 20px 10px;}
}
@media all and (max-width:1024px){
	.tb_style1 thead tr th{font-size: 17px; padding: 15px 0;}
	.tb_style1 tbody tr th{font-size: 16px; padding: 15px 0;}
	.tb_style1 tbody tr td{font-size: 16px; padding: 15px 10px;}
}
@media all and (max-width:768px){
	.tb_style1 thead tr th{font-size: 16px; padding: 15px 0;}
	.tb_style1 tbody tr th{font-size: 15px; padding: 15px 0;}
	.tb_style1 tbody tr td{font-size: 15px; padding: 15px 10px;}
}
@media all and (max-width:500px){
	.tb_style1 thead tr th{font-size: 15px; padding: 12px 0;}
	.tb_style1 tbody tr th{font-size: 14px; padding: 12px 0;}
	.tb_style1 tbody tr td{font-size: 14px; padding: 12px 8px;}
}


/* system */
.system{}
.system .systembox{display: grid; grid-template-columns: repeat(4, 1fr); gap:40px 20px;}
.system .systembox li{position: relative; border: 1px solid #ddd;    background-color: #f5f5f3;}
.system .systembox li .img{}
.system .systembox li .img img{max-width: 100%;}
.system .systembox li .txt{background-color: #f5f5f3; display: block; padding: 15px; width: 100%; text-align: center;}
.system .systembox li .txt h3{color: #111; font-size: 18px; font-weight: 600;}

@media all and (max-width:1480px){
	.system .systembox{grid-template-columns: repeat(3, 1fr);}
	.system .systembox li .txt{padding: 13px;}
	.system .systembox li .txt h3{font-size: 17px;}
}
@media all and (max-width:1024px){}
@media all and (max-width:768px){
	.system .systembox{grid-template-columns: repeat(2, 1fr); gap:30px 15px;}
	.system .systembox li .txt{padding: 10px;}
	.system .systembox li .txt h3{font-size: 16px;}
}
@media all and (max-width:500px){}


/* research01 */
.research01{}
.research01 .cont_box{}
.research01 .cont_box .cont{display: flex; align-items: center;}
.research01 .cont_box .cont:nth-child(even){flex-direction: row-reverse;}
.research01 .cont_box .cont:nth-child(even) .r_cont .txt{text-align: right;}
.research01 .cont_box .cont .l_cont{width: 50%;}
.research01 .cont_box .cont .l_cont .img{}
.research01 .cont_box .cont .l_cont .img img{max-width: 100%;}
.research01 .cont_box .cont .r_cont{width: 50%;}
.research01 .cont_box .cont .r_cont .txt{padding: 40px 80px;}
.research01 .cont_box .cont .r_cont .txt h3{color: #1d2088; font-size: 36px; margin-bottom: 20px;}
.research01 .cont_box .cont .r_cont .txt p{font-size: 20px; color: #444; line-height: 1.8em;}

@media all and (max-width:1480px){
	.research01 .cont_box .cont .r_cont .txt{padding: 35px 70px;}
	.research01 .cont_box .cont .r_cont .txt h3{font-size: 32px; margin-bottom: 17px;}
	.research01 .cont_box .cont .r_cont .txt p{font-size: 19px; line-height: 1.7em;}
}
@media all and (max-width:1024px){
	.research01 .cont_box .cont .r_cont .txt{padding: 30px 60px;}
	.research01 .cont_box .cont .r_cont .txt h3{font-size: 28px; margin-bottom: 15px;}
	.research01 .cont_box .cont .r_cont .txt p{font-size: 18px; line-height: 1.6em;}
}
@media all and (max-width:768px){
	.research01 .cont_box .cont{flex-direction: column;}
	.research01 .cont_box .cont + .cont{margin-top: 50px;}
	.research01 .cont_box .cont .l_cont{width: 100%;}
	.research01 .cont_box .cont .r_cont{width: 100%;}
	.research01 .cont_box .cont:nth-child(even){flex-direction: column;}
	.research01 .cont_box .cont:nth-child(even) .r_cont .txt{text-align: left;}
	.research01 .cont_box .cont .r_cont .txt{padding-left: 0; padding-right: 0; padding-bottom: 0;padding-top: 25px;}
	.research01 .cont_box .cont .r_cont .txt h3{font-size: 25px; margin-bottom: 13px;}
	.research01 .cont_box .cont .r_cont .txt p{font-size: 17px; line-height: 1.6em;}
}
@media all and (max-width:500px){
	.research01 .cont_box .cont .r_cont .txt{padding-top: 20px;}
	.research01 .cont_box .cont .r_cont .txt h3{font-size: 22px; margin-bottom: 11px;}
	.research01 .cont_box .cont .r_cont .txt p{font-size: 16px; line-height: 1.6em;}
}


.terms { border: 10px solid #edf0f4; padding: 4%; max-width: 1600px; line-height: 1.7em; font-size: 15px;}
.terms h3 { font-size: 24px; color:#212121; }
.terms h4 { font-size: 20px; color:#212121; margin: 2em 0 0.5em; }
.terms p + p { margin-top: 1em; }
.terms p + h3 { margin-top: 2.5em; }

@media all and (max-width:976px){
	.terms{font-size: 14px;}
	.terms h3{font-size: 22px;}
	.terms h4{font-size: 19px;}
}
@media all and (max-width:480px){
	.terms{font-size: 14px;}
	.terms h3{font-size: 19px;}
	.terms h4{font-size: 17px;}
}