@charset "utf-8";

/* fonts */
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);

@font-face {
    font-family: 'yg-jalnan';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-family:'NanumSquare', '맑은 고딕', '돋움',Dotum,AppleGothic,sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
fieldset {border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'NanumSquare', '맑은 고딕', '돋움',Dotum,AppleGothic,sans-serif}
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
/*
input::-webkit-input-placeholder{color:#fff}
input::-moz-placeholder{color:#fff}
input:-moz-placeholder{color:#fff}
input:-ms-input-placeholder{color:#fff}
textarea::-webkit-input-placeholder{color:#fff}
textarea::-moz-placeholder{color:#fff}
textarea:-moz-placeholder{color:#fff}
textarea:-ms-input-placeholder{color:#fff}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
*/
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear_wrap:before,.clear_wrap:after{content:" ";display:table}
.clear_wrap:after{clear:both}
.clear_wrap{*zoom:1}
.clear_ine{clear:both}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}

.bg_cover{background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important}
.bg_cover .bg_img{display:none}

.mobile,
.tablet{display:none!important}


#header,
#header .header_wrap,
#header .gnb .btn_menu,
#header .hea_btn_admin,
#header .search_box .btn_search,
.main_partner .btn_partner .over_box,
.main_partner .btn_partner .tooltip_box,
.main_partner .slide_box .btn_slide,
.main_partner .btn_more,
#footer .footer_menu a,
#popup_search .search_list .link,
#popup_location .location_list .btn_location,
#popup_location .location_detail .detail_list .btn_detail,
.main_top .search_box .search_detail .btn_location,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;}

#viewport {
  min-width: 0;
}

.contains {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px; /* 양 옆 여백 반응형 대응 */
}

@media (max-width: 768px) {
  #header .gnb,
  #header .right_box {
    display: none;
  }


  #header .btn_menu {
    padding: 0 10px;
    font-size: 16px;
  }
}

.logos{
float: left;
font-size:28px !important;
font-weight:700;
padding-top: 0px !important;
font-family: 'yg-jalnan';
color:#ff6f3f;
}


.btn-hamburger {
  display: none;
  background: none;
  border: none;
  font-size: 28px;
  padding: 16px;
  cursor: pointer;
}

/* 모바일에서만 보임 */
@media (max-width: 768px) {
  .btn-hamburger {
    display: block;
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1001;
  }
}


.mobile-menu {
  display: none;
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 1000;
}

.mobile-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mobile-menu li {
  border-bottom: 1px solid #eee;
}

.mobile-menu li a {
  display: block;
  padding: 16px;
  font-size: 18px;
  color: #333;
  text-decoration: none;
}


/* 헤더 */
#header{position:sticky;left:0;top:0;right:0;height:80px; background:#fff; border-bottom:1px solid rgba(255,255,255,0.2); repeat;z-index:500; overflow: visible;}
#header .header_box{height:80px}
#header .logo{float:left;padding-top:16px}
#header .logo .btn_logo{display:block;width:80px;height:40px;text-align:left;text-indent:-9999px;}
#header .gnb{float:left;margin-left:30px}
#header .gnb .menu_box{float:left;padding-top:20px}
#header .gnb .btn_menu{display:block;padding:0 27px;height:40px;line-height:40px;font-size:20px;font-weight:700}
#header .gnb .btn_menu.active,
#header .gnb .btn_menu:hover,
#header .hea_btn_admin:hover{color:#f65645!important}
#header .right_box{float:right}
#header .search_box{float:left;padding-top:23px;margin-right:50px}
#header .hea_btn_admin{display:inline-block;padding:22px 27px;height:40px;line-height:40px;font-size:17px;font-weight:700}


#header.sub .header_wrap,
#header.active .header_wrap,
#header.on .header_wrap{background:#fff}
    #header.sub .logo .btn_logo,
    #header.active .logo .btn_logo,
    #header.on .logo .btn_logo {}
#header.sub .gnb .btn_menu,
#header.active .gnb .btn_menu,
#header.on .gnb .btn_menu{color:#000}
#header.sub .hea_btn_admin,
#header.active .hea_btn_admin,
#header.on .hea_btn_admin{color:#000}
#header {box-shadow:0 1px 5px rgba(0,0,0,0.2)}



