@charset "utf-8";


@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);


/* base */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0;padding:0;border:0; }
html, body {height:100%;}
* {margin: 0; padding: 0; }
body{font-family:'Noto Sans KR', sans-serif; font-size:16px; color:#666;word-break:keep-all;-webkit-text-size-adjust:none;-webkit-user-select:none; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: 300;}
a:link {color:#666; text-decoration:none; }
a:visited {color:#666; text-decoration:none; }
a:hover {color:#666; text-decoration:none; }
a:active {color:#666; text-decoration:none; }
a:focus {color:#666; text-decoration:none; }
a, span {display: inline-block;}
input,textarea,select,button{border: 0; font-size: inherit; font-family: inherit; font-size: inherit; resize: none;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0; border:none; }
button * {position:relative; overflow:hidden;}
input:focus, textarea:focus, select:focus {outline: none;}
/* button{border:none; text-indent:-9999px} */
ol, ul {list-style: none;}
u{text-decoration:none}
label {cursor: pointer;}
dfn, address{font-style:normal;}
legend, caption {width:1px; height:1px; font-size:0; line-height:0; margin:-1px;}
img {vertical-align: top;}
textarea{resize:none;}
table{/* border-collapse:collapse;table-layout:fixed; */ border-collapse:collapse;border-spacing:0}
/*  img, a{outline: none; select-dummy: expression(this.hideFocus=true); }  */
/* HTML5 Reset */
select, option {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;}

.blind {position: absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}


input[type="text"] {box-sizing:border-box; -webkit-appearance:none;}
input[type="checkbox"] {}
input::placeholder {
  color: #333;
}

.tc {text-align:center;}
.tr {text-align:right;}
.tl {text-align:left;}

.b2{width:50%; float:left;}
.b3{width:33%; float:left;}

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}
.clearfix:after{content:''; display:block; clear:both;}


/*********************************************
* Main Event Popup
*********************************************/
.pop_notice_set{position :absolute;top:125px;left:-10px;z-index:5000}
.pop_notice_set .pop_notice{ float: left; margin: 10px 0 0 10px;background :#fff;position:relative}
.pop_notice_set .pop_notice .pop_notice_content{ width: auto; max-width: 460px; min-height: 200px; border: 1px solid #3d3d3d;background :#fff;text-align:left;padding:5px 5px 30px }
.pop_notice_set .pop_notice .pop_notice_content p{margin:10px;line-height:1.4}
.pop_notice_set .pop_notice .pop_notice_content img{ width: 100%; min-width: 200px}
.pop_notice_set .pop_notice .pop_notice_footer{ position: absolute; left: 0; bottom: 0; right: 0; border-width: 0 1px 1px;border-style :solid;border-color:#3d3d3d;background:#ededed;height:30px;line-height:22px;padding:5px 10px 0 ;text-align :left}
.pop_notice_set .pop_notice .pop_notice_footer input{ vertical-align: middle}
.pop_notice_set .pop_notice .pop_notice_footer label{ color: #ADACAC; vertical-align: middle; display: inline-block}
.pop_notice_set .pop_notice .pop_notice_footer a.btn_close,.pop_notice_set .pop_notice .pop_notice_footer a.notToday{display :inline-block;padding:0 15px 0 14px;background :url(../../../images/common/ico_close.gif) 0 50% no-repeat;font-family:dotum;font-size:11px}
.pop_notice_set .pop_notice .pop_notice_content.bg01{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg02{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop02.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg03{ width: 383px; height: 319px; background: url(../../images/homepage/common/bg_ind_pop03.jpg) no-repeat!important}
.pop_notice_set .pop_notice .pop_notice_content.bg01 p,.pop_notice_set .pop_notice .pop_notice_content.bg02 p,.pop_notice_set .pop_notice .pop_notice_content.bg03 p{margin:13px 16px}
/*********************************************
* loading Box
*********************************************/
.loadingWrap { height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; display:none; }
.loadingBg {background: none repeat scroll 0 0 #fff; height: 100%; left: 0; filter:alpha(opacity=50,FinishOpacity=0,Style=0);-moz-opacity:0.50; opacity: 0.5; position: absolute; top: 0; width: 100%; }
.loading {border: 1px solid #BBA07C;margin-left: -500px;
background: #f2f2f2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmY2ZjZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f2f2f2 0%, #fcfcfc 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f2f2 0%,#fcfcfc 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f2f2 0%,#fcfcfc 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-8 */
position:fixed;top:-1px;left:50%;width:1000px;height:51px;line-height:50px;z-index:9999;text-align:center;}
.loading p {color:#525252;letter-spacing:-0.03em;}


/* --------------------------------------------
 * Layer Popup
/* ------------------------------------------ */
div.pop_wrap{display:none;position:absolute;z-index:99999;width:650px;border:1px solid #454545;background-color:#fff;overflow:hidden}
div.pop_wrap.w700{width:700px}
div.pop_wrap.w540{width:540px}
div.pop_wrap.w570{width:570px}
div.pop_wrap.w800{width:800px}
div.pop_wrap.w810{width:810px}
div.pop_wrap.w1200{width:1200px}
div.pop_wrap.w1300{width:1300px}
div.pop_wrap .pop_header{position:relative;padding:0 12px;background-color:#99694b}
div.pop_wrap .pop_header h3{height:79px;line-height:81px;font-size:25px;color:#fff; padding-left:23px;}
div.pop_wrap .pop_header a.btn_pop_close{display:block;position:absolute;top:27px;right:33px;width:27px;height:25px;background:url(../../images/homepage/common/ico_pop_close.png) no-repeat;text-indent:-9999px}
div.pop_wrap .pop_content{position:relative;padding:35px; color:#505050}
div.pop_wrap .pop_content .drawings{position:relative;margin:-15px}
div.pop_wrap .pop_content .drawings .bx-viewport{height:400px!important}
div.pop_wrap .pop_content .drawings.h226 .bx-viewport{height:260px!important}
div.pop_wrap .pop_content .drawings .drawings_slider .item{width:700px!important}
div.pop_wrap .pop_content .drawings .bx-controls-direction a{position:absolute;top:50%;width:30px;height:27px;margin-top:-14px;background:url(../../images/homepage/accommodation/spr_slider.png) 0 0 no-repeat;text-indent:-9999px}
div.pop_wrap .pop_content .drawings .bx-controls-direction a.bx-prev{left:10px;background-position:0 0}
div.pop_wrap .pop_content .drawings .bx-controls-direction a.bx-next{right:10px;background-position:-35px 0}
div.pop_wrap .pop_content .drawings .bx-pager{position:absolute;bottom:10px;width:100%;text-align:center}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item{display:inline-block}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item a{display:inline-block;width:50px;height:5px;margin:0 2px;background-color:#ddd;text-indent:-9999px}
div.pop_wrap .pop_content .drawings .bx-pager .bx-pager-item a.active{background-color:#ae8e6e}
div.pop_wrap .pop_content .terms_sroller{height:450px;overflow-x:hidden;overflow-y:auto}
div.pop_wrap .pop_content .email{padding:5px}
div.pop_wrap .pop_content .email p.email{line-height:20px}
div.pop_wrap .pop_content .price_detail .item{margin-top:20px}
div.pop_wrap .pop_content .price_detail .item h4{padding-left:14px;background:url(/Midas_common/images/homepage/common/bullet1.gif) 0 2px no-repeat;font-size:16px}
div.pop_wrap .pop_content .price_detail .item .list_table table thead th{padding:10px 0 14px;font-size:14px}
div.pop_wrap .pop_content .price_detail .item .list_table table tbody td{padding:10px 0 14px;font-size:14px}
div.pop_wrap .pop_content .alert{padding:50px 0;letter-spacing:-0.5px}
div.pop_wrap .pop_content .alert p.txt1{line-height:28px;padding:20px 0;font-size:30px;text-align:center}
div.pop_wrap .pop_content .alert p.txt2{line-height:22px;margin-top:20px;padding-top:20px;border-top:1px dotted #c7c7c7;font-size:16px;font-weight:bold;color:#474747}
div.pop_wrap .pop_content .alert p.txt3{line-height:18px;margin-top:5px;font-size:12px;color:#474747}
div.pop_wrap .pop_content .search{padding:30px 0;text-align:center}
div.pop_wrap .pop_content .search label{display:inline-block;padding-right:8px;font-weight:bold;vertical-align:middle}
div.pop_wrap .pop_content .search input{width:160px}
div.pop_wrap .pop_content p.search_result{margin-top:20px;padding:20px 0;border-top:1px dotted #c7c7c7;text-align:center}
div.pop_wrap .pop_content p.search_result strong{color:#ae5757}
div.pop_wrap .pop_content .findIDPW{padding:15px;letter-spacing:-0.5px}
div.pop_wrap .pop_content .findIDPW p.txt1{line-height:22px;font-weight:bold;font-size:14px;color:#525252;text-align:center}
div.pop_wrap .pop_content .findIDPW p.txt2{line-height:18px;font-weight:bold;text-align:center}
div.pop_wrap .pop_content .joinComplete{padding:65px 15px 15px}
div.pop_wrap .pop_content .joinComplete p.txt1{line-height:45px;font-size:30px;text-align:center}
div.pop_wrap .pop_content .joinComplete p.txt2{line-height:22px;margin-top:15px;font-size:18px;color:#525252;text-align:center}
div.pop_wrap .pop_content .joinComplete p.txt3{line-height:18px;font-weight:bold;text-align:center}
div.pop_wrap .pop_content > .btn_set > a.grey, div.pop_wrap .pop_content > .btn_set > a.brown{display:none}
div.pop_wrap .pop_content .information{height:385px;margin-top:0}
div.pop_wrap .pop_content .information .info_list .scroller{height:265px}
div.pop_wrap .pop_content .information .visualSlider .slider .item img{width:100%}
div.pop_wrap .pop_content .btn_set{margin-top:25px}
div.pop_wrap .pop_content .info_use{margin-top:25px}
div.pop_wrap .pop_content .info_use ul{padding:15px 0}
div.pop_wrap .pop_content .info_use ul li{padding:5px 80px}
div.pop_wrap .pop_footer{margin:0 20px;padding:30px 0 35px;border-top:1px solid #e3e3e3}
div.pop_wrap .pop_footer .btn_set{margin-top:0;text-align:center}
div.pop_wrap .pop_footer p.guide{line-height:22px;padding-left:12px;background:url(/Midas_common/images/homepage/common/bullet2.gif) 0 8px no-repeat;color:#767676}
div.pop_wrap .pop_footer ul.guide{margin-top:-10px}
div.pop_wrap .pop_footer ul.guide li{line-height:22px;margin-top:10px;padding-left:12px;background:url(/Midas_common/images/homepage/common/bullet2.gif) 0 8px no-repeat;color:#767676}
div.pop_wrap .pop_footer .total{padding:20px 0;background-color:#565656;font-size:18px;text-align:center}
div.pop_wrap .pop_footer .total label{padding-right:10px;color:#c4c4c4}
div.pop_wrap .pop_footer .total strong{color:#fff}
div.pop_wrap .pop_footer .total strong span{font-size:15px}

/*부킹엔진 버튼*/
.bookingButton {position: fixed; right: 50px; bottom: 70px; z-index: 9999;}
#booking-shadow {
  position: absolute;
  top: 120px;
  left: 50%;
  margin-left: -21px;
  width: 42px;
  height: 13px;
  background: rgba(0,0,0,0.15);
  border-radius: 50%;
  -webkit-animation:  bookingShadow .5s infinite alternate;
  -moz-animation:     bookingShadow .5s infinite alternate;
  -o-animation:       bookingShadow .5s infinite alternate;
  animation:          bookingShadow .5s infinite alternate;
}

@-webkit-keyframes bookingShadow {
  0% { width: 42px; margin-left: -21px; }
  75% { width: 50px; margin-left: -25px; }
  100% { width: 58px; margin-left: -30px; }
}
@-webkit-keyframes bookingShadow {
  0% { width: 42px; margin-left: -21px; }
  75% { width: 50px; margin-left: -25px; }
  100% { width: 58px; margin-left: -30px; }
}
@-moz-keyframes bookingShadow {
  0% { width: 42px; margin-left: -21px; }
  75% { width: 50px; margin-left: -25px; }
  100% { width: 58px; margin-left: -30px; }
}
@-o-keyframes bookingShadow {
  0% { width: 42px; margin-left: -21px; }
  75% { width: 50px; margin-left: -25px; }
  100% { width: 58px; margin-left: -30px; }
}
@keyframes bookingShadow {
  0% { width: 42px; margin-left: -21px; }
  75% { width: 50px; margin-left: -25px; }
  100% { width: 58px; margin-left: -30px; }
}

#booking-img {
  position: relative;
  background: url(/SejongUstay_common/images/homepage/KOR/common/booking-img.png) no-repeat;
  top: 0;
  width: 79px;
  height: 91px;
  /*border-radius: 50%;*/
  margin: 0 auto;
  z-index: 2;
  -webkit-animation: bookingImg .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;
  -moz-animation:    bookingImg .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
  -o-animation:      bookingImg .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
  animation:         bookingImg .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
}

@-webkit-keyframes bookingImg {
  0%, 10% { top: 0em; }
  15% {}
  35% {}
  75% {}
  95% {}
  100% { top: 30px; }
}
@-moz-keyframes bookingImg {
  0%, 10% { top: 0em; }
  15% {}
  35% {}
  75% {}
  95% {}
  100% { top: 30px; }
}
@-o-keyframes bookingImg {
  0%, 10% { top: 0em; }
  15% {}
  35% {}
  75% {}
  95% {}
  100% { top: 30px; }
}
@keyframes bookingImg {
  0%, 10% { top: 0em; }
  15% {}
  35% {}
  75% {}
  95% {}
  100% { top: 30px; }
}


@media screen and (max-width:970px){
	.bookingButton {right: 20px; bottom: 50px;}
	#booking-img {width: 68px; height: 78px; background-size: cover!important;}
	@-webkit-keyframes bookingImg {
	  0%, 10% { top: 0em; }
	  15% {}
	  35% {}
	  75% {}
	  95% {}
	  100% { top: 20px; }
	}
	@-moz-keyframes bookingImg {
	  0%, 10% { top: 0em; }
	  15% {}
	  35% {}
	  75% {}
	  95% {}
	  100% { top: 20px; }
	}
	@-o-keyframes bookingImg {
	  0%, 10% { top: 0em; }
	  15% {}
	  35% {}
	  75% {}
	  95% {}
	  100% { top: 20px; }
	}
	@keyframes bookingImg {
	  0%, 10% { top: 0em; }
	  15% {}
	  35% {}
	  75% {}
	  95% {}
	  100% { top: 20px; }
	}
		
	#booking-shadow {width: 25px; height: 9px; top: 102px;}
	@-webkit-keyframes bookingShadow {
	  0% { width: 26px; margin-left: -13px; }
	  75% { width: 36px; margin-left: -18px; }
	  100% { width: 44px; margin-left: -22px; }
	}
	@-webkit-keyframes bookingShadow {
	  0% { width: 26px; margin-left: -13px; }
	  75% { width: 36px; margin-left: -18px; }
	  100% { width: 44px; margin-left: -22px; }
	}
	@-moz-keyframes bookingShadow {
	  0% { width: 26px; margin-left: -13px; }
	  75% { width: 36px; margin-left: -18px; }
	  100% { width: 44px; margin-left: -22px; }
	}
	@-o-keyframes bookingShadow {
	  0% { width: 26px; margin-left: -13px; }
	  75% { width: 36px; margin-left: -18px; }
	  100% { width: 44px; margin-left: -22px; }
	}
	@keyframes bookingShadow {
	  0% { width: 26px; margin-left: -13px; }
	  75% { width: 36px; margin-left: -18px; }
	  100% { width: 44px; margin-left: -22px; }
	}
}