@charset "utf-8";

.mobileView{display:none;}

.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 .slick-arrow{width:30px;height:57px;margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:40px;height:2px;background:#fff;position:absolute;left:-5px;content:"";}
.mainBanner .slick-arrow:before{top:14px;}
.mainBanner .slick-arrow:after{bottom:14px;}
.mainBanner .slick-arrow.slick-prev{left:16%;}
.mainBanner .slick-arrow.slick-prev:before{transform:rotate(-45deg);}
.mainBanner .slick-arrow.slick-prev:after{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next{right:16%;}
.mainBanner .slick-arrow.slick-next:before{transform:rotate(45deg);}
.mainBanner .slick-arrow.slick-next:after{transform:rotate(-45deg);}
.mainBanner .slick-controls{position:absolute;left:50%;transform:translateX(-50%);bottom:193px;line-height:0;display:flex;}
.mainBanner .slick-controls .slick-dots{width:134px;display:flex !important;align-items:center;}
/*.mainBanner .slick-controls .slick-dots li:first-child{margin-left:0;}
.mainBanner .slick-controls .slick-dots li:last-child{margin-right:0;}*/
.mainBanner .slick-controls .slick-dots li{display:inline-block;flex:1;text-align:center;}
.mainBanner .slick-controls .slick-dots li button{width:7px;height:7px;background:#fff;border:none;border-radius:50%;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:17px;height:17px;background:none;border:3px solid #fff;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:10px;height:15px;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:3px;height:15px;background:#fff;position:absolute;top:0;content:"";}
.mainBanner .slick-controls .slide-pause:before{left:0;}
.mainBanner .slick-controls .slide-pause:after{right:0;}
.mainBanner .slick-controls .slide-play{border-top:7.5px solid transparent;border-right:0 solid transparent;border-bottom:7.5px solid transparent;border-left:10px solid #fff;}
.mainBanner .slick-controls .pagingInfo{color:#fff;margin-left:10px;line-height:15px;}
.mainBanner .linkView{position:absolute;left:50%;bottom:65px;transform:translateX(-50%);text-align:center;}
.mainBanner .linkView a{width:168px;height:52px;line-height:52px;display:inline-block;background:#2e3b83;border-radius:30px;color:#fff;font-size:1.6rem;}

.mainBanner .slideText{width:100%;position:absolute;left:0;top:50%;transform:translateY(-50%);text-align:center;padding:0 20px;}
.mainBanner .slideText dl{color:#fff;margin-top:30px;}
.mainBanner .slideText dl dt{font-family:'waguri';font-size:8rem;letter-spacing:-0.04em;}
.mainBanner .slideText dl dd{font-family:'playball';font-size:6.6rem;margin-top:44px;}


.inner{max-width:1400px;margin:0 auto;}
.contTitle{font-family:'Montserrat';font-size:7rem;letter-spacing:-0.06em;font-weight:600;color:#111;}
.accentText{font-size:2.8rem;font-weight:700;color:#111;}
.aboutWrap{padding:100px 0 120px;}
.aboutWrap .aboutTop{max-width:1800px;margin:0 auto;position:relative;padding:120px 0 120px;}
.aboutWrap .aboutTop:before{width:1410px;height:600px;left:0;;top:0;position:absolute;content:'';z-index:-1;border-radius:1.5625vw;background:url('/img/about/about_icon_bg.png')no-repeat center left / cover;}
.aboutWrap .aboutTop:after{width:575px;height:600px;right:0;;top:0;position:absolute;content:'';z-index:-2;background:url('/img/about/about_bg.png')no-repeat center right;}
.aboutWrap .aboutTop dl{position:relative;padding-left:21.429%;margin-top:43px;}
.aboutWrap .aboutTop dl dt{line-height:1.429;word-break:keep-all;}
.aboutWrap .aboutTop dl dd{font-size:2rem;letter-spacing:-0.02em;color:#666;line-height:1.7;margin-top:25px;word-break:keep-all;}

.aboutWrap .about3Cs{padding-top:127px;overflow:hidden;}
.aboutWrap .about3Cs .accentText{padding-left:300px;word-break:keep-all;margin-top:33px;line-height:1.429;}
.aboutWrap .about3Cs > .imgBox{width:calc(100% + 90px);position:relative;left:-45px;top:-70px;}
.aboutWrap .about3Cs ul{margin-top:50px;}
.aboutWrap .about3Cs ul li{display:flex;padding:5.358% 6.286% 5.572%;border:1px solid #e5e5e5;border-radius:1.5625vw;top:0;}
.aboutWrap .about3Cs ul li .imgBox{position:relative;}
.aboutWrap .about3Cs ul li .imgBox img{border-radius:1.041665vw;}
.aboutWrap .about3Cs ul li .imgBox:after{width:1px;height:100%;background:#e5e5e5;content:'';position:absolute;}
.aboutWrap .about3Cs ul li:nth-child(odd) .imgBox{order:0;padding-right:6.138%;}
.aboutWrap .about3Cs ul li:nth-child(odd) .imgBox:after{right:0;}
.aboutWrap .about3Cs ul li:nth-child(even) .imgBox{order:1;padding-left:6.138%;}
.aboutWrap .about3Cs ul li:nth-child(even) .imgBox:after{left:0;}
.aboutWrap .about3Cs ul li:nth-child(odd) div{order:1;margin-left:6.465%;}
.aboutWrap .about3Cs ul li:nth-child(even){justify-content:space-between;}
.aboutWrap .about3Cs ul li:nth-child(even) div{order:0;margin-right:6.465%;}
.aboutWrap .about3Cs ul li div{width:42.145%;padding-top:45px;position:relative;}
.aboutWrap .about3Cs ul li div:after{width:110px;height:116px;content:'';bottom:0;left:0;position:absolute;z-index:-1;}
.aboutWrap .about3Cs ul li:nth-child(n+2){margin-top:100px;}
.aboutWrap .about3Cs ul li:nth-child(1) div:after{background:url('/img/about/3cs_icon_01.jpg')no-repeat center left -10px;}
.aboutWrap .about3Cs ul li:nth-child(2) div:after{background:url('/img/about/3cs_icon_02.jpg')no-repeat center center;}
.aboutWrap .about3Cs ul li:nth-child(3) div:after{background:url('/img/about/3cs_icon_03.jpg')no-repeat center center;}
.aboutWrap .about3Cs ul li div > span{font-size:3rem;font-weight:700;color:#432ea1;}
.aboutWrap .about3Cs ul li div dl{margin-top:15px;}
.aboutWrap .about3Cs ul li div dl dt{font-size:6.4rem;font-weight:700;color:#0f0f0f;}
.aboutWrap .about3Cs ul li div dl dt span{font-size:7.6rem;}
.aboutWrap .about3Cs ul li div dl dd{font-size:2.8rem;color:#555;margin-top:40px;}

.aboutWrap .aboutBannerBox{margin:180px 0 120px;height:800px;position:relative;padding-top:95px;}
.aboutWrap .aboutBannerBox:before{width:1800px;height:100%;z-index:-1;content:'';border-radius:1.5625vw;left:50%;transform:translateX(-50%);top:0;background:url('/img/about/link_bg.jpg')no-repeat center center;position:absolute;}
.aboutWrap .aboutBannerBox h2{text-align:center;font-size:8rem;color:#fff;font-family:'waguri';word-break:keep-all;line-height:1.5;}
.aboutWrap .aboutBannerBox h2 .text01{font-size:6rem;}
.aboutWrap .aboutBannerBox h2 .text02{font-size:4rem;}
.aboutWrap .aboutBannerBox ul{display:flex;justify-content:center;margin-top:95px;}
.aboutWrap .aboutBannerBox ul li{width:35.715%;;border-radius:1.041665vw;color:#fff;}
.aboutWrap .aboutBannerBox ul li a{color:#fff;padding:43px 0 80px 60px;border-radius:1.041665vw;display:block;}
.aboutWrap .aboutBannerBox ul li a > span{display:block;font-size:2.8rem;}
.aboutWrap .aboutBannerBox ul li dl dt{background:url('/img/about/banner_arrow.png')no-repeat center right 60px;font-size:4.2rem;font-weight:700;position:relative;}
.aboutWrap .aboutBannerBox ul li dl dd{font-size:2.8rem;font-weight:500;margin-top:28px;}
.aboutWrap .aboutBannerBox ul li:nth-child(1){background: linear-gradient(to bottom, #e4790b, #c84c26);}
.aboutWrap .aboutBannerBox ul li:nth-child(2){background: linear-gradient(to bottom, #4249d6, #4630bb);}
.aboutWrap .aboutBannerBox ul li:nth-child(2) dl dd{color:#d6d1ee;}
.aboutWrap .aboutBannerBox ul li:nth-child(n+2){margin-left:20px;}

.aboutWrap .aboutLocation .inner{display:flex;}
.aboutWrap .aboutLocation .inner > div{width:50%;}
.aboutWrap .aboutLocation dl{margin:27px 0 38px;padding-left:7px;}
.aboutWrap .aboutLocation dl dt{font-size:2.6rem;letter-spacing:-0.02em;}
.aboutWrap .aboutLocation dl dd{font-size:2.4rem;letter-spacing:-0.02em;margin-top:11px;}
.aboutWrap .aboutLocation ul{padding-left:7px;}
.aboutWrap .aboutLocation ul li{font-size:2rem;color:#111;display:flex;line-height:1.5;}
.aboutWrap .aboutLocation ul li:nth-child(n+2){margin-top:7px;}
.aboutWrap .aboutLocation ul li span{font-weight:700;margin-right:5px;}
.aboutWrap .aboutLocation .btnBoxT{margin:30px -5px 0;}
.aboutWrap .aboutLocation .btnBoxT a{margin:0 5px;}
.aboutWrap .aboutLocation .btnBoxB{margin:26px -5px 0;}
.aboutWrap .aboutLocation .inner .btnBoxB a{width:190px;height:58px;margin:0 5px;font-size:1.8rem;color:#432ea1;font-weight:700;border:1px solid #432ea1;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;}
.aboutWrap .aboutLocation .locationLeft{padding:50px 20px 0 0;}
.aboutWrap .aboutLocation .locationRight .root_daum_roughmap{border-radius:1.041665vw;}
.aboutWrap .aboutLocation .root_daum_roughmap .wrap_controllers{display:none;}
.aboutWrap .aboutLocation .root_daum_roughmap .border1{display:none;}
.aboutWrap .aboutLocation .root_daum_roughmap .border2{display:none;}
.aboutWrap .aboutLocation .root_daum_roughmap .border3{display:none;}
.aboutWrap .aboutLocation .root_daum_roughmap .border4{display:none;}

.qnaBox{margin:102px 0 174px;}
.qnaBox h4{font-size:4rem;font-weight:700;color:#111;margin:50px 0 53px;}
.qnaBox ul{display:flex;flex-wrap:wrap;}
.qnaBox ul li{width:32.143%;}
.qnaBox ul li:nth-child(n+2){margin-left:1.786%;}
.qnaBox ul li:nth-child(4){margin-left:0;}
.qnaBox ul li:nth-child(n+4){margin-top:5.215%;}
.qnaBox ul li .imgBox img{border-radius:0.520834vw;}
.qnaBox ul li dl dt{margin:33px 0 16px;}
.qnaBox ul li dl dd{padding-right:5px;font-size:2rem;letter-spacing:-0.02em;color:#666;line-height:1.6;word-break:keep-all;}



@media all and (max-width:1920px){
.mainBanner .mainBannerCont{width:1200px;margin:0 auto;}
.mainBanner .mainBannerCont .slick-list{margin:0 -351.5px;}
.mainBanner .mainBannerCont .slick-list img{width:auto;}
}

@media all and (max-width:1840px){
.aboutWrap .aboutBannerBox:before{width:97vw;background-size:cover;}

.aboutWrap .aboutTop:before{width:76.631vw;left:20px;}
.aboutWrap .aboutTop:after{right:20px;}

}
@media all and (max-width:1440px){
.inner{padding:0 20px;}

.aboutWrap .aboutTop dl{padding-left:7%;}
.aboutWrap .aboutTop:before{background-position:center left -3vw;}

.aboutWrap .about3Cs > .imgBox{width:100%;position:static;}
.aboutWrap .about3Cs .accentText{padding-left:22.059%;}

.aboutWrap .aboutBannerBox:before{width:100%;}
.aboutWrap .aboutBannerBox h2{font-size:7rem;}
.aboutWrap .aboutBannerBox h2 .text01{font-size:5.5rem;}
.aboutWrap .aboutBannerBox h2 .text02{font-size:3.7rem;}
}
@media all and (max-width:1279px){
.br_none{display:none;}
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list{margin:0 -25%;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}

.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.mainBanner .slideText dl dt{font-size:6.5rem;}
.mainBanner .slideText dl dd{font-size:5.5rem;}

.aboutWrap .about3Cs .accentText{padding-left:14%;}

.aboutWrap .about3Cs ul li .imgBox{width:50%;}
.aboutWrap .about3Cs ul li div{width:50%;}

.aboutWrap .aboutBannerBox h2{font-size:6rem;}
.aboutWrap .aboutBannerBox h2 .text01{font-size:5rem;}
.aboutWrap .aboutBannerBox h2 .text02{font-size:3.4rem;}
.aboutWrap .aboutBannerBox ul li{width:46%;}


}

@media all and (max-width:979px){


.mainBanner .slick-controls{bottom:110px;}

.mainBanner .slideText dl dt{font-size:5.8rem;}
.mainBanner .slideText dl dd{font-size:4.8rem;}

.aboutWrap .aboutTop{padding:80px 20px;margin:0 20px;background:linear-gradient(to bottom, #fefeff, #f5f5f8);border-radius:1.5625vw;}
.aboutWrap .aboutTop .inner{position:relative;z-index:2;}
.aboutWrap .aboutTop:after{display:none;}
.aboutWrap .aboutTop:before{width:200px;height:350px;left:0;background:url('/img/about/about_icon')no-repeat top 20px left 20px / 200px auto;z-index:1;}

.aboutWrap .about3Cs ul li div:after{display:none !important;}

.aboutWrap .aboutBannerBox{height:600px;padding-top:90px;}
.aboutWrap .aboutBannerBox h2{font-size:5.2rem;}
.aboutWrap .aboutBannerBox h2 .text01{font-size:4.7rem;}
.aboutWrap .aboutBannerBox h2 .text02{font-size:3.2rem;}
.aboutWrap .aboutBannerBox ul{margin-top:50px;}
.aboutWrap .aboutBannerBox ul li a{padding:36px 0 54px 26px;}
.aboutWrap .aboutBannerBox ul li dl dt{font-size:4rem;background-position:center right 26px;}
.aboutWrap .aboutBannerBox ul li dl dd{font-size:2.5rem;}


.aboutLocation .btnBoxB a{width:155px}
}

@media all and (max-width:767px){
.mobileNone{display:none;}
.mobileView{display:block;}

.contTitle{font-size:5.2rem;}
.accentText{font-size:2.1rem;}

.mainBanner .mainBannerCont .slick-list{margin:0;}

.mainBanner .slick-controls{bottom:60px;}
.mainBanner .slick-controls .slick-dots{width:100px;}
.mainBanner .slick-controls .slick-dots li button{width:5px;height:5px;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:13px;height:13px;}
.mainBanner .slideText dl dt{font-size:4rem;}
.mainBanner .slideText dl dd{font-size:3.2rem;margin-top:25px;}

.aboutWrap{padding:80px 0 100px;}
.aboutWrap .aboutTop{padding:80px 10px;}
.aboutWrap .aboutTop dl{padding-left:0;margin-top:20px;}
.aboutWrap .aboutTop dl dd{margin-top:15px;}

.aboutWrap .about3Cs{padding-top:70px;}
.aboutWrap .about3Cs .accentText{margin-top:20px;padding-left:20px;}
.aboutWrap .about3Cs ul li{display:block;padding:20px 20px 25px;}
.aboutWrap .about3Cs ul li:nth-child(n+2){margin-top:30px;}
.aboutWrap .about3Cs ul li .imgBox{width:100%;padding:0 !important;}
.aboutWrap .about3Cs ul li .imgBox:after{display:none;}
.aboutWrap .about3Cs ul li .imgBox img{width:100%;}
.aboutWrap .about3Cs ul li div{width:100%;padding-top:25px;margin:0 !important;}
.aboutWrap .about3Cs ul li div > span{font-size:2.2rem;}
.aboutWrap .about3Cs ul li div dl{margin-top:7px;}
.aboutWrap .about3Cs ul li div dl dt{font-size:5.2rem;}
.aboutWrap .about3Cs ul li div dl dt span{font-size:6.1rem;}
.aboutWrap .about3Cs ul li div dl dd{margin-top:10px;font-size:2.2rem;}

.aboutWrap .aboutBannerBox{height:auto;padding:70px 20px;margin:90px 0;}
.aboutWrap .aboutBannerBox h2{font-size:5rem;}
.aboutWrap .aboutBannerBox h2 .text01{font-size:4.4rem;}
.aboutWrap .aboutBannerBox h2 .text02{font-size:3rem;}
.aboutWrap .aboutBannerBox ul{display:block;}
.aboutWrap .aboutBannerBox ul li{width:100%;}
.aboutWrap .aboutBannerBox ul li:nth-child(1) a > span{display:none;}
.aboutWrap .aboutBannerBox ul li:nth-child(n+2){margin:20px 0 0 0;}
.aboutWrap .aboutBannerBox ul li dl dt{background-size:45px auto;}
.aboutWrap .aboutBannerBox ul li dl dd{margin-top:15px;}

.aboutWrap .aboutLocation .inner{flex-wrap:wrap;}
.aboutWrap .aboutLocation .inner > div{width:100%;}
.aboutWrap .aboutLocation .locationLeft{order:1;padding:0;margin-top:30px;}
.aboutWrap .aboutLocation .locationRight{order:0;}
.aboutWrap .aboutLocation .locationRight .root_daum_roughmap .wrap_map{height:300px !important;}
.aboutWrap .aboutLocation dl{margin:17px 0 28px;padding-left:3px;}
.aboutWrap .aboutLocation ul{padding-left:3px;}
.aboutWrap .aboutLocation ul li:nth-child(n+2){margin-top:4px;}
.aboutWrap .aboutLocation .btnBoxT{margin:15px -2.5px 0;}
.aboutWrap .aboutLocation .btnBoxT a{margin:0 2.5px;}
.aboutWrap .aboutLocation .btnBoxT a img{width:38px;}
.aboutWrap .aboutLocation .btnBoxB{margin:20px -2.5px 0;}
.aboutWrap .aboutLocation .inner .btnBoxB a{width:143px;height:47px;margin:0 2.5px;}

.qnaBox{margin:60px 0 90px;}
.qnaBox h4{margin:35px 0 38px;font-size:2.9rem;}
.qnaBox ul li{width:49%;}
.qnaBox ul li:nth-child(n+2){margin-left:2%;}
.qnaBox ul li:nth-child(3),
.qnaBox ul li:nth-child(5){margin-left:0;}
.qnaBox ul li:nth-child(n+3){margin-top:40px;}
.qnaBox ul li dl dt{margin:15px 0 8px;}
.qnaBox ul li dl dd{padding-right:0;}
}

@media all and (max-width:560px){
.aboutWrap .aboutBannerBox h2 br{display:none;}
}

@media all and (max-width:501px){
.mainBanner .slideText dl dt{font-size:3.2rem;}
.mainBanner .slideText dl dd{font-size:2.8rem;margin-top:10px;}
}


@media all and (max-width:480px){
.mainBanner .slideText dl dt{font-size:2.4rem;}
.mainBanner .slideText dl dd{font-size:1.8rem;margin-top:10px;}
}