@charset "utf-8";

/* s_txt */
.s_txt{margin-bottom: 45px;}
.s_txt.mt{margin-top: 100px;}
.s_txt h3{font-size: 34px; color: #000; position: relative; padding-left: 24px;}
/*.s_txt h3::before{content: ''; background: url(/images/sub/hs_symbol.webp) no-repeat center center / 61px; position: absolute; left: 0; top: 3px; width: 61px; height: 38px;}*/
.s_txt h3::before{content: ''; width: 6px; height: 100%; background: linear-gradient(45deg, #2161b7,#093d83); display: inline-block; position: absolute; left: 0; top: 0;}
.s_txt p{font-size: 19px; margin-top: 10px; color: #333;}

@media all and (max-width:1280px){
	.s_txt{margin-bottom: 40px;}
	.s_txt.mt{margin-top: 80px;}
	.s_txt h3{font-size: 31px; padding-left: 22px;}
/*	.s_txt h3::before{width: 56px; height: 35px; background-size: 56px; top: 2px;}*/
	.s_txt h3::before{width: 5px;}
}
@media all and (max-width:1024px){
	.s_txt.mt{margin-top: 75px;}
	.s_txt h3{font-size: 28px; padding-left: 22px;}
/*	.s_txt h3::before{width: 52px; height: 32px; background-size: 52px; top: 1px;}*/
	.s_txt p{font-size: 18px; margin-top: 8px;}
}
@media all and (max-width:768px){
	.s_txt{margin-bottom: 35px;}
	.s_txt.mt{margin-top: 70px;}
	.s_txt h3{font-size: 26px; padding-left: 19px;}
/*	.s_txt h3::before{width: 47px; height: 29px; background-size: 47px; top: 1px;}*/
	.s_txt h3::before{width: 4px;}
}
@media all and (max-width:500px){
	.s_txt.mt{margin-top: 65px;}
	.s_txt h3{font-size: 23px; padding-left: 17px;}
/*	.s_txt h3::before{width: 44px; height: 27px; background-size: 44px; top: 1px;}*/
	.s_txt p{font-size: 17px; margin-top: 7px;}
}

/* br */
.br{display: block; margin-top: 80px; padding-top: 80px; border-top: 1px solid #dedede;}

@media all and (max-width:1280px){
	.br{margin-top: 70px; padding-top: 70px;}
}
@media all and (max-width:1024px){
	.br{margin-top: 65px; padding-top: 65px;}
}
@media all and (max-width:768px){
	.br{margin-top: 60px; padding-top: 60px;}
}
@media all and (max-width:500px){
	.br{margin-top: 55px; padding-top: 55px;}
}

/* table.tb-style1 */
table.tb-style1{width: 100%; font-size: 18px; border-top: 2px solid #093d83; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
table.tb-style1 thead tr th{padding: 15px 10px; border-bottom: 1px solid #ddd; background-color: #093d83; font-weight: 700; color: #fff;}
table.tb-style1 thead tr th + th{border-left: 1px solid rgba(255, 255, 255, 0.1);}
table.tb-style1 tbody tr th{color: #333; font-weight: 600; padding: 15px 10px; border-bottom: 1px solid #ddd;}
table.tb-style1 tbody tr td{padding: 15px 10px;text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #333; word-break: keep-all;}
table.tb-style1 tbody tr:nth-child(even){background-color: #edf1f7;}
table.tb-style1 tfoot tr th{padding: 15px 10px; border-bottom: 1px solid #ddd; background-color: #093d83; font-weight: 700; color: #fff;}
table.tb-style1 tfoot tr td{padding: 15px 10px;text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #093d83; font-weight: 700; color: #fff;}

@media all and (max-width:1280px){
	table.tb-style1 tbody tr th{padding: 13px 8px;}
	table.tb-style1 tbody tr td{padding: 13px 8px;}
	table.tb-style1 tfoot tr th{padding: 13px 8px;}
	table.tb-style1 tfoot tr td{padding: 13px 8px;}
}
@media all and (max-width:1024px){
	table.tb-style1{font-size: 17px;}
}
@media all and (max-width:768px){
	table.tb-style1 tbody tr th{padding: 11px 6px;}
	table.tb-style1 tbody tr td{padding: 11px 6px;}
	table.tb-style1 tfoot tr th{padding: 11px 6px;}
	table.tb-style1 tfoot tr td{padding: 11px 6px;}
}
@media all and (max-width:500px){
	table.tb-style1{font-size: 16px;}
	table.tb-style1 tbody tr th{padding: 10px 5px;}
	table.tb-style1 tbody tr td{padding: 10px 5px;}
	table.tb-style1 tfoot tr th{padding: 10px 5px;}
	table.tb-style1 tfoot tr td{padding: 10px 5px;}
}

table.tb-style2{width: 100%; font-size: 18px; border-top: 2px solid #093d83; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
table.tb-style2 tbody{}
table.tb-style2 thead tr th{padding: 15px 10px; border-bottom: 1px solid #ddd; background-color: #093d83; font-weight: 700; color: #fff;}
table.tb-style2 thead tr th.bb{border-bottom: 1px solid rgba(255,255,255,0.1);}
table.tb-style2 thead tr th.bl{border-left: 1px solid rgba(255,255,255,0.1);}
table.tb-style2 thead tr th + th{border-left: 1px solid rgba(255, 255, 255, 0.1);}
table.tb-style2 tbody tr th{background-color: #edf1f7; color: #333; font-weight: 600; padding: 15px 10px; border-bottom: 1px solid #ddd;}
table.tb-style2 tbody tr th.br1{border-right: 1px solid #ddd;}
table.tb-style2 tbody tr td{padding: 15px 10px;text-align: center; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #333; line-height: 1.6em; word-break: keep-all;}
table.tb-style2 tbody tr td b{color: #000;}

@media all and (max-width:1280px){
	table.tb-style2 tbody tr th{padding: 13px 8px;}
	table.tb-style2 tbody tr td{padding: 13px 8px;}
}
@media all and (max-width:1024px){
	table.tb-style2{font-size: 17px;}
}
@media all and (max-width:768px){
	table.tb-style2 tbody tr th{padding: 11px 6px;}
	table.tb-style2 tbody tr td{padding: 11px 6px;}
}
@media all and (max-width:500px){
	table.tb-style2{font-size: 16px;}
	table.tb-style2 tbody tr th{padding: 10px 5px;}
	table.tb-style2 tbody tr td{padding: 10px 5px;}
}

/* intro1 */
.intro1{}
.intro1 .top_txt{background: url(/images/sub/intro1_bg1_260123.webp) no-repeat center center / cover; padding: 190px 0 250px;}
.intro1 .top_txt .inner{display: flex;}
.intro1 .top_txt .inner .l_cont{width: 50%;}
.intro1 .top_txt .inner .l_cont h3{font-size: 56px; color: #fff; line-height: 1.3em;}
.intro1 .top_txt .inner .r_cont{width: 50%; text-align: right; margin-top: 190px;}
.intro1 .top_txt .inner .r_cont p{font-size: 20px; font-weight: 400; line-height: 1.8em; word-break: keep-all; color: #fff;}
.intro1 .top_txt .inner .r_cont p + p{margin-top: 50px;}
.intro1 .mid_txt{}
.intro1 .mid_txt .inner{ border-left: 1px solid #ddd; border-right: 1px solid #ddd;}
.intro1 .mid_txt .inner .boxs{display: flex;}
.intro1 .mid_txt .inner .boxs .box{width: 100%; padding: 30px; padding-top: 100px; padding-bottom: 60px;}
.intro1 .mid_txt .inner .boxs .box + .box{border-left: 1px solid #ddd;}
.intro1 .mid_txt .inner .boxs .box .img{margin-bottom: 50px;}
.intro1 .mid_txt .inner .boxs .box .img img{max-width: 100%;}
.intro1 .mid_txt .inner .boxs .box .txt{}
.intro1 .mid_txt .inner .boxs .box .txt > h3{font-size: 28px; color: #000; word-break: keep-all; line-height: 1.4em;}
.intro1 .mid_txt .inner .boxs .box .txt > p{font-size: 18px; color: #666666; line-height: 1.8em; margin-top: 20px; font-weight: 300;}
.intro1 .mid_txt .inner .name{text-align: center; padding: 100px 0 160px; border-top: 1px solid #ddd;}
.intro1 .mid_txt .inner .name p{margin-top: 0; line-height: 1.5em; font-size: 20px; color: #333; margin-bottom: 10px;}
.intro1 .mid_txt .inner .name h3{color: #093d83; font-size: 32px;}

.intro1 .history_box{}
.intro1 .history_box .inner{padding-bottom: 100px;}
.intro1 .history_box .inner .top{width: 310px; aspect-ratio: 1 / 1; border-radius: 100%; margin: 0 auto 80px; background-color: #093d83; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.intro1 .history_box .inner .top img{margin-bottom: 16px;}
.intro1 .history_box .inner .top h3{color: #fff; font-size: 40px;}
.intro1 .history_box .inner .gague{width: 4px; height: calc(100% - 310px); background-color: #d5d5d5; position: absolute; display: block; left: 50%; transform: translateX(-50%); top: 310px;}
.intro1 .history_box .inner .gague .bar{background-color: #093d83; width: 4px; top: 100px; position: sticky; height: 180px;}
.intro1 .history_box .inner .cont{position: relative;}
.intro1 .history_box .inner .cont .year{position: sticky; width: 50%; top: 200px; text-align: right; padding-right: 120px; margin-bottom: -50px;}
.intro1 .history_box .inner .cont .year h3{font-size: 56px; color: #000;}
.intro1 .history_box .inner .cont .year h3 span{color: #093d83;}
.intro1 .history_box .inner .cont .box{display: flex; justify-content: center; gap:240px;}
.intro1 .history_box .inner .cont .box + .box{margin-top: 160px;}
.intro1 .history_box .inner .cont .box .l_cont{text-align: right; width: 50%; opacity: 0;}
.intro1 .history_box .inner .cont .box .l_cont h3{font-size: 40px; color: #000;}
.intro1 .history_box .inner .cont .box .r_cont{width: 50%;}
.intro1 .history_box .inner .cont .box .r_cont .txt{}
.intro1 .history_box .inner .cont .box .r_cont .txt + .txt{margin-top: 35px;}
.intro1 .history_box .inner .cont .box .r_cont .txt h4{color: #093d83; font-size: 20px; margin-bottom: 15px;}
.intro1 .history_box .inner .cont .box .r_cont .txt p{font-size: 20px; color: #333333; letter-spacing: -0.05em; line-height: 1.8em; word-break: keep-all;}

@media all and (max-width:1280px){
	.intro1 .top_txt{padding: 160px 0 220px;}
	.intro1 .top_txt .inner .l_cont h3{font-size: 52px;}
	.intro1 .top_txt .inner .r_cont{margin-top: 160px;}
	.intro1 .top_txt .inner .r_cont p{font-size: 19px;}
	.intro1 .top_txt .inner .r_cont p + p{margin-top: 45px;}
	.intro1 .mid_txt .inner .l_cont{width: 360px; top: 120px;}
	.intro1 .mid_txt .inner .l_cont h3{font-size: 32px;}
	.intro1 .history_box{}
	.intro1 .history_box .inner .top{width: 280px; margin-bottom: 70px;}
	.intro1 .history_box .inner .top h3{font-size: 36px;}
	.intro1 .history_box .inner .gague{top: 280px; height: calc(100% - 280px);}
	.intro1 .history_box .inner .cont .box{gap:200px;}
	.intro1 .history_box .inner .cont .box + .box{margin-top: 130px;}
	.intro1 .history_box .inner .cont .box .l_cont h3{font-size: 36px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt h4{font-size: 19px; margin-bottom: 13px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt p{font-size: 19px; line-height: 1.7em;}
	.intro1 .history_box .inner .cont .box .r_cont .txt + .txt{margin-top: 30px;}
	
	.intro1 .mid_txt .inner .boxs{}
	.intro1 .mid_txt .inner .boxs .box{width: 100%; padding: 25px; padding-top: 80px; padding-bottom: 60px;}
	.intro1 .mid_txt .inner .boxs .box .img{margin-bottom: 40px;}
	.intro1 .mid_txt .inner .boxs .box .txt > h3{font-size: 25px;}
	.intro1 .mid_txt .inner .boxs .box .txt > p{font-size: 17px; line-height: 1.7em; margin-top: 17px;}
	.intro1 .mid_txt .inner .name{padding: 80px 0 140px;}
	.intro1 .mid_txt .inner .name p{font-size: 19px; margin-bottom: 8px;}
	.intro1 .mid_txt .inner .name h3{font-size: 28px;}
}
@media all and (max-width:1024px){
	.intro1 .top_txt{padding: 140px 0 200px;}
	.intro1 .top_txt .inner .l_cont h3{font-size: 46px;}
	.intro1 .top_txt .inner .r_cont{margin-top: 140px;}
	.intro1 .top_txt .inner .r_cont p{font-size: 18px;}
	.intro1 .top_txt .inner .r_cont p br{display: none;}
	.intro1 .top_txt .inner .r_cont p + p{margin-top: 40px;}
	.intro1 .mid_txt .inner .l_cont{width: 300px; top: 120px;}
	.intro1 .history_box{}
	.intro1 .history_box .inner{padding-bottom: 80px;}
	.intro1 .history_box .inner .top{width: 250px; margin-bottom: 65px;}
	.intro1 .history_box .inner .top img{margin-bottom: 14px; max-width: 56px;}
	.intro1 .history_box .inner .top h3{font-size: 33px;}
	.intro1 .history_box .inner .gague{top: 250px; height: calc(100% - 250px);}
	.intro1 .history_box .inner .gague .bar{top: 80px;}
	.intro1 .history_box .inner .cont .box{gap:150px;}
	.intro1 .history_box .inner .cont .box + .box{margin-top: 100px;}
	.intro1 .history_box .inner .cont .box .l_cont h3{font-size: 32px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt h4{font-size: 18px; margin-bottom: 11px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt p{font-size: 18px; line-height: 1.7em;}
	
	.intro1 .mid_txt .inner .boxs{}
	.intro1 .mid_txt .inner .boxs .box{padding: 23px; padding-top: 70px; padding-bottom: 50px;}
	.intro1 .mid_txt .inner .boxs .box .img{margin-bottom: 32px;}
	.intro1 .mid_txt .inner .boxs .box .txt > h3{font-size: 23px;}
	.intro1 .mid_txt .inner .boxs .box .txt > p{font-size: 17px; line-height: 1.7em; margin-top: 15px;}
	.intro1 .mid_txt .inner .name{padding: 70px 0 120px;}
	.intro1 .mid_txt .inner .name p{font-size: 18px; margin-bottom: 7px;}
	.intro1 .mid_txt .inner .name h3{font-size: 25px;}
}
@media all and (max-width:768px){
	.intro1 .top_txt{padding: 100px 0 160px;}
	.intro1 .top_txt .inner{flex-direction: column;}
	.intro1 .top_txt .inner .l_cont{width: 100%;}
	.intro1 .top_txt .inner .l_cont h3{font-size: 40px;}
	.intro1 .top_txt .inner .r_cont{margin-top: 50px; text-align: left; width: 100%;}
	.intro1 .top_txt .inner .r_cont p{font-size: 17px;}
	.intro1 .top_txt .inner .r_cont p + p{margin-top: 30px;}
	.intro1 .mid_txt .inner{flex-direction: column;}
	.intro1 .mid_txt .inner .l_cont{width: 100%; margin-bottom: 50px; position: static;}
	.intro1 .history_box{}
	.intro1 .history_box .inner .top{width: 230px; margin-bottom: 60px; margin-right: auto; margin-left: 0; border-radius: 0; width: 100%; aspect-ratio:0; padding: 40px 0;}
	.intro1 .history_box .inner .top img{margin-bottom: 13px; max-width: 52px;}
	.intro1 .history_box .inner .top h3{font-size: 30px;}
	.intro1 .history_box .inner .gague{top: 0px; height: calc(100%); width: 3px;left: 0; transform: translateX(0);}
	.intro1 .history_box .inner .gague .bar{top: 70px; height: 45vh; width: 3px;}
	.intro1 .history_box .inner .cont .box{flex-direction: column; gap:30px; padding-left: 40px;}
	.intro1 .history_box .inner .cont .box + .box{margin-top: 80px;}
	.intro1 .history_box .inner .cont .box .l_cont{text-align: left; width: 100%;}
	.intro1 .history_box .inner .cont .box .l_cont h3{font-size: 28px;}
	.intro1 .history_box .inner .cont .box .r_cont{width: 100%;}
	.intro1 .history_box .inner .cont .box .r_cont .txt + .txt{margin-top: 25px;}
	.intro1 .mid_txt .inner .boxs{display: block;}
	.intro1 .mid_txt .inner .boxs .box{padding: 23px; padding-top: 70px; padding-bottom: 50px;}
	.intro1 .mid_txt .inner .boxs .box + .box{border-left: 0; border-top: 1px solid #ddd}
	.intro1 .mid_txt .inner .boxs .box .img{margin-bottom: 32px;}
	.intro1 .mid_txt .inner .boxs .box .img img{width: 100%;}
	.intro1 .mid_txt .inner .boxs .box .txt > h3{font-size: 23px;}
	.intro1 .mid_txt .inner .boxs .box .txt > p{font-size: 17px; line-height: 1.7em; margin-top: 15px;}
	.intro1 .mid_txt .inner .name{padding: 60px 0 100px;}
	.intro1 .mid_txt .inner .name p{font-size: 17px; margin-bottom: 7px;}
	.intro1 .mid_txt .inner .name h3{font-size: 23px;}
	
	.intro1 .history_box .inner .cont .year{display: none;}
	.intro1 .history_box .inner .cont .box .l_cont{opacity: 1;}
}
@media all and (max-width:500px){
	.intro1 .top_txt{padding: 90px 0 130px;}
	.intro1 .top_txt .inner .l_cont h3{font-size: 34px;}
	.intro1 .history_box{}
	.intro1 .history_box .inner{padding-bottom: 60px;}
	.intro1 .history_box .inner .gague .bar{top: 64px;}
	.intro1 .history_box .inner .cont .box{gap:25px; padding-left: 30px;}
	.intro1 .history_box .inner .cont .box + .box{margin-top: 65px;}
	.intro1 .history_box .inner .cont .box .l_cont h3{font-size: 25px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt h4{font-size: 17px; margin-bottom: 9px;}
	.intro1 .history_box .inner .cont .box .r_cont .txt p{font-size: 17px; line-height: 1.6em;}
	.intro1 .mid_txt .inner .boxs .box{padding: 20px; padding-top: 50px; padding-bottom: 40px;}
	.intro1 .mid_txt .inner .boxs .box + .box{border-left: 0; border-top: 1px solid #ddd}
	.intro1 .mid_txt .inner .boxs .box .img{margin-bottom: 27px;}
	.intro1 .mid_txt .inner .boxs .box .img img{width: 100%;}
	.intro1 .mid_txt .inner .boxs .box .txt > h3{font-size: 21px;}
	.intro1 .mid_txt .inner .boxs .box .txt > p{font-size: 16px; line-height: 1.6em; margin-top: 12px;}
	.intro1 .mid_txt .inner .name{padding: 50px 0 90px;}
	.intro1 .mid_txt .inner .name p{font-size: 16px; margin-bottom: 6px;}
	.intro1 .mid_txt .inner .name h3{font-size: 22px;}
}


/* intro2 */
.intro2{}
.intro2 .cont{}
.intro2 .cont .ideology{font-size: 27px; font-weight: 600; color: #222; word-break: keep-all; letter-spacing: -0.05em; text-align: center; background:#f1f4f8; padding: 40px 10px; line-height: 1.6em;}
.intro2 .cont .ideology span{color: #093d83; font-weight: 700;}
.intro2 .cont .policy{display: flex; gap:30px;}
.intro2 .cont .policy li{width: 100%; border: 4px solid #f1f4f8; padding: 40px 30px; display: flex; align-items: center; gap:20px; justify-content: center; text-align: center; flex-direction: column;}
.intro2 .cont .policy li .icon{margin-bottom: 15px;}
.intro2 .cont .policy li .icon img{max-width: 100%;}
.intro2 .cont .policy li .txt{}
.intro2 .cont .policy li .txt h3{font-size: 30px; color: #000; margin-bottom: 15px;}
.intro2 .cont .policy li .txt p{font-size: 20px; line-height: 1.6em; color: #555; font-weight: 500; word-break: keep-all;}

@media all and (max-width:1280px){
	.intro2 .cont .ideology{font-size: 25px; padding: 35px 8px;}
	.intro2 .cont .policy{gap:22px;}
	.intro2 .cont .policy li{padding: 35px 15px;}
	.intro2 .cont .policy li .icon img{max-width: 102px;}
	.intro2 .cont .policy li .txt h3{font-size: 27px; margin-bottom: 10px;}
	.intro2 .cont .policy li .txt p{font-size: 19px;}
}
@media all and (max-width:1024px){
	.intro2 .cont .ideology{font-size: 23px; padding: 30px 20px;}
	.intro2 .cont .policy{gap:15px;}
	.intro2 .cont .policy li .icon{margin-bottom: 12px;}
	.intro2 .cont .policy li .icon img{max-width: 96px;}
	.intro2 .cont .policy li .txt h3{font-size: 24px; margin-bottom: 8px;}
	.intro2 .cont .policy li .txt p{font-size: 18px;}
}
@media all and (max-width:768px){
	.intro2 .cont .ideology{font-size: 21px; padding: 26px 18px;}
	.intro2 .cont .policy{flex-direction: column;}
	.intro2 .cont .policy li{width: 100%; padding: 30px 13px;}
	.intro2 .cont .policy li .icon{margin-bottom: 7px;}
	.intro2 .cont .policy li .icon img{max-width: 88px;}
	.intro2 .cont .policy li .txt h3{font-size: 22px; margin-bottom: 7px;}
	.intro2 .cont .policy li .txt p{font-size: 17px;}
}
@media all and (max-width:500px){
	.intro2 .cont .ideology{font-size: 19px; padding: 22px 15px;}
	.intro2 .cont .policy li .icon img{max-width: 82px;}
	.intro2 .cont .policy li .txt h3{font-size: 20px;}
}


/* intro3 */
.intro3{}
.intro3 .box{display: flex; justify-content: center; flex-direction: column; align-items: center;}
.intro3 .box.box1{}
.intro3 .box.box2{}
.intro3 .box.box2::before{content: ''; width: 100%; height: 81px; background: url(/images/sub/intro3_bg1.webp) no-repeat center center / contain; display:block; margin: 30px 0;}
.intro3 .box.box3{}
.intro3 .box.box3::before{content: ''; width: 100%; height: 81px; background: url(/images/sub/intro3_bg2.webp) no-repeat center center / contain; display:block; margin: 30px 0;}
.intro3 .box dt{margin: 0 auto; display: inline-block; padding: 12px 24px; border-radius: 50px; color: #fff; font-weight: 700; font-size: 18px; position: relative; z-index: 2;}
.intro3 .box.box1 dt{background-color: #5b9bd5;}
.intro3 .box.box2 dt{background-color: #2e75b6;}
.intro3 .box.box3 dt{background-color: #093d83;}
.intro3 .box dd{border-radius: 160px; border:1px solid; font-size: 20px; font-weight: 600; padding: 45px 60px 30px; margin-top: -22.5px; text-align: center; word-break: keep-all; line-height: 1.5em;}
.intro3 .box.box1 dd{border-color: #5b9bd5; color: #5b9bd5;}
.intro3 .box.box2 dd{border-color: #2e75b6; color: #2e75b6; background-color: #f5f9fd;}
.intro3 .box.box3 dd{border-color: #093d83;}
.intro3 .box .flex{display: flex; justify-content: space-between; gap:20px; margin-top: 20px;}
.intro3 .box .flex .cont{width: max-content; background-color: #dbe0e5; padding: 30px; border-radius: 10px;}
.intro3 .box .flex .cont .icon{margin-bottom: 15px;text-align: center;}
.intro3 .box .flex .cont .icon img{}
.intro3 .box .flex .cont p{font-size: 18px; color: #333; font-weight: 600;}
.intro3 .box .flex2{display: flex; gap:20px; max-width: 728px; width: 100%;}
.intro3 .box .flex2 .cont{border-radius: 10px; border:1px solid; font-size: 20px; font-weight: 600; border-color: #ccc; text-align: center; margin-top: 30px; overflow: hidden; width: 100%;}
.intro3 .box .flex2 .cont h3{color: #000; background-color: #f5f5f5; padding: 20px; font-size: 24px;}
.intro3 .box .flex2 .cont p{padding: 30px 20px; font-size: 20px;}

@media all and (max-width:1280px){
	
}
@media all and (max-width:1024px){
}
@media all and (max-width:768px){
	.intro3 .box.box2::before{margin: 15px 0;}
	.intro3 .box.box3::before{margin: 15px 0;}
	.intro3 .box dd{padding: 35px 20px 22px; margin-top: -18px; font-size: 18px;}
	.intro3 .box .flex .cont .icon img{max-width: 100px;}
	.intro3 .box .flex{flex-direction: column; width: 100%; text-align: center;}
	.intro3 .box .flex .cont{width: 100%;}
	.intro3 .box .flex2{flex-direction: column; gap:0;}
	.intro3 .box .flex2 .cont h3{padding: 15px; font-size: 22px;}
	.intro3 .box .flex2 .cont p{padding: 20px 15px; font-size: 18px;}
}
@media all and (max-width:500px){
}


.intro4 .status{margin-top: 100px; padding-top: 100px; border-top: 1px solid #eee;}
.intro4 .status .inner{}
.intro4 .status .inner .cont{display: flex; gap:30px;}
.intro4 .status .inner .cont .box{width: 50%;}

@media all and (max-width:1280px){
	.intro4 .status{margin-top: 90px; padding-top: 90px;}
	.intro4 .status .inner .cont{gap:25px;}
}
@media all and (max-width:1024px){
	.intro4 .status{margin-top: 80px; padding-top: 80px;}
	.intro4 .status .inner .cont{gap:20px;}
}
@media all and (max-width:768px){
	.intro4 .status{margin-top: 70px; padding-top: 70px;}
	.intro4 .status .inner .cont{gap:25px; flex-direction: column;}
	.intro4 .status .inner .cont .box{width: 100%;}
}
@media all and (max-width:500px){
	.intro4 .status{margin-top: 60px; padding-top: 60px;}
}


/* intro5 */
.intro5{}
.intro5 .orga_box{}
.intro5 .orga_box .inner{max-width: 1260px}
.intro5 .orga_box .inner .orga{display: flex; justify-content: center; position: relative;}
.intro5 .orga_box .inner .orga1{}
.intro5 .orga_box .inner .orga1::after{content: ''; width: 1px; height: 50px; background-color: #ccc; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga2{margin-top: 50px;}
.intro5 .orga_box .inner .orga2::after{content: ''; width: 1px; height: 50px; background-color: #ccc; position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga3{justify-content: space-between; margin-top: 100px;}
.intro5 .orga_box .inner .orga3::after{content: ''; width: 55%; background-color: #ccc; height: 1px; position: absolute; left: 110px; top: -50px;}
.intro5 .orga_box .inner .orga .box{font-size: 20px; font-weight: 700; color: #fff; position: relative;}
.intro5 .orga_box .inner .orga .box p{padding: 20px 40px; width: 220px; text-align: center; word-spacing: 0.25em; border-radius: 5px;}
.intro5 .orga_box .inner .orga1 .box p{background-color: #093d83;}
.intro5 .orga_box .inner .orga2 .box p{background-color: #2e9db7;}
.intro5 .orga_box .inner .orga3 .box > p{background-color: #666;}
.intro5 .orga_box .inner .orga3 .box .box2{}
.intro5 .orga_box .inner .orga3 .box .box2 p{background-color: #999; margin-top: 5px;}
.intro5 .orga_box .inner .orga3 .box:nth-child(1)::after{content: ''; width: 1px; height: 50px; background-color: #ccc; position: absolute; left: 50%; top: -50px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga3 .box:nth-child(2)::after{content: ''; width: 1px; height: 50px; background-color: #ccc; position: absolute; left: 50%; top: -50px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga3 .box:nth-child(3)::after{content: ''; width: 1px; height: 50px; background-color: #ccc; position: absolute; left: 50%; top: -50px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga3 .box:nth-child(4)::after{content: ''; width: 1px; height: 190px; background-color: #ccc; position: absolute; left: 50%; top: -190px; transform: translateX(-50%);}
.intro5 .orga_box .inner .orga3 .box:nth-child(4)::before{content: ''; width: 520px; height: 1px; background-color: #ccc; position: absolute; right:110px; top: -190px;}
.intro5 .orga_box .inner .orga3 .box:nth-child(2) p{}
.intro5 .orga_box .inner .orga3 .box:nth-child(3) p{}

@media all and (max-width:1320px){
	.intro5 .orga_box .inner .orga .box{font-size: 19px;}
	.intro5 .orga_box .inner .orga .box p{width: 200px; padding: 18px 30px;}
	.intro5 .orga_box .inner .orga3{justify-content: center; gap:30px; max-width: calc(200px * 4 + 90px); left: 50%; transform: translateX(-50%);}
	.intro5 .orga_box .inner .orga3::after{left: 100px; width: 100%; max-width: calc(200px * 2 + 60px);}
	.intro5 .orga_box .inner .orga3 .box:nth-child(1){right: 0px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(3){left: 0px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::after{height: 185px; top: -185px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::before{top: -185px; right: 100px; width: calc(100% + 30px + 100px + 15px)}
}
@media all and (max-width:1024px){
	.intro5 .orga_box .inner .orga .box{font-size: 18px;}
	.intro5 .orga_box .inner .orga .box p{width: 180px; padding: 17px 25px;}
	.intro5 .orga_box .inner .orga2{margin-top: 50px;}
	.intro5 .orga_box .inner .orga3{margin-top: 100px; gap:15px; max-width: calc(180px * 4 + 45px);}
	.intro5 .orga_box .inner .orga3::after{left: 90px; max-width: calc(180px * 2 + 30px);}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::before{ right: 90px; width: calc(100% + 15px + 90px + 7.5px)}
}
@media all and (max-width:820px){
	.intro5 .orga_box .inner .orga .box{font-size: 17px;}
	.intro5 .orga_box .inner .orga .box p{width: 150px; padding: 15px 15px;}
	.intro5 .orga_box .inner .orga3{flex-wrap: wrap; gap:60px 12px;  max-width: calc(150px * 3 + 30px);}
	.intro5 .orga_box .inner .orga3::after{left: 50%; transform: translateX(-50%); max-width: calc(150px * 2 + 24px); width: calc(100%)}
	.intro5 .orga_box .inner .orga .box.single{flex: 100%; align-self: center;}
	.intro5 .orga_box .inner .orga .box.single p{width: 100%; max-width: 100vw; margin: 0 auto;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::before{right: 0; width: 50%; top: -395px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::after{right: 0; left: auto; height: 395px; top: -395px;}
}
@media all and (max-width:500px){
	.intro5 .orga_box .inner .orga2::after{height: 30px; bottom: -30px;}
	.intro5 .orga_box .inner .orga .box p{word-spacing: 0.125em; width: 29vw; white-space: nowrap;}
	.intro5 .orga_box .inner .orga3{margin-top: 60px; gap:10px;}
	.intro5 .orga_box .inner .orga3::after{left: 50%; transform: translateX(-50%); max-width: calc(29vw * 2 + 20px); width: calc(100%); top: -30px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(1)::after{height: 30px; top: -30px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(2)::after{height: 30px; top: -30px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(3)::after{height: 30px; top: -30px;}
	.intro5 .orga_box .inner .orga3 .box > p{ font-size: 15px; padding: 15px 5px;}
	.intro5 .orga_box .inner .orga3 .box .box2 p{padding: 15px 5px; font-size: 15px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::before{top: -300px;}
	.intro5 .orga_box .inner .orga3 .box:nth-child(4)::after{height: 300px; top: -300px;}
}


/* intro6 */
.intro6{}
.intro6 .scroll{}
.intro6 .scroll table{min-width: 720px}
.intro6 .equip_box{}
.intro6 .equip_box .equip{margin-right: 20px;}
.intro6 .equip_box .equip .img{max-width:360px; }
.intro6 .equip_box .equip .img img{max-width: 100%; border: 1px solid #eee;}
.intro6 .equip_box .equip .txt{text-align: center; margin-top: 15px;}
.intro6 .equip_box .equip .txt p{font-size: 18px; font-weight: 600; color: #222;}

@media all and (max-width:1280px){
	.intro6 .equip_box .equip .img{max-width:330px;}
	.intro6 .equip_box .equip .txt{margin-top: 13px;}
	.intro6 .equip_box .equip .txt p{font-size: 17px;}
}
@media all and (max-width:1024px){
	.intro6 .equip_box .equip{margin-right: 16px;}
	.intro6 .equip_box .equip .img{max-width:310px;}
}
@media all and (max-width:768px){
	.intro6 .scroll{overflow-x: scroll;}
	.intro6 .equip_box .equip .img{max-width:270px;}
	.intro6 .equip_box .equip .txt{margin-top: 11px;}
	.intro6 .equip_box .equip .txt p{font-size: 16px;}
}
@media all and (max-width:500px){
	.intro6 .equip_box .equip .img{max-width:230px;}
}


/* intro7 */
#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; }
#certList li p { margin-top: 1em; font-size: 1.8rem; font-weight: 600; color:#212121; text-align: center; word-break: keep-all;}
#certList li p span{display: block; color: #555; font-weight: 400; margin-bottom: 5px; font-size: 0.95em;}


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

@media all and (max-width:976px) {
	#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; }
}

@media all and (max-width:640px) {
  #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:568px) {
  #certList li { width: calc(50% - 5px); margin-left: 10px !important; margin-bottom: 20px;  }
  #certList li:nth-child(odd) { margin-left: 0 !important; }
}


/* intro7 */
.intro8{}
.intro8 .root_daum_roughmap .cont .section_address{display: none;}
.intro8 .root_daum_roughmap .wrap_controllers{display: none;}
.intro8 .map_box{display: flex;}
.intro8 .map_box > div{width: 100%;}
.intro8 .map_box .img{}
.intro8 .map_box .img img{max-width: 100%;}
.intro8 .map_info{display: flex; justify-content: space-between; gap:30px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.intro8 .map_info .l_cont{width: 45%; padding-left: 50px; border-left: 1px solid #ddd; padding-top: 50px; padding-bottom: 50px; padding-right: 50px;}
.intro8 .map_info .r_cont{width: 55%; display: flex; gap:80px; padding-left: 50px; border-left: 1px solid #ddd; padding-top: 50px; padding-bottom: 50px; padding-right: 50px; justify-content: space-between;}
.intro8 .map_info .r_cont .box{}
.intro8 .map_info .txt h4{font-size: 20px; font-weight: 700; color: #093d83; margin-bottom: 15px;}
.intro8 .map_info .txt h3{font-size: 24px; font-weight: 700; color: #000;}
.intro8 .map_info .txt p{font-size: 20px; font-weight: 600; color: #000;}
.intro8 .map_info .txt .button{display: flex; gap:10px;}
.intro8 .map_info .txt .button a{display: block; width: 100%; font-size: 16px; font-weight: 600; padding: 0px 25px 0 60px; text-align: center; line-height: 48px; width: max-content;}
.intro8 .map_info .txt .button a.kakao{background: #fae100 url(/images/sub/kakaomap.webp) no-repeat center left 15px / 36px; color: #252525;}
.intro8 .map_info .txt .button a.naver{background: #fff url(/images/sub/navermap.webp) no-repeat center left 15px / 36px; color: #252525; border: 1px solid #eee;}

@media all and (max-width:1280px){
	.intro8 .root_daum_roughmap .wrap_map{height: 420px !important;}
	.intro8 .map_info .txt h4{font-size: 19px; margin-bottom: 13px;}
	.intro8 .map_info .txt h3{font-size: 22px;}
	.intro8 .map_info .l_cont{padding: 40px;}
	.intro8 .map_info .r_cont{padding: 40px; gap:30px;}
	.intro8 .map_info .txt p{font-size: 19px;}
	.intro8 .map_info .txt .button a{font-size: 15px; padding: 0 22px 0 46px; line-height: 45px; background-position: center left 10px !important; background-size: 32px !important;}
}
@media all and (max-width:1024px){
	.intro8 .root_daum_roughmap .wrap_map{height: 380px !important;}
	.intro8 .map_info{gap:25px;}
	.intro8 .map_info .l_cont{padding: 35px; width: 50%;}
	.intro8 .map_info .r_cont{flex-direction: column; padding: 35px; width: 50%;}
	.intro8 .map_info .r_cont > div{width: 100% !important;}
}
@media all and (max-width:768px){
	.intro8 .root_daum_roughmap .wrap_map{height: 350px !important;}
	.intro8 .map_info{flex-direction: column; gap:0;}
	.intro8 .map_info .l_cont{width: 100%; padding-bottom: 0;}
	.intro8 .map_info .r_cont{width: 100%;}
	.intro8 .map_info .txt h4{font-size: 18px; margin-bottom: 11px;}
	.intro8 .map_info .txt h3{font-size: 20px;}
	.intro8 .map_info .txt p{font-size: 18px;}
	.intro8 .map_info .txt .button a{font-size: 15px; padding: 0 18px 0 42px; line-height: 40px; background-position: center left 8px !important; background-size: 28px !important;}
	.intro8 .map_box{flex-direction: column;}
}
@media all and (max-width:500px){
	.intro8 .root_daum_roughmap .wrap_map{height: 320px !important;}
	.intro8 .map_info .txt h4{font-size: 17px; margin-bottom: 9px;}
	.intro8 .map_info .txt h3{font-size: 19px;}
	.intro8 .map_info .l_cont{padding: 25px; padding-bottom: 0;}
	.intro8 .map_info .r_cont{padding: 25px; gap:25px;}
}


/* product */
.product{}
.product .pd_top{position: relative; background-color: #000; border-radius: 10px; overflow: hidden;}
.product .pd_top img{opacity: 0.6; max-width: 100%;}
.product .pd_top .txt{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; max-width: 480px;}
.product .pd_top .txt h3{font-size: 32px; color: #fff; word-break: keep-all; line-height: 1.5em;}
.product .pd_top .txt h3::before{content:' “'; display: block; font-family: 'GMarketSans'; font-weight: 700; font-size: 3em; line-height: 1em; margin-bottom: -40px; opacity: 0.6;}
.product .pd_top .txt h4{font-size: 32px; color: #fff; font-weight: 600; word-break: keep-all;}
.product .pd_top .txt h5{background-color: #fff; color: #000; font-size: 17px; padding: 7px 10px; border-radius: 5px; display: inline-block; margin-bottom: 15px;}
.product .pd_txt{}
.product .pd_txt p{font-size: 20px; line-height: 1.8em; word-break: keep-all; color: #333;}
.product .pd_txt.dots{display: flex; gap:20px; justify-content: space-between;}
.product .pd_txt.dots .dot{border: 1px solid #dedede; width: 100%;}
.product .pd_txt.dots .dot .img{}
.product .pd_txt.dots .dot .img img{max-width: 100%;}
.product .pd_txt.dots .dot .txt{padding: 40px 30px;}
.product .pd_txt.dots .dot .txt h3{color: #093d83; font-size: 24px; word-break: keep-all; line-height: 1.3em;}
.product .pd_txt.dots .dot .txt p{margin-top: 10px; font-weight: 500; line-height: 1.5em; word-break: keep-all;}
.product .pd_txt .num{display: grid; grid-template-columns: repeat(2, 1fr); gap:20px; counter-reset: num;}
.product .pd_txt .num li{border: 1px solid #87a5cc; padding: 20px 30px; border-radius: 40px; font-size: 20px; font-weight: 700; color: #093d83; counter-increment: num;}
.product .pd_txt .num li::before{content: counter(num); background-color: #093d83; display: inline-flex; justify-content: center; align-items: center; color: #fff; font-weight: 700; aspect-ratio:1 / 1; width: 30px; border-radius: 100%; margin-right: 10px; font-size: 0.875em;}
.product .special_box{}
.product .special_box .box{border: 1px solid #dedede; padding: 40px;}
.product .special_box .box + .box{margin-top:40px;}
.product .special_box .box.flex{display: flex; gap:30px; align-items: center;}
.product .special_box .box .txt{}
.product .special_box .box.flex .txt{width: 60%;}
.product .special_box .box .txt h3{font-size: 24px; color: #000; margin-bottom: 20px;}
.product .special_box .box .txt h4{color: #093d83; font-weight: 600; margin-top: 30px; margin-bottom: 10px; font-size: 20px;}
.product .special_box .box .txt p{font-size: 19px;word-break: keep-all; line-height: 1.7em; color: #444;}
.product .special_box .box .txt h4 + p{font-size: 17px; font-weight: 300;}
.product .special_box .box table{width: 40%;}
.product .special_box2{display: grid; grid-template-columns: repeat(4, 1fr); gap:20px;}
.product .special_box2 li{border: 1px solid #dedede; padding: 40px 30px;}
.product .special_box2 li .tit{display: flex; align-items: center; gap:15px;}
.product .special_box2 li .tit .icon{border-radius: 10px; overflow: hidden; width: 60px;}
.product .special_box2 li .tit .icon img{max-width: 100%;}
.product .special_box2 li .tit h3{font-size: 24px; color: #000; word-break: keep-all; width: calc(100% - 60px - 15px);}
.product .special_box2 li .txt{margin-top: 20px;}
.product .special_box2 li .txt p{font-size: 20px; word-break: keep-all; line-height: 1.6em;}
.product .special_box2 li .txt p br{display: none;}

.product .pd_tab{display: flex; border: 1px solid #dedede; margin-bottom: 50px;}
.product .pd_tab li{width: 100%; text-align: center; font-size: 18px; font-weight: 600; line-height: 64px; cursor: pointer;}
.product .pd_tab li + li{border-left: 1px solid #dedede;}
.product .pd_tab li.on{background-color: #093d83; color: #fff;}

.product .pd_tit{margin-bottom: 35px;}
.product .pd_tit.mt{margin-top: 80px;}
.product .pd_tit h3{font-size: 24px; color: #000; font-weight: 700;}

.product .tabcontent{display: none;}
.product .tabcontent.on{display: block;}

@media all and (max-width:1280px){
/*	.product .pd_top .txt{bottom: 55px; left: 45px;}*/
	.product .pd_top .txt h3{font-size: 29px;}
	.product .pd_top .txt h4{font-size: 25px;}
	.product .pd_top .txt h5{font-size: 16px; padding: 6px 9px; margin-bottom: 13px;}
	.product .pd_txt p{font-size: 19px; line-height: 1.7em;}
	.product .special_box .box .txt h3{font-size: 22px;}
	.product .special_box .box .txt h4{font-size: 19px;}
	.product .special_box .box .txt p{font-size: 18px;}
	.product .special_box .box .txt h4 + p{font-size: 16px;}
	.product .pd_txt.dots .dot .img img{max-width: 100%;}
	.product .pd_txt.dots .dot .txt{padding: 35px 25px;}
	.product .pd_txt.dots .dot .txt h3{font-size: 22px;}
	.product .pd_txt.dots .dot .txt p{font-size: 18px;}
	.product .special_box2{grid-template-columns: repeat(3, 1fr); gap:20px;}
	.product .special_box2 li{padding: 35px 25px;}
	.product .special_box2 li .tit{gap:12px;}
	.product .special_box2 li .tit .icon{max-width: 56px;}
	.product .special_box2 li .tit .icon img{max-width: 56px;}
	.product .special_box2 li .tit h3{font-size: 22px; width: calc(100% - 56px - 12px);}
	.product .special_box2 li .txt{margin-top: 15px;}
	.product .special_box2 li .txt p{font-size: 19px;}
	.product .pd_txt .num{grid-template-columns: repeat(2, 1fr); gap:15px;}
	.product .pd_txt .num li{padding: 15px 25px; font-size: 19px;}
	.product .pd_txt .num li::before{width: 28px;margin-right: 8px;}
}
@media all and (max-width:1024px){
/*	.product .pd_top .txt{bottom: 50px; left: 40px;}*/
	.product .pd_top .txt h3{font-size: 27px;}
	.product .pd_top .txt h4{font-size: 23px;}
	.product .pd_top img{min-height: 360px; object-fit: cover;}
	.product .pd_txt p{font-size: 18px;}
	.product .special_box .box{padding: 35px;}
	.product .special_box .box .txt h3{font-size: 21px;}
	.product .pd_txt.dots{gap:15px;}
	.product .pd_txt.dots .dot .img img{max-width: 100%;}
	.product .pd_txt.dots .dot .txt{padding: 30px 20px;}
	.product .pd_txt.dots .dot .txt h3{font-size: 21px;}
	.product .pd_txt.dots .dot .txt p{font-size: 18px;}
	.product .special_box2{grid-template-columns: repeat(3, 1fr); gap:15px;}
	.product .special_box2 li{padding: 30px 20px;}
	.product .special_box2 li .tit{gap:10px;}
	.product .special_box2 li .tit .icon{max-width: 54px;}
	.product .special_box2 li .tit .icon img{max-width: 54px;}
	.product .special_box2 li .tit h3{font-size: 21px; width: calc(100% - 54px - 10px);}
	.product .special_box2 li .txt{margin-top: 13px;}
	.product .special_box2 li .txt p{font-size: 18px;}
}
@media all and (max-width:768px){
/*	.product .pd_top .txt{bottom: 45px; left: 35px;}*/
	.product .pd_top .txt h3{font-size: 25px;}
	.product .pd_top .txt h4{font-size: 22px;}
	.product .pd_top .txt h5{font-size: 15px; padding: 5px 8px; margin-bottom: 12px;}
	.product .pd_top img{min-height: 300px;}
	.product .pd_txt p{font-size: 17px; }
	.product .special_box .box{padding: 30px;}
	.product .special_box .box.flex{flex-direction: column;}
	.product .special_box .box.flex .txt{width: 100%;}
	.product .special_box .box.flex table{width: 100%;}
	.product .special_box .box .txt h3{font-size: 20px;}
	.product .special_box .box .txt h4{font-size: 18px;}
	.product .special_box .box .txt p{font-size: 17px; line-height: 1.6em;}
	.product .special_box .box .txt h4 + p{font-size: 15px;}
	.product .pd_txt.dots{flex-wrap: wrap; gap:40px 15px;}
	.product .pd_txt.dots .dot{width: calc(100% / 2 - 15px / 2);}
	.product .special_box2{grid-template-columns: repeat(2, 1fr);}
	.product .pd_txt .num{grid-template-columns: repeat(1, 1fr); gap:10px;}
	.product .pd_txt .num li{padding: 15px 22px; font-size: 18px;}
	.product .pd_txt .num li::before{width: 25px;margin-right: 7px;}
}
@media all and (max-width:500px){
/*	.product .pd_top .txt{bottom: 40px; left: 30px;}*/
	.product .pd_top .txt h3{font-size: 23px;}
	.product .pd_top .txt h4{font-size: 20px;}
	.product .pd_top .txt h5{font-size: 14px; padding: 5px 7px; margin-bottom: 10px;}
	.product .pd_top img{min-height: 260px;}
	.product .special_box .box{padding: 25px;}
	.product .pd_txt.dots{flex-wrap: wrap; gap:30px 10px;}
	.product .pd_txt.dots .dot{width: calc(100% / 2 - 10px / 2);}
	.product .pd_txt.dots .dot .txt{padding: 25px 15px;}
	.product .pd_txt.dots .dot .txt h3{font-size: 20px;}
	.product .pd_txt.dots .dot .txt p{font-size: 17px; margin-top: 8px;}
	.product .special_box2{ gap:10px; grid-template-columns: repeat(1, 1fr);}
	.product .special_box2 li{padding: 25px 15px; width: 100%;}
	.product .special_box2 li .tit{gap:8px;}
	.product .special_box2 li .tit .icon{max-width: 48px;}
	.product .special_box2 li .tit .icon img{max-width: 48px;}
	.product .special_box2 li .tit h3{font-size: 20px; width: calc(100% - 48px - 8px);}
	.product .special_box2 li .txt{margin-top: 11px;}
	.product .special_box2 li .txt p{font-size: 17px;}
}

/*.skill1 */
.skill1{}
.skill1 ul.list{display: grid; grid-template-columns: repeat(4, 1fr); gap:60px;}
.skill1 ul.list li{border: 1px solid #dedede; position: relative;}
.skill1 ul.list li + li::before{content: '→'; position: absolute; width: 32px; height: 32px; border-radius: 100%; background-color: #bbb; color: #fff; font-weight: 600; top: 50%; transform: translateY(-50%); left: -47px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px;}
.skill1 ul.list li:nth-child(5)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -47px;}
.skill1 ul.list li:nth-child(6)::before,
.skill1 ul.list li:nth-child(7)::before,
.skill1 ul.list li:nth-child(8)::before{content: '←'; left: auto; right: -47px;}
.skill1 ul.list li:nth-child(8)::before{top: 33%;}
.skill1 ul.list li:nth-child(8)::after{content: '→'; position: absolute; width: 32px; height: 32px; border-radius: 100%; background-color: #333; color: #fff; font-weight: 600; top: 66%; transform: translateY(-50%); right: -47px; display: inline-flex; justify-content: center; align-items: center; font-size: 18px;}
.skill1 ul.list li:nth-child(9)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -47px;}
.skill1 ul.list li:nth-child(1) { grid-column: 1; grid-row: 1; }
.skill1 ul.list li:nth-child(2) { grid-column: 2; grid-row: 1; }
.skill1 ul.list li:nth-child(3) { grid-column: 3; grid-row: 1; }
.skill1 ul.list li:nth-child(4) { grid-column: 4; grid-row: 1; }

.skill1 ul.list li:nth-child(5) { grid-column: 4; grid-row: 2; }
.skill1 ul.list li:nth-child(6) { grid-column: 3; grid-row: 2; }
.skill1 ul.list li:nth-child(7) { grid-column: 2; grid-row: 2; }
.skill1 ul.list li:nth-child(8) { grid-column: 1; grid-row: 2; }

.skill1 ul.list li:nth-child(9) { grid-column: 1; grid-row: 3; }
.skill1 ul.list li:nth-child(10){ grid-column: 2; grid-row: 3; }
.skill1 ul.list li .txt{text-align: center; background-color: #093d83; color: #fff; padding: 15px 0;}
.skill1 ul.list li .txt h4{font-size: 18px; font-weight: 600; margin-bottom: 5px; font-weight: 400; opacity: 0.875;}
.skill1 ul.list li .txt h3{font-size:25px;}
.skill1 ul.list li .cont{text-align: center; padding: 20px 12px;}
.skill1 ul.list li .cont p{font-size: 19px; color: #333; word-break: keep-all; line-height: 1.6em;}
.skill1 ul.list li .cont p + p{}
.skill1 ul.list li .cont p span{word-break: keep-all; font-size: 0.875em; color: #ee0000; font-weight: 600; display: block; line-height: 1.2em; margin-top: 10px;}

@media all and (max-width:1280px){
	.skill1 ul.list{gap:50px;}
	.skill1 ul.list li + li::before{left: -41px; width: 30px; height: 30px;}
	.skill1 ul.list li:nth-child(5)::before{top: -41px;}
	.skill1 ul.list li:nth-child(6)::before, .skill1 ul.list li:nth-child(7)::before, .skill1 ul.list li:nth-child(8)::before{right: -41px;}
	.skill1 ul.list li:nth-child(8)::after{width: 30px; height: 30px; right: -41px;}
	.skill1 ul.list li:nth-child(9)::before{top: -41px;}
	.skill1 ul.list li .txt{padding: 13px 0;}
	.skill1 ul.list li .txt h4{font-size: 17px;}
	.skill1 ul.list li .txt h3{font-size: 23px;}
	.skill1 ul.list li .cont{padding: 18px 10px;}
	.skill1 ul.list li .cont p{font-size: 18px;}
	.skill1 ul.list li .cont p span{margin-top: 8px;}
}

@media all and (max-width:1024px){
	.skill1 ul.list{grid-template-columns: repeat(3, 1fr);}
	.skill1 ul.list li:nth-child(1) { grid-column: 1; grid-row: 1; }
	.skill1 ul.list li:nth-child(2) { grid-column: 2; grid-row: 1; }
	.skill1 ul.list li:nth-child(3) { grid-column: 3; grid-row: 1; }
	.skill1 ul.list li:nth-child(4) { grid-column: 3; grid-row: 2; }

	.skill1 ul.list li:nth-child(5) { grid-column: 2; grid-row: 2; }
	.skill1 ul.list li:nth-child(6) { grid-column: 1; grid-row: 2; }
	.skill1 ul.list li:nth-child(7) { grid-column: 1; grid-row: 3; }
	.skill1 ul.list li:nth-child(8) { grid-column: 2; grid-row: 3; }

	.skill1 ul.list li:nth-child(9) { grid-column: 3; grid-row: 3; }
	.skill1 ul.list li:nth-child(10){ grid-column: 3; grid-row: 4; }
	.skill1 ul.list li:nth-child(11){ grid-column: 2; grid-row: 4; }
	.skill1 ul.list li:nth-child(4)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -41px;}
	.skill1 ul.list li:nth-child(5)::before{content: '←'; right: -41px; top: 50%; transform: translateY(-50%); left: auto;}
	.skill1 ul.list li:nth-child(7)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -41px;}
	.skill1 ul.list li:nth-child(8)::before{right: auto; left: -41px;}
	.skill1 ul.list li:nth-child(8)::after{right: auto; left: -41px;}
	.skill1 ul.list li:nth-child(9)::before{left: -41px; top: 50%; transform: translateY(-50%); right: auto; content: '→'}
	.skill1 ul.list li:nth-child(10)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -41px;}
	.skill1 ul.list li:nth-child(11)::before{content: '←'; right: -41px; top: 50%; transform: translateY(-50%); left: auto;}
	.skill1 ul.list li .txt{padding: 11px 0;}
	.skill1 ul.list li .txt h4{font-size: 16px;}
	.skill1 ul.list li .txt h3{font-size: 21px;}
	.skill1 ul.list li .cont{padding: 13px 8px;}
	.skill1 ul.list li .cont p{font-size: 17px;}
	.skill1 ul.list li .cont p span{margin-top: 6px;}
}
@media all and (max-width:768px){
	.skill1 ul.list{grid-template-columns: repeat(2, 1fr); gap:35px;}
	.skill1 ul.list li:nth-child(1) { grid-column: 1; grid-row: 1; }
	.skill1 ul.list li:nth-child(2) { grid-column: 2; grid-row: 1; }
	.skill1 ul.list li:nth-child(3) { grid-column: 2; grid-row: 2; }
	.skill1 ul.list li:nth-child(4) { grid-column: 1; grid-row: 2; }

	.skill1 ul.list li:nth-child(5) { grid-column: 1; grid-row: 3; }
	.skill1 ul.list li:nth-child(6) { grid-column: 2; grid-row: 3; }
	.skill1 ul.list li:nth-child(7) { grid-column: 2; grid-row: 4; }
	.skill1 ul.list li:nth-child(8) { grid-column: 1; grid-row: 4; }

	.skill1 ul.list li:nth-child(9) { grid-column: 1; grid-row: 5; }
	.skill1 ul.list li:nth-child(10){ grid-column: 2; grid-row: 5; }
	.skill1 ul.list li:nth-child(11){ grid-column: 2; grid-row: 6; }
	.skill1 ul.list li + li::before{left: -33px; width:30px; height: 30x; font-size: 16px;}
	.skill1 ul.list li:nth-child(3)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -33px;}
	.skill1 ul.list li:nth-child(4)::before{content: '←'; right: -33px; top: 50%; transform: translateY(-50%); left: auto;}
	.skill1 ul.list li:nth-child(5)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -33px;}
	.skill1 ul.list li:nth-child(6)::before{left: -33px; top: 50%; transform: translateY(-50%); right: auto; content: '→'}
	.skill1 ul.list li:nth-child(7)::before{top: -33px;}
	.skill1 ul.list li:nth-child(8)::before{content: '←'; right: -33px; left: auto;}
	.skill1 ul.list li:nth-child(8)::after{content: '→'; right: -33px; left: auto;}
	.skill1 ul.list li:nth-child(9)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -33px;}
	.skill1 ul.list li:nth-child(10)::before{left: -33px; top: 50%; transform: translateY(-50%); right: auto; content: '→'}
	.skill1 ul.list li:nth-child(11)::before{content: '↓'; left: 50%; transform: translateX(-50%); top: -33px;}
	.skill1 ul.list li .txt h4{font-size: 15px;}
	.skill1 ul.list li .txt h3{font-size: 20px;}
	.skill1 ul.list li .cont{padding: 11px 7px;}
	.skill1 ul.list li .cont p{font-size: 16px;}
}
@media all and (max-width:500px){
	.skill1 ul.list{grid-template-columns: repeat(1, 1fr); gap:40px;}
	.skill1 ul.list li{grid-column: 1 !important; grid-row: auto !important;}
	.skill1 ul.list li+li::before{content: '↓' !important; left: 50% !important; transform: translateX(-50%) !important; top: -36px !important; right: auto  !important;}
	.skill1 ul.list li:nth-child(8)::before{content: '↓' !important; left: 36% !important; transform: translateX(-50%) !important; top: -36px !important; right: auto  !important;}
	.skill1 ul.list li:nth-child(8)::after{content: '↑' !important; left: 66% !important; transform: translateX(-50%) !important; top: -36px !important; right: auto  !important;}
	.skill1 ul.list li .txt{padding: 10px;}
	.skill1 ul.list li .txt h4{font-size: 15px;}
	.skill1 ul.list li .txt h3{font-size: 18px;}
}

/* skill2 */
.skill2{}
.skill2 .images{display: flex; gap:20px;}
.skill2 .images .img{max-width: 100%; border: 1px solid #ddd; padding: 50px 20px; width: 100%; text-align: center;}
.skill2 .images .img img{max-width: 100%;}

@media all and (max-width:1280px){
	.skill2 .images{gap:15px;}
	.skill2 .images .img{padding: 40px 15px;}
}
@media all and (max-width:768px){
	.skill2 .images{gap:12px;}
	.skill2 .images .img{padding: 32px 12px;}
}

/* skill3 */
.skill3{}
.skill3 .scroll{}
.skill3 .scroll table{min-width: 1020px;}

@media all and (max-width:768px){
	.skill3 .scroll{overflow-x: scroll;}
}

/* skill4 */
.skill4{}
.skill4 .scroll{}
.skill4 .scroll table{min-width: 880px;}

@media all and (max-width:768px){
	.skill4 .scroll{overflow-x: scroll;}
}

/* skill5 */
.skill5{}
.skill5 .scroll{}
.skill5 .scroll table{min-width: 720px;}

@media all and (max-width:768px){
	.skill5 .scroll{overflow-x: scroll;}
}

/* skill6 */
.skill6{}
.skill6 .scroll{}
.skill6 .scroll table{min-width: 720px;}

@media all and (max-width:768px){
	.skill6 .scroll{overflow-x: scroll;}
}


/* pd_list */
.pd_list{border: 1px solid #eee; display: grid; grid-template-columns: repeat(4, 1fr); margin-top: 30px; grid-gap: 1px;;}
.pd_list li{aspect-ratio:1 / 1;}
.pd_list li .img{width: 100%; height: 100%;}
.pd_list li .img a{display: block; width: 100%; height: 100%;}
.pd_list li .img a img{width: 100%; height: 100%; object-fit: cover;}

.pd_img{margin-top: 30px;}
.pd_img img{width: 100%;}

@media all and (max-width:1280px){
	.pd_list{grid-template-columns: repeat(4, 1fr);}
}
@media all and (max-width:1024px){
	.pd_list{grid-template-columns: repeat(4, 1fr);}
}
@media all and (max-width:768px){
	.pd_list{grid-template-columns: repeat(2, 1fr);}
}
@media all and (max-width:500px){
	.pd_list{grid-template-columns: repeat(2, 1fr);}
}


/* pd_list2 */
.pd_list2{display: grid; grid-template-columns: repeat(2, 1fr); gap:10px; margin-top: 50px;}
.pd_list2 li{}
.pd_list2 li img{max-width: 100%;}


.skill_txt{}
.skill_txt p{color: #093d83; display: inline-block; font-weight: 700; font-size: 20px; margin-bottom: 20px;}
.skill_txt p::before{content: '*'; margin-right: 5px;}
.skill_txt h3{background-color: #f8f8f8; margin-top: 50px; color: #000; font-size: 20px; padding: 30px 20px; word-break: keep-all; border-radius: 10px;}

@media all and (max-width:1024px){
	.skill_txt h3{font-size: 18px; padding: 25px 15px; margin-top: 40px;}
}
@media all and (max-width:500px){
	.skill_txt h3{font-size: 16px; padding: 22px 12px; margin-top: 30px;}
}


/* esg1 */
.esg1{}
.esg1 .top_cont{position: relative; border-radius: 20px; overflow: hidden;}
.esg1 .top_cont .img{}
.esg1 .top_cont .img img{width: 100%; min-height: 400px; object-fit: cover;}
.esg1 .top_cont .txt{text-align: center; position: absolute; color: #fff; top: 50%; left: 0; width: 100%; transform: translateY(-50%);}
.esg1 .top_cont .txt h4{font-size: 16px; letter-spacing: 0.5em; opacity: 0.5; margin-bottom: 15px;}
.esg1 .top_cont .txt h3{font-size: 32px; word-break: keep-all; line-height: 1.3em;}
.esg1 .top_cont .txt h3 br.mo{display: none;}
.esg1 .box{margin-top: 80px; padding-top: 80px; border-top: 1px solid #dedede;}
.esg1 .box + .box{}
.esg1 .box .s_txt{}
.esg1 .box .s_txt h3{}
.esg1 .box .esg_cont{display: flex; gap:30px; counter-reset: esg1;}
.esg1 .box .esg_cont > li{width: 100%; border-radius: 20px; overflow: hidden;}
.esg1 .box .esg_cont li .top{padding: 40px; aspect-ratio:16/11; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(/images/sub/esg1_bg1.webp);}
.esg1 .box .esg_cont li:nth-child(2) .top{background-image: url(/images/sub/esg1_bg2.webp);}
.esg1 .box .esg_cont li:nth-child(3) .top{background-image: url(/images/sub/esg1_bg3.webp);}
.esg1 .box .esg_cont li .top h3{font-size: 32px; color: #fff;}
.esg1 .box .esg_cont li .top .txt{color: #fff;}
.esg1 .box .esg_cont li .top .txt h4{font-size: 20px; margin-bottom: 5px; line-height: 1.4em;}
.esg1 .box .esg_cont li .top .txt p{font-size: 17px; font-weight: 300; line-height: 1.4em; word-break: keep-all;}
.esg1 .box .esg_cont li .bottom{margin-top: 10px;}
.esg1 .box .esg_cont li .bottom .list{}
.esg1 .box .esg_cont li .bottom .list li{font-size: 18px; font-weight: 600; position: relative;  padding: 15px; background-color: #f8f8f8; padding-left:53px; border-radius: 5px; color: #333; word-break: keep-all;}
.esg1 .box .esg_cont li .bottom .list li::before{content: counter(esg1)''; counter-increment: esg1; background-color: #093d83; color: #fff; border-radius: 100%; display: inline-flex; justify-content: center; align-items: center; text-align: center; aspect-ratio:1/1; width: 24px; font-size: 12px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%);}
.esg1 .box .esg_cont li .bottom .list li + li{margin-top: 10px;}
.esg1 .box .roadmap{background-color: #edf1f7; padding: 60px; display: flex; border-radius: 20px;}
.esg1 .box .roadmap li{width: 100%; text-align: center; position: relative; z-index: 2; padding: 0 50px; opacity: 0.3; transition: .5s linear;}
.esg1 .box .roadmap li.on{opacity: 1;}
.esg1 .box .roadmap li .tit{font-size: 24px; font-weight: 700; color: #000;}
.esg1 .box .roadmap li .tit::before{content: ''; width: 100%; position: absolute; height: 5px; background-color: #ffffff99; top: 64px; left: 0; z-index: 0;}
.esg1 .box .roadmap li .tit::after{content: ''; width: 0%; position: absolute; height: 5px; background-color: #093d83; top: 64px; left: 0; z-index: 1; transition: 0.5s linear;}
.esg1 .box .roadmap li.on .tit::after{width: 100%;}
.esg1 .box .roadmap li .dot{width: 16px; height: 16px; border-radius: 100%; background-color: #fff; border:4px solid #093d83; margin: 30px auto; position: relative; z-index: 2;}
.esg1 .box .roadmap li .txt{}
.esg1 .box .roadmap li .txt h3{font-size: 20px; margin-bottom: 15px; background-color: #093d83; color: #fff; padding: 15px 0; border-radius: 10px;}
.esg1 .box .roadmap li .txt dl{}
.esg1 .box .roadmap li .txt dl dd{font-size: 18px; line-height: 2em; word-break: keep-all;}


@media all and (max-width:1280px){
	.esg1 .top_cont .img img{min-height: 370px;}
	.esg1 .top_cont .txt h4{font-size: 15px;margin-bottom: 13px;}
	.esg1 .top_cont .txt h3{font-size: 28px;}
	.esg1 .box{margin-top: 70px; padding-top: 70px;}
	.esg1 .box .esg_cont{gap:25px;}
	.esg1 .box .esg_cont li .top{padding: 35px; min-height: 280px; aspect-ratio:auto;}
	.esg1 .box .esg_cont li .top h3{font-size: 28px;}
	.esg1 .box .esg_cont li .top .txt h4{font-size: 19px;}
	.esg1 .box .esg_cont li .top .txt p{font-size: 16px;}
	.esg1 .box .esg_cont li .bottom .list li{font-size: 17px; padding: 13px; padding-left: 43px;}
	.esg1 .box .esg_cont li .bottom .list li::before{width: 22px; font-size: 11px; left: 15px;}
	.esg1 .box .roadmap{padding: 50px;}
	.esg1 .box .roadmap li{padding: 0 35px;}
	.esg1 .box .roadmap li .tit{font-size: 22px;}
	.esg1 .box .roadmap li .tit::after{top: 57px; height: 3px;}
	.esg1 .box .roadmap li .tit::before{top: 57px; height: 3px;}
	.esg1 .box .roadmap li .dot{width: 15px; height: 15px; margin: 25px auto;}
	.esg1 .box .roadmap li .txt h3{font-size: 19px; padding: 13px 0; margin-bottom: 12px;}
	.esg1 .box .roadmap li .txt dl dd{font-size: 17px; line-height: 1.9em;}
}
@media all and (max-width:1024px){
	.esg1 .top_cont .img img{min-height: 330px;}
	.esg1 .top_cont .txt h4{font-size: 15px;margin-bottom: 13px;}
	.esg1 .top_cont .txt h3{font-size: 26px;}
	.esg1 .box{margin-top: 65px; padding-top: 65px;}
	.esg1 .box .esg_cont li .top{padding: 30px;}
	.esg1 .box .esg_cont li .top h3{font-size: 26px;}
	.esg1 .box .esg_cont li .bottom .list li{font-size: 16px;}
	.esg1 .box .roadmap{padding: 45px 35px;}
	.esg1 .box .roadmap li{padding: 0 25px;}
	.esg1 .box .roadmap li .tit{font-size: 21px;}
	.esg1 .box .roadmap li .txt h3{font-size: 18px; padding: 11px 0;}
}
@media all and (max-width:768px){
	.esg1 .top_cont{border-radius: 15px;}
	.esg1 .top_cont .img img{min-height: 290px;}
	.esg1 .top_cont .txt h4{font-size: 14px;margin-bottom: 12px;}
	.esg1 .top_cont .txt h3{font-size: 24px;}
	.esg1 .top_cont .txt h3 br.mo{display: block;}
	.esg1 .box{margin-top: 60px; padding-top: 60px;}
	.esg1 .box .esg_cont{flex-direction: column;}
	.esg1 .box .esg_cont > li{border-radius: 15px;}
	.esg1 .box .esg_cont > li + li{margin-top: 30px;}
	.esg1 .box .esg_cont li .top{min-height: 250px;}
	.esg1 .box .esg_cont li .top h3{font-size: 24px;}
	.esg1 .box .esg_cont li .top .txt h4{font-size: 18px;}
	.esg1 .box .roadmap{border-radius: 12px; flex-direction: column;}
	.esg1 .box .roadmap li{display: flex; flex-direction: column; padding: 20px 0px 20px 30px;}
	.esg1 .box .roadmap li .tit{font-size: 20px; margin: 20px 0;}
	.esg1 .box .roadmap li .tit::before{top: 0; left: 0; height: 100%; width: 3px;}
	.esg1 .box .roadmap li .tit::after{top: 0; left: 0; height: 0%; width: 3px;}
	.esg1 .box .roadmap li.on .tit::after{height: 100%; width: 3px;}
	.esg1 .box .roadmap li .dot{order: -1; margin-right: auto; margin-left: -36px; position: absolute;}
	.esg1 .box .roadmap li .txt h3{font-size: 17px;}
	.esg1 .box .roadmap li .txt dl dd{font-size: 16px; line-height: 1.8em;}
}
@media all and (max-width:500px){
	.esg1 .top_cont .img img{min-height: 250px;}
	.esg1 .top_cont .txt h3{font-size: 22px;}
	.esg1 .box{margin-top: 50px; padding-top: 50px;}
	.esg1 .box .esg_cont li .top{padding: 25px;}
	.esg1 .box .roadmap li .tit{font-size: 19px;}
}