/* float clearfix */
.clearfix {*zoom:1}
.clearfix:after,.clearfix:before {content:"";display:block;clear:both}
.redtx{color: #d22020 !important;}
*:focus { outline:none; }
.img_100 {width:100%}
/*
@media screen and (max-width: 1240px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}
@media screen and ( max-width: 575px ) {
}
@media screen and ( max-width: 480px ) {
}
*/
/* mvisual */
#msliders {position: relative; width: 100%; height: 100%; overflow: hidden;}
#vwrapper {position: relative; top: 0; left: 0; z-index: -999; width: 100%; height: 100%; overflow: hidden; pointer-events: none;}
#vwrapper iframe {
    position: absolute; top: 50%; left: 50%;
    width: 100vw;
    min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
    height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
    min-height: 100vh;
    transform: translate(-50%, -50%);
}
#mtit .slider [data-animation-in] {opacity: 0; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
#mtit .animated {transition: all .5s ease;}
/*count*/
/*.slide_count .line {min-height: 1px; background: #fff;}*/
.slide_count {position: absolute; bottom: 18%; right: 55px; z-index: 40; width: 90px; font-size: 30px; font-weight: 200; text-align: center; color: #fff; font-family: 'Noto Sans KR', sans-serif !important;}
.slide_count div {display: inline-block; line-height: 58px;}
.slide_count .current {}
.slide_count .total {}

.slide_txt {display: inline-block; position: absolute; bottom: 22%; z-index: 9; color: #fff; padding-left: 76px;}
.slide_txt h1 {font-size: 44px; font-weight: 200; letter-spacing: -2pt; margin-bottom: 1vh; font-family: 'Noto Sans KR', sans-serif !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.slide_txt h1 br {display:none;}
.slide_txt h1 span {font-weight: 600;}
.slide_txt h2 {font-size: 24px; text-indent: 10px; font-weight: 200; letter-spacing: -0.2px; font-family: 'Noto Sans KR', sans-serif !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);}
.slide_txt .slider [data-animation-in] {opacity: 0; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
.slide_txt .animated {transition: all .5s ease;}

@media ( max-width: 1024px ) {
    #msliders {height: 75vh !important; transition: all 0.3s;}
    #msliders.mvdo {height: auto !important;}
    .slide_txt {bottom: 10%; padding-left: 20px;}
    .slide_txt h1 {font-size: 26px; line-height:25px; letter-spacing: 0;}
    .slide_txt h2 {font-size: 15px; text-indent: 0; letter-spacing: 0;}
}
@media ( max-width: 1024px ) {
	.slide_count {font-size: 23px; bottom: 8%;}
}

@media ( max-width: 768px ) {
    #msliders {height: 47vh !important;}
	#mtit h1 {font-size: 3.9vw;}
	#mtit h2 {font-size: 1.1vw; letter-spacing: 0.15em;}
	.slide_count {transform: scale(0.7); right: 3%; bottom: 20%;}
	.slide_txt h1 {margin-bottom: 0.5vh;}
	.slide_txt h2 {display:none;}
	#vwrapper iframe {
		position: static; top: 0; left: 0; 
		min-width: auto; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
		height: inherit; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
		min-height: unset;
		transform: none;
	}
}
@media ( max-width: 414px ) {
    #msliders {height: 38vh !important; margin-top:75px;}
	.slide_count {transform: scale(0.7); right: 2%; bottom: 23%;}
}


 /* //////////////////// ½ºÅ©·Ñ ¾Ö´Ï //////////////////// */
    .scroll {display: block; position: absolute; left: 0; z-index: 20; width: 100%; font-family: 'young', sans-serif; font-size: 0.8vw; text-align: center; letter-spacing: 0.1em; color: #fff; padding: 55px 8px 0; margin: 0; opacity: 0.9; pointer-events: none;}
    .scroll.scroll_main {
        bottom: 5%;
        transition: all .3s ease;
    }
    .scroll .scroll_visual {position: absolute; top: 0; left: 50%; width: 30px; height: 45px; box-sizing: border-box; border: 2px solid #fff; border-radius: 45px; margin-left: -15px; transition: all 0.3s;}
    .scroll .scroll_visual::before {content: ''; position: absolute; top: 5px; left: 50%; width: 5px; height: 5px; background-color: #fff; box-sizing: border-box; border-radius: 100%; margin-left: -2.5px; -webkit-animation: scrollani 3s infinite; animation: scrollani 3s infinite;}

    @-webkit-keyframes scrollani {
        0% {-webkit-transform: translate(0, 0); opacity: 0;}
        40% {opacity: 1;}
        80% {-webkit-transform: translate(0, 20px); opacity: 0;}
        100% {opacity: 0;}
    }

    @keyframes scrollani {
        0% {transform: translate(0, 0); opacity: 0;}
        40% {opacity: 1;}
        80% {transform: translate(0, 20px); opacity: 0;}
        100% {opacity: 0;}
    }

    @media ( max-width: 1024px ) {
        .scroll {font-size: 1.4vw;}
        .scroll.scroll_main {bottom: 5%;}
        .scroll.scroll_tour {top: 80%;}
        .scroll .scroll_visual {transform: scale(0.9);}
    }

    @media (max-width: 992px) {
        .scroll.scroll_main {bottom: 5%;}
    }

    @media ( max-width: 767px ) {
        .scroll {display: none !important;}
    }

/* mtitle _ about, special, rooms */
.txtr{text-align: right !important;}
.txtl{text-align: left !important;}
.txtw{color: #ffffff !important;}
.mtit {text-align: center; color: #585656;}
.mtit1 {width: 100%; text-align: center; pointer-events: none;}
.mtit1 h1 {font-family: 'Fjalla One', sans-serif !important; font-size: 37px; font-weight: normal; letter-spacing: 0.08em; text-transform: uppercase; color: #585656; margin: 0 0 5%; transition: all 0.3s;}



/* room */
#msliders .roomtop_con {text-shadow:1px 1px #939393;position:absolute;  bottom: 20.5%; color: #fff; z-index:1;  text-align:center;left: 50%; transform: translateX(-50%); transition: all .3s ease;}
#msliders .roomtop_con h1 {font-weight: 500; font-size: 30px; text-transform: uppercase;  }
#msliders .roomtop_con h2 {font-weight: 500; font-size: 20px;  margin: 10px 0 1.5%; text-transform: uppercase; }

#rcon {width: 74.688%; padding: 0; margin: 230px auto; pointer-events: none; }
#rinfo {width: 74.688%; margin: 230px auto;  }
#rinfo .box1 {width:36.262%;  float:left; text-align:left;}
#rinfo .box1 h1 {font-size:30px; padding-top:18px; font-weight:100; line-height:200%;color: #959595; font-family: 'Noto Sans KR', sans-serif !important;}
#rinfo .box1 h1 span {font-size:60px; color:#000; font-weight:100;}
#rinfo .box1 p {font-size:14px; line-height:180%; letter-spacing: -0.05em; color:#535353; margin:20px 0 40px} 
#rinfo .box2  {width:61.715%; float:right;}
.rprice {width: 74.688%; margin: 0 auto 12%; }
.room_mo {display:none}

@media screen and ( max-width: 1445px ){
	#rinfo .box1 h1 {padding-top:0;}
	#rcon {width: 86% ; margin: 10% auto;}
}

@media screen and ( max-width: 1024px ){
	#rinfo {width:100%;}
	#rinfo .box1 {width:90%; margin:0 auto;  float:none;}
	#rinfo .box2 {width:90%; margin:10px auto;float:none;}
}

@media ( max-width: 767px ) {
	#msliders .roomtop_con h1 {font-size: 20px;}
	#msliders .roomtop_con h2 {font-size: 14px;}
	#rcon {margin: 10% auto 2%; width:90%;}
	#rinfo {margin: 2% 0}
	#rinfo .box1 h1 {font-size:17px; margin-top:11%}
	#rinfo .box1 h1 span {font-size:27px;}
	#rinfo .box2 {width:90%; margin:13% auto 10px;}
	#rinfo .box1 p {margin:20px 0 50px}

	.rprice {width: 90%;}
	#room_daily_price1 { margin: 0 auto;}
}

@media ( max-width: 414px ) {
	#rinfo .box1 p br {display:none;}
	.room_mo {display:block; margin:0 5%;}
	.room_mo img {width:100%; margin-bottom:10px}
}

/* room rpv */
.modal {display: inline-block; margin: 0 auto !important;}
.modal div {margin: 0 auto !important;}
.modal input {display: none; opacity: 0;}
.modal > label {display: block; position: fixed; right: 40px; bottom: 120px; width: 60px; font-family: nanumsquare_acregular, sans-serif; font-weight: 400; line-height: 60px; text-transform: uppercase; text-align: center; background: #7353a0; color: #fff; border-radius: 100%; cursor: pointer;}
.modal__overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; text-align: center; background: rgba(0, 0, 0, 0.8); opacity: 0; transform: scale(0.7); transition: all 0.75s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.modal__overlay img {width: 100%;}
.modal input:checked ~ .modal__overlay {z-index: 99999; opacity: 1; transform: scale(1);}
.modal__wrap {position: relative; width: 90%; max-width: 600px; padding: 1em 0; margin: 0 auto;}
.modal__wrap label {display: inline-block; position: absolute; top: 0; right: 0; line-height: 1.5; background: #ffd300; color: #000; padding: 1%; cursor: pointer;}

@media (min-width: 50em) {
  .modal__wrap {padding: 1.75em;}
}

@media (min-height: 37.5em) {
  .modal__wrap {position: absolute; top: 50%; left: 50%; width: 85%;  transform: translate(-50%, -50%);}
}

@media ( max-width: 767px ) {
	.modal > label {right: 5%; bottom: calc(5% + 110px); width: 45px; font-size: 11px; line-height: 45px;}
}


/* tour txt */
#slidetit01 {position: absolute; top: 45%; z-index: 10; width: 100%; text-align: center; color: #fff; pointer-events: none;}
#slidetit01 h1 {font-family: 'Noto Sans', sans-serif !important; font-size: 70px; font-weight: bold; line-height: 100%; letter-spacing: 0.04em; margin: 0 0 4%;}
#slidetit01 h2 {font-family: 'Nanum Myeongjo', serif; font-size: 17px; font-weight: normal; letter-spacing: 0.2em; opacity: 0.6; margin: 0 0 0.5%;}
#slidetit01 span {font-family: 'Noto Sans', sans-serif !important; font-size: 16px; font-weight: normal; line-height: 100%; letter-spacing: -0.05em;}
@media ( max-width: 1000px ) {
	#slidetit01 {top: 47%;}
	#slidetit01 h1 {font-size: 36px;}
	#slidetit01 h2 {font-size: 12px;}
}

@media ( max-width: 767px ) {
	#slidetit01 {top: 40%;}
	#slidetit01 h1 {font-size: 26px;}
	#slidetit01 h2 {font-size: 10px;}
}

@media ( max-width: 414px ) {
	#slidetit01 {top: 29%;}
	#slidetit01 h1 {font-size: 24px;}
	#slidetit01 h2 {font-size: 10px; margin: 0 0 3%;}
	#slidetit01 span {font-size: 10px; }
}




/* tcont */
.timg_t {position: relative; width: 100%; height: 100vh; overflow: hidden;}
.timg_t.reser {background: url("../img/sub/timg_reser.jpg") center; background-size: cover; height: 50vh;}
.timg_t.traffic {background: url("../img/sub/timg_reser.jpg") center no-repeat; background-size: cover;}
.timg_t.travel {background: url("../img/travel/travel_img.jpg") center no-repeat; background-size: cover;}
.timg_t .timg_txt {text-shadow:1px 1px #939393;position: absolute; bottom: 14%; width: 100%; text-align: center; color: #fff;}
.timg_t .timg_txt h1 {font-weight: 500; font-size: 30px; text-transform: uppercase;  margin: 3% 0 0;}
.timg_t .timg_txt h2 {font-weight: 500; font-size: 16px;  margin: 0.5% 0 1.5%;}

@media (max-width:1000px) {
    .timg_t {height: 50vh; transition: height 0.3s;}
}
@media (max-width:767px) {
    .timg_t {height: 40vh;}
	.timg_t .timg_txt h1 {font-size: 20px;}
	.timg_t .timg_txt h2 {font-size: 14px;}
}
@media (max-width:414px) {
	.timg_t.reser {margin-top:80px;}
	.timg_t.travel {margin-top:80px;}
}

#tcont * {transition: all .1s; -webkit-transition: all .1s;}
#tcont {width: 76%; min-height:200px; margin: 160px auto; }
#tcont .tit {font-size: 18px; position: relative; margin-bottom: 20px; line-height: 30px; padding-top: 10px;}
#tcont .titt {font-size: 14px; color: #4d4d4e;line-height: 150%;}
#tcont .titt > div {margin-bottom: 7px;}
#tcont .titt > div > li {float: left;}
#tcont .titt > div > li:first-child {width: 11px;}
#tcont .titt > div > li:last-child {width: 95%; }
#tcont .tit:after {content: ""; position: absolute; top: 0; left: 0; width: 13px; height: 3px; background: #707070;}

.tabsy {margin-top: 30px; }
.tab_con {display: block; text-align: center; padding: 0; margin: 30px auto 0;}

.tabsy>button {width:100%;font-size:100%;margin:0;outline:0;border:0;vertical-align:baseline;-webkit-box-sizing:border-box;box-sizing:border-box;background:transparent}
.tabsy>.tabButton {display: block; font-size: 15px; font-weight: bold; text-align: center; background: #ededed; color: #000; padding: 15px 20px; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
.tabsy>.tabButton2{width: 100%;}
.tabsy>input{display: none;}
.tab {width: 100%; text-align: left;}
.tabsy>input:checked+label+.tab{display:block;clear: both !important; float: none !important;}
.tabsy>input:checked+label+.tab>.content{-webkit-animation:showTab 250ms ease-in-out;animation:showTab 250ms ease-in-out; width: 100% !important; padding: 30px 0;}
.tabsy>.tab{display:none;}

@-webkit-keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

@keyframes showTab {
    from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
    to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}

/*@media screen and (min-width: 768px) {
    .tab_con {width: 100%;}
}

@media screen and (min-width: 768px){
    .tabsy{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
    .tabsy>.tabButton{-webkit-box-ordinal-group:2;-webkit-order:1;-ms-flex-order:1;order:1;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;cursor:pointer; }
    .tabsy>input:checked+label{background:#3b4146;color:#FFF}
    .tabsy>.tab{-webkit-box-ordinal-group:3;-webkit-order:2;-ms-flex-order:2;order:2}
    .tabsy>.tabButton2{width: 20% !important;}
}*/

@media screen and (min-width: 300px) {
    #tcont {margin: 80px auto;}
	#tcont .tit {font-size: 15px; line-height: 150%; margin-bottom: 10px;}
	#tcont .titt > div > li {font-size: 13px; line-height: 150%;}
    .tabsy > .tab {display: block;}
	.tabsy > .tab > .content {padding: 10px 0 30px;} 
	.tabsy > input:checked + label + .tab > .content {padding: 10px 0 30px;}
}

@media screen and (max-width: 400px) {
	#tcont .titt > div > li {font-size: 11px;}
}

#ptable {width:100%; border-bottom: #d9d9d9 1px solid; border-right: #d9d9d9 1px solid; margin-left: auto; margin-right: auto;}
#ptable tr {min-height: 40px;}
#ptable th {text-align: center; background: #ededed; color: #323232; padding: 1vh 0; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}
#ptable td {font-size: 13px; line-height: 120%; text-align: center; padding: 12px 0 ; border-top: #d9d9d9 1px solid; border-left: #d9d9d9 1px solid;}

/* ½Ç½Ã°£´Þ·Â */
.iframe_calendar {width: 100%; max-width: 1200px; height: 100vh; padding: 5vh 0; border:0; margin: 0 auto;}

/* special info */
#spinfo {position: relative; width:75%; margin:228px auto; text-transform:uppercase; font-family: 'Noto Sans KR', sans-serif !important;}
#spinfo .speimg {width:100%;}
#spinfo .spsub {width:100%;margin:228px 0;}
#spinfo .spsub .img1 {width:58.926%; float: left; overflow: hidden;}
#spinfo .spsub .spinfo_txt { width:41.074%; float: left; text-align: left; padding:95px 0 0 100px; color: #959595;}
#spinfo h1{font-weight:100; font-size: 30px; color: #959595;}
#spinfo h2 {font-size: 50px; font-weight:300; color:#000; width:100%; border-bottom:1px solid #000; padding:2% 0 4% 0;}
#spinfo h3 {font-size: 30px;padding-bottom: 3%; font-weight:100;color:#000; margin-top:6%;}
#spinfo p{font-size: 15px; line-height:170%; color:#333; font-family: 'Noto Sans KR', sans-serif !important; font-weight: 300; }
#spinfo span {font-weight:200; color: #000; }

.sp_m_txt {text-shadow:1px 1px #939393;position: absolute; bottom: 14%; width: 100%; text-align: center; color: #fff;z-index:1;}
.sp_m_txt h1 {font-weight: 500; font-size: 30px; text-transform: uppercase;  margin: 3% 0 0;}
.sp_m_txt h2 {font-weight: 500; font-size: 16px;  margin: 0.5% 0 1.5%;}

@media screen and (max-width:1445px){
	#spinfo {width:80%; margin:10% auto;}	
	#spinfo .spsub {margin:15% 0;}
	#spinfo .spsub .spinfo_txt {padding:3% 0 0 5%;}
}

@media screen and (max-width:1024px){
	#spinfo .spsub .img1 {width:100%;}
	#spinfo .spsub .spinfo_txt {width:100%; padding:5% 0 0 0%;}	
}

@media screen and (max-width:768px){
	#spinfo {width:80%; margin-bottom:0%}
	#spinfo h1{font-weight:100; font-size: 20px; color: #959595; margin-top:5%}
	#spinfo h2 {font-size: 30px; font-weight:300; color:#000; width:100%; border-bottom:1px solid #000; padding:0% 0 2% 0;}
	#spinfo h3 {font-size: 20px;padding-bottom: 3%; font-weight:400;color:#000; margin-top:3%;}
	#spinfo span {font-weight:400;}
	.sp_m_txt h1 {font-size: 20px;}
	.sp_m_txt h2 {font-size: 14px;}
}

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

/* travel */
#travel_con {position: relative; width: 75%;  margin: 0 auto 195px; font-family: 'Noto Sans KR', sans-serif !important; text-transform:uppercase;}
#travel_con .trabox {margin-top:269px}
#travel_con .trabox > .ibox {width: 58.681%; float:left;}
#travel_con .trabox > .tbox {width: 41.319%; float:left;padding-left:100px}
#travel_con .trabox .tbox .spe_line{border-bottom:1px solid #aeb6b8;  text-align:left; width:100%; margin-top:22%;}
#travel_con .trabox .tbox .trainfo{text-align:left; float:left;}

#travel_con .trabox h1 {font-size:30px; color:#959595; font-weight:100;}
#travel_con .trabox h2 {font-size:30px;font-weight:100; margin-bottom:4%; color:#000; margin:10px 0 15px}
#travel_con .trabox h3 {font-size:14px; color:#535353; font-weight:500; margin:35px 0 12px}
#travel_con .trabox h4 {font-size:14px; color:#535353; font-weight:300; line-height:170%;}
#travel_con .trabox span {color:#000;}

@media (max-width: 1405px) {
	#travel_con {width: 80%;}
	#travel_con .trabox {margin-top:10%}
	#travel_con .trabox > .ibox {width: 60%; float:left;}
	#travel_con .trabox > .tbox {width: 40%; float:left; padding-left:30px}
	#travel_con .trabox .tbox .spe_line{margin-top:5%;}
	#travel_con .trabox h1 {font-size:25px;}
	#travel_con .trabox h2 {font-size:25px;margin:5px 0 7px}
	#travel_con .trabox h3 {margin:25px 0 10px}
	#travel_con .trabox h4 {}

}
@media (max-width: 768px) {
	#travel_con {width: 80%;  margin: 0 auto 19%;}
	#travel_con .trabox > .ibox {width: 100%; float:left;}
	#travel_con .trabox > .tbox {width: 100%; float:left; padding-left:0px}
	#travel_con .trabox .tbox .spe_line{margin-top:5%;}


	#travel_con .trabox h1 {font-size:20px;}
	#travel_con .trabox h2 {font-size:22px;}
	#travel_con .trabox h3 {font-size:14px;}
	#travel_con .trabox h4 {font-size:14px;}
}

/* foot */
#footer {width: 100%; padding: 70px 0 0; background: #fff; float:left;}
#footer .inner {width: 100%; margin: 0 auto; }
#footer .info {padding: 0 0 1%; border-bottom: #cccccc 1px solid;}
#footer .info li {margin-left:12%; font-size: 28px; text-transform: uppercase; font-family: 'Noto Sans KR', sans-serif !important;}
#footer .info li span {font-weight: normal; margin: 0 0 0 15px;}
#footer .copy {padding: 1% 0 5%;}
#footer .copy li {color:#434343; font-size: 13px; line-height: 170%; letter-spacing: -0.01em; margin-left:12%; font-family: 'Noto Sans KR', sans-serif !important;}
#footer .copy li span {}
#footer .copy li:first-child {float: left; }
#footer .copy li:first-child span {display: inline-block; margin: 0 10px 0 0;}
#footer .copy li:last-child {float: right; color:#434343; font-size: 13px; line-height: 180%; text-align: right; margin:5.5% 12% 0;}
#footer .copy li:last-child a {display: inline-block; margin:0 2px;}
#footer .copy li:last-child .made {line-height: 200%; padding: 0 0 0 25px; border: 1px solid #5b5b5b; margin: 5px 10px 0;}
#footer .copy li:last-child .made span {display: inline-block; background: #5b5b5b; color: #fff; padding: 0 25px; margin: 0 0 0 25px;}

@media ( max-width: 1000px ) {
	#footer .copy li:last-child {float: left; text-align: left; margin:15px 0 0 48px;}
	#footer .copy li span .low br {display:none;}
	/*#footer .copy li span .low:first-child {margin-bottom:15px;}*/
}

@media ( max-width: 767px ) {

}
@media ( max-width: 576px ) {
	#footer {padding: 40px 0 0;}
	#footer .info li {font-size: 16px; margin-bottom:15px;}
	#footer .copy li span:first-child {font-size: 16px; margin-top:15px;}
	#footer .copy li {line-height:145%;}
}