/* 푸터 */
#footer{height:140px;background:#fbfaf9}
#footer .footer_box{position:relative;padding:30px 0 0 30px}
#footer .footer_box .logo{position:absolute;left:0px;top:42px}
#footer .footer_menu{height:30px}
#footer .footer_menu li{float:left;margin-right:40px}
#footer .footer_menu a{line-height:20px;font-size:14px;color:#b9b9b9;font-weight:500}
#footer .footer_menu a:hover{color:#fff}
#footer .address_box p{line-height:22px;font-size:14px;color:#aaa;font-weight:500}
#footer .sns_menu{position:absolute;right:50px;top:32px}
#footer .sns_menu .btn_sns{display:block;float:left;margin-left:6px;width:22px;height:22px;line-height:22px;text-align:left;text-indent:-9999px}
#footer .sns_menu .btn_sns.facebook {}
#footer .sns_menu .btn_sns.instagram {}
#footer .sns_menu .btn_sns.blog {margin-left: 10px;width: 34px;}




/* 컨텐츠 */
/* ==================== 메인 컨텐츠 ==================== */

.main_top {
  position: relative;
  z-index: 20;
}

.main_top .top_box {
  position: relative;
  min-height: 320px;
  padding-bottom:10px;
}

.main_top .top_box .text_box {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  color: #f2f2f2;
  padding-top: 60px;
  height: 320px;
  font-size: 24px;
  font-weight: 700;
}

.main_top .top_box .text_box .title {
  margin-top: 10px;
  line-height: 60px;
  font-size: 40px;
  color: #fff;
  font-weight: 700;
}


@media (max-width: 768px) {
  .main_top .top_box .text_box {
    height: auto;        /* 높이 자동으로 */
    padding-bottom: 0px; /* 검색박스랑 안붙게 */
  }

  .main_top .top_box .text_box .title {
    font-size: 25px;
    line-height: 36px;
	font-weight: 700;
  }

.main_top .top_box .text_box p {
  line-height: 30px;
  font-size: 20px;
  color: #f2f2f2;
  font-weight: 700;
}
}



.main_top .top_box .text_box .title b {
  font-weight: 700;
}

.main_top .location_box {
  height: 60px;
  text-align: center;
  background: #f5f5f5;
}

.main_top .location_box p {
  line-height: 60px;
  font-size: 21px;
  color: #333;
}

.main_top .location_box .btn_location {
  display: inline-block;
  margin: -3px 0 0 6px;
  width: 21px;
  height: 22px;
  vertical-align: middle;
  background: url("/image/location.png") no-repeat;
}



/* 검색박스 */
.main_top .search_box {
  position: absolute;
  left: 50%;
  bottom: 56px;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1150px;
  height: 72px;
  border-radius: 41px;
  box-shadow: 0 0 38px rgba(0, 0, 0, 0.6);
  background: #fff;
  z-index: 20;
}

/* 반응형: 모바일용 */
@media (max-width: 768px) {
  .main_top .search_box {
    position: static;
    transform: none;
    flex-direction: column;
    width: calc(100% - 40px);
    margin: 20px auto 0;
    height: auto;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    padding: 20px;
    gap: 16px;
  }

  .main_top .search_box .name,
  .main_top .search_box .list_box,
  .main_top .search_box .list_02,
  .main_top .search_box .btn_search {
    width: 100%;
    float: none;
    text-align: left;
    height: 56px;
  }

  .main_top .search_box .list_box,
  .main_top .search_box .list_02 {
    border-left: none;
  }

  .main_top .search_box .btn_search {
    background-size: 24px 24px;
    background-position: right 16px center;
  }
}

