.main-container{}
.main-visual-wrap{position: relative;border-bottom: 1px solid #8a8c8e;}
.main-visual{position: relative;}
.main-visual .ctrl{}
.main-visual .ctrl{position: absolute;right: 5.5%;bottom: 18%;display: flex;align-items: center;justify-content: center;width: 273px;height: 74px;background: rgba(0, 0, 0, 0.5);border-radius: 50px;z-index: 10;gap: 14px;}
.main-visual .ctrl a{position:static;width: 42px;height: 42px;font-size: 0;margin-top: 0;}
.main-visual .ctrl a::after{display:none;}
.main-visual .ctrl .swiper-pagination{position:static;width: auto;font-size: 18px;color: #fff;margin-right: 10px;}
.main-visual .ctrl a.swiper-button-prev{background:url(../images/main_slide_prev.png) no-repeat center / 100%;}
.main-visual .ctrl a.swiper-button-next{background:url(../images/main_slide_next.png) no-repeat center / 100%;}
.main-visual .ctrl a.main-visual-stop{background:url(../images/main_slide_stop.png) no-repeat center / 100%;}
.main-visual .ctrl a.main-visual-play{background:url(../images/main_slide_play.png) no-repeat center / 100%;} 
.main-visual .swiper-slide{background:url(../images/slide_img01.jpg) no-repeat;background-size:cover;/*height:930px;*/display: flex;/* align-items: flex-end; */justify-content: flex-end;flex-direction: column;padding-bottom: 10.5%;padding-left: 8%;aspect-ratio: 16 / 9;max-height:930px;}
.main-visual .swiper-slide p{font-size: 30px;color: #fff;}
.main-visual .swiper-slide p.p2{font-size: 84px;font-weight: 600;margin-bottom: 25px;}

.main-slide-menu{position: absolute;bottom: 0px;left: 0;right: 0;z-index: 10;background: rgba(0, 0, 0, 0.58);padding-bottom: 10px;}
.main-slide-menu > ul{display: flex;justify-content: space-between;}
.main-slide-menu > ul > li{width: calc(100% / 5);}
.main-slide-menu > ul > li > a{height: 80px;display: flex;align-items: center;font-size: 20px;font-weight: 500;color: #fff;padding: 0 55px 0 112px;border-left: 1px solid #5a5c5f;}
.main-slide-menu > ul > li:nth-child(1) > a{background: url(../images/main_icon1.png) no-repeat 55px center, url(../images/icon_rt.png) no-repeat right 55px center;border-left: 0;}
.main-slide-menu > ul > li:nth-child(2) > a{background: url(../images/main_icon2.png) no-repeat 55px center, url(../images/icon_rt.png) no-repeat right 55px center;}
.main-slide-menu > ul > li:nth-child(3) > a{background: url(../images/main_icon3.png) no-repeat 55px center, url(../images/icon_rt.png) no-repeat right 55px center;}
.main-slide-menu > ul > li:nth-child(4) > a{background: url(../images/main_icon4.png) no-repeat 55px center, url(../images/icon_rt.png) no-repeat right 55px center;}
.main-slide-menu > ul > li:nth-child(5) > a{background: url(../images/main_icon5.png) no-repeat 55px center, url(../images/icon_rt.png) no-repeat right 55px center;}

.main-preface-wrap{padding:48px 0 42px 0;}
.main-preface{display:flex;align-items: center;flex-wrap: wrap;}
.main-preface .lfc{font-size:48px;font-weight:400;color:#000;margin-right:35px;}
.main-preface .lfc strong{display:block;font-weight:600;}
.main-preface .lfc strong span{font-weight:600;color:#004e9e;}
.main-preface .rtc{margin-left:auto;padding-left:162px;min-height:123px;background:url(../images/logo_preface.png) no-repeat left center / auto;display:flex;flex-wrap: wrap;align-items: center;}
.main-preface .rtc .tit{font-size:28px;font-weight:500;color:#000;text-align:left;}
.main-preface .rtc .txt{font-size:20px;font-weight:500;color:#000;margin-top:8px;}

h3.title-h3{font-size:48px;color:#000;font-weight:700;line-height:1.2;}
h3.title-h3 span{color:#004e9e;font-weight:inherit;}

/*JNDC 새소식*/
.main-news-wrap{padding:55px 0 0 0;background:#f8f8f8;}
.main-news-wrap .title-h3{text-align:center;}
.main-news{padding-bottom:60px;}
.main-news-top{margin-top:30px;}
.mnews-tab{display:flex;justify-content: center;}
.mnews-tab > ul{display:flex;justify-content: center;flex-wrap: wrap;margin-left:-35px;}
.mnews-tab > ul > li{margin-left:35px;}
.mnews-tab > ul > li > a{font-weight:600;color:#acacac;font-size:30px;}
.mnews-tab > ul > li > a.active{color:#0fc35b;text-decoration: underline; text-underline-offset: 5px;}
.mnews-tab > ul > li > a:hover{color:#0fc35b;}
.main-news-item-wrap{display:none;}

.mnews-slide-box{margin-top:57px;height:418px;}
.mnews-slide{overflow: hidden;}
.mnews-slider{overflow: hidden;margin: -19px;}/*JNDC 새소식 slider*/
.mnews-slider .slick-list{}
.mnews-slider .slick-track{margin-left:0;}
.mnews-slider .item{margin:19px;}
.mnews-slider .item > .item-wp{background:#fff;}
.mnews-slider .item > .item-wp:hover{background:#32b067;}
.mnews-slider .item > .item-wp{height:353px;padding:35px 32px;position:relative;z-index:0;}
.mnews-slider .item > .item-wp::before{content:"";display:block;width:127px;height:140px;background:url(../images/logo_item_bg.png) no-repeat left center / auto;position:absolute;right:0;bottom:0;z-index:-1}
.mnews-slider .item:hover > .item-wp{box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.15);transition:.2s;}
.mnews-slider .item > .item-wp .clas{font-size:18px;font-weight:600;color:#0fc35b;}
.mnews-slider .item > .item-wp .title{color:#000;font-size:24px;font-weight:600;height:68px;line-height:1.4;margin-top:10px;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.mnews-slider .item > .item-wp .txt{color:#6e6e6e;font-size:15px;font-weight:600;height:90px;line-height:1.5;margin-top:20px;display:block;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.mnews-slider .item > .item-wp .date{color:#6e6e6e;font-size:15px;font-weight:600;padding-top:27px;border-top:1px solid #e2e2e2;margin-top:25px;}
.mnews-slider .item:hover .clas,
.mnews-slider .item:hover .title,
.mnews-slider .item:hover .txt{color:#fff;}
.mnews-slider .item:hover .date{color:#fff;border-top:1px solid #5bc085;transition:0s;}

.mnews-slider-btn-wrap{margin:17px 0 0 0;display:flex;align-items: center;}
.mnews-slider-btn{display:flex;flex:0 0 auto;}
.mnews-slider-btn li{margin-right:8px;position:relative;height:48px;}
.mnews-slider-btn li > a{font-size:0;background:#fff;}
.mnews-slider-btn li > a img{display:block;font-size:0;}
.mnews-slider-btn li > a.slick-disabled img{opacity:.4;}
.mnews-slider-btn .ap {display:none;}
.mnews-slider-btn .ap .stop,
.mnews-slider-btn .ap .play{display:none;}
.mnews-slide .slick-dots{color:transparent;position:absolute;}
.mnews-slide .mnews-slider-btn-wrap .slick-dots{display:flex;height:5px;flex:1 1 auto;margin-left:22px;position:static;}
.mnews-slider-btn-wrap .slick-dots li{flex:1 1 auto;background:#32b067;overflow:hidden;color:transparent;transition: all 0.2s ease;pointer-events: none;}
.mnews-slider-btn-wrap .slick-dots li button{flex:1 1 auto;background:transparent;overflow:hidden;color:transparent;font-size:0;pointer-events: none;}
.mnews-slider-btn-wrap .slick-dots li.slick-active{background:#32b067;}
.mnews-slider-btn-wrap .slick-dots li.slick-active ~ li{background:#f5f5f5;}


.main-inquiry{padding-top:50px;background:#fff;}
.main-inquiry-con{display:flex;justify-content: space-between;}
.main-inquiry-con .inquiry-in{padding-top:41px;width:calc(50% - 24px);position:relative;}
.main-inquiry-con .icon-img{position:absolute;left:50%;top:0;transform:translatex(-50%);}
.main-inquiry-con .bder-box{border:1px solid #e0e0e4;border-radius:35px;overflow:hidden;height:100%;box-shadow: 1px 2px 12px 0 rgba(0, 0, 0, 0.08);background:#f6f6f6;}
.main-inquiry-con .box-tel{min-height:106px;padding:57px 20px 10px 20px;font-size:30px;font-weight:500;color:#222;text-align:center;background:#fff;line-height:1;}
.main-inquiry-con .box-tel span{font-size:inherit;font-weight:500;color:#ef5a73;}
.main-inquiry-con .box-link{min-height:168px;padding:28px 20px 31px 20px;}
.main-inquiry-con .box-link > ul{display:flex;flex-wrap: wrap; justify-content: center;margin:-7px 0 0 -27px;}
.main-inquiry-con .box-link > ul > li{width:calc(100% / 2 - 27px);margin:7px 0 0 27px;max-width:264px;}
.main-inquiry-con .box-link > ul > li > a{min-height:51px;border-radius:100px;background:#fff;padding:5px 21px 5px 17px;display:flex;justify-content: center;align-items: center;}
.main-inquiry-con .box-link > ul > li > a span{font-size:24px;font-weight:400;color:#222;letter-spacing:-1px;display:block;width: 100%;text-align:left;padding:0 15px 0 34px;position:relative;background:url(../images/mnews_consultat_icon3.png) no-repeat left 1px center / auto;}
.main-inquiry-con .box-link > ul > li > a span::after{content:"";display:block;width:12px;height:21px;background:url(../images/mnews_consultat_icon9.png) no-repeat left center / auto;position:absolute;right:0;top:50%;transform:translatey(-50%);}
.main-inquiry-con .box-link > ul > li:nth-child(2) > a span{background-image:url(../images/mnews_consultat_icon4.png);padding-left:37px;}
.main-inquiry-con .box-link > ul > li:nth-child(3) > a span{background-image:url(../images/mnews_consultat_icon5.png);}
.main-inquiry-con .box-link > ul > li:nth-child(4) > a span{background-image:url(../images/mnews_consultat_icon6.png);padding-left:37px;}

.main-inquiry-con .rt .bder-box{background:#fff;}
.main-inquiry-con .inquiry-in.rt .box-tel {min-height: 136px;background:#f6f6f6;padding: 55px 20px 20px 20px;}
.main-inquiry-con .inquiry-in.rt .box-tel span{font-size:24px;font-weight:400;color:#004e9e;}
.main-inquiry-con .rt .box-link {height:auto;padding: 13px 20px 31px 20px;}
.main-inquiry-con .rt .box-link p{text-align:center;font-size:20px;font-weight:400;color:#6e6e6e;padding-bottom:20px;}
.main-inquiry-con .rt .box-link > ul > li > a{height:51px;border-radius:100px;background:#f6f6f6;padding:5px 21px 5px 17px;display:flex;justify-content: center;align-items: center;}
.main-inquiry-con .rt .box-link > ul > li > a span::after{background-image:url(../images/mnews_consultat_icon10.png);}
.main-inquiry-con .rt .box-link > ul > li:nth-child(1) > a span{background-image:url(../images/mnews_consultat_icon7.png);padding-left:34px;}
.main-inquiry-con .rt .box-link > ul > li:nth-child(2) > a span{background-image:url(../images/mnews_consultat_icon8.png);padding-left:41px;}


.main-business-wrap{margin-top:80px;padding-bottom:70px;position:relative;}
.main-business-wrap::before{content:"";display:block;width:100%;height:424px;background:#e4eef6;position:absolute;left:0;right:0;bottom:0;z-index:-1;}
.main-business{margin-top:25px;}
.main-business > ul{display:flex;margin-left:-10px;}
.main-business > ul > li {flex:0 0 auto;min-width:124px;margin-left:10px;position:relative;overflow:hidden;border-radius:20px;height:508px;transition:all .4s,  border-radius .1s;flex:0 0 auto;}
.main-business > ul > li.active {flex:1 1 auto;transition:.3s;}
.main-business > ul > li > a.main-busi-thumb{display:block;position:absolute;top:0;bottom:0;right:0;z-index:3; max-width: 124px;width:124px;border-radius:20px;overflow:hidden;background:url(../images/main_business_thum01.jpg) no-repeat center bottom / cover; }
.main-business > ul > li > a.main-busi-thumb::after{content:"";display:block;width:49px;height:49px;background:url(../images/main_business_more.png) no-repeat left center / 100%; position:absolute;left:50%;transform:translatex(-50%);bottom:62px;z-index:2;}
.main-business .main-busi-thumb .thumb-img{width:100%;height:100%;display:none;}
.main-business > ul > li:nth-child(2) .main-busi-thumb{background-image:url(../images/main_business_thum02.jpg);}
.main-business > ul > li:nth-child(3) .main-busi-thumb{background-image:url(../images/main_business_thum03.jpg);}
.main-business > ul > li:nth-child(4) .main-busi-thumb{background-image:url(../images/main_business_thum04.jpg);}
.main-business > ul > li:nth-child(5) .main-busi-thumb{background-image:url(../images/main_business_thum05.jpg);}
.main-business .main-busi-thumb .thumb-img span{position:absolute;left:0;right:0;top:0;bottom:0;display: flex; justify-content: center;align-items: center;border-radius:20px;overflow:hidden;}
.main-business .main-busi-thumb .thumb-img span img{max-height:none;width:auto;max-width:none;}
.main-business .main-busi-thumb .thumb-txt{font-weight:600;font-size:30px;color:#fff;width:32px;text-align:center;position:absolute;top:68px;left:50%;transform:translatex(-50%);z-index:2;line-height:1;}

.main-business .main-busi-con{width:100%;height:100%;display:none;border-radius:60px 20px 60px 20px;overflow:hidden;}
.main-business .main-busi-con .con-img{width:100%;height:100%;}
.main-business .main-busi-con .con-img span{position:absolute;left:0;right:0;top:0;bottom:0;display: flex; justify-content: center;align-items: center;border-radius:60px 20px 60px 20px;overflow:hidden;}
.main-business .main-busi-con .con-img span img{height:100%;width:auto;max-width:none;}
.main-business .main-busi-in{position:absolute;left:50%;transform:translatex(-50%);bottom:0;height:180px;max-height:180px;background:rgba(0,0,0,.65);z-index:2;padding:40px 30px 0 30px;min-width:500px;width:100%;}
.main-business .main-busi-in .tit{text-align:center;font-weight:600;font-size:40px;color:#00fffc;}
.main-business .main-busi-in .txt {margin-top:10px;display:flex;justify-content: center;}
.main-business .main-busi-in .txt > ul {display:flex;margin-left:-19px;margin-top:-5px;flex-wrap: wrap;justify-content: center;}
.main-business .main-busi-in .txt > ul > li {font-weight:600;font-size:30px;color:#fff;margin-left:19px;margin-top:5px;padding-right:20px;position:relative;}
.main-business .main-busi-in .txt > ul > li:hover{color:#0fc35b;}
.main-business .main-busi-in .txt > ul > li::after{content:"";display:block;width:1px;height:31px;background:#fff;position:absolute;right:0;top:50%;transform:translatey(-50%);}
.main-business .main-busi-in .txt > ul > li:last-child{padding:0;}
.main-business .main-busi-in .txt > ul > li:last-child::after{display:none;}
.main-business > ul > li.on{border-radius:60px 20px 60px 20px;overflow:hidden;transition:all .4s,  border-radius 0s;}
.main-business > ul > li .main-busi-thumb{right:-100%;}
.main-business a:focus-visible{outline: 2px solid red;outline-offset: -1px;transform:scale(0.99);}

.main-story-wrap{margin-top:80px;position:relative;}
.main-story-wrap{margin-top:80px;}
.main-story-wrap::after{content:"";display:block;width:718px;height:587px;background:url(../images/main_story_bg.png) no-repeat left top / 100% auto;position:absolute;left:0;top:170px;z-index:-1;}

.main-story{display:flex;}
.main-story-lf{max-width:420px;width:43%;flex: 1 1 auto;padding-right: 30px;}
.main-story-lf .title{width:auto;}
.main-story-lf .title p{font-size:20px;font-weight:600;color:#9f9f9f;margin-top:10px;line-height:1.5;}
.main-story-lf .title p span{color:#0fc35b;}

.main-story-tab{margin-top:35px;width:200px;}
.main-story-tab > ul > li > a{height:62px;border-bottom:1px solid #e6e6e6;padding:5px 28px 5px 2px;display:flex;align-items: center;position:relative;}
.main-story-tab > ul > li > a::before{content:"";display:none;height:3px;width:100%;border-bottom:3px solid #004e9e;position:absolute;left:0;bottom:-1px;right:0;}
.main-story-tab > ul > li > a::after{content:"";display:block;width:15px;height:14px;background:url(../images/main_story_icon2.png) no-repeat left top / 100% auto;position:absolute;right:0;top:50%;transform:translatey(-50%);}
.main-story-tab > ul > li > a span{font-weight:600;font-size:20px;color:#383838;}
.main-story-tab > ul > li > a.on::before{display:block;}
.main-story-tab > ul > li > a.on::after{background-position:bottom;}
.main-story-tab > ul > li > a.on span,
.main-story-tab > ul > li > a:hover span{color:#004e9e;}
.main-story-tab > ul > li > a:hover::after{background-position:bottom;}
.main-story-con{flex:1 1 auto;width:57%;flex:1 1 auto;}
.main-story-con > ul{display:flex;margin-left:-40px;}
.main-story-con > ul > li{width:calc(100% / 2 - 40px);margin-left:40px;display:none;}
.main-story-con > ul > li:nth-child(-n + 2){display:block;}
.main-story-con > ul > li > a{display:block;}
.main-story-con > ul > li > a .img-w{display:block;padding-top:108.8%;position:relative;}
.main-story-con > ul > li > a .img-w span{position:absolute;left:0;right:0;top:0;bottom:0;border-radius:25px;border:1px solid #e0e0e4;overflow:hidden;display:flex;justify-content: center;align-items: center;}
.main-story-con > ul > li > a .img-w span img{transition: 0.3s;height:100%;max-width:none;}
.main-story-con > ul > li > a:hover .img-w span img{transform: scale(1.1);}
.main-story-con > ul > li > a .txt-w{padding:20px 7px 30px 7px;}
.main-story-con > ul > li > a .ctgry{font-weight:600;font-size:30px;color:#004e9e;}
.main-story-con > ul > li > a .tit{font-weight:600;font-size:36px;color:#000;display: block;margin-top:5px;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.main-story-con > ul > li > a .txt{font-weight:600;font-size:24px;color:#6e6e6e;margin-top:17px;line-height:1.2;display: block;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.main-story-con > ul > li > a .date{font-weight:600;font-size:24px;color:#6e6e6e;margin-top:30px;}
.main-business li.con:nth-of-type(n+3) {display: none !important;}

.main-cmction-wrap{background:#f8f8f8;margin-top:70px;padding:75px 0;}
.main-cmction-wrap .titl {position:relative;}
.main-cmction-wrap .titl h3{text-align:center;}
.main-cmction-wrap .titl .sns-list{display:flex;position:absolute;right:-1px;top:50%;transform:translatey(-50%);}
.main-cmction-wrap .titl .sns-list > li{margin-left:7px;}
.main-cmction-con{margin-top:30px;display:flex;justify-content: space-between;}
.main-cmction-con .youtube-in{width:37.5%;}
.main-cmction-con .sns-con{padding-bottom:20px;width:100%;}
.main-cmction-con .sns-con .img-box{border-radius:5px;box-shadow: 2px 5px 12px 0 rgba(0, 0, 0, 0.2);}
.main-cmction-con .sns-con .img-box span{height:365px;border-radius:5px;display:block;overflow:hidden;}
.main-cmction-con .sns-con .img-box span img{height:100%;width:100%;}
.main-cmction-con .sns-con .tit{margin-top:23px;padding-left:42px;position:relative;height:36px;line-height:36px;}
.main-cmction-con .sns-con .tit::before{content:"";display:block;width:36px;height:36px;border-radius:50%;background:url(../images/main_sns_y.png) no-repeat center center / auto auto;position:absolute;left:0;top:50%;transform:translatey(-50%);}
.main-cmction-con .sns-con .tit.sns-b::before{background-image:url(../images/main_sns_b.png) ;}
.main-cmction-con .sns-con .tit.sns-x::before{background-image:url(../images/main_sns_x.png) ;}
.main-cmction-con .sns-con .tit.sns-i::before{background-image:url(../images/main_sns_i.png) ;}
.main-cmction-con .sns-con .tit.sns-f::before{background-image:url(../images/main_sns_f.png) ;}
.main-cmction-con .sns-con .tit span{font-weight:400;font-size:18px;color:#000;display:block;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.main-cmction-con .sns-con .tit span em{color:#ed3023;font-weight:inherit;font-size:inherit;font-style:normal;}

.main-sns-slide-box{width:calc(62.5% - 65px);}
.main-sns-slide{position:relative;}
.main-sns-slider{overflow: hidden;margin: -12px;}
.main-sns-slider .slick-list{}
.main-sns-slider .slick-track{margin-left:0;}
.main-sns-slider .item{margin:12px;}
.main-sns-slider .item > .item-wp{background:#fff;}
.main-sns-slider .item > .item-wp:hover{background:#32b067;}
.main-sns-slider .item > .item-wp{height:353px;padding:35px 32px;position:relative;z-index:0;}
.main-sns-slider .item > .item-wp::before{content:"";display:block;width:127px;height:140px;background:url(../images/logo_item_bg.png) no-repeat left center / auto;position:absolute;right:0;bottom:0;z-index:-1}
.main-sns-slider .item:hover > .item-wp{box-shadow: 1px 1px 12px 2px rgba(0, 0, 0, 0.15);transition:.2s;}
.main-sns-slider .item > .item-wp .clas{font-size:18px;font-weight:600;color:#0fc35b;}
.main-sns-slider .item > .item-wp .title{color:#000;font-size:24px;font-weight:600;height:68px;line-height:1.4;margin-top:10px;display:block;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.main-sns-slider .item > .item-wp .txt{color:#6e6e6e;font-size:15px;font-weight:600;height:90px;line-height:1.5;margin-top:20px;display:block;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
.main-sns-slider .item > .item-wp .date{color:#6e6e6e;font-size:15px;font-weight:600;padding-top:27px;border-top:1px solid #e2e2e2;margin-top:25px;}
.main-sns-slider .item:hover .clas,
.main-sns-slider .item:hover .title,
.main-sns-slider .item:hover .txt{color:#fff;}
.main-sns-slider .item:hover .date{color:#fff;border-top:1px solid #5bc085;transition:0s;}
.main-sns-slider-btn-wrap{margin:0;display:flex;align-items: center;height:0;}
.main-sns-slider-btn{display:flex;flex:0 0 auto;}
.main-sns-slider-btn li{margin-right:8px;height:0;}
.main-sns-slider-btn li > a{font-size:0;background:#fff;}
.main-sns-slider-btn li > a img{display:block;font-size:0;}
.main-sns-slider-btn .ap {display:none;}
.main-sns-slider-btn .ap .stop,
.main-sns-slider-btn .ap .play{display:none;}
.main-sns-slider-btn li > a{display:block;width:32px;height:67px;background:url(../images/main_cmction_lf.png) no-repeat center center / 100%;}
.main-sns-slider-btn li > a.prev{width:25px;position:absolute;left:-45px;top:calc((100% - 79px) / 2);transform:translatey(-50%);}
.main-sns-slider-btn li > a.next{width:25px;position:absolute;right:-45px;top:calc((100% - 79px) / 2);transform:translatey(-50%);background-image:url(../images/main_cmction_rt.png);}

.main-service-wrap{margin:85px 0;}
.main-service-slide-box{margin-top:40px;}
.main-service-slide{position:relative;}
.main-service-slider{overflow: hidden;}
.main-service-slider .slick-list{width:calc(100% + 34px);}
.main-service-slider .slick-track{margin-left:-36px;}
.main-service-slider .item{margin-left:36px;padding:0 1px;}
.main-service-slider .item a{display:block;border-radius:30px 30px 0 0;padding-bottom:20px;}
.main-service-slider .item .img-box{height:170px;border:1px solid #e0e0e4;border-radius:30px;background:#fff;padding:15px;display:flex;justify-content: center;align-items: center;position:relative;}
.main-service-slider .item a:hover .img-box::after{content:"";display:block;border:5px solid #32b067;position:absolute;left:-1px;right:-1px;bottom:-1px;top:-1px;border-radius:30px;}
.main-service-slider .item .tit{margin-top:20px;color:#222;font-size:24px;font-weight:400;text-align:center;}
.main-service-slider-btn{display:flex;flex:0 0 auto;}
.main-service-slider-btn li{margin-right:8px;height:0;}
.main-service-slider-btn li > a{font-size:0;background:#fff;}
.main-service-slider-btn li > a img{display:block;font-size:0;}
.main-service-slider-btn .ap {display:none;}
.main-service-slider-btn .ap .stop,
.main-service-slider-btn .ap .play{display:none;}
.main-service-slider-btn li > a.prev{width:25px;position:absolute;left:-38px;top:calc((100% - 68px) / 2);transform:translatey(-50%);}
.main-service-slider-btn li > a.next{width:25px;position:absolute;right:-38px;top:calc((100% - 68px) / 2);transform:translatey(-50%);}


@media screen and (max-width: 1680px) {
	/*.main-visual .swiper-slide {padding-bottom: 14.5%;height: 880px;}*/
	.main-visual .swiper-slide {background-position:center bottom;background-size:auto 100%;}
	.main-slide-menu > ul > li > a {padding: 0 40px 0 90px;font-size:18px;}
	.main-slide-menu > ul > li:nth-child(1) > a,
	.main-slide-menu > ul > li:nth-child(2) > a,
	.main-slide-menu > ul > li:nth-child(3) > a,
	.main-slide-menu > ul > li:nth-child(4) > a,
	.main-slide-menu > ul > li:nth-child(5) > a{background-position: 35px center, right 35px center;}

}



@media screen and (max-width: 1400px) {
	/*.main-visual .swiper-slide {padding-bottom: 16.5%;height: 780px;}*/
	.main-slide-menu > ul > li > a {padding: 0 40px 0 75px;font-size:18px;}
	.main-slide-menu > ul > li:nth-child(1) > a,
	.main-slide-menu > ul > li:nth-child(2) > a,
	.main-slide-menu > ul > li:nth-child(3) > a,
	.main-slide-menu > ul > li:nth-child(4) > a,
	.main-slide-menu > ul > li:nth-child(5) > a{background-position: 20px center, right 15px center;}
	
	.main-inquiry-con .box-link > ul > li > a span {font-size: 20px;line-height:28px;}

}

@media screen and (max-width: 1200px) {
	.main-inquiry-con { flex-wrap: wrap;}
	.main-inquiry-con .inquiry-in {width:100%;}
	.main-inquiry-con .inquiry-in.rt {margin-top: 40px;}

	.main-business-wrap::before {height: 330px;}
	.main-business .main-busi-thumb .thumb-txt {font-size: 26px;top:55px;}
	.main-business > ul > li {height: 430px;min-width:90px;}
	.main-business > ul > li > a.main-busi-thumb { max-width: 90px;width: 90px;}
	.main-business .main-busi-in .tit {font-size: 35px;}
	.main-business .main-busi-in .txt > ul > li {font-size: 25px;}

	.main-story-lf {max-width: 320px;}
	.main-story-wrap::after { background-size: 80%;}


}

@media screen and (max-width: 1024px) {
	.main-visual .swiper-slide {padding-bottom: 5.5%;padding-left: 6%;}
	.main-visual .swiper-slide p {font-size: 19px;}
	.main-visual .swiper-slide p.p2 {font-size: 52px;margin-bottom:20px;}
	.main-visual .ctrl{right: 7.5%;bottom: 8%;width: 203px;height: 54px;gap: 8px;}
	.main-visual .ctrl a{width: 32px;height: 32px;}
	.main-visual .ctrl .swiper-pagination{font-size: 16px;margin-right: 10px;}
	.main-slide-menu {position:relative;bottom: 0;left: 0; right: 0;background:#010205;padding: 15px 20px;margin-top:-20px;}
	.main-slide-menu > ul {flex-wrap: wrap;justify-content: flex-start;margin-left:-40px;}
	.main-slide-menu > ul > li {width: calc(100% / 3 - 40px);margin-left:40px;}
	.main-slide-menu > ul > li > a {height:54px;position:relative;border:0;padding: 0 60px 0 70px;}
	.main-slide-menu > ul > li > a::after {content:"";display:block;height:25px;width:1px;background:#878889;position:absolute;right:0;top:50%;transform:translatey(-50%);}
	.main-slide-menu > ul > li:last-child > a::after,
	.main-slide-menu > ul > li:nth-child(3) > a::after{display:none;}
	.main-slide-menu > ul > li:nth-child(1) > a,
	.main-slide-menu > ul > li:nth-child(2) > a,
	.main-slide-menu > ul > li:nth-child(3) > a,
	.main-slide-menu > ul > li:nth-child(4) > a,
	.main-slide-menu > ul > li:nth-child(5) > a{background-position: 20px center, right 30px center;}

	h3.title-h3 {font-size: 40px;}
	.mnews-tab > ul > li > a {font-size: 25px;}

    .main-preface-wrap {padding: 40px 0 35px 0;}
	.main-preface {  justify-content: center;}
	.main-preface .lfc {margin-right:0;text-align:center;}
	.main-preface .rtc {margin: 50px 0 0 0;}

	.main-business > ul > li {height: 400px;min-width: 65px;}
	.main-business > ul > li > a.main-busi-thumb { max-width: 65px;width: 65px;}
	.main-business .main-busi-thumb .thumb-txt {font-size: 26px;top: 45px;}
	.main-business > ul > li > a.main-busi-thumb::after {bottom:30px;}

	.main-story-wrap::after {display:none;}
	.main-story {flex-wrap: wrap;}
	.main-story-lf {max-width: 100%;width:100%;padding:0;}
	.main-story-lf .title {display:flex;align-items: flex-end;flex-wrap: wrap;}
	.main-story-lf .title h3 br,
	.main-story-lf .title p br{display:none;}
	.main-story-lf .title h3{padding:0 20px 0 0;}
	.main-story-lf .title p{padding:0 0 3px 0;margin-top:5px;}
	.main-story-tab { margin-top: 25px;width: 100%;display: flex;justify-content: center;}

	.main-story-tab > ul{display:flex;}
	.main-story-tab > ul > li{position:relative;margin-right:24px;padding-right:25px;}
	.main-story-tab > ul > li:last-child{margin-right:0;padding-right:0;}
	.main-story-tab > ul > li:last-child::after{display:none;}
	.main-story-tab > ul > li::after{content: "";display: block;height: 31px;width: 1px;background: #c3c3c3;position: absolute;right: 0;top: 50%;transform: translatey(-50%);}
	.main-story-tab > ul > li > a {height:auto;padding:0 ;border:0;}
	.main-story-tab > ul > li > a::after {display:none;}
	.main-story-tab > ul > li > a span{font-weight:600;font-size:30px;color:#acacac;}
	.main-story-tab > ul > li > a.on span, 
	.main-story-tab > ul > li > a:hover span {color: #0fc35b;}
	.main-story-tab > ul > li > a::before {border-bottom: 3px solid #0fc35b;}
	.main-story-con {width: 100%;margin:40px 0 0 0;}

	.main-cmction-wrap {margin-top: 50px;padding: 55px 0;}
	.main-cmction-wrap .titl h3 {text-align: left;}
	.main-cmction-con { flex-wrap: wrap;}
	.main-cmction-con .youtube-in {width: 100%;}
	.main-cmction-con .sns-con {padding-bottom: 0;}
	.main-cmction-con .sns-con .img-box span {height: auto;}
	.main-sns-slide-box { width: 100%;margin-top:40px;}

	.main-service-slider .slick-list {width: calc(100% + 23px);}
	.main-service-slider .slick-track {margin-left: -25px;}
	.main-service-slider .item {margin-left: 25px;}

}





@media screen and (max-width: 768px) {
	.main-visual .swiper-slide {padding-bottom: 6.5%;padding-left: 6%;}
	.main-visual .swiper-slide p {font-size: 14px;}
	.main-visual .swiper-slide p.p2 {font-size: 38px;margin-bottom:10px;}
	.main-visual .ctrl{right: 10.5%;bottom: 11%;width: 133px;height: 40px;gap: 5px;}
	.main-visual .ctrl a{width: 22px;height: 22px;}
	.main-visual .ctrl .swiper-pagination{font-size: 12px;margin-right: 3px;}
	.main-slide-menu > ul {margin-left: -30px;transform: translatex(10px);}
	.main-slide-menu > ul > li {width: calc(100% / 2 - 30px);margin-left: 30px;}
	.main-slide-menu > ul > li > a {height: 50px;padding: 0 50px 0 45px;font-size:17px;}
	.main-slide-menu > ul > li:nth-child(1) > a, 
	.main-slide-menu > ul > li:nth-child(2) > a, 
	.main-slide-menu > ul > li:nth-child(3) > a, 
	.main-slide-menu > ul > li:nth-child(4) > a, 
	.main-slide-menu > ul > li:nth-child(5) > a {background-position: 0px center, right 20px center;background-size:30px 30px, 20px 15px;}
	.main-slide-menu > ul > li:nth-child(2) > a::after,
	.main-slide-menu > ul > li:nth-child(4) > a::after {display:none;}
	.main-slide-menu > ul > li:nth-child(3) > a::after {display:block;}

	.main-preface-wrap {padding: 35px 0 30px 0;}
	.main-preface .lfc {font-size: 32px;}
	.main-preface .rtc .tit {font-size: 24px;}
	.main-preface .rtc .txt {font-size: 18px;}
	.main-preface .rtc {margin: 30px 0 0 0;}
	.main-preface .rtc {padding-left: 125px; min-height: 110px; background-size: 110px;}


	.main-news-wrap {padding:35px 0 0 0;}
	.main-news {padding-bottom:40px;}
	h3.title-h3 {font-size: 32px;}
	.mnews-tab > ul {margin-left:0;margin-top:-10px;}
	.mnews-tab > ul > li {margin: 10px 12px 0 12px;}
	.mnews-tab > ul > li > a {font-size: 20px;}
	.mnews-slide-box {margin-top: 35px;height:auto;}
    .mnews-slider {overflow: hidden;margin: -10px;}
	.mnews-slider .item { margin: 10px;}
	.mnews-slider .item > .item-wp {height: 320px;padding: 25px 22px;}
	.mnews-slider .item > .item-wp .title { font-size: 20px;height: 56px;}
	.mnews-slider-btn li {height: 40px;}
	.mnews-slider-btn li > a img {width: 40px;}
	.mnews-slide .mnews-slider-btn-wrap .slick-dots {margin-left: 10px;}

	.main-inquiry {padding-top: 35px;}
	.main-inquiry-con .inquiry-in.rt {margin-top: 35px;}
	.main-inquiry-con .bder-box {border-radius: 30px;}
	.main-inquiry-con .box-link {min-height: auto;padding: 25px 15px 28px 15px;}
	.main-inquiry-con .box-tel {padding: 60px 15px 10px 15px;font-size: 25px;}
	.main-inquiry-con .inquiry-in.rt .box-tel {min-height: auto;padding: 60px 15px 15px 15px;}
	.main-inquiry-con .inquiry-in.rt .box-tel span {font-size: 22px;}
	.main-inquiry-con .box-link > ul > li {width: 100%;margin: 7px 0 0 27px;max-width: 300px;}
	.main-inquiry-con .box-link > ul > li > a {min-height: 48px; padding: 5px 12px 5px 15px;}
	.main-inquiry-con .rt .box-link p { font-size: 18px;}

	.main-business-wrap {margin-top: 40px;padding-bottom: 0;}
	.main-business-wrap::before {display:none;height: 100%;background: linear-gradient(to  bottom, transparent 0, #e4eef6 45%);}
	.main-business > ul {display:block;margin:0;}
	.main-business > ul > li {margin:10px 0 0 0;height: auto;min-width: 100%;min-height:90px;transition:0s;border-radius:18px;}
	.main-business > ul > li > a.main-busi-thumb{max-width: 100%;width: 100%;height:90px;position:absolute;right:0 !important;border-radius:18px;}
	.main-business > ul > li:nth-child(1) .main-busi-thumb{background-image:url(../images/main_business_thum01_m.jpg);}
	.main-business > ul > li:nth-child(1) .main-busi-thumb::before{content:"";display:block;width:100%;height:100%;background: linear-gradient(to  right, rgba(90,182,230,.6) 0, transparent 50%);}
	.main-business > ul > li:nth-child(2) .main-busi-thumb{background-image:url(../images/main_business_thum02_m.jpg);}
	.main-business > ul > li:nth-child(3) .main-busi-thumb{background-image:url(../images/main_business_thum03_m.jpg);}
	.main-business > ul > li:nth-child(4) .main-busi-thumb{background-image:url(../images/main_business_thum04_m.jpg);}
	.main-business > ul > li:nth-child(5) .main-busi-thumb{background-image:url(../images/main_business_thum05_m.jpg);}
	.main-business .main-busi-thumb .thumb-txt {width: 100%;text-align:left;font-size: 26px;top: 50%;top:50%;left: 50%;transform: translate(-50%, -50%);padding-left: 40px;text-shadow: 0 0 32px rgba(0,0,0,.6);}
	.main-business > ul > li > a.main-busi-thumb::after { width: 45px; height: 45px; left: auto;right: 60px; transform: translate(0, 50%); bottom: 50%;}
	.main-business .main-busi-con{border-radius: 40px 18px 40px 18px;}
	.main-business > ul > li.on {border-radius: 40px 18px 40px 18px;}
	.main-business .main-busi-con .con-img span {position:static;border-radius: 40px 18px 40px 18px;}
	.main-business .main-busi-con .con-img span img{width:100%;height:auto;}
	.main-business .main-busi-in .tit {font-size: 26px;}
	.main-business .main-busi-in .txt > ul > li {font-size: 20px;}
	.main-business .main-busi-in {min-height: 115px;height:auto;padding:25px 50px;}
	.main-business .main-busi-in .txt > ul > li { margin-left: 15px;padding-right: 16px;}
	.main-business .main-busi-in .txt > ul > li::after {height: 20px;}

	.main-story-wrap {margin-top: 50px;}
	.main-story-lf .title p { font-size: 18px;}
	.main-story-tab { margin-top: 20px;}
	.main-story-tab > ul > li {margin-right: 20px;padding-right: 21px;}
	.main-story-tab > ul > li::after {height: 22px;}
	.main-story-tab > ul > li > a span {font-size: 21px;}
	.main-story-con { margin: 30px 0 0 0;}
	.main-story-con > ul {margin-left: -15px;}
	.main-story-con > ul > li {width: calc(100% / 2 - 15px);margin-left: 15px;}
	.main-story-con > ul > li > a .img-w span {border-radius: 20px;}
	.main-story-con > ul > li > a .txt-w {padding: 14px 5px 5px 5px;}
	.main-story-con > ul > li > a .ctgry { font-size: 20px;}
	.main-story-con > ul > li > a .tit { font-size: 20px; -webkit-line-clamp: 2;}
	.main-story-con > ul > li > a .txt { font-size: 17px; margin-top: 13px;}
	.main-story-con > ul > li > a .date { font-size: 17px;margin-top: 20px;}

	.main-cmction-wrap {margin-top: 30px;padding: 35px 0 30px 0;}
	.main-cmction-wrap .titl {position: relative;display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;}
	.main-cmction-wrap .titl .sns-list {position: static; transform: translatey(0);padding-left: 20px;margin: 10px 0 10px auto;}
	.main-cmction-con .sns-con .tit {padding-left: 38px; height: 32px; line-height: 32px;font-size:17px;}
	.main-cmction-con .sns-con .tit::before {width: 32px;height: 32px;background-size: 33px;}
	.main-cmction-con {margin-top: 20px;}
	.main-cmction-con .sns-con .tit {margin-top: 18px;}
	.main-sns-slide-box {margin-top: 30px;}
	.main-sns-slider-btn li > a{border-radius:50%;}
	.main-sns-slider-btn li > a.prev{width:40px;height:40px;left:-20px;top:calc((100% - 54px) / 2);background-image:url(../images/main_cmction_lf_m.png);box-shadow: 2px 3px 6px 0 rgba(0, 0, 0, 0.5);}
	.main-sns-slider-btn li > a.next{width:40px;height:40px;right:-20px;top:calc((100% - 54px) / 2);background-image:url(../images/main_cmction_rt_m.png);box-shadow: -2px 3px 6px 0 rgba(0, 0, 0, 0.5);}

	.main-service-wrap {margin: 40px 0 50px 0;}
	.main-service-slide-box {margin-top: 30px;padding:0 10px;}
	.main-service-slider .item .tit {margin-top: 15px;color: #222; font-size: 20px;}
	.main-service-slider .slick-list {width: calc(100% + 9px);}
	.main-service-slider .slick-track {margin-left: -10px;}
	.main-service-slider .item {margin-left: 10px;}
	.main-service-slider .item .img-box {height: 140px;}
	.main-service-slider .item .img-box img{transform:scale(0.8);}
	.main-service-slider .item a {padding-bottom: 10px;}
	.main-service-slider-btn li > a.prev {width: 20px;left: -25px; top: calc((100% - 48px) / 2);}
	.main-service-slider-btn li > a.next {width: 20px;right: -25px; top: calc((100% - 48px) / 2);}

}



@media screen and (max-width: 540px) {
	/*.main-visual .swiper-slide {padding-bottom: 28%;height: 480px;}*/

	h3.title-h3 {font-size: 30px;}
	.mnews-tab > ul {margin-left:0;margin-top:-10px;}
	.mnews-tab > ul > li {margin: 10px 12px 0 12px;}
	.mnews-tab > ul > li > a {font-size: 20px;}
	.mnews-slide-box {margin-top: 35px;height:auto;}
    .mnews-slider {overflow: hidden;margin: -5px;}
	.mnews-slider .item { margin: 5px;}
	.mnews-slider .item > .item-wp {height: 300px;padding: 20px 15px;}
	.mnews-slider .item > .item-wp .title { font-size: 20px;height: 56px;}
	.mnews-slider .item > .item-wp .date { padding-top: 21px; margin-top: 20px;}

	.main-business > ul > li {min-height:75px;}
	.main-business > ul > li > a.main-busi-thumb{height:75px;}
	.main-business .main-busi-thumb .thumb-txt {font-size: 22px;}
	.main-business > ul > li > a.main-busi-thumb::after {width: 40px;height: 40px; right: 40px;}

}

@media screen and (max-width: 499px) {	
	.main-visual .swiper-slide {padding-bottom: 8%;padding-left: 6%;}	
	.main-visual .swiper-slide p {font-size: 14px;}
	.main-visual .swiper-slide p.p2 {font-size: 32px;margin-bottom:8px;}	
	.main-visual .ctrl{display: none;}
}

@media screen and (max-width: 480px) {
	.main-preface .rtc .txt br{display:none;}
	.main-cmction-con .sns-con .img-box {box-shadow: 1px 3px 8px 0 rgba(0, 0, 0, 0.2);}
	.main-sns-slider {margin: -8px;}
	.main-sns-slider .item {margin: 8px;}
	.main-sns-slider-btn li > a.prev {width: 35px;height: 35px;left: -15px;}
	.main-sns-slider-btn li > a.next {width: 35px;height: 35px;right: -15px;}
}


@media screen and (max-width: 400px) {
	.main-visual .swiper-slide p {font-size: 12px;}
	.main-visual .swiper-slide p.p2 {font-size: 28px;margin-bottom:5px;}	
	.main-slide-menu {padding: 15px;}
	.main-slide-menu > ul {margin-left: -20px;transform: translatex(10px);}
	.main-slide-menu > ul > li {width: calc(100% / 2 - 20px);margin-left: 20px;}
	.main-slide-menu > ul > li > a {height: 45px;padding: 0 35px 0 40px;font-size:16px;}
	.main-slide-menu > ul > li:nth-child(1) > a, 
	.main-slide-menu > ul > li:nth-child(2) > a, 
	.main-slide-menu > ul > li:nth-child(3) > a, 
	.main-slide-menu > ul > li:nth-child(4) > a, 
	.main-slide-menu > ul > li:nth-child(5) > a {background-position: 0 center, right 15px center;background-size:28px 28px, 18px 14px;}

	.main-inquiry-con .box-tel {padding-bottom:15px;}
	.main-inquiry-con .box-tel span {width:100%;text-align:center;display:block;padding-top:5px;}

}

@media screen and (max-width: 350px) {
	.main-visual .swiper-slide p, .main-visual .swiper-slide p.p2 {display: none;}	
}