@charset "utf-8";

:root {
    --sedarm-blue: #07386a;
    --sedarm-point: #0075d8;
    --sedarm-hover: #df3038;
    --sedarm-gutter: 5.83%;
}

.pcView{display:block;}
.mView{display:none;}

.mont{font-family:'Montserrat';}

.mainBanner{position:relative;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .mainBannerCont .bannerFirst img{display:block;}
.mainBanner .mainBannerCont.slick-initialized .slick-list .bannerImg img{display:block;}
.mainBanner .mainBannerCont .mainBannerText{width:100vw;position:absolute;left:0;bottom:34.944%;}
.mainBanner .mainBannerCont .mainBannerText p{max-width:1680px;margin:0 auto;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:16rem;font-weight:600;letter-spacing:-0.02em;color:#fff;}
.mainBanner .mainBannerCont .mainBannerText p.text01 span{margin-left:-8px;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:2rem;font-weight:600;letter-spacing:-0.04em;color:#fff;line-height:1.7;margin-top:14px;font-family:'Pretendard';}
.mainBanner .slick-arrow{width:9px;height:17px;border:0;flex-shrink:0;}
.mainBanner .slick-arrow.slick-prev{background:url('/img/main/arrow_prev.png')no-repeat center / cover;margin-right:19px;}
.mainBanner .slick-arrow.slick-next{background:url('/img/main/arrow_next.png')no-repeat center / cover;margin-left:19px;}
.mainBanner .slick-controls{width:100%;position:absolute;left:0;bottom:21.782%;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-controls-box{width:100%;max-width:1680px;margin:0 auto;display:flex;align-items:center;position:relative;}
.mainBanner .slick-controls .slick-dots{margin:0 31px 0 6px;display:inline-block !important;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:5px 0;}
.mainBanner .slick-controls .slick-dots li button{width:70px;height:2px;background:rgba(255,255,255,.6);border:0;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{background:#fff;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause,
.mainBanner .slick-controls .slide-play{width:42px;height:42px;border:0;margin-left:30px;flex-shrink:0;}
.mainBanner .slick-controls .slide-pause{background:url('/img/main/pause_icon.png')no-repeat;}
.mainBanner .slick-controls .slide-play{background:url('/img/main/play_icon.png')no-repeat;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .slick-controls .slick-controls-cont{font-size:1.8rem;font-weight:400;letter-spacing:-0.04em;color:#fff;font-family:'Pretendard';}
.mainBanner .slick-controls .slick-controls-cont .first{}
.mainBanner .slick-controls .slick-controls-cont .last{}
.mainBanner .slick-controls .slick-controls-cont .slash{margin:0 10px;opacity:0.2;}
.mainBanner .scrollDown{width:100%;position:absolute;left:0;bottom:-21px;text-align:center;z-index:99;}
.mainBanner .scrollDown span{font-size:1.5rem;font-weight:400;letter-spacing:-0.04em;color:#5e5e64;font-family:'Pretendard';}
.mainBanner .scrollDown:after{width:13px;height:7px;background:url('/img/main/scroll_down.png')no-repeat center top;display:block;margin:6px auto 0;content:'';}
.mainBanner .screen{width:100%;position:absolute;bottom:0;z-index:-1;}
.mainBanner .screen img{width:100%;}

.mainContents {font-family:'Pretendard';position:relative;}

.testimg{position:absolute;top:-1226px;left:0;opacity:.5;border:1px solid red;z-index:1;}

.mainContents .inner{max-width:1680px;margin:0 auto;}
.mainContents .fullCont{position:relative;width:calc(100% + 225px);}
.mainContents .flexBox{display:flex;}
.mainContents .sectionBox{width:34.5%;}
.mainContents .more{width:200px;height:56px;border-radius:28px;border:2px solid #000;display:inline-flex;align-items:center;font-size:1.6rem;font-weight:700;letter-spacing:-0.04em;color:#111;line-height:2;margin-top:7.247%;padding-left:24px;}
.mainContents .more:hover {color: #fff; background: var(--sedarm-blue);}
.mainContents .more:after{width:12px;height:12px;background:#000;border-radius:50%;margin:0 0 0 68px;content:'';}
.mainContents .more:hover:after{background:#fff;}

.mainContents .section{font-size:3rem;font-weight:600;letter-spacing:-0.02em;color:#111;}
.mainContents .basicText{font-size:2rem;font-weight:500;letter-spacing:-0.04em;color:#fff;line-height:1.7;word-break:keep-all;}
.mainContents .dot{display:flex;align-items:flex-start;}
.mainContents .dot:before{width:15px;height:15px;flex-shrink: 0;background:#0069de;border-radius:50%;margin:12px 15px 0 0;content:'';}
.mainContents .textImg{width:23.725%;padding:4.449% 0;vertical-align:-13px;margin-left:0.99%;display:inline-block;background:url('/img/main/overview_textImg.png')no-repeat center / contain;border-radius: 35px;}

.mainContents .overview {padding:343px 0 346px;background:url('/img/main/overview_bg.jpg')no-repeat center top / cover;}
.mainContents .overview .sectionBox{padding-top:13px;}
.mainContents .overview .section{color:#fff;}
.mainContents .overview .section .textImg {display:none;}
.mainContents .overview .sectionTitle{font-size:8.4rem;font-weight:500;letter-spacing:-0.04em;color:#fff;line-height:1.190476;word-break:keep-all;}
.mainContents .overview .basicText{opacity:0.6;margin-top:42px;}
.mainContents .overview .textBox{padding-top:1px;flex-shrink: 0;}

.mainContents .company {padding:14.498% 0;}
.mainContents .company .inner{position:relative;}
.mainContents .company .companySlide {margin-top:3.691%;}
.mainContents .company .companySlider .textBox {width:44.762%;}
.mainContents .company .companySlider .sectionTitle {font-size:8rem;font-weight:500;letter-spacing:-0.04em;color:#111;margin-left:-7px;}
.mainContents .company .companySlider dl {margin-top:17.83%;}
.mainContents .company .companySlider dl dt {font-size:2.8rem;font-weight:600;letter-spacing:-0.04em;color:#111;}
.mainContents .company .companySlider dl dd.basicText {font-weight:400;color:#444;margin-top:10px;}
.mainContents .company .companyImgSlider {width:61.905%;position:absolute;top:50%;transform:translateY(-50%);right:-6.25%;z-index:-10;}
.mainContents .company .companyImgSlider img {border-radius: 20px;}
.mainContents .company .slick-prev,
.mainContents .company .slick-next {display:none !important;}
.mainContents .company .companyDots {position: absolute;left: 0;top: 0;z-index: 5;}
.mainContents .company .companyDotsSlot {height: 0;margin: 0;padding: 0;}
.mainContents .company .slick-dots {display:inline-flex;margin-top:6.5%;list-style:none;}
.mainContents .company .slick-dots li {width:100px;height:8px;background:#e5e5e5;border-radius:3px;margin-right:10px;cursor:pointer;}
.mainContents .company .slick-dots li.slick-active {background:#002f65;}
.mainContents .company .slick-dots li:last-child {margin-right:0;}
.mainContents .company .slick-dots li button {display:none;}

.mainContents .business {background:#f8f8f8;padding:173px 0 180px;}
.mainContents .business .sectionTitle{font-size:5.4rem;font-weight:500;letter-spacing:-0.04em;color:#111;line-height:1.29629;}
.mainContents .business ul{display:flex;justify-content:center;align-items:flex-start;margin-top:88px;}
.mainContents .business ul li{width:33.333%;margin-right:3.572%;}
.mainContents .business ul li img{border-radius:16px;}
.mainContents .business ul li:nth-child(1){}
.mainContents .business ul li:nth-child(2){}
.mainContents .business ul li:nth-child(3){margin-right:0;}
.mainContents .business ul li p.dot{font-size:2.6rem;font-weight:600;letter-spacing:-0.04em;color:#111;line-height:1.5;margin-top:30px;word-break:keep-all;}

@media all and (max-width:1900px){
.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -350px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}

.mainBanner .mainBannerCont .mainBannerText {left: 50%;transform: translateX(-50%);}
}

@media all and (max-width:1720px){
.mainContents .inner{margin:0 20px;}
.mainBanner .mainBannerCont .mainBannerText{max-width:100%;margin:0 20px;}
.mainBanner .slick-controls .slick-controls-box{max-width:100%;margin:0 20px;}
}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:14rem;}
.mainBanner .mainBannerCont .mainBannerText p.text02{font-size:1.8rem;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.mainContents .dot:before {margin: 10px 12px 0 0;}
.mainContents .flexBox{flex-wrap:wrap;}

.mainContents .overview {padding: 243px 0 246px;}
.mainContents .overview .sectionBox{width:100%;}
.mainContents .overview .textBox{width:100%;margin-top:50px;}
.mainContents .overview .textBox .textImg {width:220px;height:85px;padding:0;}
.mainContents .overview .basicText br{display:none;}
.mainContents .company .companySlider dl dd.basicText br{display:none;}
.mainContents .business {padding:123px 0 130px;}
.mainContents .business .sectionBox + div{margin-top:50px;word-break:keep-all;}
}

@media all and (max-width:979px){
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:12rem;}

.mainContents .overview .sectionTitle {font-size:7.4rem;}
.mainContents .overview .textBox .textImg {width:185px;height:70px;vertical-align: -10px;}
}

@media all and (max-width:767px){
.pcView{display:none;}
.mView{display:block;}

.mainBanner {background:#07111c;}
.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .mainBannerCont .mainBannerText p.text01{font-size:8rem;}
.mainBanner .slick-controls{bottom:29.782%;}
.mainBanner .scrollDown{bottom:13.6%;}
.mainBanner .slick-controls .slick-dots{margin:0 31px 0 0;}
.mainBanner .slick-controls .slick-dots li button{width:35px;}
.mainBanner .slick-controls .slick-controls-cont .slash{margin:0 5px;}
.mainBanner .slick-arrow.slick-prev{width:8px;margin-right:9px;background-size:contain;}
.mainBanner .slick-arrow.slick-next{width:8px;margin-left:9px;background-size:contain;}
.mainBanner .slick-controls .slide-pause{width:31px;height:31px;background-size:contain;margin-left:15px;}
.mainBanner .slick-controls .slide-play{width:31px;height:31px;background-size:contain;margin-left:15px;}

.mainContents .dot:before {width: 12px;height: 12px;margin:10px 10px 0 0;}
.mainContents .sectionBox{width:100%;}
.mainContents .sectionBox .section.dot:before{margin:9px 10px 0 0;}
.mainContents .more{width:164px;height:46px;border-radius:24px;margin-top:21px;padding-left:12px;border-width:1px;}
.mainContents .more:after{width:10px;height:10px;}

.mainContents .overview .sectionTitle{font-size:5.4rem;}
.mainContents .overview {padding:143px 0 146px;}
.mainContents .overview .sectionBox {padding-top:7px;}
.mainContents .overview .textBox{margin-top:25px;}
.mainContents .overview .section .textImg {height:50px;display:inline-block;margin:-1.7% 0 0 30px;vertical-align:unset;padding:0;}
/*.mainContents .overview .textBox .textImg {width: 130px;height: 50px;}*/
.mainContents .overview .textBox .textImg {display:none;}
.mainContents .overview .basicText{margin-top:21px;}
.mainContents .company .companySlider .sectionTitle{font-size:5.4rem;margin-left:0;}
.mainContents .company .companySlider .textBox{width:100%;}
.mainContents .company .companySlider .textBox .imgBox.mView{margin-top:30px;}
.mainContents .company .companySlider .textBox .imgBox.mView img{border-radius:10px;}
.mainContents .company .companySlider dl{margin-top:4.83%;}
.mainContents .company .slick-dots li {width: 50px;height: 4px;border-radius: 2px;margin-right: 5px;}
.mainContents .business .sectionTitle{font-size:4.4rem;}
.mainContents .business .sectionBox + div{margin-top:25px;}
.mainContents .business {padding: 80px 0 90px;}
.mainContents .business ul{flex-wrap:wrap;margin-top:44px;}
.mainContents .business ul li{width:100%;margin-right:0;}
.mainContents .business ul li .imgBox img{width:100%;}
.mainContents .business ul li:nth-child(n+2){margin-top:50px;}
.mainContents .business ul li p.dot{margin-top:15px;}

}

@media all and (max-width:501px){

}