@charset "utf-8";

body{overflow-x: hidden;}

#container{margin-top: 200px;}
.cont01{display: flex; justify-content: space-between;}
/* .cont01 .visual{width: 800px; margin-right: 50px; position: relative;} */
.cont01 .visual{width: 60%; /*height: 454px;*/ margin-right: 15px; position: relative;}
.cont01 .visual .vis{border-radius: 30px; /*box-shadow: 0 5px 13px rgba(0, 0, 0, 0.1);*/ height: 100%;}
.cont01 .visual .vis .slick-track,
.cont01 .visual .vis .slick-list{height: 100%;}
.cont01 .visual .vis li a{border-radius: 30px; overflow: hidden; display: block; height: 100%;}
.cont01 .visual .vis li a img{width: 100%; height: 100%;}
.cont01 .visual video {width:100%; border-radius: 30px;}

.visual .btnSprh {display:flex; position:absolute; right:20px; bottom:18px; padding:5px 10px; overflow:hidden; z-index:1; border-radius:50px; background:rgba(33, 33, 33, 0.6);}
.visual .btnSprh a {display:block; float:left; width:26px; height:26px; background:url('/Main/Images/global2024/main/btn_control.png') no-repeat; text-indent:-9999px;}
.visual .btnSprh a.prevSprh {background-position:0 0;}
.visual .btnSprh a.stopSprh {background-position:-26px 0;}
.visual .btnSprh a.nextSprh {background-position:-52px 0;}
.visual .btnSprh a.playSprh {background-position:-78px 0;}
.visual .btnSprh a.viewSprh {background-position:-104px 0;}


.cont01 .governor{width: 44%; padding-left: 10px;}
.governor .top .dokdo{height: 100px; display: flex; align-items: center; justify-content: center;}
.governor .top .dokdo a{display: block; z-index: 1;}

.governor .bottom{padding: 12px 10px 20px 10px; position: relative;}
.governor .bottom::before{position: absolute; content: ""; width: 372px; height: 280px; bottom: -20px; right: 0; background: url('/Main/Images/global2024/main/governor_photo.png') no-repeat right bottom; z-index: -1;}  

