@charset "utf-8";

.mainBanner{width:100%;position:relative;}
.mainBanner .mainBannerCont .slick-list img{width:100%;}
.mainBanner .mainBannerCont .slick-slide div{vertical-align:top;}
.mainBanner .slick-arrow{width:30px;height:57px;margin-top:-29px;background:none;position:absolute;top:50%;border:0;z-index:1;display:none;}
.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{max-width:1205px;width:100%;position:absolute;left:50%;bottom:35px;transform:translateX(-50%);line-height:0;display:flex;justify-content:flex-end;align-items:center;}
.mainBanner .slick-controls .controlBtn{width:45px;height:45px;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;border-radius:50%;}
.mainBanner .slick-controls .controlBtn button{position:relative;background:none;}
.mainBanner .slick-controls .slick-dots{margin:0 10px;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin-right:5px;}
.mainBanner .slick-controls .slick-dots li button{width:15px;height:15px;background:#fff;border-radius:50%;border:1px solid #009640;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:29px;background:#009640;border:0;border-radius:30px;}
.mainBanner .slick-controls > button{position:relative;border:0;background:none;}
.mainBanner .slick-controls .slide-pause{width:13px;height:15px;border:0;}
.mainBanner .slick-controls .slide-pause:before,
.mainBanner .slick-controls .slide-pause:after{width:4px;height:15px;background:#c5c5c5;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:8px solid transparent;border-right:0 solid transparent;border-bottom:8px solid transparent;border-left:11px solid #c5c5c5;margin-left:3px;}
.mainBanner .slick-controls .pagingInfo{height:45px;color:#c5c5c5;margin-left:4px;line-height:1;font-size:2rem;background:rgba(0,0,0,.4);padding:0 21px;border-radius:30px;display:flex;align-items:center;justify-content:center;}
.mainBanner .textBox{max-width:1205px;width:100vw;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-weight:900;font-size:7rem;letter-spacing:-0.02em;line-height:1.143;color:#fff;margin-top:-4px;}

.mainTopBox{overflow:hidden;}
.mainTopBox .certificationMark{width:218px;height:150px;background:#086233;line-height:23px;flex-shrink:0;color:#fff;display:flex;align-items:center;justify-content:flex-end;position:relative;}
.mainTopBox .certificationMark:after{width:100vw;height:100%;position:absolute;left:50%;top:0;background:inherit;content:'';z-index:-2;transform:translateX(-50%);}
.mainTopBox .certificationMark .imgBox img{}
.mainTopBox .certificationMark .cont{position:relative;}
.mainTopBox .certificationMark .cont:before{width:102px;height:102px;border-radius:50%;box-shadow:0 0 10px 2px rgba(0,0,0,.4);background:url(/img/main/certification_mark.png);position:absolute;right:194.2px;top:50%;margin-top:-51px;content:'';}
.mainTopBox .certificationMark .cont > div{padding:0 70px 0 17px;letter-spacing:-0.05em;display:inline-block;}
.mainTopBox .certificationMark .cont > div .yellowText{color:#fffc00;}
.mainTopBox .certificationMark .cont > div .date{font-size:1.4rem;color:#c5c5c5;}
.mainTopBox .directList{width:calc(100% - 218px);height:150px;display:flex;background:#fff;position:relative;}
.mainTopBox .directList:after{width:100vw;height:100%;position:absolute;left:0;top:0;background:inherit;content:'';z-index:-1;}
.mainTopBox .directList li{max-width:200px;flex:1;text-align:center;color:#000;position:relative;}
.mainTopBox .directList li:hover{background-color:#086233;}
.mainTopBox .directList li:hover a{color:#fff;}
.mainTopBox .directList li:nth-child(n+2):after{width:1px;height:100px;background:#f0f0f0;position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';}
.mainTopBox .directList li:hover:after{display:none;}
.mainTopBox .directList li a{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.mainTopBox .directList li .imgBox{margin-bottom:14px;}

.inner{max-width:1640px;margin:0 auto;}
.mainTopBox .topInner{width:1640px;margin:0 auto;display:flex;}

.contTitle{font-size:4.2rem;font-weight:700;color:#000;margin-bottom:42px;text-align:center;}

.facilityBox{display:flex;padding:9.147% 0;position:relative;}
.facilityBox:after{width:100vw;height:100%;background:#f0f0f0;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.facilityBox .facilitySlide{width:65.853%;}
.facilityBox .textBox{width:34.147%;background:#e8e8e8;padding:6.22% 20px 20px 3.598%;}
.facilityBox .textBox .grennText{color:#076132;font-size:2.2rem;font-weight:300;}
.facilityBox .textBox dl dt{font-size:4.2rem;font-weight:700;margin:0 0 34px;color:#000;}
.facilityBox .textBox dl dd{line-height:1.667;font-size:2rem;}
.facilityBox .slick-controls{display:flex;align-items:center;margin:9.774% 0 27.03%;}
.facilityBox .slick-controls .pagingInfo{margin:0 20px 0 25px;color:#747474;}
.facilityBox .slick-controls .visual-progress-box .visual-progress{display:block;width:200px;height:2px;overflow:hidden;background-color:#c1c1c1;background-image:linear-gradient(to right, #000, #000);background-repeat:no-repeat;background-size:0 100%;transition:background-size .4s ease-in-out;}
.facilityBox .slick-controls .controlBtn{width:28px;height:28px;border-radius:50%;background:#0bae4b;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;}
.facilityBox .slick-controls button{border:0;background:none;}
.facilityBox .slick-controls .slide-pause:before,
.facilityBox .slick-controls .slide-pause:after{width:3px;height:10px;background:#fff;position:absolute;top:50%;transform:translateY(-50%);content:"";}
.facilityBox .slick-controls .slide-pause:before{left:10px;}
.facilityBox .slick-controls .slide-pause:after{right:10px;}
.facilityBox .slick-controls .slide-play{border-top:5.5px solid transparent;border-right:0 solid transparent;border-bottom:5.5px solid transparent;border-left:6px solid #fff;}
.facilityBox .vrBtn{width:205px;height:54px;background:#009640;border-radius:30px;color:#fff;display:flex;align-items:center;justify-content:center;}

.mainNotice{padding:87px 0 99px;}
.mainNotice ul{max-width:1205px;margin:0 auto;display:flex;justify-content:center;}
.mainNotice ul li{width:31.1204%;}
.mainNotice ul li:nth-child(n+2){margin-left:3.3194%;letter-spacing:-0.02em;}
.mainNotice ul li img{border-radius:10px;}
.mainNotice ul li .textBox{padding:0 5.335%;}
.mainNotice ul li .textBox .boardTitle{font-size:2rem;font-weight:500;margin:25px 0 0;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.mainNotice ul li .textBox .date{font-size:1.6rem;color:#9e9e9e;}
.mainNotice .btnMore{width:205px;height:54px;border:1px solid #9e9e9e;margin:86px auto 0;color:#000;font-weight:500;background:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;}

.mainDepartment{position:relative;padding:130px 0;}
.mainDepartment:before{width:100vw;height:100%;background:url(/img/main/department_bg.jpg)no-repeat center top / cover;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';z-index:-1;}
.mainDepartment ul{display:flex;justify-content:center;}
.mainDepartment ul li{width:225px;height:170px;background-color:#fff;background-repeat:no-repeat;background-position:right 20px bottom 18px;}
.mainDepartment ul li:nth-child(n+2){margin-left:20px;}
.mainDepartment ul li a{width:100%;height:100%;display:block;padding:16px 19px;}
.mainDepartment ul li a .departmentName{font-size:2rem;font-weight:500;color:#000;}
.mainDepartment ul li a span{color:#9e9e9e;font-size:1.6rem;}
.mainDepartment ul li a span:after{width:19px;height:15px;display:inline-block;background:url(/img/main/arrow_link_b.png);content:'';margin-left:10px;vertical-align:-1px;}
.mainDepartment ul li:hover{background-color:#086233;}
.mainDepartment ul li:hover a .departmentName{color:#fff;}
.mainDepartment ul li:hover a span{color:#fff;}
.mainDepartment ul li:hover a span:after{background-image:url(/img/main/arrow_link_w.png);}
.mainDepartment ul li:nth-child(1){background-image:url(/img/main/department_01.png);}
.mainDepartment ul li:nth-child(2){background-image:url(/img/main/department_02.png);}
.mainDepartment ul li:nth-child(3){background-image:url(/img/main/department_03.png);}
.mainDepartment ul li:nth-child(4){background-image:url(/img/main/department_04.png);}
.mainDepartment ul li:nth-child(5){background-image:url(/img/main/department_05.png);}
.mainDepartment ul li:nth-child(6){background-image:url(/img/main/department_06.png);}
.mainDepartment ul li:nth-child(1):hover{background-image:url(/img/main/department_01_w.png);}
.mainDepartment ul li:nth-child(2):hover{background-image:url(/img/main/department_02_w.png);}
.mainDepartment ul li:nth-child(3):hover{background-image:url(/img/main/department_03_w.png);}
.mainDepartment ul li:nth-child(4):hover{background-image:url(/img/main/department_04_w.png);}
.mainDepartment ul li:nth-child(5):hover{background-image:url(/img/main/department_05_w.png);}
.mainDepartment ul li:nth-child(6):hover{background-image:url(/img/main/department_06_w.png);}

.mainQuestion{padding:87px 0 99px;color:#000;letter-spacing:-0.02em;}
.mainQuestion form{max-width:1205px;margin:0 auto;padding-top:21px;}
.mainQuestion form .flexCont{display:flex;justify-content:space-between;}
.mainQuestion form .flexCont > div, .mainQuestion .flexCont > ul, .mainQuestion .flexCont > dl{width:calc(50% - 10px);}
/* .mainQuestion form textarea{width:100%;height:202px;border:1px solid #c1c1c1;padding:12px 18px;font-size:1.6rem;} */
.mainQuestion form textarea{width:100%;height:138px;border:1px solid #c1c1c1;padding:12px 18px;font-size:1.6rem;}
.mainQuestion form textarea::placeholder{color:#9e9e9e;}
.mainQuestion .flexCont > ul li{border-bottom:1px solid #c1c1c1;padding-bottom:14px;}
.mainQuestion .flexCont > ul li:nth-child(n+2){margin-top:24px;}
.mainQuestion .flexCont > ul li dl{display:flex;align-items:center;line-height:1;}
.mainQuestion .flexCont > ul li dl dt{width:143px;flex-shrink:0;font-size:2rem;font-weight:500;}
.mainQuestion .flexCont > ul li dl dd{width:100%;}
.mainQuestion .flexCont > ul li dl dd input{width:100%;border:0;font-size:1.6rem;border:1px solid transparent;}
.mainQuestion .flexCont > ul li dl dd input::placeholder{color:#9e9e9e;}
.mainQuestion .flexCont > dl.questionTextarea{margin-top:-3px;}
.mainQuestion .flexCont > dl.questionTextarea dt{font-size:2rem;font-weight:500;margin-bottom:7px;}
.mainQuestion .flexCont > dl.questionTextarea dd{height:100%;}
.mainQuestion .flexCont.formBottom{align-items:center;margin-top:35px;}
.mainQuestion .flexCont.formBottom .privacy_text{display:flex;align-items:center;justify-content:space-between;}
.mainQuestion .flexCont.formBottom .privacy_text > div > div{padding-right:10px;line-height:1;display:inline-flex;align-items:center;cursor:pointer;position:relative;}
.mainQuestion .flexCont.formBottom .privacy_text > div > div input{width:22px;height:22px;position:absolute;right:11px;top:50%;margin-top:-11px;background:url(/img/common/agree_off.png)no-repeat right center;appearance:none;-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;cursor:pointer;}
.mainQuestion .flexCont.formBottom .privacy_text > div > div input:checked{opacity:0;}
.mainQuestion .flexCont.formBottom .privacy_text > div > div input:checked + label{background:url(/img/common/agree_on.png)no-repeat right 1px center;}
.mainQuestion .flexCont.formBottom .privacy_text > div > div label{padding:4px 32px 4px 0;}
.mainQuestion .flexCont.formBottom .btnBox{display:flex;align-items:center;justify-content:space-between;}
.mainQuestion .flexCont.formBottom .btnBox .g-recaptcha{flex-shrink:0;margin-right:20px;}

.mainListBox:after{width:80px;height:calc(100% + 60px);background:linear-gradient(to left, rgba(255,255,255,1) 70%, rgba(255,255,255,.93));position:absolute;right:-52px;;top:-125px;content:'';z-index:10;box-shadow:20px 0 40px 50px #fff;}

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

@media all and (max-width:1840px){
.mainTopBox .topInner{max-width:100%;width:100%;padding:0 0 0 102px;}

}

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

.facilityBox .textBox{padding-top:5%;}
.facilityBox .textBox .grennText{font-size:2rem;}
.facilityBox .textBox dl dt{font-size:4rem;}
.facilityBox .textBox dl dd{font-size:1.7rem;}
.facilityBox .slick-controls{margin-bottom:23%;}

}

@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 .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}
.mainBanner .textBox{max-width:100%;padding:0 20px;}
.mainBanner .slick-controls{max-width:100%;padding:0 20px;}


.mainTopBox .certificationMark{width:160px;}
.mainTopBox .certificationMark .cont > div{padding-right:40px;}
.mainTopBox .certificationMark .cont:before{width:90px;height:90px;right:160px;background-size:90px 90px;margin-top:-45px;}
.mainTopBox .directList{width:calc(100% - 160px);}
.mainTopBox .directList li .imgBox img{width:43px;}


.facilityBox .textBox{width:40%;}
.facilityBox .facilitySlide{width:60%;}

.facilityBox .textBox{padding:0 20px 0 4%;display:flex;flex-direction:column;justify-content:center;}
.facilityBox .textBox dl dt{margin:0 0 20px;font-size:3.7rem;}
.facilityBox .textBox dl dd{font-size:1.6rem;}
.facilityBox .textBox .grennText{font-size:1.8rem;}

.facilityBox .vrBtn{width:175px;height:43px;font-size:1.6rem;}
.facilityBox .slick-controls{margin:6% 0 14%;}
.facilityBox .slick-controls .visual-progress-box .visual-progress{width:180px;}


.mainDepartment ul{flex-wrap:wrap;padding:0 10%;}
.mainDepartment ul li{width:calc((100% - 40px) / 3);background-size:57px auto;margin:10px 0;}
.mainDepartment ul li:nth-child(4n){margin-left:0;}

/*.mainQuestion form textarea{height:195px;}*/




}

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

.mainBanner .slick-controls .controlBtn{width:40px;height:40px;}
.mainBanner .slick-controls .pagingInfo{height:40px;}
.mainBanner .slick-controls .slide-pause{width:10px;height:13px;}
.mainBanner .slick-controls .slide-play{border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:9px solid #c5c5c5;}
.mainBanner .slick-controls .slide-pause:before, .mainBanner .slick-controls .slide-pause:after{width:3px;height:12px;}
.mainBanner .textBox{font-size:6rem;}

.mainTopBox{padding-bottom:130px;position:relative;display:flex;flex-wrap:wrap;}
.mainTopBox .mainBanner{order:1;}

.mainTopBox .topInner{padding:0;order:0;border-top:1px solid #f0f0f0;}
.mainTopBox .certificationMark{width:100%;height:130px;position:absolute;bottom:0;left:0;justify-content:center;padding:0 20px;}
.mainTopBox .certificationMark .cont{display:flex;align-items:center;}
.mainTopBox .certificationMark .cont:before{position:static;display:inline-block;margin-top:0;}
.mainTopBox .directList{width:100%;height:130px;}

.facilityBox{flex-wrap:wrap;}
.facilityBox .textBox{width:100%;padding:6% 20px;display:block;}
.facilityBox .facilitySlide{width:100%;}
.facilityBox .slick-controls{margin:4% 0 9%;}
.facilityBox .textBox dl dt{font-size:4.2rem;}
.facilityBox .textBox dl dd{font-size:1.8rem;}
.facilityBox .textBox .grennText{font-size:2.2rem;}
.facilityBox .slick-controls .visual-progress-box .visual-progress{width:200px;}

.mainDepartment ul{padding:0 7%;}

.mainQuestion form .flexCont{display:block;}
.mainQuestion form .flexCont > div, .mainQuestion .flexCont > ul, .mainQuestion .flexCont > dl{width:100%;}
.mainQuestion .flexCont > dl.questionTextarea{margin-top:20px;}
.mainQuestion .flexCont.formBottom{margin-top:20px;}
.mainQuestion .flexCont.formBottom .btnBox{margin-top:20px;}

}

@media all and (max-width:767px){
.mainBanner .mainBannerCont .slick-list{margin:0;}
.mainBanner .slick-controls .controlBtn{width:36px;height:36px;}
.mainBanner .slick-controls .pagingInfo{height:36px;}
.mainBanner .slick-controls .slide-pause{width:8px;height:12px;}
.mainBanner .slick-controls .slide-play{border-top:6.5px solid transparent;border-bottom:6.5px solid transparent;border-left:8px solid #c5c5c5;}
.mainBanner .slick-controls .slide-pause:before, .mainBanner .slick-controls .slide-pause:after{;height:11px;}
.mainBanner .textBox{top:42%;font-size:5rem;}


.mainBanner .slick-arrow{height:40px;margin-top:-20px;}
.mainBanner .slick-arrow:before,
.mainBanner .slick-arrow:after{width:24px;left:0;}
.mainBanner .slick-arrow:before{top:11px;}
.mainBanner .slick-arrow:after{bottom:11px;}
.mainBanner .slick-controls{bottom:25px;}

.contTitle{margin-bottom:21px;}



.mainTopBox .certificationMark .cont:before{width:80px;height:80px;background-size:80px 80px;}
.mainTopBox .directList{flex-wrap:wrap;height:auto;}
.mainTopBox .directList li{max-width:100%;width:50%;height:auto;flex:unset;}
.mainTopBox .directList li:nth-child(n+2):after{height:80px;}
.mainTopBox .directList li:nth-child(n+3):before{width:85%;height:1px;background:#f0f0f0;position:absolute;left:50%;top:0;transform:translateX(-50%);content:'';}
.mainTopBox .directList li a{padding:30px 0;}
.mainTopBox .directList li:hover:before{display:none;}
.mainTopBox .directList li .imgBox{margin-bottom:10px;}
.mainTopBox .directList li .imgBox img{width:40px;}



.facilityBox{padding:75px 0;}
.facilityBox .textBox{padding:50px 20px;}
.facilityBox .textBox dl dt{margin:0 0 15px;font-size:3.8rem;}
.facilityBox .textBox dl dd{font-size:1.7rem;}
.facilityBox .textBox .grennText{font-size:1.9rem}
.facilityBox .slick-controls{margin:25px 0 70px;}
.facilityBox .slick-controls .visual-progress-box .visual-progress{font-size:160px;}
/*.facilityBox .slick-controls .controlBtn{width:22px;height:22px;}
.facilityBox .slick-controls .slide-pause:before, .facilityBox .slick-controls .slide-pause:after{width:2px;height:8px;}
.facilityBox .slick-controls .slide-pause:before{left:8px;}
.facilityBox .slick-controls .slide-pause:after{right:8px;}*/
.facilityBox .slick-controls .pagingInfo{margin:0 15px 0 20px;}
.facilityBox .vrBtn{width:160px;height:40px;}

.mainNotice{padding:43.5px 0 49.5px;}
.mainNotice ul{flex-wrap:wrap;}
.mainNotice ul li{width:80%;margin:0 auto;}
.mainNotice ul li:nth-child(n+2){margin:40px 0 0;}
.mainNotice ul li .imgBox img{width:100%;}
.mainNotice ul li .textBox .boardTitle{margin:15px 0 0;}
.mainNotice .btnMore{width:180px;height:48px;margin:43px auto 0;}

.mainDepartment{padding:65px 0;}
.mainDepartment ul{padding:0;}
.mainDepartment ul li{width:49%;margin:10px 2% 10px 0 !important;background-size:50px auto;}
.mainDepartment ul li:nth-child(2n){margin-right:0 !important;}
.mainDepartment ul li a span:after{width:15px;height:11.8px;background-size:15px 11.8px;margin-left:5px;}


.mainQuestion{padding:43.5px 0 49.5px;}
.mainQuestion form{padding-top:10px;}
.mainQuestion .flexCont > ul li{padding-bottom:10px;}
.mainQuestion .flexCont > ul li:nth-child(n+2){margin-top:18px;}
.mainQuestion .flexCont > ul li dl dt{width:90px;}
.mainQuestion .flexCont.formBottom .btnBox{flex-wrap:wrap;justify-content:center;margin-top:50px;}
.mainQuestion .flexCont.formBottom .btnBox .g-recaptcha{width:100%;margin:0 0 50px;}
.mainQuestion form textarea{height:150px;padding:10px;}
}

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

.mainNotice ul li{width:100%;}
.mainNotice ul li .textBox{padding:0 10px;}


.mainQuestion .flexCont.formBottom .privacy_text{display:block;}
.mainQuestion .flexCont.formBottom .privacy_text > div{margin-top:20px;}

}