@charset "utf-8";

#main { width:100%; }
#main:after {content: ''; display: table; clear: both;}

/* 메인 비주얼 */
.mainVisual { clear:both; width:100%;}
.mainVisual:after { content: ''; display: table; clear: both;}


.main-mw-wrap .swiper-button-prev, 
.main-mw-wrap .swiper-button-next{opacity:1 !important; top:30px; right:30px;}
.main-mw-wrap .swiper-button-prev{right:114px; left:inherit;}
.main-mw-wrap .swiper_play_state{position:absolute; right:74px; top:21px;}
.main-mw-wrap .swiper_play_state button{background:none;}
.main-mw-wrap .swiper-button-prev::after{display:none;}
.main-mw-wrap .swiper-button-next::after{display:none;}
.main-mw-wrap .slide-option-box{position:absolute; bottom:40px; right:310px; z-index: 9; width:360px;}
.main-mw-wrap .slide-option-box .top-box{position:relative; background:rgba(0,0,0,.8); height:60px;}
.main-mw-wrap .slide-option-box .bottom-box{background:rgba(40,43,75,.8); height:60px;}
.main-mw-wrap .slide-option-box .bottom-box p {height:60px; line-height:60px; padding:0 30px; color:#fff; font-size: 17px;}
.main-mw-wrap .slide-option-box .bottom-box p span{display:inline-block; margin-right:24px; max-width:221px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-mw-wrap .slide-option-box .bottom-box p img{margin-top: -47px;}
.main-mw-wrap .slide-option-box .swiper-pagination-bullet{margin:0 3px; border-radius:7px; height:6px; width:19px; background:#4f585a;}
.main-mw-wrap .slide-option-box .swiper-pagination-bullet-active{background:#fff; width:60px;}
.main-mw-wrap .slide-option-box .swiper-pagination{left:30px; top:22px;}


/* mainGreeting */
.mainGreeting { position:relative; clear:both; width:100%; display:block; margin:120px 0 150px; height:530px; }
.mainGreeting:after {content: ''; display: table; clear: both;}
.mainGreeting-ceo { position:absolute; right:50%; bottom:0; z-index:10; margin-right:-70px;}
.mainGreeting-ceo img{position:absolute;bottom: 0;right: 156px;width: 323px;}

.mainGreeting-LeftWrap { position:absolute; left:0; top:0; width:57%; z-index:1;}
.mainGreeting-LeftWrap .mainGreeting-LeftConts {width:100%;height:480px;background:#282b4b;padding-left:150px;box-sizing:border-box;display: flex;justify-content:flex-start;align-items:center;position: relative;}
.mainGreeting-LeftWrap .mainGreeting-LeftConts > div { }
.mainGreeting-LeftWrap .mainGreeting-LeftConts h4 { color:#fff; font-size:50px; font-weight:400;}
.mainGreeting-LeftConts-txt { color:#fff; font-size:20px; padding-top:35px;}
.mainGreeting-LeftConts-txt p { line-height:130%;}
.mainGreeting-LeftConts-txt p:last-child { font-size:15px; padding-top:15px;}
.mainGreeting-LeftConts ul { margin-top:20px;}
.mainGreeting-LeftConts ul li a { position:relative; border-radius:10px; border:1px solid rgba(255,255,255,0.2); width:100%; height:60px; line-height:58px; color:#fff; display:block; margin-bottom:5px; font-size:18px; padding-left:30px; box-sizing:border-box;}
.mainGreeting-LeftConts ul li a:before { content:''; position:absolute; right:20px; top:50%; background:url(https://www.haeundae.go.kr/eng/img/main/greeting_arrow.png) right center no-repeat; width:11px; height:19px; margin-top:-9px;}

.mainGreeting-RightWrap {position:absolute;right:0;top:50px;width:57%;z-index: 9;}
.mainGreeting-RightWrap .mainGreeting-RightConts { width:100%; height:480px; background:url(https://www.haeundae.go.kr/eng/img/main/greeting_backImg.jpg) center no-repeat; background-size:cover; padding-left:20%; box-sizing:border-box; box-sizing:border-box; display: flex; justify-content:flex-start; align-items:center;}
.mainGreeting-RightWrap .mainGreeting-RightConts h4 { color:#fff; font-size:30px; font-weight:400;}
.mainGreeting-RightWrap .mainGreeting-RightConts a { position:relative; border-radius:10px; background:rgba(255,255,255,0.5); width:100%; height:60px; line-height:58px; color:#000; display:block; margin-bottom:5px; font-size:18px; padding-left:30px; box-sizing:border-box;}
.mainGreeting-RightWrap .mainGreeting-RightConts ul { padding-right:10%; margin-top:35px;}
.mainGreeting-RightWrap .mainGreeting-RightConts ul li { float:left; width:39%; margin-right:0.5%;}
.mainGreeting-RightWrap .mainGreeting-RightConts ul li a:before { content:''; position:absolute; right:20px; top:50%; background:url(https://www.haeundae.go.kr/eng/img/main/greeting_gray_arrow.png) right center no-repeat; width:11px; height:19px; margin-top:-9px;}


/* mainTourist */
.mainTourist { clear:both; width:100%; margin-bottom:100px; position:relative; height:100%; z-index:100;}
.mainTourist:after { content: ''; display: table; clear: both;}
.mainTourist h4 { text-align:center; font-size:50px; color:#333; text-align:center; text-transform:uppercase; line-height:120%;}
.mainTourist .mainTourist-h4Txt { text-align:center; font-size:20px; color:#666; text-align:center; line-height:120%; padding-bottom:50px;}
.mainTourist-photo { position:relative; width:100%; height:580px; z-index:1000; padding-bottom:50px;}
.mainTourist-photo:after { content:''; position:absolute; left:0; bottom:0; background:#e9e8e6; width:100%; height:40%; z-index:-1;}

.mw-slide-wrap .swiper-container{}
.mw-slide-wrap .swiper-slide {opacity:0.2;position:relative}
.swiper-slide .text{position:absolute;top:calc(50% - 75px);left:calc(50% - 500px);font-size: 50px;font-weight: bold;color: white;text-align: center;}
.mw-slide-wrap .swiper-slide .images-box img{width:100%;}
.mw-slide-wrap .swiper-slide-active {opacity:1}
.mw-slide-wrap .swiper-slide-prev{opacity:1}
.mw-slide-wrap .swiper-slide-next{opacity:1}
.mw-slide-wrap .swiper-slide .images-box {height:288px;}
.mw-slide-wrap .swiper-slide .images-box img{height:100%;}
.mw-slide-wrap .swiper-slide .cont{position:relative;min-height:140px; max-height:250px; overflow:hidden; background:#fff; padding:45px 55px;}
.mw-slide-wrap .swiper-slide .cont.gray{background:#635f5e;}
.mw-slide-wrap .swiper-slide .cont.gray .h-info-title{color:#fff;}
.mw-slide-wrap .swiper-slide .cont.gray .data-info-p{color:#fff;}
.mw-slide-wrap .swiper-slide .cont .h-info-title{font-size:30px; margin-bottom:23px; color:#000; font-weight:500;}
.mw-slide-wrap .swiper-slide .cont .data-info-p { font-size:16px; display: -webkit-box;overflow: hidden;max-height: 40px;line-height: 20px;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical; color:#666;}
.mw-slide-wrap .swiper-slide .cont img{display:block; position:absolute; right:55px; bottom:35px;}

.mw-slide-wrap .mw-list-box{position:relative; margin:20px auto 100px;}
.mw-slide-wrap .mw-txt{text-align:center;}
.mw-slide-wrap .mw-txt h2{font-size:40px; color:#333; margin-bottom:10px;}
.mw-slide-wrap .mw-txt p{font-size:18px; color:#666;}
.mw-slide-wrap .bg-gr{background:#e9e8e6; width:100%; height:300px; position:absolute; left:0; bottom:-20px; }
.mw-slide-wrap .swiper-button-prev{width:60px;height:60px; border-radius:50%; background:rgba(0,0,0,.2); left:100px;}
.mw-slide-wrap .swiper-button-next{width:60px;height:60px; border-radius:50%; background:rgba(0,0,0,.2); right:100px;}
.mw-slide-wrap .swiper-button-prev::after{display:none;}
.mw-slide-wrap .swiper-button-next::after{display:none;}
.best-tourlist { box-shadow:0 10px 20px rgba(0,0,0,0.4); margin-bottom:30px;}
.best-tour { position:absolute; width:80px; height:60px; left:55px; top:54%; z-index:100; border-radius:10px; color:#fff; text-align:center; font-size:18px; background:#d3383e url(https://www.haeundae.go.kr/eng/img/main/star_ico.png) center 10px no-repeat; padding-top:27px; box-sizing:border-box;}


/* mainFestival */
.mainFestival { clear:both; width:100%; margin-bottom:100px; position:relative; height:100%; z-index:100;}
.mainFestival h4 { text-align:center; font-size:50px; color:#333; text-align:center; text-transform:uppercase; line-height:120%;}
.mainFestival .mainTourist-h4Txt { text-align:center; font-size:20px; color:#666; text-align:center; line-height:120%; padding-bottom:50px;}

.mFestLst-wrap { position:relative; }
.mFestLst-wrap:after { content:''; position:absolute; left:0; top:0; background:url(https://www.haeundae.go.kr/eng/img/main/fastival_backImg.jpg) left top no-repeat; width:1250px; height:400px; background-size:cover; z-index:-1;}
.mFestLst { width:1400px; margin:0 auto;}
.mFestLst .slick-slide { position:relative; padding: 0 5px;}
.mFestLst .slick-arrow {display: block; width: 23px; height: 44px; position: absolute; top:80px; text-indent: -99999px; cursor: pointer; z-index:1000;}
.mFestLst .slick-prev { right:120px; background-position: left center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_left.png')no-repeat; }
.mFestLst .slick-next { right: 50px; background-position: right center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_right.png')no-repeat;}

.mFestLst-backImg { padding:50px 0 30px; position:relative; width:70%; box-sizing:border-box;}
.mFestLst-backImg .FestLst-backTxt { display:inline-block; width:auto;}
.mFestLst-backTxt p { color:#fff;}
.mFestLst-backTxt p:nth-child(1) { font-size:30px; margin-bottom:20px;}
.mFestLst-backImg p:nth-child(2) { width:50%; font-size:16px; line-height:120%; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.mFestLst-viewDetail { position:absolute; right:0; bottom:30px; background:#d3383e; width:230px; height:60px; line-height:60px; border-radius:10px; color:#fff; padding-right:0; text-align:center;}
.mFestLst-viewDetail a { width:100%; color:#fff; font-size:16px; }
.mFestLst-viewDetail a:after { content:''; display:inline-block; background:url(https://www.haeundae.go.kr/eng/img/main/mFestLst-viewDetail-arrow.png) right center no-repeat; width:60px; height:100%; vertical-align:top;}
.mFestLst-conts {position:relative;z-index:1;box-shadow:0 0 20px rgba(0,0,0,0.3);margin:50px;width: 100%;height: 626px;overflow: hidden;margin-left: 0px;}
.mFestLst-conts img { width:100%;margin-top:-100px}



/* mnLnk service */
.mnLnk {margin-top: 20px; margin-bottom: 25px;}
.mnLnk h4 { text-align:center; font-size:50px; color:#333; text-align:center; line-height:120%;}
.mnLnk .mainTourist-h4Txt { text-align:center; font-size:20px; color:#666; text-align:center; line-height:120%; padding-bottom:50px;}

.mnlLst {margin: 0 0;}
.mnlLst .slick-slide {padding: 0 5px;}
.mnlLst .slick-slide a {display: block; border: solid 0px #ddd; margin:30px 0; padding:10px 0; text-align: center; border-left:1px solid #e6e6e6;}
.mnlLst .slick-slide a em {display: block; margin: 0 auto; width: 75px; height: 75px;}
.mnlLst .slick-slide a h5 {font-size:18px; margin-top: 30px; margin-bottom: 15px; letter-spacing:-0.5px;}
.mnlLst .slick-slide a p {font-size:13px; color: #666; line-height:120%;}
.mnlLst .slick-slide a:hover span {border-color: #06307a; background: #06307a url('https://www.haeundae.go.kr/eng/img/main/main_link_arrow_on.png')no-repeat center center;}
.mnlLst .slick-arrow {display: block; width: 23px; height: 44px; position: absolute; top: 50%; margin-top: -22px; text-indent: -99999px; cursor: pointer;}
.mnlLst .slick-prev {left: 0px; background-position: left center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_left.png')no-repeat; }
.mnlLst .slick-next {right: 0px; background-position: right center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_right.png')no-repeat;}



@media (max-width:1420px) {
	
.mnLnk {margin-top: 60px; margin-bottom: 60px;}
.mnlLst .slick-slide {padding: 0 0;}
.mnlLst .slick-slide a {padding: 25px 10px;}
.mnlLst .slick-slide a h5 {font-size: 12pt; margin-top: 15px; margin-bottom: 5px;}
.mnlLst .slick-slide a p {font-size: 10pt; margin-bottom: 15px;}
.mnlLst .slick-slide a span {width: 30px; height: 30px; background-size: 10px auto !important;}
.mnlLst .slick-dots {margin-top: 10px; text-align: center;}
.mnlLst .slick-dots li {display: inline-block; margin-left: 3px; margin-right: 3px;}
.mnlLst .slick-dots li button {width: 8px; height: 8px; text-indent: -9999px; background: #ccc; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.mnlLst .slick-dots li.slick-active button {background: #05317c;}

.mFestLst-wrap:after { content:''; position:absolute; left:0; top:0; background:url(https://www.haeundae.go.kr/eng/img/main/fastival_backImg.jpg) left top no-repeat; width:90%; height:400px; background-size:cover; z-index:-1;}
.mFestLst { width:100%; margin:0 auto;}

.mFestLst-viewDetail {position:relative;right:0;bottom:0px;margin-left:50px;top: 16px;background:#d3383e;width:230px;height:60px;line-height:60px;border-radius:10px;color:#fff;padding-right:0;text-align:center;}
.mFestLst-backTxt { padding-left:50px;}
.mFestLst .slick-prev { right:210px; background-position: left center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_whiteleft.png')no-repeat; }
.mFestLst .slick-next { right: 130px; background-position: right center; width:60px; height:60px; background: url('https://www.haeundae.go.kr/eng/img/main/main_link_nav_whiteright.png')no-repeat;}
.mFestLst-backImg { width:85%;}
.mFestLst-backImg p:nth-child(2) { width:100%;}
.mFestLst .slick-arrow {top: 224px;}
.mFestLst .slick-dots { display:none !important;}
.mFestLst-conts {margin: 50px 0 0 0px;height: auto;}

.mainGreeting-LeftWrap { width:95%;}
.mainGreeting-LeftWrap .mainGreeting-LeftConts { padding-left:10%;}
.mainGreeting-RightWrap { width:95%; top:430px;}
.mainGreeting-ceo { right:0; bottom:470px; margin-right:0; text-align:right;}
.mainGreeting { height:900px;}
.mainGreeting-RightWrap .mainGreeting-RightConts { padding:0 10%;}
.mainGreeting-RightWrap .mainGreeting-RightConts ul { padding-right:0;}
.mainGreeting-RightWrap .mainGreeting-RightConts ul li { width:48%; margin:0 1%;}
	
}

@media screen and (max-width:900px){

	.swiper-slide .text{left: 3%;/* display:none */width: 100%;text-align:center;font-size: 20px;}
	.swiper-slide .text img{width:80%;display:block;margin:0 auto}
	.mainFestival{height:700px}
	.mFestLst-conts img{margin-top:0}
}

@media screen and (max-width:640px){
	.mw-slide-wrap .swiper-container{padding-left: 20px;}
	.mw-slide-wrap .swiper-button-next, .mw-slide-wrap .swiper-button-prev{display:none;}
	
	.mainGreeting-RightWrap .mainGreeting-RightConts ul li { width:100%; margin:0;}
	.main-mw-wrap .slide-option-box{left:10%}
	.mainGreeting{margin-top:50px}
}


@media screen and (max-width:1200px) and (min-width:641px){
	.mw-slide-wrap .swiper-container{padding-left: 20px;}
	.mw-slide-wrap .swiper-button-next, .mw-slide-wrap .swiper-button-prev{display:none;}
}



@media (max-width:991px) {

.mnLnk {margin-top: 30px; margin-bottom: 30px;}
.mainGreeting-ceo img { position:relative;width:50%;right:10px}
.mainGreeting-LeftWrap .mainGreeting-LeftConts{padding:5%;display: block;}
.mainGreeting-LeftWrap .mainGreeting-LeftConts h4{font-size:35px}
.mainGreeting-LeftWrap .mainGreeting-LeftConts > div{width:65%}
.mainGreeting-LeftConts ul{display:none}
	
}