.governor .bottom h2{font-size: 24px; color: #272727; font-weight: 900; line-height: 1.5; margin-bottom: 20px;}
.governor .bottom h2 img.gov_m {display:none;}
.governor .bottom h2 span{display: block;}
.governor .bottom h2 .do{color: #b41138; font-size: 30px;}
.governor .bottom > p{font-size: 17px; padding-right:185px; letter-spacing:-0.5px;}
.governor .bottom .detail{display: inline-block; border: 1px solid #b41138; border-radius: 50px; background: #fff; color: #b41138; font-weight: 700; padding: 10px 23px; margin-top: 45px; box-shadow: 0 0px 13px rgb(180 17 56 / 0.2); position: relative;}
.governor .bottom .detail::before{position: absolute; content: ""; left: 0; bottom: 0; width: 0; height: 100%; background: #b41138; display: block; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out ; border-radius: 50px;}



.governor .bottom .detail span{padding-right: 36px; position: relative; display: inline-block;}
.governor .bottom .detail span::before{position: absolute; content: ""; background: url('/Main/Images/global2024/main/arrow.png') no-repeat; width: 20px; height: 13px; right: 0; top: 5px;}

.governor .search {margin-bottom:15px; text-align:center; z-index: 2; position: relative; padding:0;}
.governor .search p {padding:5px 0 10px 0; font-weight:600; font-size:26px;}
.governor .search form {border:2px solid #b41138; border-radius:16px; overflow: hidden;}
.governor .search form fieldset > * {float:left; line-height:56px; height:56px; border:0; font-size: 18px;}
.governor .search input {width:calc(100% - 60px); padding:0 15px; border-radius:10px; background: #fff;}
.governor .search input::placeholder{color: #878787; font-weight: 300;}

input:-webkit-autofill{-webkit-box-shadow: 0 0 0 500px #fff inset !important;}

.governor .search .search_btn {width:60px; background:#b41138 url('/Main/Images/global2024/main/search.png') no-repeat center; text-indent:-9999px; border:none; cursor:pointer;}

/* 호버 */
@media all and (min-width:1180px){
    .governor .bottom .detail:hover{color: #fff;}
    .governor .bottom .detail:hover::before{width: 100%;}
    .governor .bottom .detail:hover span::before{background-position-x: -20px;}
}

@media all and (max-width:1360px){
    .cont01 .visual{width: 58%;}
    .cont01 .governor{width: 40%;}
}
@media all and (max-width:1300px){
    .cont01 .visual{height: 400px;}
    .governor .top .dokdo{height: 65px;}
    .governor .top .dokdo > img{width: 230px;}
    .governor .search form fieldset > *{height: 48px;}
    .governor .bottom h2{font-size: 21px;}
	.governor .bottom h2 img {width:250px;}
    .governor .bottom h2 .do{font-size: 26px;}
    .governor .bottom h2 .name{margin-top: 5px;}
    .governor .bottom > p{font-size: 17px; /*width: 60%;*/}
    .governor .bottom::before{width: 74%; background-size: contain; bottom: 0;}
    .governor .bottom .detail{margin-top: 25px;}
}
@media all and (max-width:1024px){
    #container{margin-top: 50px;}
    .cont01 .visual{height: 300px;}
    .visual .btnSprh{bottom: 10px; right: 14px; padding: 4px 10px;}

    .governor .top{margin-top: 5px;}
    .governor .top .dokdo{display: none;}
    .governor .search form fieldset > *{font-size: 16px;}
    .governor .bottom h2{margin-bottom: 14px;}
	.governor .bottom h2 img {width:225px;}
    .governor .bottom h2 .do{font-size: 23px;}
    .governor .bottom .detail{margin-top: 18px; padding: 6px 20px; font-size: 15px;}
    .governor .bottom .detail span{padding-right: 0;}
    .governor .bottom .detail span::before{display: none;}
}
@media all and (max-width:950px){
    .cont01{flex-wrap: wrap;}
    .cont01 .visual{width: 100%; height: auto; margin-right: 0;}
    .cont01 .governor{width: 100%; padding-left: 0; margin-top: 0;}
    .governor .bottom::before{height: 180px;}
    .governor .bottom h2 img.gov_m {display:block;}
	.governor .bottom h2 img.gov_w {display:none;}
	.governor .bottom h2 img {width:auto;}
	.governor .bottom h2 .do{display: inline-block;}
}
@media all and (max-width:600px){
    .cont01 .visual .vis li a{border-radius: 20px;}
    /*.cont01 .governor{margin-top: 30px;}*/
    .governor .search form{border-radius: 12px;}
	.governor .bottom h2 img {width:370px;}
}
@media all and (max-width:480px){
    .cont01 .governor{margin-top: 20px;}
    .governor .bottom h2 .do{display: block;}
	.governor .bottom h2 img.gov_m {display:none;}
	.governor .bottom h2 img.gov_w {display:block;}
	.governor .bottom h2 img {width:210px;}
}


.cont02{display: flex; margin-top: 35px; justify-content: space-between;}

.cont02 .quick01{width: 60%; display: flex; justify-content: space-between; align-items: center; padding: 30px 30px 30px 50px; border: 1px solid #71b4e7; border-radius: 26px 26px 26px 50px; box-shadow: 0 0px 13px rgb(33 150 243 / 0.22);}
.cont02 .quick01 h2{font-size: 31px; font-weight: 900; width: 27%;}
.cont02 .quick01 h2 span{color: #0070c3;}
.cont02 .quick01 ul{width: 73%; display: flex;}
.cont02 .quick01 ul li{width: 25%;}
.cont02 .quick01 ul li a{display: block; padding-top: 60px; position: relative; text-align: center; font-size: 17px; font-weight: 700;}
.cont02 .quick01 ul li a::before{position: absolute; content: ""; background: url('/Main/Images/global2024/main/quick.png') no-repeat; width: 60px; height: 60px; top: 0; left: 50%; transform: translateX(-50%);}
.cont02 .quick01 ul li:nth-child(2) a::before{background-position-x: -60px;}
.cont02 .quick01 ul li:nth-child(3) a::before{background-position-x: -120px;}
.cont02 .quick01 ul li:nth-child(4) a::before{background-position-x: -180px;}

.cont02 .quick01 ul li a:hover::before{transform:translateX(-50%) rotateY(360deg); transition:all 0.65s;}

.cont02 .quick02{width: 40%; display: flex; justify-content: space-between; padding-left: 25px;}
.cont02 .quick02 > a{width: 45%; display: block; background: #0b7acf url('/Main/Images/global2024/main/q02_01.png') no-repeat right bottom; border-radius: 26px; padding: 30px 24px 30px 30px; color: #fff;}
.cont02 .quick02 > a.q02_02{width: 51%; background: #cb3156 url('/Main/Images/global2024/main/q02_02.png') no-repeat right bottom; border-radius: 26px 60px 26px 26px;}
.cont02 .quick02 > a dl dt{font-size: 17px; font-weight: 800; margin-bottom: 18px; position: relative; line-height: 1.6;} 
.cont02 .quick02 > a dl dt::before{position: absolute; content: ""; background: url('/Main/Images/global2024/main/arrow.png') no-repeat; width: 20px; height: 13px; top: 10px; right: 4px; background-position-x: -20px;}
.cont02 .quick02 > a dl dd{font-size: 16px; font-weight: 300; opacity: 0.8;}

@media all and (max-width:1360px){
    .cont02 .quick01{width: 58%; padding: 22px 21px 25px 37px;}
    .cont02 .quick01 h2{font-size: 27px; width: auto;}
    .cont02 .quick01 ul{width: 73%;}
    .cont02 .quick02{width: 42%;}
    .cont02 .quick02 > a{padding: 22px 30px;}
}
@media all and (max-width:1202px){
    .cont02{margin-top: 25px;}
    .cont02 .quick01{padding: 22px;}
    .cont02 .quick01 ul li a{font-size: 16px;}
    .cont02 .quick01 h2{display: none;}
    .cont02 .quick01 ul{width: 100%;}
    .cont02 .quick02 > a{padding: 14px 23px;}
    .cont02 .quick02 > a dl dt{font-size: 16px;}
    .cont02 .quick02 > a dl dd{display: none;}
    .cont02 .quick02 > a dl dt::before{bottom: -50px; top: inherit;}
}

@media all and (max-width:961px){
    .cont02{margin-top: 15px;}
    .cont02 .quick01{padding: 17px;}
    .cont02 .quick02 > a{display: flex; align-items: center; justify-content: center; text-align: center;}
    .cont02 .quick02 > a dl dt{margin-bottom: 0;}
    .cont02 .quick02 > a dl dt::before{display: none;}
}
@media all and (max-width:820px){
    .cont02{flex-wrap: wrap;}
    .cont02 .quick01{width: 100%; border-radius: 20px;}
    .cont02 .quick02{width: 100%; padding-left: 0; margin-top: 20px;}
    .cont02 .quick02 > a{width: 48.5% !important; border-radius: 20px !important;}
}
@media all and (max-width:480px){
    .cont02{margin-top: 30px;}
    .cont02 .quick01{padding: 12px 3px;}
    .cont02 .quick01 ul li a{padding-top: 50px; font-size: 15px; line-height: 1.1;}
    .cont02 .quick01 ul li a::before{background-image: url('/Main/Images/global2024/main/quick_mb.png'); width: 50px; height: 50px;}
    .cont02 .quick01 ul li:nth-child(2) a::before{background-position-x: -50px;}
    .cont02 .quick01 ul li:nth-child(3) a::before{background-position-x: -100px;}
    .cont02 .quick01 ul li:nth-child(4) a::before{background-position-x: -150px;}
}

@media all and (max-width:365px){
    .cont02 .quick01 ul{flex-wrap: wrap;}
    .cont02 .quick01 ul li{width: 48%;}
    .cont02 .quick01 ul li:nth-child(1),
    .cont02 .quick01 ul li:nth-child(2){margin-bottom: 10px;}
}   

/* news & sns */
.cont03{margin-top: 40px;}
.cont03 .news_top{display: flex; justify-content: space-between; align-items: center;}
.cont03 .news_top h2{font-size: 33px; font-weight: 900; width: 50%;}
.cont03 .news_top h2 span{color: #0070c3;}
.cont03 .news_top .sns_icon{display: flex; align-items: center;}
.cont03 .news_top .sns_icon a{display: block; margin-left: 5px; text-indent: -9999px; background: url('/Main/Images/global2024/main/sns.png') no-repeat; width: 40px; height: 45px;}

.cont03 .news_top .sns_icon a.facebook{background-position-x: -45px;}
.cont03 .news_top .sns_icon a.tiktok{background-position-x: -90px;}
.cont03 .news_top .sns_icon a.twitter{background-position-x: -135px;}
.cont03 .news_top .sns_icon a.insta{background-position-x: -180px;} 

.cont03 .news_list{margin-top: 10px;}
.cont03 .news_list li{width: calc((100% - 80px) / 3);}
.cont03 .news_list .slick-slide{margin: 0 15px;}
.cont03 .news_list .slick-list {margin: 0 -15px;}
.cont03 .news_list li a{display: block;position: relative;width: 100%;}
.cont03 .news_list li a::before{position: absolute;content: "";border: 1px solid #e2e8ec;right: 0;bottom: 0;width: 90%;height: 80%;border-radius: 26px;z-index: -1;}
.cont03 .news_list li a > img{max-width: 400px; width: 100%; height: 224px;border-radius: 26px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);}
.cont03 .news_list li a dl{padding: 30px; margin-left: 60px; position: relative;}
.cont03 .news_list li a dl::before{position: absolute; content: ""; background: #faae0a url('/Main/Images/global2024/main/news01.png') no-repeat center center; width: 35px; height: 33px; left: -22px; top: -19px; border-radius: 5px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);}
.cont03 .news_list li.you a dl::before{background-image: url('/Main/Images/global2024/main/news02.png'); background-color: #f91923;}
.cont03 .news_list li a dl dt{font-size: 17px; font-weight: 600; position: relative; margin-bottom: 14px;}
.cont03 .news_list li a dl dt::before{position: absolute; content: ""; width: 4px; height: 4px; border-radius: 50px; background: #0091a0; left: -14px; top: 50%; transform: translateX(-50%);}

.cont03 .news_list li a dl dt span{display: block; width: 90%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.cont03 .news_list li a dl dd{font-size: 16px; color: #6c6c6c;}

.cont03 .news_list .slick-dots{position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; margin-top: 70px; display: flex;}
.cont03 .news_list .slick-dots li{width: 30px; text-align: center;}
.cont03 .news_list .slick-dots li button{background: #ddd; text-indent: -99999px; width: 6px; height: 6px; border-radius: 50px; border: 1px solid #ddd; cursor: pointer; position: relative;}

.cont03 .news_list .slick-dots .slick-active button{border: 1px solid #0070c3; background-color: #0070c3;}
.cont03 .news_list .slick-dots .slick-active button::after{position: absolute; content: ""; width: 18px; height: 18px; border: 1px solid #76add5; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 100px;}


@media all and (max-width:1250px){
    .cont03 .news_top h2{font-size: 27px;}
}   

@media all and (max-width:1180px){
    .cont03 .news_list li a > img{height: 198px;}
    .cont03 .news_list li a dl{padding: 19px 10px 17px 18px;}
    .cont03 .news_list li a dl dt{font-size: 16px; margin-bottom: 5px;}
    .cont03 .news_list li a dl dd{font-size: 15px;}
}  
@media all and (max-width:1024px){
    .cont03 .news_list li a > img{height: 180px;}
    .cont03 .news_list li a dl{margin-left: 48px;}
    .cont03 .news_list li a dl::before{width: 28px; height: 28px; left: -29px;}
}
@media all and (max-width:980px){
    .cont03 .news_list{padding-bottom: 50px;}
    .cont03 .news_list li a dl dt{font-size: 15px;}
}
@media all and (max-width:821px){
    .cont03 .news_list li a > img{height: 205px;}
}
@media all and (max-width:695px){
    .cont03 .news_list li a > img{height: 188px;}
}
@media all and (max-width:600px){
    .cont03 .news_list li a > img{height: 160px;}
}
@media all and (max-width:480px){
    .cont03 .news_list li a > img{height: 210px;}
    .cont03 .news_list li a dl dt{font-size: 15px;}
    .cont03 .news_list li a dl dd{font-size: 14px;}
}  
@media all and (max-width:450px){
    .cont03 .news_top{flex-wrap: wrap;}
    .cont03 .news_top h2{width: 100%; margin-bottom: 10px; font-size: 24px;}
}  
@media all and (max-width:375px){
    .cont03 .news_list li a > img{height: 200px;}
}  

.cont04{max-width: 1600px; margin: 90px auto 0 auto; background: #f1f6ff; border-radius: 100px 100px 0 0; padding: 60px 0; position: relative;}

.cont04 h2{position: absolute; top: -48px; left: 48%; transform: translateX(-50%); color: #272727; font-size: 30px; font-weight: 800; text-transform: uppercase;}
.cont04 h2 span{font-size: 47px; font-weight: 800; color: #0070c3;}

.cont04 .tour_list{display: flex; justify-content: space-between;}
.cont04 .tour_list li{width: calc((100% - 38px*3 ) / 4); margin-right: 38px;}
.cont04 .tour_list li:last-child{margin-right: 0;}

.cont04 .tour_list li a{display: block; width: 100%; height: 100%; position: relative; color: #fff; text-align: center; }

.cont04 .tour_list li a div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 30px; transition: 0.2s; padding-bottom: 26px;}
.cont04 .tour_list li a div span{display: block; font-size: 18px; font-weight: 800; width: 100%; position: relative; padding-top: 60px;}
.cont04 .tour_list li a div span::before{position: absolute; content: ""; background: url('/Main/Images/global2024/main/tour_icon.png') no-repeat; width: 60px; height: 60px; top: 0; left: 50%; transform: translateX(-50%);}

.cont04 .tour_list li:nth-child(2) a div span::before{background-position-x: -60px;}
.cont04 .tour_list li:nth-child(3) a div span::before{background-position-x: -120px;}
.cont04 .tour_list li:nth-child(4) a div span::before{background-position-x: -180px;}

.cont04 .tour_list li a div em{display: block; font-size: 15px; opacity: 0.8; margin-top: 10px; text-decoration: underline; display: none;}

.cont04 .tour_list li a img{width: 100%; height: 100%; border-radius: 30px;}

@media all and (min-width:1430px){
    .cont04 .tour_list li a:hover div{box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); background: #0070c3; padding: 30px; width: 248px; height: 196px; top: 70px; display: flex; justify-content: center; align-items: center; flex-flow: column;}
    .cont04 .tour_list li a:hover div span{padding-top: 70px;}
    .cont04 .tour_list li a:hover div span::before{background-position-y: -60px; background-color: #fff; border-radius: 50px;}
    .cont04 .tour_list li a:hover div em{display: block;}
}

@media all and (max-width:1470px){
    .cont04{padding: 50px 40px;}
    .cont04 h2{width: 100%; text-align: center;}
}  
@media all and (max-width:1401px){
    .cont04 .tour_list li a div span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}  
@media all and (max-width:1180px){
    .cont04{border-radius: 0; padding: 32px 20px;}
    .cont04 h2{top: -31px;}
    .cont04 h2 span{font-size: 30px;}
    .cont04 .tour_list li{width: calc((100% - 20px*3 ) / 4); margin-right: 20px;}
}  
@media all and (max-width:990px){
    .cont04{margin: 66px auto 0 auto;}
    .cont04 h2{top: -31px;}
    .cont04 .tour_list li a div{padding-bottom: 0;}
    .cont04 .tour_list li a div span{padding-top: 0; font-size: 17px;}
    .cont04 .tour_list li a div span::before{display: none;}
    .cont04 .tour_list li a img{border-radius: 20px;}
}  
@media all and (max-width:750px){
    .cont04 .tour_list{flex-wrap: wrap;}
    .cont04 .tour_list li{width: 48%; height: 120px; margin-right: 0 !important;}
    .cont04 .tour_list li:nth-child(1),
    .cont04 .tour_list li:nth-child(2){margin-bottom: 20px;}
    .cont04 .tour_list li a img{object-fit: cover;}
}  
@media all and (max-width:622px){
    .cont04{margin-top: 32px;}
    .cont04 .wrap{padding: 0;}
    .cont04 h2{display: none;}
}