@charset "utf-8";

/**
 * Filename : main_v1.0.css
 * Description : main style
 **/

 /* ==========================================================================
	Base styles & Helper
   ========================================================================== */

/* font */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap&subset=korean');
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,500,800,900);

/* base */
button {margin:0; padding:0; border:0 none; box-sizing:border-box; background-color:transparent; vertical-align:middle; cursor:pointer; outline:none;}


/* ==========================================================================
	content styles
   ========================================================================== */

.main {background:none;}

.main-content {position:relative;}
	.main-content * {color:#3b3b3b; font-size:15px; font-weight:400; font-family:"Noto Sans KR", Montserrat, "Malgun Gothic", Dotum, sans-serif; letter-spacing:-1px;}
	.main-content a {box-sizing:border-box; text-decoration:none;}
	.main-content button {margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; cursor:pointer; outline:none;}

.main-inner {position:relative;}

.content-inner {margin:0 auto; width:1000px;}

/* nav */
#nav {position:absolute; top:117px; right:50%; z-index:100; margin-right:-650px; text-align:center;}
	#nav li {display:table; margin:0 0 10px;}
	#nav li * {color:#7b7b7b; font-size:14px; font-weight:500; font-family:Montserrat, sans-serif;}
	#nav li a {display:table-cell; width:95px; height:95px; border-radius:100%; background-color:rgba(221,227,242,0.48); vertical-align:middle;}
	#nav li a .text-medium {display:block; font-style:normal; letter-spacing:0;}
	#nav li.active * {color:#fff;}
	#nav li.active a {background-color:rgba(19,78,246,1); box-shadow:5px 7px 20px 0 rgba(0,0,0,0.18);}

/* title */
.title-large {position:relative; margin:0 0 40px; text-align:center;}
	.title-large .title-bold {display:inline-block; position:relative; z-index:5; margin:0 0 10px; width:379px; color:#272830; font-size:38px; font-weight:900; font-family:Montserrat, sans-serif; line-height:1;}
	.title-large .title-thin {color:#272830; font-size:20px; font-weight:300;}
	.title-large.line:before {content:""; position:absolute; top:16px; left:0; width:100%; height:1px; background-color:#6f6f6f;}
	.title-large.line .title-bold {background-color:#fff;}

.title-medium {position:relative; margin:0 0 33px; text-align:center;}
	.title-medium .title-bold {display:inline-block; margin:0 0 5px; color:#272830; font-size:28px; font-weight:800; font-family:Montserrat, sans-serif; line-height:1;}
	.title-medium .title-thin {color:#272830; font-size:18px; font-weight:300;}

/* img list */
.list-columns {overflow:hidden; margin:0 -10px;}
	.list-columns .individual {float:left; box-sizing:border-box; margin:0 10px 20px; width:235px; text-align:center;}
	.list-columns .individual .list-img {overflow:hidden; width:235px; height:165px;}
	.list-columns .individual .phrase {padding:20px 0; width:100%;}
	.list-columns .individual .text-medium {font-size:17px;}

	.list-columns.round .individual {margin:0 20px 20px; width:215px; min-height:330px;}
	.list-columns.round .individual .list-img {overflow:hidden; border-radius:100%; width:215px; height:215px;}

/* visual */
.visual {position:relative; margin:0 0 70px; min-width:1000px;}
	.visual .individual {position:relative; overflow:hidden; box-sizing:border-box; max-height:570px;}
	.visual .individual .visual-background {width:100%; height:100%; max-height:inherit;}
	.visual .individual .visual-phrase {width:auto; height:100%; max-height:inherit; margin:0 auto;} 
	.visual .individual .img-area {position:absolute; top:0; left:50%; transform: translate(-50%, 0); height:100%;}
	.visual .individual .btn-area {position:absolute; bottom:25%; left:28%; overflow:hidden;}
	.visual .individual .btn-area .btn-view {display:inline-block; margin:0 0.5%; /*width:10%; max-width:160px;*/ outline:none;}
	.visual .individual .btn-area .btn-view img {width:100%;}

	.visual .slick-dots {position:absolute; bottom:15px; left:50%;}
	.visual .slick-dots li {float:left; padding:0 3px;}
	.visual .slick-dots li button {display:inline-block; width:18px; height:18px; background:url("https://wwwcdn.everland.com/web/images/front/everland/main_new/pagination.png") no-repeat; background-position:0 0; text-indent:-9999px;}
	.visual .slick-dots li.slick-active button {background-position:0 -18px;}
	.visual .btn-control {display:inline-block; position:absolute; bottom:15px; left:50%; z-index:100; margin-left:-96px; width:20px; height:20px; background:url("https://wwwcdn.everland.com/web/images/front/everland/main_new/btn_slide_control.png") no-repeat; text-indent:-9999px;}
	.visual .btn-control.stop {background-position:0 0;}
	.visual .btn-control.play {background-position:-20px 0;}

/* What’s New */
#whats-new {margin:0 0 40px;}

/* Editor’s Pick */
#editors-pick {margin:0 0 70px;}
	#editors-pick .btn-area {margin:0 0 0; text-align:center;}
	#editors-pick .btn-area .btn-view {display:inline-block; padding:11px 0; width:220px; height:50px; border-radius:30px; border:1px solid #565656; text-align:center;}
	#editors-pick .btn-area .btn-view .btn-text {padding-right:29px; background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/btn_arr_black.png") no-repeat 100% 7px; color:#272830; font-size:16px; font-style:normal;}
	#editors-pick .btn-area .btn-view .text-bold {color:#272830; font-size:16px; font-weight:500;}

/* information */
#information {padding:60px 0; background-color:#e9f5f9;}
	#information .information-inner {position:relative;}
	#information .information-inner:after {content:""; display:block; clear:both;}

	#information .news-notice {float:left; box-sizing:border-box; margin-right:9px; padding:35px 20px 30px; width:325px; height:500px; border:solid #e6e6e6; border-width:0 1px 2px; border-top:2px solid #134ef6; background-color:#fff;}
	#information .news-notice .news-list {border-width:1px 0; border-style:solid; border-color:#8c8c8c;}
	#information .news-notice .news-list li {border-bottom:1px solid #ececec;}
	#information .news-notice .news-list li:last-child {border:0;}
	#information .news-notice .news-list li a {display:block; position:relative; overflow:hidden; padding:16px 10px; width:100%; text-overflow:ellipsis; white-space:nowrap; line-height:1;}
	#information .news-notice .news-list li a:before {content:""; position:absolute; top:50%; left:1px; width:2px; height:2px; background-color:#bbb;}

	#information .today {float:left; box-sizing:border-box; margin-right:9px; padding:35px 20px 30px; width:325px; height:500px; border:solid #e6e6e6; border-width:0 1px 2px; border-top:2px solid #134ef6; background-color:#fff;}
	#information .today .today-date {margin:0 0 5px; padding:4px 0 0; border-top:1px solid #ececec; text-align:center; color:#272830; font-size:20px; font-weight:700;}
	#information .today .today-time {margin:0 0 10px; text-align:center;}
	#information .today .today-time .text-small {display:inline-block; margin:10px 15px 0 0; color:#423b38;}
	#information .today .today-time .text-time {display:inline-block; color:#134ef6; font-size:33px; font-weight:800; font-family:Montserrat, sans-serif;}
	#information .today .title-close {margin:0 0 5px; color:#134ef6;}
	#information .today .close-available {display:none;text-align:center;}
	#information .today .close-available .text-operate {padding:10px 0 0;}
	#information .today .close-available #srolling {position:relative; overflow:hidden; box-sizing:border-box; width:283px; min-height:108px;max-height:133px;overflow-y:auto; scrollbar-3dLight-Color:#e9e9e9; scrollbar-arrow-color:#e9e9e9; scrollbar-base-color:#e9e9e9; scrollbar-Face-Color:#e9e9e9; scrollbar-Track-Color:#fff; scrollbar-DarkShadow-Color:#e9e9e9; scrollbar-Highlight-Color:#e9e9e9; scrollbar-Shadow-Color:#e9e9e9;}
	#information .today .close-available ::-webkit-scrollbar {width:15px; height:8px; border:3px solid #fff;}
	#information .today .close-available ::-webkit-scrollbar-button:start:decrement,
	#information .today .close-available ::-webkit-scrollbar-button:end:increment {display:block; height:10px; background-color:#e9e9e9;}
	#information .today .close-available ::-webkit-scrollbar-track {background:#fff;}
	#information .today .close-available ::-webkit-scrollbar-thumb {height:50px; width:50px; background-color:#e9e9e9;}
	#information .today .close-available #srolling * {color:#423b38;}
	#information .today .close-available #srolling .list_li .tb_01 {width:100%;}
	#information .today .btn-area {margin:10px 0 0; text-align:center;}
	#information .today .btn-area .btn-view {display:inline-block; padding:7px 0; width:186px; height:38px; border-radius:30px; border:1px solid #144ff6; color:#134ef6; text-align:center;}
	#information .today .closure {margin:22px 0 27px; text-align:center;} 
	#information .today .closure .img-close {margin:0 0 24px;}

	#information .smart-content {float:left;}
	#information .smart-reservation {box-sizing:border-box; width:325px; height:378px; border:solid #e6e6e6; border-width:0 1px 2px; background-color:#fff;}
	#information .smart-reservation .title-medium {box-sizing:border-box; margin:0; padding:35px 5px 0 0; height:129px; background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/bg_smart_reservation_title.gif") no-repeat;}
	#information .smart-reservation .title-medium:after {content:""; position:absolute; bottom:0; right:-19px; width:106px; height:148px; background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/bg_smart_reservation_ico.png") no-repeat;}
	#information .smart-reservation .title-medium .title-bold {color:#fff; font-size:27px; font-weight:700; font-family:"Noto Sans KR", sans-serif;}
	#information .smart-reservation .title-medium .title-thin {color:#fff;}
	#information .smart-reservation .smart-link {overflow:hidden;}
	#information .smart-reservation .smart-link a {float:left; padding:0 0 0 20px; width:50%; height:82px; border:solid #f4f4f4; text-align:left;}
	#information .smart-reservation .smart-link .text-link {display:inline-block; box-sizing:border-box; padding:30px 0 0 55px; width:auto; height:82px; background-position:0 50% !important; color:#272830; font-size:16px; font-style:normal;}
	#information .smart-reservation .smart-link .utilization {border-width:0 1px 1px 0;}
	#information .smart-reservation .smart-link .utilization .text-link {background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico_smart_reservation_01_01.png") no-repeat;}
	#information .smart-reservation .smart-link .bay-coin {border-width:0 0 1px 0;}
	#information .smart-reservation .smart-link .bay-coin .text-link {background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico_smart_reservation_02_01.png") no-repeat;}
	#information .smart-reservation .smart-link .valet-parking {border-width:0 1px 1px 0;}
	#information .smart-reservation .smart-link .valet-parking .text-link {background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico_smart_reservation_03_01.png") no-repeat;}
	#information .smart-reservation .smart-link .village {border-width:0 0 1px 0;}
	#information .smart-reservation .smart-link .village .text-link {background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico_smart_reservation_04_01.png") no-repeat;}
	#information .smart-reservation .smart-link .beach-chair {border:0;}
	#information .smart-reservation .smart-link .beach-chair .text-link {background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico_smart_reservation_05_01.png") no-repeat;}

	#information .traffic {display:table; box-sizing:border-box; margin:10px 0 0; padding:0 20px; width:325px; height:112px; border:solid #e6e6e6; border-width:1px 1px 2px; background-color:#fff;}
	#information .traffic .phrase {display:table-cell; padding:0 0 0 85px; background:url("https://wwwcdn.everland.com/web/images/front/caribbean/main_new/ico-traffic.png") no-repeat 0 50%; vertical-align:middle;}
	#information .traffic .text-medium {font-size:17px;}
	#information .traffic .color-purple {color:#6d2cb7; font-size:17px;}

/* banner */
.banner {position:relative; min-width:1000px; max-height:165px;}
	.banner .individual {display:block; max-height:inherit;}
	.banner .individual .banner-background {width:100%; max-height:inherit;}
	.banner .individual .banner-phrase {width:auto; height:100%; max-height:inherit;}
	.banner .individual .individual-inner {position:absolute; top:0; left:50%; margin-left:-500px; width:1000px; height:100%; text-align:center;}

/* ticket promotion */
#ticket-promotion {padding:55px 0 135px; background-color:#f7f7f7;}
	#ticket-promotion .ticket-list {border:1px solid #e6e6e6; background-color:#fff;}
	#ticket-promotion .ticket-list:after {content:""; display:block; clear:both;}
	#ticket-promotion .ticket-list .individual {position:relative; float:left; box-sizing:border-box; width:200px; height:228px; text-align:center;}
	#ticket-promotion .ticket-list .individual:after {content:""; position:absolute; top:20px; right:0; width:1px; height:187px; background-color:#ececec;}
	#ticket-promotion .ticket-list .individual:last-child {width:198px;}
	#ticket-promotion .ticket-list .individual:last-child:after {display:none;}
	#ticket-promotion .ticket-list .individual a {display:block; padding:15px 0 0; width:100%; height:100%;}
        #ticket-promotion .ticket-list .individual img {width:62px; height:62px;}
	#ticket-promotion .ticket-list .individual .text-small {display:block; margin:0 0 15px; font-size:14px;}
	#ticket-promotion .ticket-list .individual .phrase {margin:12px 0 0;}
	#ticket-promotion .ticket-list .individual .phrase dt {margin:0 0 3px; color:#272830; font-size:18px; font-weight:500; line-height:1.4;}
	#ticket-promotion .btn-area {margin:25px 0 0; text-align:center;}
	#ticket-promotion .btn-area .btn-view {display:inline-block; padding:8px 0; width:250px; height:45px; border-radius:30px; border-width:1px !important; background-color:rgba(255,255,255,0.7); box-shadow:0 5px 0 rgba(0,0,0,0.05);}
	#ticket-promotion .btn-area .btn-text {padding-right:29px; background:url("https://wwwcdn.everland.com/web/images/front/everland/main_new/btn_arr_black.png") no-repeat 100% 7px; color:#444; font-size:16px; font-style:normal;}
	#ticket-promotion .btn-area .text-bold {color:#444; font-size:16px; font-weight:500;}
	#ticket-promotion .btn-area .card {margin-right:30px; border:solid #134ef6;}
	#ticket-promotion .btn-area .month {border:solid #7c2ed4;}

/* footer */
.footer_bg {margin:0 !important;}


/* ==========================================================================
	popup styles
   ========================================================================== */

/* 동영상 팝업 */
.layer-movie-popup {display:none; position:absolute; top:0; left:0; z-index:99999; width:100%; height:100%; background-color:rgba(0,0,0,0.5);}
	.layer-movie-popup .layer-movie-inner {position:absolute; top:250px; left:50%; margin:0 0 0 -420px; padding:45px; box-sizing:border-box; width:840px; height:547px; background-color:#fff; box-shadow:15px 30px 70px rgba(0,0,0,.07);}
	.layer-movie-popup .btn-layer-close {position:absolute; top:-22px; right:-22px; margin:0; padding:0; box-sizing:border-box; border:0 none; background-color:transparent; vertical-align:middle; cursor:pointer; outline:none;}	

/* ==========================================================================
	common styles
   ========================================================================== */

.color-blue {color:#134ef6;}