/* float clearfix */
.clearfix {*zoom:1}
.clearfix:after {content:"";display:block;clear:both}

.redtx{color: #d22020 !important;}

@media ( max-width: 767px ) {}
@media ( max-width: 575px ) {}


/* header */


/* foot */
#footer {width: 100%; padding: 70px 0 0; background: #fff;}
#footer .inner {width: 90%; margin: 0 auto; }
#footer .info {padding: 0 0 1%; border-bottom: #000 1px solid;}
#footer .info li {font-size: 30px; font-weight: bold; text-transform: uppercase;}
#footer .info li span {font-weight: normal; margin: 0 0 0 15px;}
#footer .copy {padding: 1% 0 5%;}
#footer .copy li {}
#footer .copy li:first-child {float: left; font-size: 15px; line-height: 200%; letter-spacing: 0.05em;}
#footer .copy li:first-child span {display: inline-block; margin: 0 10px 0 0;}
#footer .copy li:last-child {float: right; font-size: 13px; line-height: 180%; text-align: right;}
#footer .copy li:last-child a {display: inline-block; margin:0 10px;}
#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 .info li {float: none; font-size: 24px; text-align: center;}
	#footer .info li span {display: block; margin: 1% 0 0;}
	#footer .copy {font-size: 15px; line-height: 30px; padding: 15px 0 50px; text-align: center;}
	#footer .copy li {text-align: center !important;}
	#footer .copy li:first-child {float: none; font-size: 13px; margin: 0 0 2%;}
	#footer .copy li:first-child span {margin: 0 5px;}
	#footer .copy li:last-child {float: none; font-size: 11px;}
}

@media ( max-width: 767px ) {
	#footer .info {padding: 0 0 3%;}
	#footer .info li {font-size: 20px;}
	#footer .info li span {margin: 2% 0 0;}
	#footer .copy li span {display: block;}
	#footer .copy li br {display: none;}
	#footer .copy li:first-child {font-size: 11px; margin: 0 0 5%;}
	#footer .copy li:last-child {font-size: 10px;}
}

#back-top {display: block; position: fixed; right: 40px; bottom: 50px; z-index: 999; cursor: pointer;}
#back-top .tel {display: none; width: 60px; height: 60px; background:url('../img/common/fbt_tel.png') no-repeat center center; background-size: cover; margin: 0 0 1vh; opacity: 0.5;}
#back-top .t_bt {display: block; width: 60px; height: 60px; background:url('../img/common/fbt_top.png') no-repeat center center; background-size: cover; opacity: 0.5;}
#back-top .t_bt:hover {opacity: 0.7;}

@media ( max-width: 1000px ){
    #back-top {right: 30px; bottom: 30px;}
}

@media ( max-width: 767px ){
    #back-top {right: 5%; bottom: 5%;}
    #back-top .tel {display: block; width: 45px; height: 45px;}
    #back-top .t_bt {width: 45px; height: 45px;}
}



/* mvisual */
#msliders {position: relative; width: 100%; height: 100%; overflow: hidden;}
#msliders.mvdo {}

#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%);
}

@media ( max-width: 767px ) {
	#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;
	}
}

.vp_bt_box {position: absolute; top: 58%; left: 50%; z-index: 999; min-width: 60px; text-align: center; margin: 0 0 0 -30px;}
.vp_bt_stop,
.vp_bt_play {width: 60px; height: 60px; cursor: pointer;}
.vp_bt_play {display: none;}
.vp_bt_box div img {display: block;}

/* //////////////////// ½ºÅ©·Ñ ¾Ö´Ï //////////////////// */
.main_slide_mouse {position: absolute; bottom: 80px; z-index:99; width:55px; height:30px; left: 50%; margin-left: -37px;}
.main_mus_d {width:78px; height:117px; background:url('../img/common/scroll.png') center bottom no-repeat; margin:auto;}

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

