@charset "utf-8";

@font-face {
    font-family: 'Handletter';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/naverfont_05@1.0/Handletter.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#subContent{font-size: 16px;}

.intro1{}
.intro1 .inner{}
.intro1 .inner .img{}
.intro1 .inner .img img{max-width: 100%;}
.intro1 .inner .txt{text-align: center; margin-top: 50px;}
.intro1 .inner .txt h3{margin-bottom: 70px; font-size: 64px; font-weight: 400; color: #234295;font-family: 'Handletter'; word-break: keep-all;}
.intro1 .inner .txt p{font-size: 20px; font-weight: 500; color: #000000; line-height: 1.8em; word-break: keep-all;} 
.intro1 .inner .txt p + p{margin-top: 50px;}

@media all and (max-width:1280px){
	.intro1 .inner .img{width: 100%; height: 50vw; background: url(/images/sub/intro1_img1.webp) no-repeat left center / cover;}
	.intro1 .inner .img img{display: none;}
	.intro1 .inner .txt{margin-top: 40px;}
	.intro1 .inner .txt h3{font-size: 48px; margin-bottom: 55px;}
	.intro1 .inner .txt p{font-size: 18px;}
	.intro1 .inner .txt p + p{margin-top: 40px;}
}
@media all and (max-width:976px){
	.intro1 .inner .txt{margin-top: 35px;}
	.intro1 .inner .txt h3{font-size: 42px; margin-bottom: 45px;}
	.intro1 .inner .txt p{font-size: 17px;}
	.intro1 .inner .txt p br{display: none;}
	.intro1 .inner .txt p + p{margin-bottom: 30px;}
}
@media all and (max-width:640px){
	.intro1 .inner .txt{margin-top: 30px;}
	.intro1 .inner .txt h3{font-size: 36px; margin-bottom: 35px;}
	.intro1 .inner .txt p{font-size: 16px;}
	.intro1 .inner .txt p + p{margin-top: 20px;}
}


.intro5{}
.intro5 .flex{display: flex; gap:0 40px; justify-content: space-between;}
.intro5 .flex > div{width: 100%;}
.intro5 .flex > div .tit{font-size: 24px; font-weight: 700; margin-bottom: 15px; color: #000; border-left: 5px solid #234295; padding-left: 10px; line-height: 1em;}
.intro5 .flex .l_cont{}
.intro5 .flex .r_cont{}
.intro5 .flex .info{display: flex; flex-wrap: wrap; font-size: 16px; margin-top: 25px;}
.intro5 .flex .info dt{width: 15%; font-weight: 700; color: #000; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee; font-size: 18px;}
.intro5 .flex .info dd{width: 85%; font-size: 17px; color: #666; font-weight: 300;margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #eee;}

@media all and (max-width:976px){
	.intro5 .flex{flex-wrap: wrap; gap:40px;}
	.intro5 .flex > div .tit{font-size: 22px;}
}
@media all and (max-width:640px){
	.intro5 .root_daum_roughmap .wrap_map{height: 60vw !important;}
	.intro5 .flex > div .tit{font-size: 20px;}
	.intro5 .flex .info dt{font-size: 17px;}
	.intro5 .flex .info dd{font-size: 16px;}
}


.business{}
.business .b_cont{display: flex;}
.business .b_cont .l_cont{width: 20%; border-top: 2px solid #234295; padding-top: 40px; padding-bottom: 60px;}
.business .b_cont .l_cont h3{font-size: 24px; color: #222; line-height: 1.5em;}
.business .b_cont .r_cont{width: 80%;padding-left: 30px; padding-top: 40px; border-top: 1px solid #ddd; padding-bottom: 60px;}
.business .b_cont .r_cont .box{}
.business .b_cont .r_cont .box + .box{margin-top: 40px;}
.business .b_cont .r_cont .box h4{font-size: 20px; color: #222; margin-bottom: 15px; display: flex; align-items: center;}
.business .b_cont .r_cont .box h4 span{color: #234295;}
.business .b_cont .r_cont .box p{font-size: 18px; color: #666; font-weight: 400; line-height: 1.7em; position: relative;}
.business .b_cont .r_cont .box .des{font-size: 18px; color: #666; font-weight: 400; line-height: 1.7em; position: relative; background-color: #f5f5f5; padding: 20px;}
.business .b_cont .r_cont .box p b{color: #222;}
.business .b_cont .r_cont .box p.hi{padding-left: 20px;}
.business .b_cont .r_cont .box p.hi::before{content: '-'; position: absolute; left: 0; top: 0; font-weight: 300;}
.business .b_cont .r_cont .box .img{margin-top: 30px;}
.business .b_cont .r_cont .box .img img{max-width: 100%;}
.business .b_cont .r_cont .list{display: flex; flex-wrap: wrap; gap:30px; margin-top: 30px; text-align: center;}
.business .b_cont .r_cont .list li{width: calc(100% / 4 - 30px * 3 / 4); border: 2px solid #ddd; height: 120px; display: flex; justify-content: center; align-items: center; flex-direction: column; position: relative;}
.business .b_cont .r_cont .list li::after{content: '→'; position: absolute; top: 50%; transform: translateY(-50%); right: -25px; font-family: 'SUIT', sans-serif; font-size: 18px; font-weight: 700; color: #234295;}
.business .b_cont .r_cont .list li h3{color: #234295; font-size: 30px;}
.business .b_cont .r_cont .list li p{font-size: 17px; color: #666; font-weight: 400;}

@media all and (min-width:0px) and (max-width:640px){
	.business .b_cont .r_cont .list li{width: calc(100% / 2 - 30px * 1 / 2); }
	.business .b_cont .r_cont .list li:nth-child(1){order: 1;}
	.business .b_cont .r_cont .list li:nth-child(2){order: 2;}
	.business .b_cont .r_cont .list li:nth-child(3){order: 4;}
	.business .b_cont .r_cont .list li:nth-child(4){order: 3;}
	.business .b_cont .r_cont .list li:nth-child(5){order: 5;}
	.business .b_cont .r_cont .list li:nth-child(6){order: 6;}
	.business .b_cont .r_cont .list li:nth-child(7){order: 8;}
	.business .b_cont .r_cont .list li:nth-child(8){order: 7;}
	.business .b_cont .r_cont .list li:nth-child(9){order: 9;}
	.business .b_cont .r_cont .list li:nth-child(10){order: 10;}
	.business .b_cont .r_cont .list li:nth-child(11){order: 12;}
	.business .b_cont .r_cont .list li:nth-child(12){order: 11;}
	
	.business .b_cont .r_cont .list li h3{font-size: 23px;}
	.business .b_cont .r_cont .list li p{font-size: 16px;}
	
	.business .b_cont .r_cont .list li:nth-child(2)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(4)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(6)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(8)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(10)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(3)::after{content: '←'; position: absolute; left: -25px; right: auto;}
	.business .b_cont .r_cont .list li:nth-child(7)::after{content: '←'; position: absolute; left: -25px; right: auto;}
	.business .b_cont .r_cont .list li:nth-child(11)::after{content: '←'; position: absolute; left: -25px; right: auto;}
	.business .b_cont .r_cont .list li:nth-child(12)::after{content: ''; }
	.business .b_cont .r_cont .list li{height: 100px;}
}

@media all and (min-width:641px) and (max-width:976px){
	.business .b_cont .r_cont .list li{width: calc(100% / 3 - 30px * 2 / 3); }
	.business .b_cont .r_cont .list li:nth-child(1){order: 1;}
	.business .b_cont .r_cont .list li:nth-child(2){order: 2;}
	.business .b_cont .r_cont .list li:nth-child(3){order: 3;}
	.business .b_cont .r_cont .list li:nth-child(4){order: 6;}
	.business .b_cont .r_cont .list li:nth-child(5){order: 5;}
	.business .b_cont .r_cont .list li:nth-child(6){order: 4;}
	.business .b_cont .r_cont .list li:nth-child(7){order: 7;}
	.business .b_cont .r_cont .list li:nth-child(8){order: 8;}
	.business .b_cont .r_cont .list li:nth-child(9){order: 9;}
	.business .b_cont .r_cont .list li:nth-child(10){order: 12;}
	.business .b_cont .r_cont .list li:nth-child(11){order: 11;}
	.business .b_cont .r_cont .list li:nth-child(12){order: 10;}
	
	.business .b_cont .r_cont .list li h3{font-size: 26px;}
	.business .b_cont .r_cont .list li p{font-size: 16px;}
	
	.business .b_cont .r_cont .list li:nth-child(3)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(n + 4):not(:nth-child(n+6))::after{content: '←'; position: absolute; left: -25px; right: auto;}
	
	.business .b_cont .r_cont .list li:nth-child(n + 10)::after{content: '←'; position: absolute; left: -25px; right: auto;}
	
	.business .b_cont .r_cont .list li:nth-child(6)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(9)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(12)::after{content: ''; }
	.business .b_cont .r_cont .list li{height: 100px;}
}

@media all and (min-width:977px){
	.business .b_cont .r_cont .list li:nth-child(4)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(n + 5):not(:nth-child(n+8))::after{content: '←'; position: absolute; left: -25px; right: auto;}
	.business .b_cont .r_cont .list li:nth-child(8)::after{content: '↓'; position: absolute; right: auto; top: auto; bottom: -40px;}
	.business .b_cont .r_cont .list li:nth-child(12)::after{content: ''; }
	.business .b_cont .r_cont .list li:nth-child(1){order: 1;}
	.business .b_cont .r_cont .list li:nth-child(2){order: 2;}
	.business .b_cont .r_cont .list li:nth-child(3){order: 3;}
	.business .b_cont .r_cont .list li:nth-child(4){order: 4;}
	.business .b_cont .r_cont .list li:nth-child(5){order: 8;}
	.business .b_cont .r_cont .list li:nth-child(6){order: 7;}
	.business .b_cont .r_cont .list li:nth-child(7){order: 6;}
	.business .b_cont .r_cont .list li:nth-child(8){order: 5;}
	.business .b_cont .r_cont .list li:nth-child(9){order: 9;}
	.business .b_cont .r_cont .list li:nth-child(10){order: 10;}
	.business .b_cont .r_cont .list li:nth-child(11){order: 11;}
	.business .b_cont .r_cont .list li:nth-child(12){order: 12;}
}

.business .b_cont .r_cont .list2{display: flex; flex-wrap: wrap; gap:20px; margin-top: 30px; text-align: center; counter-reset: list2;}
.business .b_cont .r_cont .list2 li{width: calc(100% / 5 - 20px * 4 / 5); border: 1px solid #eee;}
.business .b_cont .r_cont .list2 li::after{}
.business .b_cont .r_cont .list2 li h3{font-size: 18px; background-color: #234295; color: #fff; padding: 10px 0; position: relative;}
.business .b_cont .r_cont .list2 li h3::before{content: counter(list2); counter-increment: list2; margin-right: 5px; font-weight: 500; position: absolute; left: 20px; opacity: 0.5;}
.business .b_cont .r_cont .list2 li .txt{text-align: left; padding: 10px;}
.business .b_cont .r_cont .list2 li .txt p{font-size: 16px; padding-left: 15px;}

.business .b_cont .r_cont .list3{display: flex; gap:20px; margin-top: 30px; text-align: center;}
.business .b_cont .r_cont .list3 li{width: calc(100% / 5 - 20px * 4 / 5); border: 1px solid #eee; padding: 30px 15px;}
.business .b_cont .r_cont .list3 li .img{margin-top: 0; margin-bottom: 15px;}
.business .b_cont .r_cont .list3 li p{font-size: 17px; word-break: keep-all;}

.business .b_cont table.t1{width: 100%; text-align: center; font-size: 17px; border-top: 2px solid #234295; margin-bottom: 20px;}
.business .b_cont table.t1 thead{background-color: #234295; color: #fff;}
.business .b_cont table.t1 thead th{padding: 20px 10px; border-right: 1px solid #4c619b;}
.business .b_cont table.t1 thead th:last-child{border-right: 0;}
.business .b_cont table.t1 tbody{}
.business .b_cont table.t1 tbody tr td{padding: 20px 10px; border-bottom: 1px solid #ddd;}
.business .b_cont table.t2 tbody tr td{padding: 10px;}
.business .b_cont table.t1 tbody tr td:nth-child(odd){background-color: #f3f3f3; color: #222; line-height: 1.4em;}
.business .b_cont table.t1 tbody tr td.bgn{background-color: #fff; color: #686868;}
.business .b_cont table.t1 tbody tr td.bdr{border-right: 1px solid #ddd;}
.business .b_cont table.t1 tbody tr td.bdl{border-left: 1px solid #ddd;}

.business .b_cont .r_cont .list4{display: flex; gap:20px; margin-top: 30px; text-align: center;}
.business .b_cont .r_cont .list4 li{width: calc(100% / 3 - 20px * 2 / 3); border: 1px solid #eee;}
.business .b_cont .r_cont .list4 li .img{margin-top: 0;}
.business .b_cont .r_cont .list4 li .img img{width: 100%;}
.business .b_cont .r_cont .list4 li p{font-size: 17px; word-break: keep-all; padding: 10px 15px; color: #222; font-weight: 600;}

.business .b_cont .r_cont .list6{display: flex; gap:20px; margin-top: 30px; text-align: center;}
.business .b_cont .r_cont .list6 li{width: calc(100% / 2 - 20px * 1 / 2); border: 1px solid #eee;}
.business .b_cont .r_cont .list6 li .img{margin-top: 0;}
.business .b_cont .r_cont .list6 li .img img{width: 100%;}
.business .b_cont .r_cont .list6 li p{font-size: 17px; word-break: keep-all; padding: 10px 15px; color: #222; font-weight: 600;}

.business .b_cont .r_cont .list5{display: flex; gap:20px; margin-top: 30px;}
.business .b_cont .r_cont .list5 li{width: calc(100% / 3 - 20px * 2 / 3); border: 1px solid #eee;}
.business .b_cont .r_cont .list5 h4{background-color: #234295; color: #fff; text-align: center; padding: 10px 0; display: block;}
.business .b_cont .r_cont .list5 h3{text-align: center; padding: 0px 20px 0; font-weight: 500; font-size: 18px; line-height: 1.5em; word-break: keep-all;}
.business .b_cont .r_cont .list5 h3 b{color: #000;}
.business .b_cont .r_cont .list5 li p{font-size: 15px; word-break: keep-all; padding: 10px 15px 20px; color: #222; font-weight: 400; text-align: center; display: block;}

.business .b_cont .b_box{display: flex; align-items: center; gap:0 40px;}
.business .b_cont .b_box .img{margin: 0 auto;}
.business .b_cont .b_box .img img{max-width: 360px;}
.business .b_cont .b_box .info_box{display: flex; flex-direction: column; gap:6px;}
.business .b_cont .b_box .info_box .info{display: flex; align-items: center; gap:0 14px;}
.business .b_cont .b_box .info_box .info dt{background-color: #234295; color: #fff; font-size: 18px; padding: 10px 16px; width: 100px; text-align: center; border-radius: 6px;}
.business .b_cont .b_box .info_box .info dd{font-size: 17px; color: #666; width: calc(100% - 100px - 14px); line-height: 1.5em;}

.business .btn_box{text-align: center;}
.business .btn_box a.btn{display: inline-block; color: #fff; font-weight: 700;  padding: 16px 28px; font-size: 20px; border-radius: 4px; transition: .4s;}
.business .btn_box a.btn.btn1{background-color: #222;}
.business .btn_box a.btn.btn1:hover{background-color: #234295;}


@media all and (max-width:1280px){
	.business .b_cont .l_cont h3{font-size: 23px;}
	.business .b_cont .r_cont .list2 li h3::before{left: 10px;}
	.business .b_cont .r_cont .list2 li{width: calc(100% / 4 - 20px * 3 / 4);}
	.business .b_cont .r_cont .box .img canvas{width: 100% !important; height: auto !important;}
}
@media all and (max-width:976px){
	.business .b_cont .r_cont .list2{gap:30px 10px;}
	.business .b_cont .r_cont .list2 li{width: calc(100% / 3 - 10px * 2 / 3);}
	.business .b_cont .r_cont .list2 li h3{font-size: 17px;}
	.business .b_cont{flex-direction: column;}
	.business .b_cont .l_cont{width: 100%; padding-top: 30px; padding-bottom: 30px;}
	.business .b_cont .l_cont h3 br{display: none; font-size: 22px;}
	.business .b_cont .r_cont{width: 100%; padding-left: 0; padding-top: 30px; padding-bottom: 50px;}
	.business .b_cont .r_cont .box h4{font-size: 19px; margin-bottom: 10px;}
	.business .b_cont .r_cont .box p{font-size: 17px;}
	.business .b_cont .r_cont .box + .box{margin-top: 30px;}
	.business .b_cont .r_cont .box p.hi{padding-left: 15px;}
	.business .b_cont .r_cont .box .des{font-size: 17px; padding: 15px;}
	.business .b_cont .r_cont .list3{gap:15px;}
	.business .b_cont .r_cont .list3 li{width: calc(100% / 5 - 15px * 4 / 5);}
	.business .b_cont .r_cont .list3 li p{font-size: 16px;}
	
	.business .scroll{overflow-x: scroll;}
	.business .scroll table{min-width: 720px;}
	
	.business .b_cont .r_cont .list5{flex-wrap: wrap;}
	.business .b_cont .r_cont .list5 li{width: calc(100% / 2 - 20px * 1 / 2); padding-bottom: 15px;}
	.business .b_cont .b_box .img img{max-width: 300px;}
	.business .b_cont .r_cont .list5 h3{font-size: 17px;}
	.business .b_cont .r_cont .list5 li p{padding-top: 5px;}
	.business .btn_box a.btn{font-size: 18px; padding: 12px 20px;}
	.business .b_cont .b_box{gap:30px;}
	.business .b_cont .b_box .info_box .info dt{font-size: 17px; padding: 8px 14px; width: 90px;}
	.business .b_cont .b_box .info_box .info dd{width: calc(100% - 90px - 14px);}
	.business .b_cont .r_cont .list6{flex-direction: column}
	.business .b_cont .r_cont .list6 li{width: 100%;}
	
}
@media all and (max-width:640px){
	.business .b_cont .r_cont .list2 li{width: calc(100% / 2 - 10px * 1 / 2);}
	.business .b_cont .l_cont{padding: 20px 0;}
	.business .b_cont .l_cont h3{font-size: 20px;}
	.business .b_cont .r_cont{padding-top: 20px; padding-bottom: 40px;}
	.business .b_cont .r_cont .box h4{font-size: 18px;}
	.business .b_cont .r_cont .box p{font-size: 16px;}
	.business .b_cont .r_cont .box + .box{margin-top: 25px;}
	.business .b_cont .r_cont .box p.hi{padding-left: 12px;}
	.business .b_cont .r_cont .box .des{font-size: 16px; padding: 13px;}
    .business .b_cont .b_box2{align-items: stretch;}
	.business .b_cont .r_cont .list3{flex-wrap: wrap;}
	.business .b_cont .r_cont .list3 li{width: calc(100% / 3 - 15px * 2 / 3);}
	.business .b_cont .r_cont .list3 li p{line-height: 1.5em;}
	.business .b_cont .r_cont .list4{flex-wrap: wrap;}
	.business .b_cont .r_cont .list4 li{width: calc(100% / 2 - 20px * 1 / 2);}
	.business .b_cont .r_cont .list4 li p{font-size: 16px; padding: 10px;}
	.business .b_cont .b_box{flex-direction: column;}
	.business .b_cont .b_box .info_box .info{width: 100%; gap:0 10px;}
	.business .b_cont .b_box .info_box .info dt{font-size: 16px; width: 84px;}
	.business .b_cont .b_box .info_box .info dd{font-size: 15px;width: calc(100% - 84px - 10px);}
}

.terms { border: 10px solid #f4f2ed; padding: 4%; max-width: 1600px; line-height: 1.7em; }
.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; }


.product1 .cont{position: relative;}
.product1 .cont .inner .txt_box{width: 45%; padding: 160px 0;}
.product1 .cont .inner .txt{padding-right: 60px; min-height: 410px;}
.s_tit h3.mc{font-family: 'Marcellus', serif; font-weight: 400; font-size: 56px; color:#4a2515; letter-spacing: 0;}
.product1 .cont .inner .txt h4{color: #234295; font-size: 44px; word-break: keep-all;}
.product1 .cont .inner .txt h5{color: #000; font-size: 22px; font-weight: 600; margin-top: 10px; line-height: 1.5em;}
.product1 .cont .inner .txt p{margin-top: 20px; font-size: 17px; color: #666; line-height: 1.8em; word-break: keep-all;}
.product1 .cont .inner .txt .img_box{margin-top: 40px;}
.product1 .cont .inner .txt .img_box li{max-width: 140px; margin-right: 10px; cursor: pointer;}
.product1 .cont .inner .txt .img_box li.slick-current{}
.product1 .cont .inner .txt .img_box li.slick-current img{filter: grayscale(0);}
.product1 .cont .inner .txt .img_box li img{max-width: 100%; opacity: 0.2; transition: .4s;}
.product1 .cont .inner .txt .img_box li img:hover{opacity: 1;}
.product1 .cont .inner .txt .img_box li img.on{opacity: 1;}
.product1 .cont .visual{width: 54%; position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.product1 .cont .visual .slick-next{font-family: 'SUIT', sans-serif; background: #fff; width: 60px; height: 60px;}
.product1 .cont .visual .slick-next::before{color: #000; font-weight: 800;}
.product1 .cont .visual .slick-prev{font-family: 'SUIT', sans-serif; background: #fff; width: 60px; height: 60px;}
.product1 .cont .visual .slick-prev::before{color: #000; font-weight: 800;}
.product1 .cont .visual .box{max-width: 600px; margin-right: 30px; transition: all 1s; width: 100%; opacity: 0.2;}
.product1 .cont .visual .box.slick-current{opacity: 1;}
.product1 .cont .visual .box .img{width: 100%;}
.product1 .cont .visual .box .img img{max-width: 100%;}
.product1 .cont .visual .box .img > div{}
.product1 .cont .visual .box .img > div img{max-width: 100%;}
.product1 .cont .visual .box p{text-align: center; color: #000; font-size: 20px; font-weight: 600; margin-top: 25px;}

@media all and (max-width:1280px){
	.product1 .cont .inner .txt_box{padding: 100px 0;}
	.product1 .cont .visual .box{max-width: 42vw;}
	.product1 .s_tit{margin: 60px 0 10px;}
	.product1 .cont .inner .txt h4{font-size: 40px;}
	.product1 .cont .inner .txt h5{font-size: 20px; margin-top: 8px;}
	.product1 .cont .inner .txt p{font-size: 16px;}
	.product1 .cont .inner .txt .img_box{margin-top: 25px;}
	.product1 .cont .inner .txt .img_box li{max-width: 12vw;}
	.product1 .cont .visual .slick-next,
	.product1 .cont .visual .slick-prev{width: 54px; height: 54px;}
	.product1 .cont .visual .box p{margin-top: 15px; font-size: 18px;}
	.product1 .cont .inner .txt{padding-right: 40px;}
	
}
@media all and (max-width:976px){
	.product1 .cont .inner .txt_box{width: 50%; padding: 80px 0;}
	.product1 .cont .visual{width: 49%;}
	.product1 .s_tit{margin: 50px 0 10px;}
	.product1 .cont .inner .txt h4{font-size: 36px;}
	.product1 .cont .inner .txt h5{font-size: 19px;}
	.product1 .cont .inner .txt p{font-size: 16px; margin-top: 15px;}
	.product1 .cont .visual .box p{margin-top: 12px; font-size: 17px;}
	.product1 .cont .visual .slick-next,
	.product1 .cont .visual .slick-prev{width: 50px; height: 50px;}
}
@media all and (max-width:768px){
	.product1 .cont{display: flex; flex-direction: column-reverse;}
	.product1 .cont .visual{width: 100%;position: static; transform: translateY(0); margin-top: 40px;}
	.product1 .cont .visual .box{max-width: 72vw; margin-right: 15px;}
	.product1 .cont .inner .txt_box{padding: 0; padding-top: 0px; width: 100%; }
	.product1 .cont .inner .txt{padding-right: 0; display: flex; flex-direction: column; text-align: center; min-height: 0;}
	.product1 .cont .inner .txt .img_box{order: -1; padding-bottom: 30px;}
	.product1 .cont .inner .txt .img_box li{max-width: 24vw;}
	.s_tit h3.mc{font-size: 40px;}
	.product1 .cont .inner .txt h4{font-size: 32px;}
	.product1 .cont .inner .txt h5{font-size: 18px;}
	.product1 .cont .inner .txt p{display: none;}
	.product1 .cont .visual .box p{margin-top: 10px; font-size: 16px;}
	.product1 .cont .visual .slick-next,
	.product1 .cont .visual .slick-prev{width: 46px; height: 46px;}
}
@media all and (max-width:568px){
	.product1 .cont .visual .box{max-width: 80vw; margin-right: 10px;}
	.product1 .cont .inner .txt h4{font-size: 28px;}
	.product1 .cont .inner .txt h5{font-size: 17px;}
}



.t-box{width: 100%;}
table{width: 100%; margin-top: 50px;}
table.t1{width: 100%; text-align: center; font-size: 17px; border-top: 2px solid #234295; margin-bottom: 20px;}
table.t1 thead{background-color: #234295; color: #fff;}
table.t1 thead th{padding: 20px 10px; border-right: 1px solid #4c619b;}
table.t1 thead th:last-child{border-right: 0;}
table.t1 tbody{}
table.t1 tbody tr td{padding: 20px 10px; border-bottom: 1px solid #ddd;}
table.t2 tbody tr td{padding: 10px;}
table.t1 tbody tr td:nth-child(odd){background-color: #f3f3f3; color: #222; line-height: 1.4em;}
table.t1 tbody tr td.bgn{background-color: #fff; color: #686868;}
table.t1 tbody tr td.bdr{border-right: 1px solid #ddd;}
table.t1 tbody tr td.bdl{border-left: 1px solid #ddd;}
@media all and (max-width:640px){
    table.t1 thead th{font-size: 16px;}
    table.t1 tbody tr td{font-size: 14px;}
}


.sun_pro{width: 100%;display: flex; flex-wrap: wrap; gap: 20px;}
.sun_pro li{width: calc(100%/4 - 15px);}
.sun_pro li img{width: 100%; border: 1px solid #eee; border-radius: 10px; overflow: hidden;}

@media all and (max-width:1280px){
    .sun_pro li{width: calc(100%/3 - 14px);}
}

@media all and (max-width:880px){
    .sun_pro li{width: calc(100%/2 - 10px);}
}

@media all and (max-width:640px){
    .sun_pro li{width: 100%;}
}