@charset "utf-8";

/* common style */
html.fixed {position: fixed; left: 0; width: 100%; height: 100%;}

label.rdo {display: inline-block; position: relative; padding: 0 0 0 24px;}
label.rdo input {position: absolute; top: 5px; left: 0; width: 1px; height: 1px; opacity: 0; cursor: pointer;}
label.rdo span {display: block;}
label.rdo span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0; background: url(../../images/common/rdo.png) 0 0 no-repeat;}
label.rdo input:checked + span:before {background-position: 0 -16px;}
label.rdo input:focus + span:before {outline: 1px dotted #000000;}

label.chk {display: inline-block; position: relative; padding: 0 0 0 24px;}
label.chk input {position: absolute; top: 5px; left: 0; width: 1px; height: 1px; opacity: 0; cursor: pointer;}
label.chk span {display: block;}
label.chk span:before {display: block; content: ''; position: absolute; top: 50%; left: 0; width: 16px; height: 16px; margin: -8px 0 0; background: url(../../images/common/chk.png) 0 0 no-repeat;}
label.chk input:checked + span:before {background-position: 0 -16px;}
label.chk input:focus + span:before {outline: 1px dotted #000000;}

.btn_wrap {overflow: hidden; width: 100%; text-align: center;}
.btn_wrap a {float: left; margin: 0 0 0 10px;}
.btn_wrap a:first-child {margin: 0;}
.btn_wrap input {float: left; margin: 0 0 0 10px;}
.btn_wrap input:first-child {margin: 0;}
.btn_wrap button {float: left; margin: 0 0 0 10px;}
.btn_wrap button:first-child {margin: 0;}

.btn40 {display: inline-block; box-sizing: border-box; box-shadow: 5px 15px 24px 0px rgba(0, 0, 0, 0.1); height: 40px; border: none; border-radius: 6px; font-weight: 900; font-size: 15px; line-height: 40px; text-align: center; vertical-align: top; cursor: pointer; -webkit-appearance: none; appearance: none;}
.btn40.c1 {border: none; background: #ffffff; color: #4285f4;} /* 흰색바탕 파란글씨 */
.btn40.c2 {border: none; background: #ffffff; color: #08c35a;} /* 흰색바탕 초록글씨 */

.btn60 {display: inline-block; box-sizing: border-box; box-shadow: 4px 6px 18px 0px rgba(19, 20, 43, 0.4); height: 60px; border: none; border-radius: 0; font-weight: 700; font-size: 18px; line-height: 60px; text-align: center; vertical-align: top; cursor: pointer; -webkit-appearance: none; appearance: none;}
.btn65 {display: inline-block; box-sizing: border-box; box-shadow: 4px 6px 18px 0px rgba(19, 20, 43, 0.4); height: 65px; border: none; border-radius: 0; font-weight: 700; font-size: 18px; line-height: 65px; text-align: center; vertical-align: top; cursor: pointer; -webkit-appearance: none; appearance: none;}
.btn60.c1 {border: none; background: #333333; color: #ffffff;} /* 검은바탕 흰색글씨 */
.btn65.c1 {border: none; background: #333333; color: #ffffff;} /* 검은바탕 흰색글씨 */

/* main layer popup */
.main_popup {position: relative; z-index: 1000; background: #ffffff;}
.main_popup .main_popup_body {position: relative;}
.main_popup .main_popup_body a {display: inline-block;}
.main_popup.sizeFixed .main_popup_body a {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.main_popup.sizeFixed .main_popup_body img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100% !important; height: 100% !important;}
.main_popup .main_popup_foot {overflow: hidden; padding: 5px 10px; background: #000000;}
.main_popup .main_popup_foot .chk {float: left;}
.main_popup .main_popup_foot .chk span {color: #ffffff;}
.main_popup .main_popup_foot .close {float: right; color: #ffffff;}

/* layer popup */
.layer-back {position: fixed; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; z-index: 999; background: rgba(0,0,0,0.6);}
.layer-back.bg-none {background: none;}
.layer-wrap {position: absolute; z-index: 999; transform: translateY(30px); opacity: 0; transition: all .5s;}
.layer-wrap.open {transform: translateY(0); opacity: 1;}

.layer_popup {position: relative; z-index: 1000; background: #ffffff;}
.layer_popup .layer_head {position: relative; padding: 0 0 0 20px; background: #333333;}
.layer_popup .layer_head .layer_title {font-weight: 700; font-size: 16px; line-height: 50px; color: #ffffff;}
.layer_popup .layer_head .layer_close {display: block; position: absolute; top: 15px; right: 15px; width: 21px; height: 21px; background: url(../../images/common/layer_close.png) 0 0 no-repeat; text-indent: -9999em;}
.layer_popup .layer_body {}

/* load motion */
.n-motion {opacity: 0; transition-property: all; transition-duration: 0.6s;}

.n-delay1 {transition-delay: 0.1s;}
.n-delay2 {transition-delay: 0.2s;}
.n-delay3 {transition-delay: 0.3s;}
.n-delay4 {transition-delay: 0.4s;}
.n-delay5 {transition-delay: 0.5s;}
.n-delay6 {transition-delay: 0.6s;}
.n-delay7 {transition-delay: 0.7s;}
.n-delay8 {transition-delay: 0.8s;}
.n-delay9 {transition-delay: 0.9s;}

.n-motion.n-left   {transform: translateX(-50px);}
.n-motion.n-right  {transform: translateX(50px);}
.n-motion.n-top    {transform: translateY(-50px);}
.n-motion.n-bottom {transform: translateY(50px);}
.n-motion.n-spin   {transform: rotate(180deg);}

.n-motion.n-active {opacity: 1;}

.n-motion.n-left.n-active   {transform: translateX(0);}
.n-motion.n-right.n-active  {transform: translateX(0);}
.n-motion.n-top.n-active    {transform: translateY(0);}
.n-motion.n-bottom.n-active {transform: translateY(0);}
.n-motion.n-spin.n-active   {transform: rotate(0deg);}

/* lazy load */
.lazy-hidden {opacity: 0;}
.lazy-loaded {transition: all 0.3s; opacity: 1;}

/* style start */
#wrap {overflow: hidden; position: relative; box-sizing: border-box; width: 100%; min-width: 1300px; min-height: 100%; background: url(../../images/common/bg.jpg) center top no-repeat;}
#header {position: relative; width: 1080px; margin: 0 auto 80px; padding: 25px 110px 0;}
#header .logo {display: inline-block;}
#header .logo a {display: block;}
#header .lang {position: absolute; top: 25px; right: 110px;}
#header .lang ul {overflow: hidden;}
#header .lang ul li {float: left;}
#header .lang ul li a {display: block; box-sizing: border-box; width: 60px; border: 1px solid #ffffff; font-weight: 500; font-size: 14px; line-height: 30px; color: #ffffff; text-align: center; opacity: 0.6;}
#header .lang ul li:first-child a {border-radius: 5px 0 0 5px;}
#header .lang ul li:last-child a {border-radius: 0 5px 5px 0;}
#header .lang ul li.on a {background: #ffffff; font-weight: 700; color: #333333; opacity: 1;}
#header .head-inner {margin: 75px 0 0;}
#header .head-inner .txt-area {padding: 0 0 19px;}
#header .head-inner .txt-area .subtit {font-family: Roboto; font-weight: 500; font-size: 26px; line-height: 1; color: #ffffff;}
#header .head-inner .txt-area .tit {margin: 35px 0 0; font-family: Roboto; font-weight: 800; font-size: 82px; line-height: 60px; color: #ffffff;}
#header .head-inner .info-area {position: absolute; right: 110px; bottom: 0; border-top: 2px solid #ffffff; padding: 30px 0 0;}
#header .head-inner .info-area dl {overflow: hidden; margin: 15px 0 0;}
#header .head-inner .info-area dl:first-child {margin: 0;}
#header .head-inner .info-area dl dt {float: left; font-weight: 700; font-size: 18px; line-height: 1; letter-spacing: -0.04em; color: #ffffff;}
#header .head-inner .info-area dl dd {float: left; margin: 0 0 0 25px; font-size: 18px; line-height: 1; color: #ffffff;}

#container {box-shadow: 5px 15px 24px 0px rgba(0, 0, 0, 0.1); width: 1300px; margin: 0 auto; background: #ffffff;}

#footer {position: relative; width: 1300px; margin: 10px auto 0; padding: 0 0 60px;}
#footer .caution {padding: 30px 110px; background: rgba(10, 5, 11, .15);}
#footer .caution dl dt {margin: 0 0 16px; font-weight: 700; font-size: 18px; letter-spacing: -0.04em; color: #ffffff;}
#footer .caution dl dd {margin: 12px 0 0; padding: 0 0 0 10px; font-size: 16px; letter-spacing: -0.04em; color: #ffffff; text-indent: -10px; opacity: .4;}
#footer .caution dl dd:nth-of-type(1) {margin: 0;}

.hgroup {margin: 50px 0 0; border-top: 1px solid #eaeaea; padding: 50px 0 30px;}
.hgroup.first {margin: 0; border: none; padding-top: 0;}
.hgroup .tit {margin: -9px 0; font-weight: 500; font-size: 30px; letter-spacing: -0.04em; color: #333333;}

.tab-area {box-shadow: 6px 8px 24px 0px rgba(19, 20, 43, 0.15); background: #ffffff;}
.tab-area ul {text-align: center; font-size: 0;}
.tab-area ul li {display: inline-block;}
.tab-area ul li a {display: block; position: relative; padding: 0 30px; font-weight: 500; font-size: 17px; line-height: 65px; color: #333333;}
.tab-area ul li.on a {font-weight: 900; color: #000000;}
.tab-area ul li.on a:after {display: block; content: ''; position: absolute; bottom: -10px; left: 50%; width: 3px; height: 20px; margin: 0 0 0 -1px; background: #eaaf0f;}

.outline-wrap {padding: 110px 110px 170px;}
.outline-wrap .intro {background: url(../../images/common/outline-bg.jpg) right 40px top 8px no-repeat;}
.outline-wrap .intro .txt-area .tit {margin: -8px 0 0; font-weight: 500; font-size: 30px; line-height: 42px; letter-spacing: -0.04em; color: #333333;}
.outline-wrap .intro .txt-area .txt {margin: 40px 0 0;}
.outline-wrap .intro .txt-area .txt p {margin: 20px 0 0; font-weight: 500; font-size: 16px; line-height: 26px; letter-spacing: -0.04em; color: #444444;}
.outline-wrap .intro .txt-area .txt p:first-child {margin: 0;}
.outline-wrap .intro .txt-area .btn-wrap {margin: 55px 0 0;}
.outline-wrap .info {overflow: hidden; margin: 123px 0 0;}
.outline-wrap .info dl {float: left; position: relative; min-width: 230px; margin: 0 0 0 60px; padding: 19px 0 0;}
.outline-wrap .info dl:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 230px; height: 3px; background: #2a2a2d;}
.outline-wrap .info dl:first-child {margin: 0;}
.outline-wrap .info dl dt {font-weight: 700; font-size: 18px; letter-spacing: -0.04em; color: #333333;}
.outline-wrap .info dl dd {margin: 15px 0 0; font-size: 16px; letter-spacing: -0.04em; color: #666666;}

.agenda-wrap {padding: 100px 110px 170px;}
.agenda-wrap .inner {border-top: 3px solid #2a2a2d;}
.agenda-wrap .inner .tbl-head thead tr th {font-weight: 700; font-size: 18px; line-height: 57px; color: #333333; text-align: center;}
.agenda-wrap .inner .days-info dl {margin: 42px 0 0; font-size: 0;}
.agenda-wrap .inner .days-info dl:first-child {margin: 0;}
.agenda-wrap .inner .days-info dl dt {display: inline-block; width: 180px;}
.agenda-wrap .inner .days-info dl dt .tit {margin: 8px 0 0; font-family: Roboto; font-weight: 900; font-size: 32px; line-height: 23px; letter-spacing: -0.025em; color: #000000;}
.agenda-wrap .inner .days-info dl dt .sub {margin: 24px 0 0; font-family: Roboto; font-weight: 700; font-size: 16px; line-height: 12px; letter-spacing: -0.01em; color: #777777;}
.agenda-wrap .inner .days-info dl dd {display: inline-block; width: 900px;}
.agenda-wrap .inner .tbl-body {border-top: 1px solid #2a2a2d;}
.agenda-wrap .inner .tbl-body tbody tr td {padding: 17px 25px; background: #f0f1f8; font-size: 16px; line-height: 22px; letter-spacing: -0.01em; color: #444444; text-align: left;}
.agenda-wrap .inner .tbl-body tbody tr.basic td {background: #ffffff;}
.agenda-wrap .inner .tbl-body tbody tr.basic.line td {border-top: 1px solid #eaeaea;}
.agenda-wrap .inner .tbl-body tbody tr td.schedule {padding: 17px 20px; font-weight: 700; color: #000000;}
.agenda-wrap .inner .tbl-body tbody tr td.cont {padding: 17px 10px;}

.hotel-wrap {padding: 100px 110px 170px;}
.hotel-wrap .hotel-info .info {overflow: hidden;}
.hotel-wrap .hotel-info .info dl {float: left; width: 288px; margin: 0 0 0 80px; border-top: 3px solid #2a2a2d; padding: 17px 0 0;}
.hotel-wrap .hotel-info .info dl:first-child {margin: 0;}
.hotel-wrap .hotel-info .info dl dt {margin: -5px 0; font-weight: 700; font-size: 18px; letter-spacing: -0.04em; color: #333333;}
.hotel-wrap .hotel-info .info dl dd {margin: 15px 0 0; font-weight: 500; font-size: 16px; letter-spacing: -0.04em; color: #666666;}
.hotel-wrap .hotel-info .picture {margin: 46px 0 0;}
.hotel-wrap .road-guide .tbl-info {border-top: 3px solid #2a2a2d;}
.hotel-wrap .road-guide .tbl-info table tbody tr th {border-bottom: 1px solid #eaeaea; padding: 0 25px; background: #f0f1f8; font-weight: 700; font-size: 18px; letter-spacing: -0.04em; color: #333333; text-align: left;}
.hotel-wrap .road-guide .tbl-info table tbody tr td {border-bottom: 1px solid #eaeaea; padding: 22px 25px; font-weight: 500; font-size: 16px; line-height: 24px; letter-spacing: -0.01em; color: #444444;}
.hotel-wrap .road-guide .map-wrap {position: relative; width: 1080px; height: 470px; margin: 50px 0 0; background: url(../../images/common/map.jpg) 0 0 no-repeat;}
.hotel-wrap .road-guide .map-wrap .btn-list {position: absolute; top: 40px; left: 40px;}
.hotel-wrap .road-guide .map-wrap .btn-list li {margin: 15px 0 0;}
.hotel-wrap .road-guide .map-wrap .btn-list li:first-child {margin: 0;}

.inquiry-wrap {padding: 97px 104px 170px;}
.inquiry-wrap .inquire .txt-area {}
.inquiry-wrap .inquire .txt-area .tit {margin: 0 0 12px; font-weight: 500; font-size: 30px; line-height: 34px; letter-spacing: -0.04em; color: #333333;}
.inquiry-wrap .inquire .txt-area .txt {font-size: 16px; line-height: 26px; letter-spacing: -0.04em; color: #666666;}
.inquiry-wrap .info-list {margin: 55px 0 0;}
.inquiry-wrap .info-list:after {display: block; content: ''; clear: both;}
.inquiry-wrap .info-list dl {float: left; position: relative; width: 380px; margin: 0 0 0 80px; padding: 19px 0 0;}
.inquiry-wrap .info-list dl:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 380px; height: 3px; background: #2a2a2d;}
.inquiry-wrap .info-list dl:first-child {margin: 0;}
.inquiry-wrap .info-list dl dt {font-weight: 700; font-size: 18px; letter-spacing: -0.04em; color: #333333;}
.inquiry-wrap .info-list dl dd {margin: 15px 0 0; font-size: 16px; letter-spacing: -0.04em; color: #666666;}
.inquiry-wrap .info-list dl:last-child dd {margin: 21px 0 0;}
.inquiry-wrap .info-list dl dd .btn-wrap a {font-weight: 400; font-size: 16px;}

.travel-wrap {padding: 97px 110px 165px; }
.travel-wrap .travel {margin: 0 0 60px 0;}
.travel-wrap .travel .tit {font-weight: 500; font-size: 30px; line-height: 34px; letter-spacing: -0.04em; color: #333333;}
.travel-wrap .travel .info {margin: 27px 0 0;}
.travel-wrap .travel .info table {border-top: 3px solid #2a2a2d;}
.travel-wrap .travel .info table th {padding: 21px 26px; border-bottom: 1px solid #dddee4; background: #f0f1f8; font-weight: 700; font-size: 18px; line-height: 26px; letter-spacing: -0.04em; color: #333333; text-align-last: left;}
.travel-wrap .travel .info table td {padding: 22px 25px; border-bottom: 1px solid #dddee4; font-size: 16px; line-height: 24px; letter-spacing: -0.01em; color: #444444; text-align-last: left;}
.travel-wrap .travel .info table td a {border-bottom: 1px solid #333333; font-weight: 700; line-height: 24px; letter-spacing: -0.01em;}
.travel-wrap .jeju dl {position: relative; margin: 0 0 25px; padding: 13px 0 0;}
.travel-wrap .jeju dl:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 237.5px; height: 3px; background: #2a2a2d;}
.travel-wrap .jeju dl dt {margin: 0 0 12px; font-weight: 700; font-size: 18px; line-height: 34px; letter-spacing: -0.04em; color: #333333;}
.travel-wrap .jeju dl dd {font-size: 16px; line-height: 26px; letter-spacing: -0.04em; color: #666666;}
.travel-wrap .jeju .img-area {font-size: 0;}
.travel-wrap .jeju .img-area img {margin: 0 0 0 15px;}
.travel-wrap .jeju .img-area img:first-child {margin: 0;}
.travel-wrap .weather .tit {position: relative; padding: 16px 0 0; margin: 0 0 13px; font-weight: 700; font-size: 18px; line-height: 34px; letter-spacing: -0.04em; color: #333333;}
.travel-wrap .weather .tit:before {display: block; content: ''; position: absolute; top: 0; left: 0; width: 237.5px; height: 3px; background: #2a2a2d;}
.travel-wrap .weather .img-area {margin: 0 -10px 43px 0;}
.travel-wrap .weather .img-area img {margin: 0 0 0 10px; border-radius: 10px; box-shadow: 5px 9px 10px 0px rgba(0, 0, 0, 0.1);}
.travel-wrap .weather .img-area img:first-child {margin: 0;}
.travel-wrap .weather .txt-area dl {margin: 0 0 21px;}
.travel-wrap .weather .txt-area dl:last-child {margin: 0;}
.travel-wrap .weather .txt-area dl dt {margin: 0 0 2px; font-weight: 700; font-size: 16px; line-height: 30px; letter-spacing: -0.04em; color: #333333;}
.travel-wrap .weather .txt-area dl dd {font-size: 16px; line-height: 26px; letter-spacing: -0.04em; color: #666666;}