.slide_count {position: absolute; z-index: 40; color: #fff; font-style: italic; width: 90px; bottom: 20px; left: 50%; margin-left: -45px;}
.slide_count > div {width: 100%; line-height: 33px;}
.slide_count .current {font-size: 20px;}
.slide_count .total {font-size: 15px; text-align: right;}
/*.slide_count .line {min-height: 1px; background: #fff;}*/

#mtit .slider [data-animation-in] {opacity: 0; animation-duration: 1.5s; transition: opacity 0.5s ease 0.3s;}
#mtit .animated {transition: all .5s ease;}

.slide_txt {display: inline-block; position: absolute; bottom: 130px; z-index: 9; color: #fff; padding-left: 140px;}
.slide_txt h2 {font-size: 50px; font-weight: normal; line-height:65px; text-transform: uppercase; letter-spacing: -2pt; margin-bottom: 20px;}
.slide_txt p {font-size: 14px; text-indent: 10px; text-transform: uppercase; letter-spacing: 3px;}
.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: 1000px ) {
    #msliders {height: 75vh !important; transition: all 0.3s;}
    #msliders.mvdo {height: auto !important;}
    .slide_count {width: 70px; right: 20px; bottom: 10%; left: auto; margin-left: 0;}
    .slide_txt {bottom: 10%; padding-left: 20px;}
    .slide_txt h2 {font-size: 18px; line-height:25px; letter-spacing: 0; margin-bottom: 10px;}
    .slide_txt p {font-size: 10px; text-indent: 0; letter-spacing: 0;}
}

@media ( max-width: 767px ) {
    #msliders {height: 52vh !important;}
    #msliders.mvdo {height: auto !important;}
    .vp_bt_box {top: 55%; min-width: 40px; margin: 0 0 0 -20px;}
    .vp_bt_stop,
	.vp_bt_play {width: 40px; height: 40px; cursor: pointer;}
    .vp_bt_stop img,
	.vp_bt_play img {width: 40px; height: 40px; cursor: pointer;}
    .mscroll {display: none; bottom: 10%; font-size: 15px;}
	.mscroll:before,
	.mscroll:after {width: 30px; height: 30px;}
	.mscroll:before {top: -35px;}
	.mscroll:after {top: -45px;}
	#mtit h1 {font-size: 3.9vw;}
	#mtit h2 {font-size: 1.1vw; letter-spacing: 0.15em;}
}

@media ( max-width: 414px ) {
	 .slide_count {display: block; width: 50px; right: 20px; bottom: 34%; left: auto; margin-left: 0;}
}

@media ( max-width: 320px ) {
	 .slide_count {display: none;}
}


/* 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;}
.mtit1 h1 img {}
.mtit2 {pointer-events: none;}
.mtit2 h1 {font-family: 'Fjalla One', sans-serif !important; font-weight: normal; letter-spacing: 0.08em; text-transform: uppercase; color: #666; margin: 0 0 10%; transition: all 0.3s;}
.mtit2 h1 img {}
.mtit2 h2 {font-size: 15px; line-height: 180%; color: #7c7b7b;}

@media ( max-width: 1000px ) {
	.mtit2 {text-align: center;}
	.mtit2 h1 {margin: 0 0 5%;}
}

@media ( max-width: 767px ) {
	.mtit1 h1 img {width: 40%;}
	.mtit2 h1 img {width: 30%;}
	.mtit2 h2 {font-size: 13px;}
}

/*mabout */
#mab{width: 65%; margin: 200px auto 0;}
#mab .abtit{width:100%; font-family: 'Jomolhari', serif !important; text-align:center; font-size: 45px; letter-spacing: 7pt; margin-bottom: 70px; }
#mab .abcont {left:15%;}
#mab .abcont li{float: left; width: 50%; text-align:center; font-size: 16px; line-height: 33px;}
@media ( max-width: 1000px ) {
    #mab{width: 100%; margin: 80px auto 0;}
    #mab .abtit{font-size: 30px; letter-spacing: 0; margin-bottom: 30px; }
    #mab .abcont li{float: none; width: 100%; font-size: 11.5px; text-align: center; letter-spacing: -1pt;}
}
@media ( max-width: 767px ) {
	#mab{margin-top:-10px;}
}

/* mex */
#mex{width: 100%; height: 500px; background: url("../img/main/ex.jpg") no-repeat top center; background-size:cover; margin-top: 200px;}
#mex > .mtit{ padding: 170px 200px 0 0;}
#mex h1 {font-family: 'Nanum Myeongjo', serif !important; font-size: 2.40vw; font-weight: 400; letter-spacing: -0.025em; color: #fff; margin-bottom: 20px; transition: font-size 0.3s;}
#mex h2 { letter-spacing: 0.099em; color: #fff; font-size: 0.6vw; font-weight: lighter; opacity: 0.4;}
#mex a{color: #ffffff; font-size: 15px; margin-top: 30px; margin-right: 0px; display: block; transition: margin-right 0.3s;}
#mex a:hover{margin-right: 10px;}
@media ( max-width: 1000px ) {
    #mex{margin-top: 70px; height: 260px;}
    #mex > .mtit{ padding: 80px 30px 0 0;}
    #mex a{margin-top:10px;}
	#mex h1 {font-size: 3vw;}
	#mex h2 {font-size: 1vw;}
}
@media ( max-width: 767px ) {
	#mex h1 {font-size: 4vw;}
	#mex h2 {font-size: 2vw;}
}

/* prologue */
#prologue {position: relative; margin-top:-35px; overflow: hidden;}

/* mspecial */
#msp {position: relative; margin: -1% auto 7%;}

@media screen and (max-width:414px){
	#msp {margin: -3% 0 7% 0;}
}
/* mtravel */
#mtra {width: 100%; background: url("../img/main/travel.png") center; background-size: cover; padding: 30% 0 17%;}
#mtratit {text-align:center; margin-top:4%;}
#mtratit h1 {width:100%; font-weight: lighter; font-family: 'Nanum Myeongjo', serif !important; font-size: 45px; color:#000; letter-spacing: 2pt; margin-bottom: 1.5%;}
#mtratit h2 {width:100%; font-weight: lighter; font-family: 'Nanum Myeongjo', serif !important; font-size: 28px; color:#000; letter-spacing: 1pt;}
#mtratit .tit {width: 100%; text-align: center; color: #000; margin: 5vh 0 0;}
#mtratit .tit .rbtn {display: inline-block; cursor:pointer; position: relative; border: #000 1px solid; z-index:50; min-width: 33px; font-size: 13px; line-height: 24px; text-align: center; background: rgba(0,0,0,1); color: #fff; padding: 10px 28px;}

@media screen and (max-width:1000px){
	#mtra {padding: 34% 0 14%;}
	#mtratit h1 {font-size: 28px; letter-spacing: 1pt;}
	#mtratit h2 {font-size: 18px; }
}

@media screen and (max-width:767px){
	#mtra {padding: 37% 0 17%;}
	#mtratit h1 {font-size: 20px; letter-spacing: -0.5pt;}
	#mtratit h2 {font-size: 15px; letter-spacing: -0.2pt;}
	#mtratit .tit .rbtn {padding: 5px 20px;}
}



/* prologue */
#slidetit {position: absolute; top: 45%; z-index: 10; width: 100%; text-align: center; color: #fff; pointer-events: none;}
#slidetit h1 {font-family: 'Libre Baskerville', serif !important; font-size: 70px; font-weight: normal; line-height: 100%; letter-spacing: 0.04em; margin: 0 0 0.5%;}
#slidetit h2 {font-size: 20px; font-weight: normal; text-transform: uppercase; letter-spacing: 0.7em; opacity: 0.6;}

@media ( max-width: 1000px ) {
	#slidetit {top: 47%;}
	#slidetit h1 {font-size: 36px;}
	#slidetit h2 {font-size: 12px;}
}

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

@media ( max-width: 414px ) {
	#slidetit {top: 29%;}
	#slidetit h1 {font-size: 24px;}
	#slidetit h2 {font-size: 10px;}
}

.mtit4 {text-align: center;}
.mtit4 h1 {font-size: 2.25vw; font-weight: bold; text-transform: uppercase; letter-spacing: -0.025em; color: #3c3c3c; margin-bottom: 20px; transition: font-size 0.3s;}
.mtit4 h1 span {font-family: 'Nanum Myeongjo', serif !important;}
.mtit4 h2 {font-size: 14px; font-weight: normal; line-height: 180%; color: #585656; transition: font-size 0.3s;}

@media ( max-width: 1000px ) {
	.mtit4 h1 {font-size: 3.7vw; margin-bottom: 10px;}
    .mtit4 h2 {font-size: 12px;}
}

@media ( max-width: 767px ) {
	.mtit4 h1 {font-size: 5vw;}
}


/* 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; }
}

/* special txt */
#slidetit02 {position: absolute; bottom: 20%; z-index: 10; width: 100%; text-align: center; color: #fff; }
#slidetit02 h1 {font-family: 'Nanum Myeongjo', serif; font-size: 55px; font-weight: bold; line-height: 100%; letter-spacing: -0.03em; margin: 0 0 1%; pointer-events: none;}
#slidetit02 h2 {font-family: 'Nanum Myeongjo', serif; font-size: 17px; font-weight: normal; letter-spacing: 0.2em; opacity: 0.8; margin: 0 0 1.5%; pointer-events: none;}
#slidetit02 .spbtn {display: inline-block; cursor:pointer; position: relative; border: #fff 1px solid; z-index:50; min-width: 33px; font-size: 13px; line-height: 24px; text-align: center; background: rgba(0,0,0,0); color: #fff; padding: 8px 33px; border-radius: 30px;}

@media ( max-width: 1000px ) {
	#slidetit02 {display:none;}
}

/*prologue*/
#sptour{margin: 200px 0 100px; position: relative;}
#sptour .bg{font-size: 170px; color:#f0f0f0; font-family: 'Nanum Myeongjo', serif; position: absolute; z-index: -1; letter-spacing: 25pt; bottom: 20%; }
#sptour > div{float: right; width: 35%;}
#sptour .to{margin: 10% 0 0 3%;}
.spt_bt {width: 100%; text-align: right; padding-right: 70px; font-size: 15px; color: #444444; position: relative; text-transform: uppercase;}
.spt_cont{margin: 20px 0;}
.spt_cont li{float: left;}
.spt_cont li:first-child{width: 10%; position: relative;}
.spt_cont li:first-child span{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    font-family: 'Nanum Myeongjo', serif; font-size: 20px; letter-spacing: 5pt; margin: 90px -10px 0 0; display: block;
}
.spt_cont li:last-child{width: 90%; height: 450px; background-size: cover;}
.spt_text{font-size: 16px; line-height: 33px; box-sizing: border-box;}
#about_con {width: 100%; height: auto; position:relative; padding: 0 0 0px;}
#about_con .about_img {position:relative; width:60%; left:0;}
#about_con .ab_bt {width: 100%; text-align: right; padding: 0 0 20px; font-size: 15px; color: #444444; position: relative; text-transform: uppercase;}
#about_con .ab_text {font-size: 16px; line-height: 30px; box-sizing: border-box; padding: 20px 0 0 10px;}
#smap {width: 90%; margin: 200px auto 2%;}
#smap .smap_add {text-align: center; font-size: 22px; margin: 90px 0 50px;}
#smap .smap_add br {display: none;}
#smap .smap_add span {font-style: italic; margin-left: 15px;}
@media ( max-width: 1000px ) {
    #sptour{margin: 70px 0 70px;}
    #sptour > div{float: none; width: 80%; }
    #sptour .to{margin: 0 0 0 17%;}
    #sptour .sp{padding-top: 20px;}
    .spt_cont li:last-child{width: 90%; height: 30vh;}
    #sptour .bg{font-size: 120px; bottom: 5%; }
    .spt_text{font-size: 15px; line-height: 25px;}
	#smap {margin: 70px auto;}
    #smap .smap_add {font-size: 17px; margin: 40px 0 30px;}
	#smap .smap_add br {display: block;}
    #smap .smap_add span {margin-left: 10px;}
	#about_con .about_img {position:relative; width:100%; left:0;}
}

@media ( max-width: 414px ) {
	#sptour{margin-top: -70px;}
}

/* main rooms preview */
.img_100 {width:100%; height:auto !important; vertical-align:top;}
#mrv {width: 100%; margin: 100px auto 0 auto;}
#mrv > .mtit{margin: 200px 0 100px 0; }
#mrv .mrv_cont {padding: 0 3%; margin: 0 auto;}
#mrv .mrv_cont > div {float: left; width: 22%; margin: 0 1.5%;}
#mrv .mrv_cont > div:first-child {}
#mrv .mrv_cont > div:last-child {}
#mrv .mrv_cont > div .col1 {height: auto;}

.mrv_cont .grid-item{overflow: hidden; position: relative;}
.mrv_cont .grid-item img{ transition: all 0.3s;}
.mrv_cont .grid-item:hover img{
    -webkit-transform:scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform:scale(1.1);
    -webkit-transform:  scale(1.1);
    transform:  scale(1.1);
    transition: all 0.3s;
}
.mrv_cont .grid-item a .txt {position: absolute; width:34%; right: 0; bottom: 0; color: #fff;}
.mrv_cont .grid-item a .txt h2 {font-size: 16px; font-weight: bold; letter-spacing: 0.1em; padding:14% 0; background:#000; text-align: center;}
#mrvtit {text-align:center; margin-top:4%;}
#mrvtit h1 {width:100%; font-weight: lighter; font-family: 'Nanum Myeongjo', serif !important; font-size: 45px; color:#000; letter-spacing: 2pt; margin-bottom: 1.5%;}
#mrvtit h2 {width:100%; font-weight: lighter; font-family: 'Nanum Myeongjo', serif !important; font-size: 28px; color:#000; letter-spacing: 1pt;}

@media (max-width:1024px){
    #mrv .mrv_cont > div {width: 47%; margin: 1.5%;}
	#mrv .mrv_cont > div .col1 {height: auto;}
	#mrvtit {margin-top:8%;}
	#mrvtit h1 {font-size: 28px; letter-spacing: 1pt;}
	#mrvtit h2 {font-size: 18px; }
}

@media (max-width:768px){
    #mrv .mrv_cont > div {float: none; width: 97%; margin: 0 0 3%;}
	#mrvtit {margin-top:12%;}
	#mrvtit h1 {font-size: 20px; letter-spacing: -0.5pt;}
	#mrvtit h2 {font-size: 15px; letter-spacing: -0.2pt;}
}


/* room */
#rinfo{width: 80%; margin: 100px auto;}
#rinfo .rname{width: 100%; text-align: center;}
#rinfo .rprice{width: 100%; margin-top: 70px;}
#rinfo .rname h1{font-family: 'Nanum Myeongjo', serif; display: inline-block; font-size: 35px; letter-spacing: 0; padding: 0 0 10px; border-bottom:#000 1px solid; line-height: 30px; transition: font-size .25s linear;}
#rinfo .rname h2{font-size: 16px; font-weight: normal; line-height: 180%; color: #585656; margin: 10px 0 30px; }
@media screen and (max-width:1000px){
    #rinfo{width: 90%; margin: 50px auto;}
    #rinfo .rname{width:100%; text-align: center; transition: all 0.3s;}
    #rinfo .rprice{width: 100%;  transition: all 0.3s; margin-top: 30px;}
}
@media ( max-width: 767px ) {
    #rinfo .rname h1 {font-size: 25px;}
    #rinfo .rname h2 {font-size: 15px;}
}
@media ( max-width: 414px ) {
    #rinfo{width: 80%; margin-top: -80px;}
}
#rinfo2{background: #282e32; padding: 130px 0;}
#firstacc {width: 100%; margin: 0 auto;}
#firstacc > div {
    color: #000;
    font-size: 17px;
    line-height: 30px;
    padding: 30px 15px;
}
#firstacc > h3 {
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 22px;
    line-height: 100px;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
}
.rlAccordion > h3 > span {
    float: right;
    padding-right: 5px;
}
.rlAccordion > h3 + div {
    display: block;/*none*/
    padding: 0;
}
@media screen and (max-width:1000px){
    #rinfo2{padding: 50px 0 !important;}
    #firstacc > h3 {font-size: 18px; line-height: 60px; transition: font-size 0.3s;}
    #firstacc > div {font-size: 15px; padding: 15px; transition: font-size 0.3s;}
}
@media ( max-width: 767px ) {
    #firstacc {width: 95%;}
    #firstacc > h3 {font-size: 15px; line-height: 50px; transition: font-size 0.3s;}
    #firstacc > div {font-size: 13px; padding: 15px; transition: font-size 0.3s;}
}

/* tcont */
.timg_t {position: relative; width: 100%; height: 75vh; overflow: hidden;}
.timg_t.reser {background: url("../img/sub/timg_reser.jpg") center; background-size: cover;}
.timg_t .timg_txt {position: absolute; top: 34%; width: 100%; text-align: center; color: #222;}
.timg_t .timg_txt h1 {font-family: 'Nanum Myeongjo', serif !important; font-size: 2.45vw; font-weight: lighter; text-transform: uppercase; letter-spacing: 0.16em; line-height: 210%; margin: 3% 0 0;}
.timg_t .timg_txt h2 {font-size: 0.9vw; font-weight: normal; line-height: 200%; letter-spacing: 0.05em; margin: 0 0 1.5%;}

@media (max-width:1000px) {
    .timg_t {height: 60vh; transition: height 0.3s;}
	.timg_t .timg_txt h1 {font-size: 4.5vw;}
	.timg_t .timg_txt h2 {font-size: 1.3vw;}
}
@media (max-width:767px) {
    .timg_t .timg_t {height: 45vh;}
	.timg_t .timg_txt h1 {font-size: 7vw;}
	.timg_t .timg_txt h2 {font-size: 3vw;}
}

#tcont * {transition: all .1s; -webkit-transition: all .1s;}
#tcont {width: 80%; min-height: 200px; margin: 150px auto;}
#tcont .tit {position: relative; font-size: 18px; line-height: 30px; padding-top: 10px; margin-bottom: 20px;}
#tcont .titt {font-size: 15px; line-height: 180%; color: #4d4d4e;}
#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;}
.tabButton {font-size: 15px; font-weight: bold; padding: 15px 20px;}
.tab {width: 100%; text-align: left;}

@media screen and (max-width: 768px) {
	#tcont {width: 90%;}
	#tcont .tit {font-size: 15px; line-height: 150%; margin-bottom: 10px;}
	#tcont .titt > div > li {font-size: 11px; line-height: 150%;}
}

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

.tabsy>button {width: 100%; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent;}
.tabsy>.tabButton {display: block; text-align: center; background: #ededed; color: #000; margin-top: 1px; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out;}
.tabsy>.tabButton2 {width: 100%;}
.tabsy>input {display: none;}
.tabsy>input:checked+label+.tab {display: block; clear: both !important; float: none !important;}
.tabsy>input:checked+label+.tab>.content {width: 100% !important; padding: 30px 0; -webkit-animation: showTab 250ms ease-in-out; animation: showTab 250ms ease-in-out;}
.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: 767px){
    .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 ( max-width: 767px ) {
    #tcont {margin: 80px auto;}
	.tabsy>.tab {display: block;} 
	.tabsy>.tab>.content {padding: 10px 0 30px !important;} 
}

#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;}




/* travel */
.timg_travel {position: relative; width: 100%; height: 55vh; overflow: hidden; background: url("../img/travel/timg.jpg") center; background-size: cover;}
.timg_travel .timg_txt {position: absolute; top: 50%; width: 100%; text-align: center; color: #fff;}
.timg_travel .timg_txt h2 {font-family: 'Nanum Myeongjo', serif !important; font-size: 0.73vw; font-weight: normal; line-height: 100%; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 1%;}
.timg_travel .timg_txt h1 {font-family: 'Nanum Myeongjo', serif !important; font-size: 2.86vw; font-weight: lighter; line-height: 100%; text-transform: uppercase; letter-spacing: 0.03em;}

@media (max-width:1000px) {
    .timg_travel {height: 45vh; transition: height 0.3s;}
	.timg_travel .timg_txt h2 {font-size: 1.3vw;}
	.timg_travel .timg_txt h1 {font-size: 4.5vw;}
}
@media (max-width:767px) {
    .timg_travel {height: 35vh;}
	.timg_travel .timg_txt h2 {font-size: 3vw;}
	.timg_travel .timg_txt h1 {font-size: 7vw;}
}
#tcont.travel {width: 100%; margin: 0 auto;}
.travel_cont {position: relative; width: 77%; text-align: center; padding: 5% 0; margin: 0 auto 5%;}
.travel_cont .travel_box {position: relative; width: 100%; vertical-align: top; margin: 0 0 10%;}
.travel_cont .travel_box:last-child {margin: 0;}
.travel_cont .travel_box img {display: block; width: 56%; float: left;}
.travel_cont .travel_box .txt {float: left; width: 44%; background: #fff; color: #000; padding: 3% 6% 0;}
.travel_cont .travel_box .txt h1 {font-size: 0.94vw; font-weight: normal; text-transform: uppercase; letter-spacing: 0.025em; margin: 0 0 3%;}
.travel_cont .travel_box .txt .line {display: inline-block; width: 15%; height: 1px; background: #000; margin: 0 0 3%;}
.travel_cont .travel_box .txt h2 {font-size: 1.9vw; font-weight: normal; margin: 0 0 5%;}
.travel_cont .travel_box .txt h3 {font-size: 0.73vw; font-weight: normal; line-height: 220%;}

@media (max-width: 1000px) {
	.travel_cont {width: 90%;}
    .travel_cont .travel_box {width: 100%; height: auto; margin: 0 auto 20%;}
	.travel_cont .travel_box img {width: 100%; float: none; margin: 0 0 2%;}
    .travel_cont .travel_box .txt {width: 100%; float: none; padding: 5% 2% 10%;}
    .travel_cont .travel_box:nth-child(4n) .txt {padding: 10% 2% 5%;}
    .travel_cont .travel_box .txt h1 {font-size: 1.8vw;}
    .travel_cont .travel_box .txt h2 {font-size: 3.8vw;}
    .travel_cont .travel_box .txt h3 {font-size: 1.4vw;}
}

@media (max-width: 767px) {
    .travel_cont {}
    .travel_cont .travel_box {width: 100%; height: auto; margin: 0 auto 20%;}
	.travel_cont .travel_box img {width: 100%; float: none;}
    .travel_cont .travel_box .txt {width: 100%; float: none; padding: 5% 2% 10%;}
    .travel_cont .travel_box:nth-child(4n) .txt {padding: 10% 2% 5%;}
    .travel_cont .travel_box .txt h1 {font-size: 3.5vw;}
    .travel_cont .travel_box .txt h2 {font-size: 5vw;}
    .travel_cont .travel_box .txt h3 {font-size: 2.8vw;}
}



/* spinfo */
#spinfo {position: relative; overflow: hidden; background: #23282a; padding: 10% 20%;}
#spinfo > div {width: 46.8%;}
#spinfo .spinfo_txt {float: left; text-align: center; color: #fff; padding: 5% 0; margin: 0 auto;}
#spinfo .spinfo_txt .deco {display: inline-block; width: 16.88%; max-width: 91px; margin: 0 0 6.5%; transition: all 0.3s;}
#spinfo .spinfo_txt h2 {font-family: 'Nanum Myeongjo', serif; font-size: 0.83vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 6.5%; transition: font-size 0.3s;}
#spinfo .spinfo_txt h1 {font-family: 'Nanum Myeongjo', serif; font-size: 2.6vw; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; margin: 0 0 3.7%; transition: font-size 0.3s;}
#spinfo .spinfo_txt h3 {font-family: 'Noto Sans', sans-serif; font-size: 1.04vw; font-weight: normal; letter-spacing: 0.025em; margin: 0 0 14.84%; transition: font-size 0.3s;}
#spinfo .spinfo_txt span {font-family: 'Noto Sans', sans-serif; font-size: 0.73vw; line-height: 150%; letter-spacing: 0.025em;}
#spinfo .spimg {float: right;}

@media screen and (max-width:1000px){
    #spinfo {padding: 10%;}
	#spinfo .spinfo_txt h2 {font-size: 1.15vw;}
	#spinfo .spinfo_txt h1 {font-size: 4.2vw;}
	#spinfo .spinfo_txt h3 {font-size: 1.7vw;}
	#spinfo .spinfo_txt span {font-size: 1.1vw;}
}

@media screen and (max-width:768px){
    #spinfo {padding: 10% 5%; margin-top:-45px;}
    #spinfo > div {float: none !important; width: 100%; text-align: center; padding: 5% 0 !important;}
	#spinfo .spinfo_txt h2 {font-size: 1.66vw;}
	#spinfo .spinfo_txt h1 {font-size: 5.2vw;}
	#spinfo .spinfo_txt h3 {font-size: 2.08vw;}
	#spinfo .spinfo_txt span {font-size: 1.46vw;}
}

@media screen and (max-width:414px){
	    #spinfo {margin-top:-100px;}
		#spinfo .spinfo_txt h2 {font-size: 2vw;}
		#spinfo .spinfo_txt h1 {font-size: 7.2vw;}
		#spinfo .spinfo_txt h3 {font-size: 3.8vw;}
		#spinfo .spinfo_txt span {font-size: 3.1vw;}
}