@charset "utf-8";
/* 본문영역 sub  */
.j_text_left{text-align:left !important;}
.j_dis_no{ display:none !important;}
.j_ht120_no{ height:120px !important;}
.j_bt_no{ border:0px !important;}
.j_search{height:90px; margin-bottom:0px !important; border-bottom:0px !important;}
.after::after {display: block; visibility: hidden;clear: both;content: "";}
.j_va_m{ vertical-align:middle;}
.j_font16{font-size:16px !important;}
.both{clear:both;}
.hide, .skips {
    display: block;
    position: absolute;
    top: 0px;
    height: 0px;
    font-size: 0px;
}
.j_gray{color:#565656;}
.fl{float:left !important;}
/*.sectionPage{box-sizing:border-box;padding-top:40px;height:120px;text-align:right;font-size:18px;font-weight:200;letter-spacing:-.075em; }*/
.sectionPage span.highlight{padding:0 3px;color:#0e6c1a;font-weight:400}

.line_top{border-bottom:2px solid #414141;}

.bt_no{border-top:0px !important;}
/*sitemap*/
.inners {
	max-width: 1380px;
	min-width: 320px;th: 100%;
	margin: 0 auto;
	padding: 0 10px;
	
	
}

.btm_line_top{margin:40px 0 20px 0px; border-bottom:2px solid #414141;}

.sitemap_wp {
	font-size:16px;
	line-height: 28px;
	color: #000;
	max-width: 1305px;
	margin: 80px auto 0;
	overflow: hidden;
}
.sitemap_wp > li {
	width: 22%;
	margin-top: 0px;
}
.sitemap_wp > li {
	float: left;
}
.sitemap_wp .tit_dep1 {
	font-size: 1.1rem;
	font-weight: 400;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.sitemap_wp .tit_dep1 + .st_list {
	padding-top: 8px;
	font-weight:200;
}
.sitemap_wp > li.site1 ul, .sitemap_wp > li.site3 ul, .sitemap_wp > li.site4 ul, .sitemap_wp > li.site5 ul {
	border-top: 2px solid #414141;
}
.sitemap_wp .st_list > li {
	margin-top: 12px;
}
.sitemap_wp > li.site4 {
	width: 22%;
	margin-left: 3%;
}
.sitemap_wp > li.site5 {
	width: 22%;
	margin-left: 3%;
	margin-top: 120px;
}

.sitemap_wp > li a {
	color:#252525;
}
.sitemap_wp > li .j_gray a {
	color:#777;
}
 /*sitemap*/


.bd_searchbox { float: right;position: relative; top:25px;}
.bd_searchbox input[type='text'] {width: 240px; border: 1px solid #dbdbdb;height: 40px;padding: 0 40px 0 10px;}
input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number'] {/*line-height: 32px;*/}
input[type='text'], input[type='password'], input[type='tel'], input[type='email'], input[type='number'], select, textarea {margin: 0;border: 1px solid #ccc;color: #666;vertical-align: middle;}
.bd_searchbox input[type='submit'] {
	position: absolute;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    text-indent: -9999em;
    border: none;
    background: url(/stay/common/imgs/j_sub/btn_srch.png) center center no-repeat;
    
}
.bd_searchbox.toy_list input[type='submit']{
    position: initial;
	width: 40px;
    height: 40px;
    text-indent: -9999em;
    border: 1px solid #ccc;
    background: url(/stay/common/imgs/j_sub/btn_srch.png) center center no-repeat;
}
.bd_searchbox.toy_list input[type='text'] {
    width: 183px;
    border: 1px solid #dbdbdb;
    height: 40px;
    padding: 0 40px 0 10px;
}
.np{font-family: 'Nanum Pen Script', cursive;}

input[type='button'], input[type='reset'] {
    min-width: 20px;
    width: auto;
    height: 28px;
    padding: 4px 16px;
    margin: 0;
    border: 1px solid #575757;
    background: #575757;
    font-weight: 400;
    font-size: 0.9em;
    line-height: 1em;
    color: #fff;
}
.bd_searchbox select.toy_sel{width:145px!important;margin-right:38px;}
.bd_total { float: left; padding-top:45px;}
.bbs_file ul li.on{  
    height:25px;
	padding-left:45px;
	text-align: left;
    background: url('/stay/common/imgs/j_sub/j_file.png') 0px 0px no-repeat #ededed;
	overflow:hidden;
	}

.sub_content{padding:0px 0 80px 0; border-top:2px solid #414141; margin-top:80px; min-height:500px;}
 .style_no{padding:0px; margin:0px; border:0px;}
/* .area_bg{width:100%; height:900px;  background: url('/stay/common/imgs/j_sub/j_area_bg.jpg') top center no-repeat; margin-top:70px; position:relative;} */

.area_bg{width:100%;
    display: block;
    position: relative;
    max-width: 1200px;
    max-height: 1150px;
    height: 100%;
	margin:0 auto;
    }

[class|="area_box"]{position:absolute;  background:transparent; display:block;}
.area_box-01{ top: 22.2%;left: 6%;bottom: 57.7%;right: 74.5%;}
.area_box-02{ top: 22.2%;left: 25.6%;bottom: 57.7%;right: 55.2%;}
.area_box-03{ top: 22.2%;left: 44.9%;bottom: 57.7%;right: 36%;}

.area_box-04{ top: 42.4%; left: 6%;bottom: 37.6%;right: 74.5%; }
.area_box-05{ top: 42.4%;left: 25.6%;bottom: 37.6%;right: 55.2%;}
.area_box-06{ top: 42.4%;left: 44.9%;bottom:  37.6%;right: 36%; }
.area_box-07{ top: 42.4%;left: 64.2%;bottom: 37.6%;right: 16.7%; }

.area_box-08{ top: 62.5%;left:44.9%;bottom: 17.6%;right: 36%;}

.area_text{  position:absolute;  top: 10.2%;left: 71%;bottom: 75.7%;right: 7.4%;}
.area_text .title{font-size:36px; font-weight:500; color:#252525; letter-spacing:-0.08em; border-bottom:1px solid #777;padding-bottom:7px;}
.area_text .title .green{color:#056319 !important;}
.area_text .textual{text-align:right; font-size:18px; font-weight:300; padding-top:10px}

[class|="area_box"] .area_boxs{width:100%; height:100%;  display:table;}
[class|="area_box"] a{width:100%; height:100%;  text-align:center; display:table-cell; vertical-align:middle; font-size:22px; letter-spacing:-0.09em; color:#fff;}
[class|="area_box"] a span{display:block;}

.btm_line{margin-bottom:20px   !important; border-bottom:2px solid #414141  !important;}
.show_350{display:none;}
/* 본문영역 sub Tablet  */
@media all and (min-width:768px) and (max-width:1150px) {
  .sectionBody .subVisual {padding-top: 80px !important; height:215px !important; }
  /*.j_search{height:80px  !important;} 이벤트*/
  .area_text .title{font-size:29px; text-align:center;}
.area_text .title .green{color:#056319 !important;}
.area_text .textual{text-align:right; font-size:16px; font-weight:300; padding-top:10px}
.bd_searchbox.toy_list input[type='submit'] {
    position: initial;
    width: 35px;
    height: 35px;
    text-indent: -9999em;
    border: 1px solid #ccc;
    background: url(/stay/common/imgs/j_sub/btn_srch.png) center center no-repeat;
}
  
}

@media all and (max-width:1020px) {
 
.area_text .title{font-size:25px; text-align:center;}
.area_text .textual{text-align:right; font-size:14px; font-weight:300; padding-top:10px}
  
}
@media all and (max-width:920px) {
 
.area_text .title{font-size:22px; text-align:center;}
.area_text .textual{text-align:right; font-size:12px; font-weight:300; padding-top:10px}
  
}
@media all and (max-width:925px) {
 
.MAT100_925{margin-top:0px !important;}
  
}

@media all and (max-width:760px) {
 
.area_text .title{display:none;}
.area_text .textual{display:none;}
  
}




/* 본문영역 sub Mobile */
@media all and (max-width:950px) {
 .j_search{height:170px;}
 .tab_950a{top:35px;}
.sectionPage {height:59px !important;}/*이벤트 서치*/
.ht100{height:100px !important;}
.sectionPage p {text-align:left !important; height:34px;}
.bd_searchbox {}
.sitemap_wp {font-size:15px;}
[class|="area_box"] a{width:100%; height:100%;  text-align:center; display:table-cell; vertical-align:middle; font-size:18px; letter-spacing:-0.09em; color:#fff;}
}

/* 본문영역 sub Mobile */
@media all and (max-width:925px) {
.sectionBody .introTitBox{display:none;}
/*.sectionBody .innerZone {padding: 50px 15px !important;} */
.j_search{height:57px !important; padding-top:0px !important;}
.height0{height:0px !important; padding-top:0px !important;}
.pageNav{ display:none !important;}
.introTitBox .introBar{display:none !important;}
.introTxt01{display:none !important;}
.introTitBox {height: 80px  !important;}
.bd_searchbox .box_01{width:23% !important;}
.bd_searchbox .box_02{width:23% !important;}
.bd_searchbox .box_03{width:50% !important;}
.file, .registration{width:25% !important;}
.contWrap {margin:30px 0 !important;}
.bd_searchbox_left{float: none;padding-bottom: 80px;}
.sectionBody .innerZone{position:relative;}
.introTitBox h2.introTit01 {font-size:30px !important;}
.sectionBody .pageNav .innerZone{display:none;}
.dino{display:none !important;}
.bbs_btn a{width:19.2% !important; height:40px !important; line-height:40px !important; font-size:14px !important;}
.bbs_file { padding: 10px 10px !important;}
.bbs_file ul{ margin-left:0px !important;} 
.bbs_cont { padding-bottom:50px !important;}
.bbs_file ul li.on {line-height: 29px !important;}
.mtno{margin:0px !important;}
.line_top{padding-top:0px; }
.sitemap_wp{margin-top:40px !important;} 
.write_925{height:50px !important;}
.sub_content{ border:0px; padding-top:0px !important; margin-top:0px !important;/*숙박목록*/}
.bd_searchbox {top:0px;}
.bd_total{padding-top:0px !important;}
.MT_925{margin-top:0px !important; padding-top:0px !important;}
.m_joinWrap03 {margin-top:0px !important;}
}


@media (max-width: 767px){
.sectionBody .subVisual {height:140px !important; padding-top:15px !important;}
.sectionBody .subVisual .innerZone .svH {margin-top:10px !important;}
.sectionPage p {  text-align:left !important; height:34px;}
}

@media (max-width: 700px){
.j_search {height: 100px !important;}
.height0{height:0px !important;}
.tab_950a{float:left;}
}


@media all and (max-width:680px) {

.tab_680{clear:both !important; margin-left:0px !important; }
.mt50{margin-top:50px !important;}
.sitemap_wp > li{width:47%  !important;}

}


@media all and (max-width:520px) {
[class|="area_box"] a{font-size:14px;}
.tab_520{float:none !important;}
.tab_520a{float:none !important;}
.btnArea .btninquiry01{height:40px !important; line-height:20px  !important;}
}



@media all and (max-width:500px) {
.j_wid50 .MAL25{margin-left:0px !important;}
.bd_searchbox_left {padding-bottom:110px !important;}
.bd_searchbox{left:0px !important;} 
.sectionPage p {padding-top: 2px !important;text-align: left !important; height:10px;}
.j_search {height: 100px !important;}
.tab_950a{top:30px;}
.height0{height:0px !important;}

.bbs_btn a{ height:40px !important; line-height:40px !important; font-size:12px !important; letter-spacing:-0.08em; margin:0 1px !important;}
table.bbsList td.no_left, table.bbsList th.no_left{font-size:1rem !important;}
.sectionBody .innerZone {padding: 0px 15px !important;}
.introTitBox h2.introTit01 {font-size: 20px !important;}
.introTitBox {height: 50px !important;}
.wid75{width:75% !important;}
.dino01{display:none !important;}
.bd_searchbox{width:100%; text-align:left !important;}
.bd_searchbox select{width:20%  !important; font-size:7px; padding: 6px 4px 4px 2px; background: #fff url(../../web/imgs/cont/ico_select_arrow.png) right center no-repeat;}
.bd_searchbox input[type='text'] {width:58%;}
.bd_searchbox input[type='submit'] {top:0px !important; right:15px !important;}
.sitemap_wp > li {width: 97% !important;}
.sitemap_wp > li.site4{margin-left:0px !important; margin-top:50px !important;}
.sitemap_wp{margin-top:50px !important;}
.write_925{height:30px !important;}
.bd_searchbox {top:16px;}
.h_contBox_wp{}
[class|="area_box"] a{font-size:12px;}
.btnArea{margin-top:20px !important;}/*이벤트현황*/
.btnArea .btninquiry01, .btnArea .btninquiry02{width:150px !important; height:40px !important;}
.sub_content{padding:0px !important;}
}
@media all and (max-width:350px) {
	.hid_350{display:none;}
	.show_350{ display:block;}
	.bd_searchbox select{width:20%  !important; font-size:7px; padding: 6px 4px 4px 2px; background: #fff url(../../web/imgs/cont/ico_select_arrow.png) right center no-repeat;}
}


/*메뉴추가*/
.gnbArea.mobile .gnb_cont > .tab_m{border-bottom:2px solid #216f03;}

.gnbArea.mobile .gnb_cont > .tab_m > ul > li.on {
    background: #216e03;
	border:0px;
	color:#fff !important;
}
.gnbArea.mobile .gnb_cont > .tab_m > ul > li.on a {

	color:#fff !important;
}
.gnbArea.mobile .gnb_cont > .tab_m > ul > li {
    float: left;
    width: 50%;
    text-align: center;
    text-transform: uppercase;
    background: rgba(89, 89, 89, .6);
    background-size: cover;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    padding: 17px 0;
}

.gnbArea.mobile .gnb_cont > .tab_m > ul > li {
    float: left;
    width: 25%;
    text-align: center;
    text-transform: uppercase;
    background:#dddddd;
    background-size: cover;
    font-size: 14px;
    line-height: 19px;
    color: #353535;
    padding: 12px 0;
	border-right:1px solid #ccc;
	box-sizing:border-box;
	font-weight:200;
}

.gnbArea.mobile .gnb_cont > .tab_m > ul::after {
    display: block;
    clear: both;
    content: "";
    width: 100%;
}

.gnbArea.mobile .gnb_cont > .mm_mypage {
    border-bottom: 3px solid #353535;
    position: relative;
}

.gnbArea.mobile .gnb_cont .m_close_btn {
    position: absolute;
    right: 8px;
    top: 23px;
    cursor: pointer;
}

.gnbArea.mobile .gnb_cont .login_wrap {
    padding: 13px 9px !important;
    border-bottom: 1px solid #e1e1e1;
	text-align:left;
	position:relative;
}



.gnbArea.mobile .gnb_cont .login_wrap > .user_img {
    display: inline-block;
}

.gnbArea.mobile .gnb_cont .login_wrap > .user_img a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    overflow: hidden;
    background: url(/stay/common/imgs/user_img.jpg)no-repeat center center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 7px;
}

.gnbArea.mobile .gnb_cont .login_wrap > .user_id {
    display: inline-block;
    vertical-align: middle;
}

.gnbArea.mobile .gnb_cont .login_wrap > .user_id > a {
    font-size: 17px;
    color: #393939;
	font-weight:200;
}

.gnbArea.mobile .gnb_cont > .mm_mypage > ul > li {
    float: left;
    width: 33%;
    height: 76px;
    display: table;
    border-right: 1px solid #ebebeb;
}

.br_no{border-right:0px !important;}
.gnbArea.mobile .gnb_cont > .mm_mypage > ul > li img{width:auto;}

.gnbArea.mobile .gnb_cont > .mm_mypage > ul > li > a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.gnbArea.mobile .gnb_cont > .mm_mypage > ul > li > a > p img {
    height: 25px;
}

.gnbArea.mobile .gnb_cont > .mm_mypage > ul > li > a > p:last-child {
    margin-top: 5px;
    font-size: 15px;
    color: #393939;
    font-weight: 200;
}

.gnbArea.mobile .gnb_cont .search_wrap {
    border: 1px solid #dddddd;
    margin: 10px 15px 20px;
}

.gnbArea.mobile .gnb_cont .search_wrap > .input_box {
    position: relative;
	text-align:left;
}

.gnbArea.mobile .gnb_cont .search_wrap input[type='text'] {
    width: 79%;
    padding: 0 2%;
	text-indent:3px;
}
/*media all*/
.input_box input {
    font-family: "Noto Sans KR", sans-serif;
    font-size: 14px;
    letter-spacing: -0.25px;
    color: #888;
    border: none;
    background: transparent;
    height: 40px;
}

.gnbArea.mobile .gnb_cont .search_wrap input[type='submit'] {
    background: url(/stay/common/imgs/total_search.png) no-repeat !important;
	
    width: 22px;
    height: 22px;
    position: absolute;
    right: 8px;
    top: 10px;
}
/*media all*/
input[type='submit'] {
    -webkit-appearance: none;
}

.gnbArea.mobile .gnb_cont .tab_cont {
    padding: 0 4%;
}

.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}
/*@media screen and (max-width:850px)*/
.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li > a {
    width: 35%;
    margin-right: 0px;
}

.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li > a {
    float: left;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
    width: 64px;
    margin-right: 45px;
}

.gnbArea.mobile .gnb_cont > .mm_mypage > ul::after {
    display: block;
    content: "";
    width: 100%;
    clear: both;
}

.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li::after {
    display: block;
    clear: both;
    content: "";
    width: 100%;
}

.gnbArea.mobile .gnb_cont .tab_cont > div ul::after {
    display: block;
    content: "";
    width: 100%;
    content: "";
}
/*media all*/
.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li.yesicando > a::after {
    content: "+";
    display: inline-block;
    margin-left: 5px;
}

.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li > a {
    width: 35%;
    margin-right: 0px;
}

.gnbArea.mobile .gnb_cont .tab_cont > div > ul > li > ul {
    display: none;
}

@media all and (max-width:767px){
.bd_searchbox input[type='text']{width:156px!important}
.bd_searchbox select.toy_sel{width:160px!important;}
.bd_searchbox select{width:22%; font-size:11px; padding: 0; background: #fff url(../../web/imgs/cont/ico_select_arrow.png) right center no-repeat;}
.bd_searchbox input[type='submit']{top:-5px!important;right:-5px!important}
table.bbsList td.no_left, table.bbsList th.no_left{font-size:1rem!important}
td.j_notice_file img{width:14px}
.bbs_file li a{font-size:12px}
.bbs_file ul li.on{height:20px;line-height:19px!important;background-size:13px;background-position:16px 2px}
.sectionPage p {  text-align:left !important; height:22px !important; }
.bd_searchbox.toy_list input[type='submit']{
    position: initial;
	width: 30px;
    height: 30px;
    text-indent: -9999em;
    border: 1px solid #ccc;
    background: url(/stay/common/imgs/j_sub/btn_srch.png) center center no-repeat;
}
}