.main_top .search_box .name {
  float: left;
  width: 250px;
  line-height: 82px;
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.main_top .search_box .list_box {
  float: left;
  position: relative;
  width: 725px;
  height: 82px;
  background: #fff;
}

.main_top .search_box .list_02 {
  width: 804px;
  border-left: 1px solid #d2d2d2;
}

.main_top .search_box .list_box .label {
  padding-left: 16px;
  line-height: 82px;
  font-size: 24px;
  color: #777;
  font-weight: 700;
}

.main_top .search_box .list_box .btn_list {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 60px 0 125px;
  height: 82px;
  line-height: 82px;
  text-align: right;
  font-size: 30px;
  color: #333;
  font-weight: 700;
  letter-spacing: -1px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.main_top .search_box .list_02 .btn_list {
  padding-left: 75px;
  letter-spacing: -3px;
}

.main_top .search_box .btn_search {
  display: block;
  position: absolute;
  right: 37px;
  top: 0;
  width: 110px;
  height: 82px;
  text-align: left;
  text-indent: -9999px;
  border: 0;
  background: url("/image/select_search.png") no-repeat center center;
  z-index: 20;
}

/* 상세 검색 영역 */
.main_top .search_box .search_detail {
  display: none;
  position: absolute;
  left: 240px;
  top: 92px;
  width: 850px;
  border-top: 6px solid #f65645;
  box-shadow: 0 0 21px rgba(0, 0, 0, 0.32);
  background: #fff;
  z-index: 100;
}

.main_top .search_box .search_detail .search_top {
  padding: 40px 20px 30px 100px;
}

.main_top .search_box .search_detail .search_bottom {
  padding: 40px 20px 30px 100px;
  background: #f9f9f9;
}

.main_top .search_box .search_detail .search_list {
  overflow: hidden;
}

.main_top .search_box .search_detail .search_list li {
  float: left;
  width: 102px;
  height: 44px;
}

.main_top .search_box .search_detail .btn_location {
  display: block;
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  color: #555;
}

.main_top .search_box .search_detail .btn_location:hover,
.main_top .search_box .search_detail .btn_location.active {
  color: #f65645;
  font-weight: 700;
}

.main_top .search_box .search_detail .search_bottom .search_list li {
  float: left;
  width: 330px;
  height: 44px;
}

/* ==================== 반응형 ==================== */
@media (max-width: 768px) {
  .main_top .search_box {
    position: relative; /* static or relative */
    transform: none;
    left: auto;
    bottom: auto;

    margin: 24px auto;
    width: calc(100% - 32px);
    max-width: 480px;
    border-radius: 16px;
    padding: 0px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    background: #fff;

    display: flex;
    flex-direction: column;
    gap: 12px;
  }

  .search-ui {
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    gap: 12px;
    height: auto;
  }

  .search-ui input,
  .date-input,
  .people-input,
  .search-btn {
    width: 100%;
    box-sizing: border-box;
  }
}







.main_title{text-align:center}
.main_title .title{line-height:40px;font-size:30px;color:#111;font-weight:700}
.main_title .desc{margin-top:5px;line-height:20px;font-size:15px;color:#666}






.main_partner{padding:70px 0 100px 0;background:#fff;z-index:10}
.main_partner .partner_box{position:relative;padding:52px 65px 0 65px}
.main_partner .btn_more {display: block;position: absolute;right: 65px;top: 0;width: 90px;height: 33px;text-align: left;text-indent: -9999px;z-index: 10}
.main_partner .btn_more:hover{filter:alpha(opacity=80);opacity:0.8}
.main_partner .slide_box{position:relative; width:100%; max-width:1070px;height:361px;overflow:hidden}
.main_partner .slide_inner{width:100%; max-width:height:361px;overflow:hidden}
.main_partner .btn_slide {display: block;position: absolute;top: 50%;left: -8px;margin-top: 6px;width: 30px;height: 40px;text-align: left;text-indent: -9999px;z-index: 100}
.main_partner .btn_slide.next{left:auto;right:-8px;}
.main_partner .btn_slide:hover{filter:alpha(opacity=80);opacity:0.8}
.main_partner .partner_slide{height:361px;overflow:hidden}
.main_partner .partner_slide li{float:left;width:370px;height:361px}
.main_partner .btn_partner{display:block;position:relative;width:330px;height:361px}
.main_partner .btn_partner .tooltip_box {display: block;position: absolute;left: 0;bottom: 0;right: 0;padding: 30px 30px 0 30px;height: 110px;z-index: 10}
.main_partner .btn_partner .tooltip_box .title {display: block;height: 44px;line-height: 30px;font-size: 30px;color: #fff;font-weight: 700;text-overflow: ellipsis;white-space: nowrap;overflow: hidden}
.main_partner .btn_partner .tooltip_box .desc{display:block;position:absolute;left:30px;top:90px;width:140px;line-height:20px;font-size:16px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;filter:alpha(opacity=80);opacity:0.8}
.main_partner .btn_partner .tooltip_box .price{display:block;position:absolute;right:30px;top:85px;line-height:35px;font-size:20px;color:#fff;font-weight:700;filter:alpha(opacity=80);opacity:0.8}
.main_partner .btn_partner .tooltip_box .price b{margin-left:3px;font-size:35px;font-weight:700}
.main_partner .btn_partner .over_box {position: absolute;left: 0;top: 0;right: 0;bottom: 0;padding: 100px 30px 0 30px;text-align: center;z-index: 20;filter: alpha(opacity=0);opacity: 0}
.main_partner .btn_partner .over_box .title{display:block;line-height:50px;font-size:40px;color:#fff;font-weight:700}
.main_partner .btn_partner .over_box .loc{display:block;margin-top:5px;line-height:30px;font-size:22px;color:#fff}
.main_partner .btn_partner .over_box .more{display:block;margin:0 auto;margin-top:35px;width:100px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#fff;border:1px solid #fff}
.main_partner .btn_partner:hover .over_box{filter:"";opacity:1}
.main_partner .btn_partner:hover .tooltip_box{filter:alpha(opacity=0);opacity:0}