@charset "utf-8";



.content { height: 100%; flex: 1; overflow: auto; position: relative; margin-bottom: 23%;}
section:not(:last-of-type) {margin-bottom: 2vh;}
.section-group { margin-bottom: 29px;position: absolute; bottom: 0; margin-bottom: 0}



/***공통 mVisual-wrap***/
.mVisual-wrap {position: relative; background-size: cover; background-repeat: no-repeat;     z-index: -9;height:calc(100vh - 1060px);}
.visual-tit-wrap {width: 100%; text-align: center; margin: 0 auto;position: relative;}
.green-layout .visual-tit-wrap {height:calc(100% - 201px);}
.blue-layout .visual-tit-wrap {height: calc(100% - 293px);}

.mVisual-wrap  .visual-tit {position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 17vh;}
.green-layout .mVisual-wrap {background-image: url(../images/road/visual.jpg);}/*숲길*/
.blue-layout .mVisual-wrap {background-image: url(../images/rest/visual.jpg);}/*휴양림*/
.iconbox-wrap02 a {padding: 43px 0;}

/***cont-search-wrap :: 공통 조회영역 ***/
.cont-search-wrap { background: #fff; box-shadow: -1px 5px 13px rgba(0, 0, 0, 0.09); margin-right: 30px; margin-left: 30px;}
.cont-search-wrap > .btn {display: inline-block; width: 100%;}
.cont-search-wrap > ul {padding: 20px;height: calc(100% - 103px);}
.cont-search-wrap > ul > li { margin-bottom: 18px; position: relative;width: 100%; background: #f6f7f9; border-radius: 6px;height: 6vh; }
.cont-search-wrap > ul > li > * {height:  100%; width: 100%;  display: inline-block;}
.cont-search-wrap > ul > li:last-of-type {margin-bottom: 0 !important;}
.cont-search-wrap .icon { display: inline-block; width: 70px;height: 70px;border-radius: 600px;background: #fff  ; position: absolute;top: 50%;transform: translate(-5px, -50%);}
.cont-search-wrap .icon:after {content: ""; display: block; width: 36px; height: 34px;background-repeat: no-repeat;    position: absolute;top: 50%; left: 50%;transform: translate(-50%, -50%);}
.green-layout .cont-search-wrap .icon:after {background-image: url(../images/road/icon-group01.png); }
.blue-layout .cont-search-wrap .icon:after {background-image:  url(../images/rest/icon-group01.png); }
.cont-search-wrap .icon01:after {background-position: 7px 2px ;}
.cont-search-wrap .icon02:after {background-position: -48px 0 ;}
.cont-search-wrap .icon03:after {background-position: -104px 0 ;}
.cont-search-wrap .icon04:after {background-position: -148px 2px;}
.s_2_people .label ,.preview_wrap .label a{display: flex; height: 100%;align-items: center; padding-left: 30px; padding-right: 30px;}
.label {height: 100%;}
.label-txt {padding-left: 95px; color: #303030;font-weight: 600; font-size: 2.3rem;}

.select-wrap {height: 100%;padding-left: 30px; padding-right: 30px;}
.select-wrap .label-txt {height: 100%;}
.select-wrap select {width: 100%; height: 100%; border: 0; background: #f6f7f9;  color: #454545;font-weight: 600; font-size: 2.3rem;font-family: 'ntk';}
.select-wrap  label {position: absolute; width: 1px;  height: 1px;padding: 0; overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap; border: 0;}
.select-wrap select {background: url('arrow.jpg') no-repeat 95% 50%;border-radius: 0px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select-wrap select::-ms-expand { display: none;}




/*숲길*/
.preview_locate{overflow:hidden;display:none; max-width: 98%; min-height: 50px;z-index:12;position:relative;width: 100%;background-color:#fff;border:solid #ddd;border-width:0 1px 1px;   margin: 0 auto;}
.preview_locate a{display:block;padding:10px 0 10px 45px;font-size:16px;font-weight:500;background: url(../images/s_2_pre_locate.png) no-repeat 17px 50%;color:#444;}
.preview_locate a:hover,.preview_locate a:focus{background:#ededed url(../images/s_2_pre_locate_ov.png) no-repeat 17px 50%}
.preview_locate a .mr_reg{width:20px;height:20px;padding-top:2px;font-size:12px;vertical-align:middle;position:relative;top:-1px;margin-right:2px}
.name .preview_locate{padding:10px 0}
.name .preview_locate li{}
.name .preview_locate a{padding:5px 0 5px 32px;letter-spacing:-1px;background-position:10px 9px;background-size:12px;}
.name .preview_locate :not(:first-child) a{padding:5px 32px;}
.ov+.preview_locate{display:block}
.cont-search-wrap .preview_locate .horizen:after{content:'';display:block;clear:both}

/*날짜선택*/
.cont-search-wrap .input{position:relative;height: 100%;}
.cont-search-wrap .input label{position:absolute;top: 50%;transform: translate(0px, -50%);}
.cont-search-wrap .s_2_calendar input{font-size: 2.3rem;color: #444;background: #f6f7f9;}
.cont-search-wrap .input input{width:100%;height:100%;border-width:0; cursor: pointer;}
.cont-search-wrap .input input:focus{ outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);}
.cont-search-wrap .s_2_calendar .icon {left: 30px;}
.cont-search-wrap .s_2_calendar .label-txt {padding-left: 124px;}
/*인원*/
.cont-search-wrap .s_2_people .cost_wrap{position: absolute;right: 65px; top: 50%; transform: translate(12px, -50%) scale(1.4);}
.cont-search-wrap .s_2_people .cost_wrap a {float:left;margin-top: 9px;display:block;width: 34px;height: 34px; vertical-align: middle;background-color: #a6a6c2;background-repeat: no-repeat; background-position: center; border-radius: 100%; border: 0;}
.blue-layout .cont-search-wrap .s_2_people .cost_wrap a:hover,.blue-layout .cont-search-wrap .s_2_people .cost_wrap a:focus{background-color: #3f6ceb;}
.green-layout .cont-search-wrap .s_2_people .cost_wrap a:hover,.green-layout .cont-search-wrap .s_2_people .cost_wrap a:focus{background-color: #24a046;}
.cont-search-wrap .s_2_people .cost_wrap .minus { background-image: url(../images/road/minus.png);}
.cont-search-wrap .s_2_people .cost_wrap .plus {background-image: url(../images/road/plus.png);}
.cont-search-wrap .s_2_people .cost_wrap .cost{float:left;display:block;width:50px;height:100%;line-height: 49px;text-align:center;font-weight: 500;font-size:30px;color: #494949;font-weight: 900;}

/*조회버튼*/
.cont-search-wrap .btn {height: calc(100vh - 93vh);text-align: center; color: #fff;font-size: 2.3rem;display: flex;align-items: center; justify-content: center;}
.cont-search-wrap .btn span {position: relative;  padding-left: 43px;font-weight: 300;}
.cont-search-wrap .btn span:after{content: "";display: block; width: 55px;
height: 35px; background: url(../images/search.png) no-repeat;position: absolute; left: 0;top: 50%;transform: translate(0, -50%);}
.green-layout .cont-search-wrap .btn {background: #24a046;}
.blue-layout .cont-search-wrap .btn {background: #3f6ceb;}

/*** 공통 box ***/
.box {background: #fff;}

/*textbox-wrap :: 공통 예약영역*/
.textbox-wrap {position: relative;}
.textbox-wrap .inner { display: flex;align-items: center; padding: 55px 30px;}
.textbox-wrap .box {background: #e37009; text-align: center; border: 0;}
.textbox-wrap .box span {width: 130px;height: 130px;display: flex;align-items: center;justify-content: center;font-size: 2rem;line-height: 39px;color: #fff;font-weight: 100;}
.textbox-wrap .txt {display: block; padding-left: 33px; line-height: 28px; }
.textbox-wrap .txt strong,
.textbox-wrap  .smtxt {display: block;font-weight: 600; text-overflow: ellipsis; overflow: hidden;white-space: nowrap;}
.textbox-wrap .txt strong {font-size: 2rem; padding-bottom: 12px;}
.textbox-wrap  .smtxt {font-size: 1.8rem;}
.slick-slider {width: 460px; overflow: hidden;}
.textbox-wrap .controls { position: absolute; top: 50%;right: 40px;transform: translate(0px, -50%) scale(1.2);}
.textbox-wrap .controls button {width: 50px;height: 50px;border: 1px solid #a5a5a5; background: none;display: block !important;background: url(../images/bul_menu_arrow.png) no-repeat center ;background-size: 18px;}
.textbox-wrap .controls button:last-of-type {border-top: 0;}
.textbox-wrap .controls button.prev {transform: rotate(180deg);}

/*iconbox-wrap :: 공통 아이콘 박스 링크 영역*/
.iconbox-wrap  > ul, .iconbox-wrap02 > ul  {display: table; table-layout: fixed; width: 100%;   } 
.iconbox-wrap  > ul  {height: 201px;}
.iconbox-wrap  > ul > li,.iconbox-wrap02  > ul > li {display: table-cell; position: relative;}
.iconbox-wrap li:not(:last-of-type):after { content: "";display: block;width: 1px;height: 129px;background: #dde2eb;right: 0;top: 50%;position: absolute;transform: translate(0px, -50%);}
.iconbox-wrap li  a {  display: inline-block; width: 100%; height: 100%;}
.iconbox-wrap li  a > span {display: block; }
.iconbox-wrap li  a .tit {font-size: 1.8rem;padding-bottom: 10px; }
.blue-layout .iconbox-wrap li a .tit {font-size: 1.7rem; line-height: 34px;}
.iconbox-wrap li a .tit strong {font-size: 1.8rem;}
.green-layout .iconbox-wrap li a .tit {padding-bottom: 16px;}
.green-layout .iconbox-wrap li a .tit, 
.green-layout  .iconbox-wrap li a .tit strong {font-size: 2.3rem;}

.green-layout .box.iconbox-wrap {background: transparent;}
.green-layout .iconbox-wrap > ul.col2 li {display: block;}
.green-layout .iconbox-wrap > ul.col2 li {width: auto; background: #fff;padding: 45px 29px ;}
.green-layout .iconbox-wrap > ul.col2 li:not(:last-of-type) {margin-bottom: 2vh;}
.green-layout .iconbox-wrap .icon:before {transform: scale(1.2);}
.green-layout .iconbox-wrap .icon:before { bottom: 38px;}

.iconbox-wrap li  a .txt {margin-top: 10px;}
.blue-layout .iconbox-wrap li  a .txt {font-size: 1.4rem;line-height: 27px;}
.green-layout .iconbox-wrap li  a .txt {font-size: 1.5rem;line-height: 34px;}

.iconbox-wrap .icon {position: relative; padding: 40px 29px 60px 29px; }
.iconbox-wrap > ul.col2 li {width: 50%;}
.iconbox-wrap > ul.col3 li {width: 33%;}
.iconbox-wrap .icon:before { position: absolute;    right: 23px;bottom: 21px;width: 75px; height: 55px; content: ""; display: block;background: url(../images/imgbox-icon.png) no-repeat;}
.iconbox-wrap .icon01:before {background-position: 0 0;}
.iconbox-wrap .icon02:before {background-position: -100px 0;}
.iconbox-wrap .icon03:before {background-position: -198px 0;}
.iconbox-wrap .icon04:before {background-position: -308px 0;}
.iconbox-wrap .icon05:before {background-position: -418px 0;}

/*** iconbox-wrap02 :: 자연휴양림 아이콘 박스 링크 영역***/
.iconbox-wrap02 li  a  {display: block;text-align: center;font-weight: 600;font-size: 1.7rem;}
.iconbox-wrap02 .icon {width: 37px; height: 42px;margin: 0 auto;margin-bottom: 24px; background: url(../images/rest/icon-group02.png) no-repeat; display: block; }
.iconbox-wrap02 .icon01{background-position: 0 0;}
.iconbox-wrap02 .icon02 {background-position: -96px 0;}
.iconbox-wrap02 .icon03 {background-position: -194px 0;}
.iconbox-wrap02 .icon04 {background-position: -288px 0;}
.iconbox-wrap02 .icon05 {background-position: -385px 0;}
.iconbox-wrap02 .icon06 {background-position: -484px 0;}





@media(max-height: 1390px) {
/*    .visual-tit-wrap {display: none !important;}*/
    .iconbox-wrap > ul { height: 162px;}
    .cont-search-wrap > ul > li {height:calc(100vh - 94vh);}

}
@media(max-height: 1300px) {
    .green-layout .visual-tit-wrap {display: none;}
    

    .iconbox-wrap02 a { padding: 24px 0;}
    .iconbox-wrap .icon {padding: 29px;}
    .textbox-wrap .inner {padding: 33px 30px;}
    
}
@media(max-height: 1048px) {
 
    .iconbox-wrap li a .txt {display: none;}
    .iconbox-wrap > ul {height: auto;}
    .textbox-wrap .inner { padding: 13px 30px;}
    .iconbox-wrap02 .icon {margin-bottom: 11px;}
    
    
    .content {margin-bottom: 151px;}
    .nav-bottom {height: 133px}
}




/*달력*/
.defBtn {width: 130px;display: inline-block;padding: 22px 0; background: #5468c7;border-radius: 600px;color: #fff !important;font-size: 1.9rem;}
/*.picker_layer .cal_regend {display: none;}*/


/*달력*/
/*.picker_layer .layer_calender.cal_left .layer_cal_head .prevAnchorGroup .calSclBtn {display: block !important}*/
.picker_layer{z-index:210;position:absolute;top:0;left:0;width:700px;border-radius:10px;-webkit-border-radius:10px;border:1px solid #000;background-color:#fff}
.picker_layer .layer_close{z-index:10;position:absolute;top:3px;right:3px;width: 37px !important;height: 35px !important;padding:5px 0 0 6px;border-radius:8px;-webkit-border-radius:8px;background-color:#ebeff3;    transform: scale(1.5);}
.picker_layer .cal_button{text-align:center;padding-bottom:10px; padding-top: 16px;padding-bottom: 23px !important;}
.picker_layer .cal_regend{overflow:hidden;padding:15px;margin:10px 20px;border:1px solid #ddd;font-size: 1.8rem;line-height: 40px;}
.picker_layer .cal_regend b{display:none !important;}
.picker_layer .cal_regend .rg_group{overflow:hidden;padding:5px 0}
.picker_layer .cal_regend .rg_group div{float:left;padding:5px 0;margin:0 5px; font-size: 1.8rem !important;}
.picker_layer .cal_regend .rg_group div:first-child{margin-top:0}
.picker_layer .cal_regend .rg_group div i{display:inline-block;vertical-align:-10px;width:30px;height:30px;border:1px solid #000}
.picker_layer .cal_regend .rg_group .rg_1{background-color:#fff}
.picker_layer .cal_regend .rg_group .rg_2{background-color:#ffecd2}
.picker_layer .cal_regend .rg_group .rg_3{background:url(/portal/images/content/calendar_out.gif?t_=201907310900)}

.picker_layer .calendar_wrap{position:relative;padding:50px 0 10px}
.picker_layer .calendar_wrap:after{content:'';display:block;clear:both}

.picker_layer .layer_calender{float:none !important;width:100% !important;padding:0 20px}
.picker_layer .layer_calender .layer_cal_head{margin-bottom:28px !important;position:relative;text-align:center}
.picker_layer .layer_calender .layer_cal_head b{font-size:24px;color:#000}
.picker_layer .layer_calender .layer_cal_head a{      position: absolute;
    border: 0 !important;
    padding: 11px 9px !important;
    top: -14px !important;
    font-size: 1rem !important;
    border: 7px solid transparent;
    /* display: none; */
    position: absolute;
    border-width: 0;
    padding: 5px 10px;
    background-color: #5468c7;
    color: #fff;
    /* font-size: 14px; */
    border: 1px solid #5468c7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -ms-transition: background-color 300ms;}

.picker_layer .layer_calender .layer_cal_head a span { 
    background-image: url(/portal/images/content/calpicker_month_prev.png?t_=201907310900);
    background-position: 0 50%;
    background-size: 14px !important;
    line-height: 1;    display: inline-block;
    background: no-repeat;
}

.picker_layer .layer_calender .layer_cal_head a span.hide{
  position: static;
    overflow: visible;
    width: auto;
    color: #fff;
    height: auto;
    left: 0;
    top: 0;  
}




.picker_layer .layer_calender .layer_cal_head a.next span {
        padding-right: 15px;
    background-image: url(/portal/images/content/calpicker_month_next.png?t_=201907310900);
    background-position: 100% 50%;right: 30px !important;
}
.picker_layer .layer_calender .layer_cal_head a.prev span {
      padding-left: 15px;
    background-image: url(/portal/images/content/calpicker_month_prev.png?t_=201907310900);
    background-position: 0 50%;
}
.picker_layer .layer_calender .layer_cal_head .prev {
    left: 30px !important;}
.picker_layer .layer_calender .layer_cal_head .next {
    right: 30px !important;}

.picker_layer .layer_calender .layer_cal_head .prev{left:10px;border-right-color:#000;transform: scale(1.5); }
.picker_layer .layer_calender .layer_cal_head .next{right:10px;border-left-color:#000;transform: scale(1.5);}
.picker_layer .cal_left{border-right:1px solid #d7d7d7; margin-bottom: 0;}
.picker_layer .cal_right{}
.picker_layer .cal_left .layer_cal_head .next,
.picker_layer .cal_right .layer_cal_head .prev{display:none}

.picker_layer .layer_calender .layer_cal_head .prevAnchorGroup{}
.picker_layer .layer_calender .layer_cal_head .calSclBtn{
display: none;
    position: absolute;
    top: -24px !important;
    border-width: 0;
    padding: 15px 13px !important;
    background-color: #5468c7 !important;
    color: #fff !important;
    font-size: 1.7rem !important;
    border: 1px solid #5468c7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    transition: background-color 300ms;
    -webkit-transition: background-color 300ms;
    -ms-transition: background-color 300ms;
}
.picker_layer .layer_calender .layer_cal_head .calSclBtn span{display:inline-block;background:no-repeat}


/*
.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup{}
.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup .calSclBtn{display:block !important;}
*/

.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll{left:30px !important;}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll span{padding-left:24px !important;background-image:url(/portal/images/content/calpicker_month_prev.png?t_=201907310900);background-position:0 50%; background-size: 14px !important;line-height: 1;}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll{right:30px !important;}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll span{padding-right:24px !important;background-image:url(/portal/images/content/calpicker_month_next.png?t_=201907310900);background-position:100% 50%; background-size: 16px !important;}

.picker_layer .layer_calender .layer_cal_head .calSclBtn:hover{background-color:#fff;color:#000}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll:hover span{background-image:url(/portal/images/content/calpicker_month_prev.png?t_=201907310900);}
.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll:hover span{background-image:url(/portal/images/content/calpicker_month_next.png?t_=201907310900);}

.picker_layer .layer_calender table{table-layout:fixed;width:99% !important;    border-collapse: separate;}
.picker_layer .layer_calender table th,
.picker_layer .layer_calender table td{height:50px;vertical-align:middle;text-align:center;font-size:17px;padding:0;border-width:0;background-color:transparent}
.picker_layer .layer_calender table th{border-bottom:1px solid #d2d2d2}
.picker_layer .layer_calender table td a{display:block;height:100%;padding-top:6px;background-color:#fff}
.picker_layer .layer_calender table th.sun{color:#f46464}
.picker_layer .layer_calender table td.not_day a{color:#909090}


.picker_layer .layer_calender table td a[data-date]{background-color:#ffecd2;    line-height: 4vh;}
.picker_layer .layer_calender table td a.origin{position:relative;background:url(/portal/images/content/calendar_origin.gif?t_=201907310900);color:#fff;line-height: 41px !important;}
.picker_layer .layer_calender table td a.origin_hol{position:relative;background:url(/portal/images/content/calendar_origin.gif?t_=201907310900);color:#fff;border-left:2px solid #5468c7; border-right:2px solid #5468c7; border-top:2px solid #5468c7; border-bottom:2px solid #5468c7;}
.picker_layer .layer_calender table td a.child{background:url(/portal/images/content/calendar_child.gif?t_=201907310900)}

.picker_layer .layer_calender table td a.dtCd02{background:url(/portal/images/content/calendar_out.gif?t_=201907310900);color:#fff}

.picker_layer .layer_calender table td .cal_txt,
.picker_layer .layer_calender table td .cal_today{font-weight:300;font-size:12px}
.picker_layer .layer_calender table td .origin .cal_today{display:none}

#cateCalendar{position:static;padding:5px;border-width:0;width:100%;overflow:hidden}
#cateCalendar .calendar_wrap{width:440px;padding:10px 0}
#cateCalendar .layer_calender{padding:0 5px}
#cateCalendar .layer_calender table th,
#cateCalendar .layer_calender table td{height:30px;padding:0}
#cateCalendar .layer_calender table td a{display:block;height:100%;padding-top:0;margin-top:0}
#cateCalendar .layer_calender .layer_cal_head b{font-size:18px}
#cateCalendar .layer_calender .layer_cal_head a{margin-top:1px}
#cateCalendar .cal_left .layer_cal_head .next,
#cateCalendar .cal_right .layer_cal_head .prev{display:none}
#cateCalendar .layer_calender table td a.origin{color:#fff}
#cateCalendar  .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:10px}

#calPrintDate{height:50px;border-bottom:1px solid #ddd;text-align:center;padding:10px 0; margin-bottom:10px;font-size: 2rem;}
.picker_layer .layer_calender table td .cal_txt, .picker_layer .layer_calender table td .cal_today {font-size: 1rem !important; color: #fff !important;  font-size: 1.5rem !important;line-height: 1;}

@media(max-width:1220px){

.picker_layer .layer_calender table th,
.picker_layer .layer_calender table td{  height: 5vh !important;font-size: 1.8rem !important;overflow-y: hidden;}
.picker_layer .layer_calender table td a{line-height: 75px !important;    padding-top: 12px !important;
    padding-bottom: 3px !important; background: transparent;}
.picker_layer .layer_calender .layer_cal_head b{font-size: 2.4rem !important;}

}

@media(max-width:840px){
.picker_layer {width: 95% !important; margin-left: 0 !important;left: 2% !important;transform: translate(0%,-50%);margin-top: 0 !important; top: 50% !important;}
.picker_layer .layer_close{top: -63px !important;right: 12px !important;border-radius:7px}
.picker_layer .scl{overflow:auto}
.picker_layer .calendar_wrap{width: calc(100% + 755px) !important; padding: 0 0 10px; display: flex;}
.picker_layer .cal_left, .picker_layer .cal_right{padding:35px 0px 0 0px !important}

.picker_layer .layer_calender .layer_cal_head .calSclBtn{display:block}
}

.picker_layer.single {}
.picker_layer.single .layer_calender{float:none;width:auto}
.picker_layer.single .calendar_wrap{width:auto}

@media(max-width:840px){
.picker_layer.single .layer_calender{padding-top:15px}
}



@media (max-width:780px) and (min-height: 1625px) {
	.blue-layout .visual-tit-wrap {
    height: calc(100% - 353px);
}

}


@media (max-width:780px) and (max-height: 1500px) {
	.blue-layout .mVisual-wrap .visual-tit {width: 16vh;}

}

@media (max-width:780px) and (max-height: 1410px) {
    .blue-layout .mVisual-wrap .visual-tit .cont-search-wrap > ul > li {height: calc(100vh - 94vh);}
    .blue-layout .mVisual-wrap .visual-tit {display: none;}
}