@charset "utf-8";

.mobileView{display:none;}

.mainBanner{position:relative;margin-top:97px;}
.mainBanner .mainBannerCont img{display:none;}
.mainBanner .mainBannerCont .slick-list img{width:100%;border-radius:45px;}
.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;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{width:100%;position:absolute;left:50%;bottom:0;transform:translateX(-50%);line-height:0;display:flex;justify-content:center;}
.mainBanner .slick-controls .slick-dots{max-width:76%;display:flex !important;flex-wrap:wrap;background:#fff;padding:11px 40px 10px;background:#fff;border-radius:22px 22px 0 0;}
.mainBanner .slick-controls .slick-dots li{display:inline-block;margin:5px}
.mainBanner .slick-controls .slick-dots li button{width:9px;height:9px;background:#ccc;border-radius:50%;border:none;font-size:0;letter-spacing:-1000em;text-indent:-1000em;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:33px;background:#3b4957;border:0;border-radius:4.5px;}
.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;}


.btnDirect{font-size:1.8rem;font-weight:700;letter-spacing:-0.08em;color:#151515;display:flex;align-items:center;}
.btnDirect:after{width:22px;height:22px;background-image:url('/img/main/plus_icon2.png');background-size:contain;background-repeat:no-repeat;display:inline-block;content:'';margin-left:8px;} 
/*.btnDirect span{margin-left:9px;margin-top:-1px;display:inline-block;font-size:1.6rem;line-height:1;position:relative;color:#151515;letter-spacing:-0.08em;}
.btnDirect span:before{width:22px;height:22px;border-radius:50%;border:1px solid #e5e5e5;background:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';margin-left:1px;background:#fff;z-index:-1;}*/

.mainCont{max-width:1863px;margin:0 auto;}
.mainCont .flexCont{display:flex;justify-content:space-between;}
.mainCont .flexCont .mainSlideBox{width:75.148%;border-radius:65px;background:#fff url('/img/main/cont_bg.png')no-repeat right 27px top;padding:96px 55px 55px;position:relative;}
.mainCont .flexCont .mainSlideBox .textBox{padding:0 20px;}
.mainCont .flexCont .mainSlideBox h2{font-weight:500;font-size:5.2rem;letter-spacing:-0.06em;color:#151515;font-family:'MuseumClassic';margin-left:-4px;}
.mainCont .flexCont .mainSlideBox h2 br{display:none;}
.mainCont .flexCont .mainSlideBox .enText{font-size:2rem;letter-spacing:-0.015em;color:#ccc;margin-top:19px;}
.mainCont .flexCont .mainSlideBox .basicText{font-weight:500;font-size:2.2rem;letter-spacing:-0.06em;margin-top:45px;line-height:1.455;}
.mainCont .flexCont .quickList{width:24.316%;border-radius:65px;border:1px solid #fff;padding:6px 18px 10px;background:rgba(255,255,255,.6);}
.mainCont .flexCont .quickList li a{display:block;padding:43px 27px 58px 147px;background-position:left 26px center;background-repeat:no-repeat;}
.mainCont .flexCont .quickList li{border-bottom:1px solid #d5d9e7;}
.mainCont .flexCont .quickList li:last-child{border-bottom:0;}
.mainCont .flexCont .quickList li p{font-family:'MuseumClassic';font-size:2.8rem;line-height:1.286;font-weight:500;letter-spacing:-0.06em;white-space:nowrap;}
.mainCont .flexCont .quickList li:nth-child(1) a{background-image:url('/img/main/quick_list01.png');padding-bottom:30px;}
.mainCont .flexCont .quickList li:nth-child(2) a{background-image:url('/img/main/quick_list02.png');}
.mainCont .flexCont .quickList li:nth-child(3) a{background-image:url('/img/main/quick_list03.png');}
.mainCont .flexCont .quickList li:nth-child(4) a{background-image:url('/img/main/quick_list04.png');}
.mainCont .flexCont .quickList li:nth-child(5) a{background-image:url('/img/main/quick_list05.png');}
.mainCont .flexCont .quickList li .btnDirect{color:#835528;letter-spacing:-0.06em;font-weight:600;margin-top:11px;}
/*.mainCont .flexCont .quickList li .btnDirect span{margin-left:14px;}*/
 
.mainCont .linkView{position:absolute;top:95px;right:190px;width:220px;height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;border:3px solid #cfb9a7;border-radius:50%;background: linear-gradient(-180deg,rgba(248, 226, 7, 1) 0%, rgba(252, 248, 208, 1) 100%);text-align:center;padding-top:8px;}
.mainCont .linkView:before{width:clac(100% + 12px);height:clac(100% + 12px);background:#fff;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:'';z-index:-1;}
.mainCont .linkView strong{font-size:2.8rem;line-height:1.1542;letter-spacing:-0.08em;font-family:'MuseumClassic';}
.mainCont .linkView strong span{display:block;font-size:2rem;margin-bottom:5px;}
.mainCont .linkView .btnDirect{margin-top:20px;}

.mainCont .btList ul{display:flex;margin-top:50px;}
.mainCont .btList ul li + li{margin-left:10px;}
.mainCont .btList ul li{flex:1;background:#6d8042;border:2px solid #6d8042;border-radius:65px;position:relative;white-space:nowrap;}
.mainCont .btList ul li a{padding:35.5px 60px;display:block;}
.mainCont .btList ul li a p{font-size:2.6rem;font-weight:700;letter-spacing:-0.03em;color:#fff;margin-bottom:7px;}
.mainCont .btList ul li a > span{font-size:1.8rem;font-weight:700;letter-spacing:-0.06em;color:#bfc6b1;}
.mainCont .btList ul li:hover{border-color:#fff !important;}
.mainCont .btList ul li:hover:after{width:40px;height:40px;background:url('/img/main/plus_icon.png')no-repeat;background-size:contain;position:absolute;right:40px;top:50%;transform:translateY(-50%);content:'';}


.mainCont .btList ul li:nth-child(2){background:#427680;border-color:#427680;}
.mainCont .btList ul li:nth-child(3){background:#ae7d48;border-color:#ae7d48;}
.mainCont .btList ul li:nth-child(4){background:#3b4957;border-color:#3b4957;}
.mainCont .btList ul li:nth-child(2) > span{color:#b1c2c6;}
.mainCont .btList ul li:nth-child(3) > span{color:#d9c5b3;}
.mainCont .btList ul li:nth-child(4) > span{color:#afb3b8;}



/*layer youtube */
.youtubeLayer{width:100%;height:100%;display:none;position:fixed;left:0;top:0;z-index:102;background:rgba(0, 0, 0, .7);}
.youtubeLayer .youtubeCont{position: relative;max-width:800px;width:100% !important;height:0;padding-top: min(450px, 56.25%);left:50%;top:50%;transform:translate(-50%, -50%);}
.youtubeLayer .youtubeCont .videoIframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.youtubeLayer .youtubeClose{position:absolute;right:0;top:-50px;}
.youtubeLayer button{background:transparent;border:0;cursor:pointer;}

@media all and (max-width:1903px){
.mainCont{max-width:100%;margin:0 20px;}
}

@media (min-width:1279px) and (max-width:1863px){
.mainBanner .mainBannerCont .slick-list img{border-radius:2.4154589372vw;}

.btnDirect{font-size:0.9661835749vw;}
.btnDirect:after{width:1.1808910360vw;height:1.1808910360vw;margin-left:0.4294149222vw;}

.mainCont .flexCont .mainSlideBox{background-size:44.9812130972vw;border-radius:3.4890016103vw;background-position:right 1.4492753623vw top;padding:5.1529790660vw 2.9522275899vw 2.9522275899vw;}
.mainCont .flexCont .mainSlideBox .textBox{padding:0 1.0735373054vw;}
.mainCont .flexCont .mainSlideBox h2{font-size:2.7911970000vw;margin-left:-0.2147074611vw;}
.mainCont .flexCont .mainSlideBox .enText{font-size:1.0735373054vw;margin-top:1.0203972088vw;}
.mainCont .flexCont .mainSlideBox .basicText{font-size:1.1808910360vw;margin-top:2.4154589372vw;}

.mainCont .linkView{top:5.0993022008vw;right:10.1986044015vw;width:11.8089103596vw;height:11.8089103596vw;border:0.1610305958vw solid #cfb9a7;padding-top:0.4294149222vw;}
.mainCont .linkView strong{font-size:1.5029522276vw;}
.mainCont .linkView strong span{font-size:1.0735373054vw;margin-bottom:0.2683843264vw;}
.mainCont .linkView .btnDirect{margin-top:1.0735373054vw;}

.mainCont .flexCont .quickList{border-radius:3.4890016103vw;border:0.0536768653vw solid #fff;padding:0.3220611916vw 0.9661835749vw 0.5367686527vw;}
.mainCont .flexCont .quickList li a{padding:2.3081052067vw 1.4492753623vw 3.1132581857vw 7.8904991948vw;background-size:4.8309178744vw auto;background-position:left 1.395598497vw center;}
.mainCont .flexCont .quickList li p{font-size:1.5029522276vw;}
.mainCont .flexCont .quickList li:nth-child(1) a{padding-bottom:1.6103059581vw;}
.mainCont .flexCont .quickList li .btnDirect{margin-top:0.5904455180vw;}

.mainCont .btList ul{margin-top:2.6838432636vw;}
.mainCont .btList ul li + li{margin-left:0.5367686527vw;}
.mainCont .btList ul li{border:0.1073537305vw solid #6d8042;border-radius:3.4890016103vw;}
.mainCont .btList ul li a{padding:1.9055287171vw 3.2206119163vw;}
.mainCont .btList ul li a p{font-size:1.3955984970vw;margin-bottom:0.3757380569vw;}
.mainCont .btList ul li a > span{font-size:0.9661835749vw;}
.mainCont .btList ul li:hover:after{width:2.1470746108vw;height:2.1470746108vw;right:2.1470746108vw;}


}

@media all and (max-width:1279px){
.mainBanner .mainBannerCont{width:100%;overflow:hidden;}
.mainBanner .mainBannerCont .slick-list img{border-radius:3.5183737295vw;}
.mainBanner .slick-arrow.slick-prev{left:20px;}
.mainBanner .slick-arrow.slick-next{right:20px;}

.btnDirect{font-size:1.4073494918vw}


.mainCont .flexCont{display:block;}
.mainCont .flexCont .mainSlideBox{width:100%;}
.mainCont .flexCont .quickList{width:100%;display:flex;flex-wrap:wrap;margin-top:10px;}
.mainCont .flexCont .quickList li{width:50%;}

.mainCont .flexCont .mainSlideBox{background-size:65.5199374511vw;border-radius:5.0820953870vw;background-position:right 2.1110242377vw top;padding:7.5058639562vw 4.3002345582vw 4.3002345582vw;}
.mainCont .flexCont .mainSlideBox .textBox{padding:0 1.5637216575vw;}
.mainCont .flexCont .mainSlideBox h2{font-size:4.0656763096vw;margin-left:-0.3127443315vw;}
.mainCont .flexCont .mainSlideBox .enText{font-size:1.5637216575vw;margin-top:1.4855355747vw;}
.mainCont .flexCont .mainSlideBox .basicText{font-size:1.7200938233vw;margin-top:3.5183737295vw;}
.mainCont .linkView{top:7.4276778733vw;right:14.8553557467vw;width:17.2009382330vw;height:17.2009382330vw;border:0.2345582486vw solid #cfb9a7;padding-top:0.6254886630vw;}
.mainCont .linkView strong{font-size:2.1892103206vw;}
.mainCont .linkView strong span{font-size:1.5637216575vw;margin-bottom:0.3909304144vw;}
.mainCont .linkView .btnDirect{margin-top:1.5637216575vw;}
.mainCont .linkView .btnDirect:after{width:1.7200938233vw;height:1.7200938233vw;margin-left:0.6254886630vw;}
.mainCont .flexCont .quickList li .btnDirect{font-size:1.8rem;}


.mainCont .btList ul{flex-wrap:wrap;justify-content:space-between;}
.mainCont .btList ul li{width:49%;flex:unset;margin:2% 2% 0 0 !important;}
.mainCont .btList ul li:nth-child(2n){margin-right:0 !important;}


}

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

.mainCont .btList ul{margin-top:5.1072522983vw;}
.mainCont .btList ul li{border:0.2042898366vw solid #6d8042;border-radius:6.6394279877vw;}
.mainCont .btList ul li a{padding:3.6261491318vw 6.1287027579vw;}
.mainCont .btList ul li a p{margin-bottom:0.7150153218vw;}
.mainCont .btList ul li:hover:after{width:4.0857967314vw;height:4.0857967314vw;right:4.0857967314vw;}



}

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

.mainBanner{margin-top:12%;}
.mainBanner .slick-controls .slick-dots li.slick-active button{width:25px;}
.mainBanner .slick-controls .slick-dots{padding:8px 20px;border-radius:15px 15px 0 0;}

.mainCont .flexCont .mainSlideBox{border-radius:4.5vw;background-position:right -10.242084vw top 30px;padding:45px 20px 25px;}
.mainCont .flexCont .mainSlideBox .textBox{padding:0 2.0428983657vw;}
/*.mainCont .flexCont .mainSlideBox h2{font-size:5.3115423902vw;margin-left:-0.4085796731vw;}
.mainCont .flexCont .mainSlideBox .enText{font-size:2.0428983657vw;margin-top:1.9407558733vw;}
.mainCont .flexCont .mainSlideBox .basicText{font-size:2.2471910112vw;margin-top:4.5965270684vw;}*/

.mainCont .flexCont .mainSlideBox h2{font-size:4.2rem;margin-left:-0.4085796731vw;white-space:nowrap;}
.mainCont .flexCont .mainSlideBox .enText{font-size:1.8rem;margin-top:10px;}
.mainCont .flexCont .mainSlideBox .basicText{font-size:2rem;margin-top:22.5px;}

.mainCont .linkView{right:4.85vw;top:15.42vw;}

.mainCont .flexCont .quickList{border-radius:4.5vw;}
.mainCont .flexCont .quickList li{width:100%;}
.mainCont .flexCont .quickList li a{padding:30px 20px 30px 120px;background-size:80px auto;background-position:left 15px center;}


.mainCont .btList ul li{width:100%;margin:2% 0 0 0 !important;border-radius:50px;}
.mainCont .btList ul li:hover:after{width:30px;height:30px;right:30px;}
.mainCont .btList ul li a{padding:27px 45px;}


/*layer youtube */
.youtubeLayer .youtubeClose{right:10px;}
.youtubeLayer .youtubeClose img{width:30px;}

}

@media all and (max-width:480px){
.mainCont .flexCont .mainSlideBox h2 br{display:block;}
}