@charset "utf-8";

#infoWrap h3:first-child { margin-top: 0}

/*#infoWrap h3 { margin-bottom:20px; font-size:24px; font-weight:normal; margin-top:40px } */

.appointment { overflow: hidden}

@media(max-width:1199px) {
 .appointment .linkTab.tab-col-5 > ul > li { width: 25%}
 }

@media(max-width:1100px) {
 .appointment .linkTab.tab-col-5 > ul > li { width: 33.33%}
 }

@media(max-width:860px) {
 .appointment .linkTab.tab-col-5 > ul > li { width: 50%}
 }


.appointment .apt_map { float: left; width: 380px; margin-right: 40px}

.appointment .apt_map.new { margin-bottom: 20px; }

.appointment .apt_map .map_head { height: 145px; padding-top: 10px; text-align: center; background-color: #5468c7}

.appointment .apt_map .map_head:after { content: ''; display: block; clear: both}

.appointment .apt_map .map_head .head_btn { display: inline-block; margin-left: 40px; color: #fff}

.appointment .apt_map .map_head .head_btn:first-child { margin-left: 0}

.appointment .apt_map .map_head .head_btn .sprity-apt_head { margin: 0 auto 5px}

.appointment .apt_map .map_head .head_btn .btn_switch { position: relative; display: block; width: 62px; height: 36px; margin-top: 10px; border-radius: 25px; -webkit-border-radius: 25px; border: 1px solid #bbc3e9; background-color: #6d7fcf}

.appointment .apt_map .map_head .head_btn .btn_switch .switch_symbole { font-style: normal; position: absolute; left: 24px; top: 0; transition: left 150ms ease-out; -webkit-transition: left 150ms ease-out; overflow: hidden; width: 36px; height: 100%; border-radius: 100%; -webkit-border-radius: 100%; background-color: #fff}

.appointment .apt_map .map_head .head_btn .btn_switch .switch_symbole span { height: 100%; display: block; padding-top: 8px; text-indent: -2px; font-size: 14px; text-align: center; }

.appointment .apt_map .map_head .head_btn .btn_switch .switch_symbole .on { margin-top: -35px; transition: margin-top 150ms ease-out; -webkit-transition: margin-top 150ms ease-out; color: #18bb78}

.appointment .apt_map .map_head .head_btn .btn_switch .switch_symbole .off { color: #e44a4a}

.appointment .apt_map .map_head .head_btn .btn_switch.in_active .switch_symbole { left: 0}

.appointment .apt_map .map_head .head_btn .btn_switch.in_active .switch_symbole .on { margin-top: 0}

.appointment .apt_map .map_body { position: relative; height: 572px; padding: 44px 0 0 29px; background-color: #ebeff3}

.appointment .apt_map .map_body .body_positioning { position: relative; width: 296px}

.appointment .apt_map .map_body .body_positioning button { position: absolute; padding: 10px 12px; font-size: 15px; border-radius: 7px; -webkit-border-radius: 7px; background-color: #fff}

.appointment .apt_map .map_body .body_positioning button:hover { color: #18bb78}

.appointment .apt_map .map_body .body_positioning .i_1 { left: 92px; top: 83px}

.appointment .apt_map .map_body .body_positioning .i_2 { left: 185px; top: 67px}

.appointment .apt_map .map_body .body_positioning .i_3 { left: 150px; top: 137px}

.appointment .apt_map .map_body .body_positioning .i_4 { left: 64px; top: 171px}

.appointment .apt_map .map_body .body_positioning .i_5 { left: 211px; top: 195px}

.appointment .apt_map .map_body .body_positioning .i_6 { left: 164px; top: 277px}

.appointment .apt_map .map_body .body_positioning .i_7 { left: 82px; top: 238px}

.appointment .apt_map .map_body .body_positioning .i_8 { left: 60px; top: 309px}

.appointment .apt_map .map_body .body_positioning .i_9 { left: 11px; top: 420px}

.appointment .apt_map .map_body .body_positioning .in_active,
.appointment .apt_map .map_body .body_positioning .in_active:hover { box-shadow: 0 3px 5px -1px #a8aab1; background-color: #18bb78; color: #fff}

.appointment .apt_map .map_body .body_positioning .in_active span { display: inline-block}

.appointment .apt_map .map_foot { height: 236px; padding: 23px 30px 0; margin-top: 11px; text-align: center; border: 1px solid #c9c9c9}

.appointment .apt_map .map_foot .foot_title { font-weight: 600; font-size: 18px; color: #000}

.appointment .apt_map .map_foot .foot_pt { margin-top: 7px}

.appointment .apt_map .map_foot .foot_pt .sprity-map { margin: 0 auto}

.appointment .apt_map .map_foot .foot_pt p { text-align: inherit; font-size: 16px}

.appointment .apt_map .map_foot .foot_button { margin-top: 12px}


.apt_calendar { overflow: hidden; border-top: 2px solid #000}

.apt_calendar .calendar_head { position: relative; border-bottom: 1px solid #d7d7d7; padding: 10px 0; }

.apt_calendar .calendar_head .head_item { float: left; }

.apt_calendar .calendar_head .head_item.button { }

.apt_calendar .calendar_head .head_item.button button { }

.apt_calendar [class^='calendar_']:after { content: ''; display: block; clear: both}

.apt_calendar [class*='_item'] { }

.apt_calendar [class*='_item'] > label,
.apt_calendar [class*='_item'] > .label { float: left; padding-top: 15px; margin-right: 10px; font-weight: 500; font-size: 18px; color: #000; }




.apt_calendar [class*='_item'] > .label.fn_tit { float: none; padding-top: 0; padding: 20px; position: relative; }

.apt_calendar [class*='_item'] > .label.fn_tit a { position: absolute; top: 50%; right: 0; display: block; width: 40px; height: 40px; font-size: 0; text-indent: -9999px; overflow: hidden; border: 1px solid #4f61c3; margin-top: -20px; background: url(/images/content/more_icon01.png?t_=201907310900) center center no-repeat; border-radius: 3px; }

.apt_calendar [class*='_item'] > .label.fn_tit a.close { transform: rotate(-180deg); -webki-transform: rotate(-180deg); -ms-transform: rotate(-180deg)}



.apt_calendar [class*='_item'] > label + div,
.apt_calendar [class*='_item'] > .label + div { overflow: hidden}

.apt_calendar [class*='_item'] > label + div input[type=text],
.apt_calendar [class*='_item'] > label + div select,
.apt_calendar [class*='_item'] > .label + div input[type=text],
.apt_calendar [class*='_item'] > .label + div select { width: 100%; border-width: 0; }

.apt_calendar .calendar_head .head_item + .head_item > label,
.apt_calendar .calendar_head .head_item + .head_item > .label { padding-left: 5px; }

.apt_calendar .calendar_head .head_item.picker { width: 300px}

.apt_calendar .calendar_head .head_item.picker > label + div { padding-right: 40px}

.apt_calendar .calendar_head .head_item.picker > label + div input { text-indent: 0; text-align: center}

.apt_calendar .calendar_head .head_item.picker .sprity-cal { position: absolute; top: 8px; right: 7px}

.apt_calendar .calendar_head .head_item.picker + .head_item { width: 186px}

.apt_calendar .calendar_head .head_item.picker + .head_item + .head_item { width: 293px; position: relative; padding-right: 58px}

.apt_calendar .calendar_head .head_item.picker.new + .head_item + .head_item { width: 50%; padding-right: 0; }


.apt_calendar .calendar_head .head_item .schBtn { display: inline-block; vertical-align: top; width: 49px; height: 48px; margin-left: 5px; border-radius: 3px; -webkit-border-radius: 3px; background-color: #4e60c2}

.apt_calendar .calendar_head .head_item.picker + .head_item + .head_item .schBtn { position: absolute; right: 0; top: 0; margin-left: 9px}

.apt_calendar .calendar_head .head_item .align_none { }

.select_locate { padding-left: 15px; }

.apt_calendar .calendar_head.new .head_item { width: 50%; padding-left: 95px; position: relative; }

.apt_calendar .calendar_head.new .head_item.picker { width: 40%; }

.apt_calendar .calendar_head.new .head_item.days { width: 10%; padding-left: 5px; min-width: 0; }

.apt_calendar .calendar_head.new .head_item.days .form_style { min-width: 0; }

.apt_calendar .calendar_head.new .head_item.days input { width: 100%; border-width: 0; }

.apt_calendar .calendar_head.new .head_item label,
.apt_calendar .calendar_head.new .head_item .label { position: absolute; left: 0; top: 0; padding-left: 20px}

.apt_calendar .calendar_head.new .head_item .form_style { width: 100%; }

.apt_calendar .calendar_head.new .head_item .text_style { font-weight: 500; padding-top: 14px; font-size: 18px; color: #000}

.apt_calendar .calendar_head.new .head_item.people { width: 50%; }


.apt_calendar .calendar_head { }

.apt_calendar .calendar_head .button { clear: both; padding-top: 20px; text-align: center}

.form_style { display: inline-block; min-width: 100px; }

.apt_calendar .calendar_body { }

.apt_calendar .calendar_body .body_item { padding: 20px 0; border-bottom: 1px solid #d7d7d7}

.apt_calendar .calendar_body .body_item.new { padding: 0; }

.apt_calendar .calendar_body .body_item .align_block { }

.apt_calendar .calendar_body .body_item .align_block.fn_box { padding: 15px 0; border-top: 1px solid #d7d7d7; padding-bottom: 30px; display: none; }

.apt_calendar .calendar_body .body_item .align_block.fn_box label { display: inline-block; padding: 5px 0; margin-right: 20px; font-size: 16px; }

.apt_calendar .calendar_body .body_item .align_block.fn_box input[type="checkbox"] { width: 20px; height: 20px; vertical-align: -3px; }

.apt_calendar .calendar_body .somday_box { position: relative; overflow: hidden; padding: 20px 10px; background: #f9f9fb; font-size: 18px; }

.apt_calendar .calendar_body .somday_box .re_reserve { position: absolute; top: 11px; right: 11px; font-size: 16px; color: #5468c7; display: block; height: 40px; padding: 7px 20px 0; border: 1px solid #5468c7; background-color: #fff}

.apt_calendar .calendar_body .somday_box .re_reserve img { vertical-align: middle; position: relative; top: -2px; margin-right: 7px}

@media(max-width:690px){
 .apt_calendar .calendar_body .somday_box { text-align: center}

 .apt_calendar .calendar_body .somday_box span { display: block; }

 .apt_calendar .calendar_body .somday_box .re_reserve { position: static; display: inline-block; margin-top: 20px}
 }

.apt_calendar .calendar_body .body_item .align_block .block_row { margin-top: 1%}

.apt_calendar .calendar_body .body_item .align_block .block_row:first-child { margin-top: 0}

.apt_calendar .calendar_body .body_item .align_block .block_row:after { content: ''; display: block; clear: both}

.apt_calendar .calendar_body .body_item .align_block .block_row a { display: block; float: left; width: 24.25%; height: 48px; padding-left: 20px; line-height: 46px; margin-left: 1%; border: 1px solid #c9c9c9}

.apt_calendar .calendar_body .body_item .align_block .block_row a:first-child { margin-left: 0}

.apt_calendar .calendar_body .body_item .align_block .block_row a .sprity-icon_category { vertical-align: -7px}

.apt_calendar .calendar_body .body_item .align_block .block_row a .sprity-icon_category-icon_category_07 { vertical-align: -9px}

.apt_calendar .calendar_body .body_item .align_block .block_row a .sprity-icon_category-icon_category_03 { vertical-align: -10px}

.apt_calendar .calendar_body .body_item .align_block .block_row a:link,
.apt_calendar .calendar_body .body_item .align_block .block_row a:active,
.apt_calendar .calendar_body .body_item .align_block .block_row a:visited { color: #444}

.apt_calendar .calendar_body .body_item .align_block .block_row a:hover { border-color: #5468c7; color: #5468c7}

.apt_calendar .calendar_body .body_item.break_label { position: relative; float: none}

.apt_calendar .calendar_body .body_item.break_label > label,
.apt_calendar .calendar_body .body_item.break_label > .label { float: none; padding-top: 0}

.apt_calendar .calendar_body .body_item .align_chackbox { width: 100%; margin-top: 5px}

.apt_calendar .calendar_body .body_item .align_chackbox label { float: left; min-width: 130px; margin-top: 14px}

.apt_calendar .calendar_body .body_item .align_chackbox .chackbox_all { position: absolute; top: 22px; right: 0; min-width: 0; margin-top: 0; font-weight: 500}

.apt_calendar .calendar_body .body_item .label + .item_row { margin-top: 18px}

.apt_calendar .calendar_body .body_item .item_row { position: relative; padding-left: 57px; margin-top: 10px; overflow: hidden; min-height: 36px; padding-top: 3px}

.apt_calendar .calendar_body .body_item .item_row .row_title { position: absolute; left: 0; top: 0; padding: 7px 10px; margin-right: 10px; font-size: 15px; color: #444; border-radius: 7px; background-color: #ebeff3}

.apt_calendar .calendar_body .body_item .item_row .align_chackbox { width: auto; overflow: hidden; padding-right: 70px; margin-top: -10px}

.apt_calendar .calendar_body .body_item .item_row .align_chackbox label { min-width: 120px}

.apt_calendar .calendar_body .body_item .item_row .align_chackbox .chackbox_all { top: 4px; right: 0; min-width: 0}

.apt_calendar .calendar_body .body_item .align_none { }

.apt_calendar .calendar_body .body_item .align_none .form_style { display: inline-block; min-width: 100px}

.apt_calendar .calendar_body .body_item .align_none p { display: inline-block; margin-left: 10px}

.apt_calendar .calendar_body .body_item .align_none p span { font-weight: 300}

.apt_calendar .calendar_foot { margin-top: 20px}

.apt_calendar .calendar_foot .foot_search { text-align: center}

.apt_calendar .calendar_foot .foot_search.sunday { text-align: right}

.apt_calendar .calendar_foot .foot_search a { display: inline-block; width: 32.5%; height: 95px; margin-left: 0.45%; font-weight: 600; text-align: center; border: 1px solid #606060}

.apt_calendar .calendar_foot .foot_search a:first-child { margin-left: 0}

.apt_calendar .calendar_foot .foot_search a > div { height: 100%; border: 2px solid transparent}

.apt_calendar .calendar_foot .foot_search a > div div { height: 52px; margin-top: 7px}

.apt_calendar .calendar_foot .foot_search a > div .sprity-cal { display: block; margin: 5px auto 0}

.apt_calendar .calendar_foot .foot_search a > div .sprity-cal-cal_foot_search_02 { margin-top: 0}

.apt_calendar .calendar_foot .foot_search a:hover,
.apt_calendar .calendar_foot .foot_search a:hover > div { border-color: #5468c7}

.apt_calendar .calendar_foot .foot_summary { overflow: hidden; padding: 10px; margin-top: 20px; border: 1px solid #c9c9c9; }

.foot_summary.new { clear: both; overflow: hidden; border: 1px solid #c9c9c9; padding: 10px 20px; margin-top: 20px; }

.foot_summary.new div { float: left; margin-right: 20px; padding: 10px 0; }


.etc_align_list { width: 100%; text-align: right; margin-top: 30px}

.etc_align_list .label,
.etc_align_list .form_style { display: inline-block}

.etc_align_list .label { font-size: 18px; margin-right: 10px}

.etc_align_list .form_style { }

.apt_calendar .calendar_foot .foot_summary > div { float: left; margin-right: 26px}

.apt_calendar .calendar_foot .foot_summary > div.last { margin-right: 0}

/*2019 02 18 리뷰 완료 정의서 기반 수정*/
.apt_calendar .calendar_head { }

.apt_calendar .calendar_head.new.slave .head_item { width: 20%}

.apt_calendar .calendar_head.new.slave .head_item.picker { width: 35%}

.apt_calendar .calendar_head.new.slave .head_item.days { width: 8%}

.apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item + .head_item { width: 17%}

.apt_calendar .calendar_head.new2 { }

.apt_calendar .calendar_head.new2 .head_item { }

.apt_calendar .calendar_head.new2 .head_item .label { }

.apt_calendar .calendar_head.new2 .head_item .text_style { font-weight: 500; padding-top: 14px; font-size: 18px; color: #000}

.apt_calendar .calendar_head.new2 .head_item .form_style { display: block}

.apt_calendar .calendar_head.new2 .head_item .form_style input,
.apt_calendar .calendar_head.new2 .head_item .form_style select { width: 100%}

.apt_calendar .calendar_head.new2 .head_item:nth-child(1) { width: 15%}

.apt_calendar .calendar_head.new2 .head_item:nth-child(2) { width: 45%}

.apt_calendar .calendar_head.new2 .head_item:nth-child(3) { width: 40%}

.apt_mark { display: inline-block; width: 25px; height: 25px; padding-top: 5px; text-align: center; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }

.apt_mark.m_1 { background-color: #15A469}

.apt_mark.m_2 { background-color: #5484c7; }

.apt_mark.m_3 { background-color: #8d8e94; }

.apt_mark.m_4 { background-color: #543e22}

.apt_mark.m_5 { background-color: #8d8e94}

.apt_mark.m_6 { background-color: #8d8e94; }

.apt_mark.m_7 { background-color: #8d8e94; }

.apt_mark_2 { display: inline-block; width: 20px; height: 25px; padding-top: 5px; text-align: center; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }

.apt_mark_2.m_1 { background-color: #18bb78}

.apt_mark_2.m_2 { background-color: #5484c7; }

.apt_mark_2.m_3 { background-color: #8d8e94; }

.apt_mark_2.m_4 { background-color: #543e22}

.apt_mark_2.m_5 { background-color: #8d8e94}

.apt_mark_2.m_6 { background-color: #8d8e94; }

.apt_mark_2.m_7 { background-color: #8d8e94; }

.apt_mark_3 { display: inline-block; width: 50px; height: 25px; padding-top: 5px; text-align: center; font-size: 12px; border-radius: 3px; -webkit-border-radius: 3px; color: #fff; }

.apt_mark_3.m_4 { background-color: #543e22}

.apt_mark_3.m_2 { background-color: #5484c7; }

.apt_list { position: relative; clear: both; padding-top: 20px}

.apt_list.none { display: none}

#payment_1.huyang_layer .layer_wrap,
#payment.huyang_layer .layer_body,
#payment_2.huyang_layer .layer_wrap,
#payment.huyang_layer .layer_body { padding: 0}

#payment_1.huyang_layer .layer_head,
#payment_2.huyang_layer .layer_head { height: 58px; border-bottom: 1px solid #000}

#payment_1.huyang_layer .layer_head .head_title,
#payment_2.huyang_layer .layer_head .head_title { height: 57px; padding: 17px 67px 17px 15px; font-size: 22px; background-color: #e0e2ed; color: #222e66; text-align: left}

#payment_1.huyang_layer .layer_head .head_close { width: 65px; height: 57px; text-align: center; background: #eaecef url(/portal/images/common/layer_close.png?t_=201907310900) no-repeat 50% 50%}

.huyang_layer .layer_body .body_scroll { }

.huyang_layer .layer_body .layerCont { padding: 0 0 20px; color: #444; font-size: 20px}

.huyang_layer .layer_body .layerCont p { color: #444; font-size: 20px}

.huyang_layer .cost_layer { padding: 0 20px 20px 20px}

.tbl_wrap .huyang_layer .layer_body .cost_layer .tbl { max-width: 100%}


.voucherPass { width: 80px; text-align: center; margin-left: 5px}

.lC_cmtBox { padding: 20px; border-bottom: 1px solid #e4e4e4}

.lC_midBox { padding: 20px; }

.lC_midBox,
.huyang_layer .layer_body .layerCont .lC_midBox p { font-size: 16px}

.v_payPoint { color: #222e66; font-size: 20px; font-weight: 500}

.lP_BtnArea { margin: 20px 0 10px}

.cancleBtn { display: inline-block !important; padding: 10px 26px !important; font-size: 17px; background: #fff !important; border: 2px solid #5468c7 !important; color: #5468c7 !important; text-align: center; border-radius: 25px}

.submitBtn { display: inline-block !important; padding: 10px 26px !important; font-size: 17px; background: #5468c7 !important; color: #fff !important; border: 2px solid #5468c7 !important; text-align: center; border-radius: 25px}


/* 예약목록 */
.resDate { padding: 10px 0; border: 1px solid #8d8e95; text-align: center; margin-bottom: 20px}

.resDate .resD_box { position: relative; display: inline-block; padding: 0 60px}

.resDate .resD_box strong { display: block; height: 40px; line-height: 40px; color: #323232; font-size: 20px}

.resDate .resD_box a { position: absolute; top: 0; display: inline-block; width: 40px; height: 40px; text-indent: -9999px}

.resDate .resD_box a.prev { left: 0}

.resDate .resD_box a.prev:after { content: ""; display: block; width: 40px; height: 11px; background: url(/images/content/huyang-apt_list.png?t_=201907310900) no-repeat; background-position: -4px -23px}

.resDate .resD_box a.next { right: 0}

.resDate .resD_box a.next:after { content: ""; display: block; width: 40px; height: 11px; background: url(/images/content/huyang-apt_list.png?t_=201907310900) no-repeat; background-position: -4px -4px}

.res_tit { background: #5468c7; color: #fff; text-align: center; display: table; width: 100%}

.res_tit:after { content: ""; display: block; clear: both}

.res_tit > div { display: table-cell}

.res_tit .resT_left { width: 61%; border-right: 1px solid #8896d8; vertical-align: middle}

.res_tit .resT_left strong { font-weight: normal; color: #fff}

.res_tit .resT_right { width: 39%}

.res_tit .resT_right em { display: block; padding: 10px 0; height: 40px}

.res_tit .resT_right ul { display: table; width: 100%; border-top: 1px solid #8896d8}

.res_tit .resT_right ul li { display: table-cell; height: 40px; vertical-align: middle; border-left: 1px solid #8896d8; color: #fff; width: 64px; }

.res_tit .resT_right ul li.sat { color: #b3d5ff}

.res_tit .resT_right ul li.sun { color: #ffdcfd}

.res_tit .resT_right ul li:first-child { border-left: 0}

.res_List { }

.res_List > .resL_li { display: table; width: 100%; height: 55px; border-bottom: 1px solid #c9c9c9}

.res_List > .resL_li > div { display: table-cell; vertical-align: top}

.res_List .resL_left { width: 61%; border-right: 1px solid #c9c9c9}

.res_List .resL_left > ul { display: table; width: 100%; height: 100%}

.res_List .resL_left > ul > li { display: table-cell; vertical-align: middle; padding: 0 13px; border-left: 1px solid #c9c9c9}

.res_List .resL_left > ul > li:first-child { border-left: 0}

.res_List .resL_left > ul > li.hy_1 { width: 32%; text-align: center}

.res_List .resL_left > ul > li.hy_2 { width: 44%; text-align: left}

.res_List .resL_left > ul > li.hy_2 > a { display: inline-block; position: relative; padding-left: 41px}

.res_List .resL_left > ul > li.hy_2 > a > img { position: absolute; left: 0; top: 50%; margin-top: -18px}

.res_List .resL_left > ul > li.hy_2 > a > img,
.res_List .resL_left > ul > li.hy_2 > a > span { vertical-align: middle}

.res_List .resL_left > ul > li.hy_2 > a > span { display: inline-block; border-bottom: 1px solid transparent; padding: 3px 0 6px}

.res_List .resL_left > ul > li.hy_2 > a:hover > span { border-color: #5468c7; color: #5468c7}

.res_List .resL_left > ul > li.hy_3 { width: 24%; text-align: left}

.res_List .resL_right { width: 39%}

.res_List .resL_right > ul { display: table; width: 100%; height: 100%}

.res_List .resL_right > ul > li { display: table-cell; border-left: 1px solid #c9c9c9; text-align: center; vertical-align: middle; width: 64px; }

.res_List .resL_right > ul > li.sat { background: #f4f5fd}

.res_List .resL_right > ul > li.sun { background: #fbf4fd}

.res_List .resL_right > ul > li:first-child { border-left: 0}

.res_List .resL_right > ul > li.ov { position: relative}

.res_List .resL_right > ul > li.ov:before { content: ''; z-index: 1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: solid rgba(244, 100, 100, 0.2); border-width: 1px 0; background-color: rgba(132, 134, 146, 0.2)}

.apt_list.faster { }

.apt_list.faster .res_tit .resT_left { width: 300px}

.apt_list.faster .res_tit .resT_right { width: auto}

.apt_list.faster .res_tit .resT_right .r_month { display: table; width: 100%}

.apt_list.faster .res_tit .resT_right .r_month > div { display: table-cell; border-left: 1px solid #8896d8}

.apt_list.faster .res_tit .resT_right .r_month > div:first-child { border-left: 1px}

@media(max-width:1100px) {
 .res_tit,
 .res_tit > div { display: block}

 .res_tit .resT_left,
 .res_tit .resT_right { width: auto}

 .res_tit .resT_left { border-right-width: 0; background-color: #fff}

 .res_tit .resT_left strong { display: block; padding-bottom: 10px; text-align: left; font-family: 'NanumSquare', sans-serif; font-size: 24px; color: #000}

 .res_tit .resT_right { }

 .res_List > .resL_li,
 .res_List > .resL_li > div { display: block; height: auto}

 .res_List .resL_left,
 .res_List .resL_right { width: auto; border-right-width: 0}

 .res_List .resL_left > ul { display: block; padding: 15px 10px}

 .res_List .resL_left > ul > li { display: inline-block; padding: 5px; border-left-width: 0; margin-right: 20px}

 .res_List .resL_left > ul > li.hy_1,
 .res_List .resL_left > ul > li.hy_2,
 .res_List .resL_left > ul > li.hy_3 { width: auto}

 .res_List .resL_left > ul > li:last-child { margin-right: 0}

 .res_List .resL_right > ul,
 .res_List .resL_right > ul > li { display: block}

 .res_List .resL_right > ul { overflow: hidden; border-top: 1px solid #d2d2d2}

 .res_List .resL_right > ul > li { float: left; width: 14.28%; padding: 10px 0}
 }

.resDetail { position: relative; display: none; padding: 20px 0 70px; border-bottom: 1px solid #c9c9c9}


/*약관동의*/
.agree_wrap { position: relative; padding: 30px 0 0; border-left: 0; border-right: 0}

.agree_wrap .agree_all_check { position: absolute; top: 90px; right: 0; font-size: 16px}

.agree_wrap .agree_all_check input { vertical-align: middle; position: relative; top: -2px; width: 20px; height: 20px; }


.agree_wrap .agree_tit { line-height: 26px; font-size: 24px; display: inline-block; margin: 0 0 20px 0; background: url(/images/content/stay_img03.png?t_=201907310900) 0 0 no-repeat; padding-left: 35px; font-family: 'NanumSquare', sans-serif}

.agree_wrap .agree_txt { padding: 40px; border: 1px solid #c9c9c9; height: 260px; overflow: hidden; overflow-y: auto}

.agree_wrap .agree_tit:first-child { margin-top: 0}

.agree_wrap .agree_tit + .nt_bt { margin-left: 10px; vertical-align: -10px; padding: 6px 24px 6px 44px; font-weight: 400; font-family: 'Noto Sans Kr', sans-serif; font-size: 16px}

.agree_wrap .more_ti { position: relative; padding: 20px 10px; border: 1px solid #c9c9c9}

.agree_wrap .more_ti .agree_tit { margin-bottom: 0}

.agree_wrap .more_ti + .agree_txt { border-top-width: 0}

.agree_wrap .more { position: absolute; top: 12px; right: 10px; display: block; width: 40px; height: 40px; border: 1px solid #4f61c3; background: url(/portal/images/content/more_icon01.png?t_=201907310900) 50% 50% no-repeat; border-radius: 3px; }

.agree_wrap .more.close { background-image: url(/portal/images/content/more_icon02.png?t_=201907310900)}

@media(max-width:500px) {
 .agree_wrap .agree_all_check { top: 40px; left: 0; padding-bottom: 10px; text-align: center; border-bottom: 1px solid #d2d2d2}

 .agree_wrap .agree_all_check + .agree_tit { margin-top: 50px}
 }

@media(max-width:400px) {
 .agree_wrap .agree_all_check + .agree_tit { display: block; margin-bottom: 10px}

 .agree_wrap .agree_tit + .nt_bt { margin: 10px 0}
 }

.agree_wrap .agree_txt.small { height: auto; overflow-y: hidden}

.agree_wrap .agree_txt .txt_tit { font-size: 18px; margin: 15px 0; display: block; }

.agree_wrap .agree_txt .txt_tit:first-child { margin-top: 0}

.agree_wrap .agree_txt p { color: #606060}

.agree_wrap .agree_btbox { margin-top: 20px; text-align: center}

.agree_wrap .agree_btbox .bt_tit { display: block; font-size: 18px; margin-bottom: 20px}

.agree_wrap .agree_btbox .agree_input label { color: #606060; font-size: 17px; text-align: center; margin-left: 20px}

.agree_wrap .agree_btbox .agree_input label:first-child { margin-left: 0}

.agree_wrap .agree_btbox .agree_input input[type="radio"] { width: 20px; height: 20px; vertical-align: -3px}

.reserve_txt { text-align: center; margin-top: 40px}

.reserve_txt div { display: inline-block; margin-left: 10px}

.reserve_txt div:first-child { margin-left: 0}

.reserve_txt div label { font-size: 18px; vertical-align: middle; }

.reserve_txt div input { width: 100px; text-indent: 0; vertical-align: middle; text-align: center; font-size: 18px; font-weight: 500; }

.reserve_txt div input[disabled] { background-color: #f9f9f9}

.reserve_txt div a { display: inline-block; height: 40px; padding: 0 20px; vertical-align: middle; line-height: 38px; border: 1px solid #5468c7; }

.reserve_txt div a:hover { background-color: #5468c7; color: #fff}

@media (max-width:620px) {
 .reserve_txt div:nth-child(1) { display: block; margin-bottom: 10px}
 }

@media (max-width:445px) {
 .reserve_txt div { display: block; margin-bottom: 10px}

 .reserve_txt div input { width: 200px}

 .reserve_txt div a { width: 100px}
 }

.reserve_bt { margin: 40px 0; overflow: hidden; text-align: center}

.reserve_bt a { display: inline-block; margin-left: 5px; background: #5468c7; color: #fff; padding: 20px 60px; border-radius: 50px}

.reserve_bt a:first-child { margin-left: 0}

@media(max-width:767px) {
 .reserve_bt a { padding: 15px 30px}
}

.agree_wrap.basic .agree_txt { max-height: 300px; overflow-y: auto; height: auto; padding: 20px 40px}

.nt_bt { display: inline-block; overflow: hidden; padding: 13px 24px 13px 44px; background: #fff url(/images/content/stay_img04.png?t_=201907310900) 24px center no-repeat; border: 1px solid #5468c7; color: #5468c7}

.nt_bt:hover { background: #5468c7 url(/images/content/stay_img04_ov.png?t_=201907310900) 24px center no-repeat; color: #fff}

.nt_bt.file { background: url(/images/content/btn_file.png?t_=201907310900) 24px 50% no-repeat}

.nt_bt.file:hover { background-image: url(/images/content/btn_file_ov.png?t_=201907310900); background-color: #5468c7}

.nt_bt.del { background: url(/images/content/btn_del.png?t_=201907310900) 24px 50% no-repeat}

.nt_bt.del:hover { background-image: url(/images/content/btn_del_ov.png?t_=201907310900); background-color: #5468c7}

@media (max-width:1000px){
 .agree_wrap .agree_tit { font-size: 18px; background-size: 28px; padding-left: 32px}

 .agree_wrap.basic .agree_txt { padding: 20px}

 .agree_wrap .agree_txt { padding: 20px}
 }

/* 결제관련 _ 우측 예약금액 */
.resPrice > strong { display: block; color: #000; font-size: 24px; padding-bottom: 12px; border-bottom: 1px solid #a7acb0; font-weight: 500}

.resPrice > ul { padding: 15px 0; border-bottom: 1px solid #a7acb0}

.resPrice > ul > li { position: relative; margin-top: 15px}

.resPrice > ul > li:after { content: ""; display: block; clear: both}

.resPrice > ul > li:first-child { margin-top: 0}

.resPrice > ul > li > i { float: left; color: #444; font-style: normal}

.resPrice > ul > li > em { float: right}

.resPrice > ul > li > em > span { font-weight: 500}

.resPrice > ul > li > em.point { position: absolute; right: 0; top: -3px; display: inline-block; padding: 3px 5px; background: #fff; border-radius: 5px}

.totalPrice:after { content: ""; display: block; clear: both}

.totalPrice { position: relative; margin-top: 15px}

.totalPrice i { position: absolute; left: 0; bottom: 6px; color: #444; font-style: normal}

.totalPrice strong { float: right; font-weight: normal}

.totalPrice strong span { color: #222e66; font-size: 24px; font-weight: 500}

/* 결제하기 */
.mP_infoWrap { position: relative; padding-left: 220px}

.mP_infoWrap .mp_img { position: absolute; left: 0; top: 0}

.mP_infoWrap .mP_infoList li { position: relative; padding-left: 100px; margin-top: 10px}

.mP_infoWrap .mP_infoList li:first-child { margin-top: 0}

.mP_infoWrap .mP_infoList li span { display: inline-block; width: 100px; margin-left: -100px; color: #666}

.mP_h3 { font-family: 'NanumSquare', sans-serif; color: #000; font-size: 24px; margin-bottom: 10px}

.mP_h3 span { margin-left: 10px; padding-left: 10px; position: relative; display: inline-block; font-family: 'Noto Sans Kr', sans-serif; color: #444; font-size: 17px; font-weight: normal; letter-spacing: -0.02em}

.mP_h3 span:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -8px; display: inline-block; width: 1px; height: 16px; background: #d7d7d7}

.resDtl_tbl { border-top: 0}

.resDtl_tbl thead tr th { border: solid #848692; border-width: 1px 0; background: #f9f9fb}

.resDtl_tbl tbody tr td { border-width: 0 0 1px 1px; border-style: solid; border-color: #c9c9c9}

.resDtl_tbl tbody tr td:first-child { border-left: 0}

.resDtl_tbl tr td strong { color: #222}

.resDtl_tbl tfoot tr td { background: none; border-bottom: 1px solid #c9c9c9; border-left: 0; border-right: 0}

.resDtl_tbl tfoot tr td em { color: #222e66; font-size: 30px; font-weight: 500}

.resDtl_tbl tbody tr td.input input { width: 100%; text-align: center; text-indent: 0}

.mP_sum { padding: 10px 0 10px 37px; background: url(/images/content/stay_img05.png?t_=201907310900) left center no-repeat}

.resDtl_tbl2 { border-top: 0}

.resDtl_tbl2 thead tr th { border: 2px solid #848692; border-width: 2px 1px 2px 1px; background: #ebeff3}

.resDtl_tbl2 thead tr th:first-child { border-width: 2px 1px 2px 2px}

.resDtl_tbl2 thead tr th:last-child { border-width: 2px 2px 2px 1px}

.resDtl_tbl2 tbody tr td { border-width: 1px 0 1px 1px; border-style: solid; border-color: #c9c9c9; font-weight: 300}

.resDtl_tbl2 tbody tr td:first-child { border-left: 0}

.resDtl_tbl2 tr td strong { color: #222}

.resDtl_tbl2 tfoot tr td { background: none; border-bottom: 1px solid #c9c9c9; border-left: 0; border-right: 0}

.resDtl_tbl2 tfoot tr td em { color: #222e66; font-size: 30px; font-weight: 500}

.mP_sum { padding: 10px 0 10px 37px; background: url(/images/content/stay_img05.png?t_=201907310900) left center no-repeat}

.disC_box { padding: 20px 20px 5px; background: #f7f7f9; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9}

.disC_box .disC_group { position: relative; padding-left: 170px; overflow: hidden}

.disC_box .disC_group label { float: left; width: 50%; margin-bottom: 15px; font-size: 15px; color: #444}

.disC_box .disC_group .not { position: absolute; left: 0; top: 0; padding-bottom: 10px}

.disC_box .disC_group .not label { width: auto; margin: 0}

.disC_cmt { display: block; text-align: center; margin: 20px 0 10px}

.disC_agree { position: relative; /*height:44px; */
 text-align: center}

.disC_agree label { margin: 12px 10px 0}

.disC_agree label input { margin-right: 5px}

.disC_agree .agreeBtn { position: absolute; left: 50%; margin-left: -65px; margin-top: 13px}

.disC_agree .agrBtn { position: absolute; right: 0; top: 0}

.agr_cont { display: none; position: absolute; right: 0; top: 48px; max-width: 510px; padding: 50px 30px 30px; background: #fff; border: 1px solid #000; z-index: 10}

.agr_cont .L_closeBtn { position: absolute; right: 20px; top: 20px; display: block; width: 45px; height: 45px; background: url(/images/common/layer_close.png?t_=201907310900) no-repeat; background-size: 45px; text-indent: -9999px}

.agr_cont strong { font-family: 'NanumSquare', sans-serif; font-size: 24px}

.agr_cont p { margin-top: 15px; color: #444; font-size: 17px}

.agr_cont dl { padding: 15px; margin-top: 20px; text-align: left; background-color: #f9f9f9}

.agr_cont dl dt { color: #111; font-size: 18px; font-weight: bold}

.agr_cont dl dd { color: #444; font-size: 16px}

.agr_cont .max_overflowbox_y { margin-top: 20px; max-height: 400px; overflow: auto}

.agr_cont .max_overflowbox_y .txt_graybox { margin-top: 0}

.priceTotal { margin-top: 40px}

.priceTotal .disC_p { overflow: hidden; display: block; padding: 10px 15px; border: 2px solid #848692}

.priceTotal .disC_p strong { float: left}

.priceTotal .disC_p span { float: right}

.priceTotal .totp { margin-top: 20px; border: 2px solid #848692; padding: 20px; background: #f7f7f9}

.priceTotal .totp ul { display: table; width: 100%}

.priceTotal .totp ul li { display: table-cell; vertical-align: middle; text-align: center}

.priceTotal .totp ul li strong { display: block; text-align: center; font-size: 20px; color: #000; margin-bottom: 5px}

.priceTotal .totp ul li em { display: block; float: none; text-align: center}

.priceTotal .totp ul li em span { font-size: 26px; color: #18bb78; font-weight: 500}

.priceTotal .totp ul li em span.last { color: #222e66}

.rep_price { padding: 20px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; overflow: hidden}

.rep_price .priceCol { float: left}

.rep_price .priceCol label { float: left; width: 70px; padding-top: 14px; margin-bottom: 5px}

.rep_price .priceCol .form_style { overflow: hidden; display: block}

.rep_price .priceCol .form_style input,
.rep_price .priceCol .form_style select { border: 0; width: 100%; text-align: center}

.rep_price .priceCol.bank { width: 49%; margin-right: 1.5%}

.rep_price .priceCol.ps { width: 49.5%}

.rep_price .priceCol.b_num { width: 100%; margin-top: 10px}

.rep_price > ul { clear: both; padding-top: 20px}

.rep_price > ul > li { margin-top: 5px; padding-left: 17px; background: url(/images/content/bul_starMark.gif?t_=201907310900) left 5px no-repeat; color: #606060}

.rep_price > ul > li:first-child { margin-top: 0}

.price_type { padding: 20px 20px 10px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; overflow: hidden}

.price_type label { margin-right: 5%; color: #000; font-size: 18px; font-weight: 500; margin-bottom: 10px}

.price_type label input { margin-right: 5px}

.lastPrice { position: relative; overflow: hidden}

.lastPrice > .lP_box { overflow: hidden; background: #f9f9fa; padding: 20px}

.lastPrice > .lP_box > span { display: inline-block; margin-top: 8px; font-weight: bold}

.lastPrice em { float: right; color: #444}

.lastPrice em span { color: #222e66; font-size: 30px}

.lastPrice.pType_2 { display: none}

.lastPrice.pType_2 .lP_box > p { clear: both; color: #606060; margin-top: 10px}

.lastPrice .priceTotal { margin-top: 0}

.voucher { position: relative; margin-top: 10px; padding-left: 140px; width: 500px}

.voucher label { position: absolute; left: 0; top: 50%; margin-top: -10px; font-size: 16px; color: #000; font-weight: bold}

.voucher #voucher { padding: 0 10px; width: 140px; text-align: right; margin-right: 5px}

.creditCard { position: relative; margin-top: 10px; padding: 10px 0 0 100px; width: 300px; text-align: right}

.creditCard strong { position: absolute; left: 0; top: 5px}

.remBtn { display: inline-block; padding: 10px 20px 10px 40px; background: #fff url(/images/content/bul_price.png?t_=201907310900) 20px center no-repeat; color: #5468c7 !important; border: 1px solid #5468c7; margin-left: 7px}


.area_bttlayer { position: relative; text-align: center}

.area_bttlayer .payMent_btn { display: inline-block; width: 175px; height: 50px; line-height: 50px; margin: 0 auto; border-radius: 25px; text-align: center; background: #5468c7; color: #fff; transition: all .3s}

.area_bttlayer .payMent_btn:hover { background: #2c44b3}

.area_bttlayer .agr_cont { top: auto; bottom: 100px}

.payMent_btnArea { padding: 32px 0 0; text-align: center}

.payMent_btnArea .payMent_btn { display: block; width: 183px; height: 50px; line-height: 50px; margin: 0 auto; border-radius: 25px; text-align: center; background: #5468c7; color: #fff; transition: all .3s}

.payMent_btnArea .payMent_btn:hover { background: #2c44b3}

@media(max-width:950px){
 .payMent_btnArea .payMent_btn { width: 150px}
}

@media(max-width:670px) {
 .payMent_btnArea .payMent_btn { width: auto; height: 40px; line-height: 38px; padding: 0 25px}
}

@media(max-width:460px) {
 .payMent_btnArea .payMent_btn { width: 130px; height: 40px; line-height: 38px; padding: 0 20px}

 .payMent_btnArea .payMent_btn:nth-child(3) { margin-top: 10px; width: 265px}
 }

.layer_pop_wrap .mP_h3 span { display: block; margin-left: 0; padding-left: 0; color: #666; margin-top: 5px}

.layer_pop_wrap .mP_h3 span:before { display: none}


.lpp_wrap { }

.lpp_wrap .lw_row { overflow: hidden; margin-top: 10px}

.lpp_wrap .lw_row:first-child { margin-top: 0}

.lpp_wrap .lw_row .label { float: left; width: 140px; font-weight: 500; color: #000}

.lpp_wrap .lw_row .label label { padding-top: 11px}

.lpp_wrap .lw_row .input { overflow: hidden}

.lpp_wrap .lw_row .input .lw_col { float: left}

.lpp_wrap .lw_row .input .lw_col p { padding: 8px 0 0 15px}

.lpp_wrap .lw_row .input input { min-width: auto; text-align: center; text-indent: 0}

.lpp_wrap .lw_row:nth-child(1) .input .lw_col input { width: 150px}

.lpp_wrap .lw_row:nth-child(2) .input .lw_col input { float: left; width: 60px; margin-left: 3px}

.lpp_wrap .lw_row:nth-child(2) .input .lw_col input:first-child { margin-left: 0}

.lpp_wrap .lw_row:nth-child(3) .input .lw_col { margin-right: 10px}

.lpp_wrap .lw_row:nth-child(3) .input .lw_col:last-child { margin-right: 0}

.lpp_wrap .lw_row:nth-child(3) .input .lw_col input { width: 50px}

.lpp_wrap .lw_row:nth-child(4) .input input { width: 50px}

.txt_graybox { padding: 20px; margin-top: 30px; background-color: #f9f9f9}

.txt_graybox > *:first-child { margin-top: 0}

.txt_graybox p { font-weight: 500; text-align: left}


@media(max-width:480px) {
 .lpp_wrap .lw_row .label { float: none; width: auto; margin-bottom: 5px}

 .lpp_wrap .lw_row .input .lw_col { float: none}

 .lpp_wrap .lw_row .input .lw_col:after { content: ''; display: block; clear: both}

 .lpp_wrap .lw_row .input .lw_col p { padding-left: 0}

 .lpp_wrap .lw_row:nth-child(3) .input .lw_col { float: left}
 }

/* 반응형 */
@media all and (max-width:1220px) {
 .appointment .apt_calendar .calendar_head .head_item.picker { width: 100%; margin-bottom: 10px}

 .appointment .apt_calendar .calendar_head .head_item.picker.new { width: 61.1%; margin-bottom: 0; }

 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item { width: 35%}

 .appointment .apt_calendar .calendar_head .head_item.picker.new + .head_item { width: 38.9%}


 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item > label { padding-left: 0}

 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item + .head_item { width: 65%}

 .appointment .apt_calendar .calendar_head .head_item.picker.new + .head_item + .head_item { width: 50%}

 .appointment .apt_calendar .calendar_body .body_item .align_chackbox { width: 100%}

 .appointment .apt_calendar .calendar_foot .foot_summary { padding: 3px 10px 10px; }

 .appointment .apt_calendar .calendar_foot .foot_summary > div { margin-top: 8px; margin-right: 18px}


 /*2019 02 18 리뷰 완료 정의서 기반 수정*/
 .apt_calendar .calendar_head { }

 .apt_calendar .calendar_head.new.slave .head_item { width: 20%}

 .apt_calendar .calendar_head.new.slave .head_item.picker { width: 35%}

 .apt_calendar .calendar_head.new.slave .head_item.days { width: 8%}

 .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item + .head_item { width: 17%}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(1) { width: 15%}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(2) { width: 43%}

 .appointment .apt_calendar .calendar_head.new2 .head_item.picker { margin-bottom: 0}

 .appointment .apt_calendar .calendar_head.new2 .head_item.picker + .head_item { width: 40%}
}

@media all and (max-width:1180px){
 .appointment .apt_calendar .calendar_body .body_item .align_block .block_row { margin-top: 0}

 .appointment .apt_calendar .calendar_body .body_item .align_block .block_row a { width: 49.5%; margin-bottom: 1%}

 .appointment .apt_calendar .calendar_body .body_item .align_block .block_row a.odd { margin-left: 0}


 /*2019 02 18 리뷰 완료 정의서 기반 수정*/
 .apt_calendar .calendar_head { }

 .apt_calendar .calendar_head.new.slave .head_item { width: 20%}

 .apt_calendar .calendar_head.new.slave .head_item.picker { width: 35%}

 .appointment .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item { width: 6%}

 .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item + .head_item { width: 19%}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(1) { width: 100%; margin-bottom: 10px}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(2) { width: 50%}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(2) .label { padding-left: 0; }

 .appointment .apt_calendar .calendar_head.new2 .head_item.picker + .head_item { width: 50%}
 }

@media all and (max-width:1050px){
 .appointment .apt_calendar .calendar_body .body_item .align_none p { display: block; margin-left: 0}
 }

@media all and (max-width:1000px){
 .disC_box .disC_group { padding-left: 0}

 .disC_box .disC_group .not { position: static; width: 100%; margin-bottom: 20px; font-size: 18px; border-bottom: 1px solid #d2d2d2}

 .disC_box .disC_group .not label { float: none; font-size: 18px}

 .disC_box .disC_group .not label input { vertical-align: middle; position: relative; top: -2px; width: 18px; height: 18px}

 .mP_h3 { font-size: 18px}

 .mP_h3 span { display: block; margin-left: 0; padding-left: 0; color: #666; margin-top: 5px; font-size: 14px}

 .mP_h3 span:before { display: none}

 /*2019 02 18 리뷰 완료 정의서 기반 수정*/
 .apt_calendar .calendar_head { }

 .apt_calendar .calendar_head.new.slave .head_item { width: 50%}

 .apt_calendar .calendar_head.new.slave .head_item.picker { width: 50%}

 .appointment .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item { width: 10%}

 .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item + .head_item { width: 40%}
 }

@media all and (max-width:980px){
 .appointment .apt_calendar .calendar_body .body_item .align_chackbox label { min-width: inherit; width: 33.3%}

 .appointment .apt_calendar .calendar_body .body_item .align_chackbox .chackbox_all { width: auto}

 .priceTotal .totp ul li img { width: 30px}
 }

@media all and (max-width:900px){
 .appointment .apt_map { margin-right: 20px}

 .disC_agree { padding-right: 172px}
 }

@media all and (max-width:860px){
 .voucher { width: auto; text-align: right}

 .voucher label { top: 29px}

 .remBtn { margin-top: 8px}

 .creditCard { width: 100%}
 }

@media all and (max-width:639px) {
 /*2019 02 18 리뷰 완료 정의서 기반 수정*/
 .apt_calendar .calendar_head { }

 .apt_calendar .calendar_head.new.slave .head_item { width: 100%}

 .apt_calendar .calendar_head.new.slave .head_item.picker { width: 100%}

 .appointment .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item { width: 100%; padding: 0; margin: 0; text-align: center}

 .apt_calendar .calendar_head.new.slave .head_item .text_style { padding: 10px 0}

 .apt_calendar .calendar_head.new.slave .head_item.picker.new + .head_item + .head_item { width: 100%}
 }

@media(max-width:600px) {
 .apt_calendar .calendar_head.new2 .head_item:nth-child(2) { width: 100%}

 .appointment .apt_calendar .calendar_head.new2 .head_item.picker { margin-bottom: 10px}

 .appointment .apt_calendar .calendar_head.new2 .head_item.picker + .head_item { width: 100%}

 .apt_calendar .calendar_head.new2 .head_item:nth-child(1) .label,
 .apt_calendar .calendar_head.new2 .head_item:nth-child(2) .label,
 .appointment .apt_calendar .calendar_head.new2 .head_item.picker .label,
 .appointment .apt_calendar .calendar_head.new2 .head_item.picker + .head_item .label { padding-left: 0; width: 100px}
 }

@media all and (max-width:1000px){
 .appointment .apt_map { float: none; width: 100%}

 .appointment .apt_map .map_body { height: 420px; padding: 15px}

 .appointment .apt_map .map_body .body_positioning { width: 240px; margin: 0 auto}

 .appointment .apt_map .map_body .body_positioning button { width: 54px}

 .appointment .apt_map .map_body .body_positioning .i_1 { left: 69px; top: 57px}

 .appointment .apt_map .map_body .body_positioning .i_2 { left: 144px; top: 48px}

 .appointment .apt_map .map_body .body_positioning .i_3 { left: 114px; top: 108px}

 .appointment .apt_map .map_body .body_positioning .i_4 { left: 45px; top: 131px}

 .appointment .apt_map .map_body .body_positioning .i_5 { left: 168px; top: 155px}

 .appointment .apt_map .map_body .body_positioning .i_6 { left: 140px; top: 223px}

 .appointment .apt_map .map_body .body_positioning .i_7 { left: 59px; top: 192px}

 .appointment .apt_map .map_body .body_positioning .i_8 { left: 48px; top: 247px}

 .appointment .apt_map .map_body .body_positioning .i_9 { left: 48px; top: 316px}

 .appointment .apt_map + .apt_calendar { border-top: 0}

 .appointment .apt_calendar { overflow: inherit; width: 100%; min-height: inherit}

 .appointment .apt_calendar .calendar_head,
 .appointment .apt_calendar .calendar_body .body_item { padding: 10px 0; }

 .appointment .apt_calendar .calendar_body .body_item.new { padding: 0}

 .appointment .apt_calendar .calendar_foot,
 .appointment .apt_calendar .calendar_foot .foot_summary { margin-top: 10px; }

 .appointment .apt_calendar .calendar_body .body_item .align_chackbox label { width: 20%}

 .apt_calendar .body_item.new .label.fn_tit { padding: 20px; }

 .apt_calendar .calendar_body .body_item .align_block.fn_box { padding: 20px; }
 }

@media all and (max-width:768px){
 .apt_mark { width: 24px; height: 24px; padding-top: 4px; font-weight: 300; font-size: 13px}
 }

@media all and (max-width:680px) {
 .appointment .apt_calendar .calendar_body .body_item .align_chackbox label { width: 25%}

 /* .res_List .resL_left>ul>li { display:block }
 .res_List .resL_left>ul>li.hy_1,
 .res_List .resL_left>ul>li.hy_2,
 .res_List .resL_left>ul>li.hy_3 { width:100% }
 .res_tit .resT_left,
 .res_List .resL_left { width:40% }
 .res_tit .resT_right,
 .res_List .resL_right { width:60% }
 .res_List .resL_left>ul>li {; padding:0 3px; border-left:0 }
 .res_List .resL_left>ul>li.hy_2>a { padding-left:0 }
 .res_List .resL_left>ul>li.hy_2>a>img { display:none; width:28px; margin-top:-14px }
 .res_List .resL_left>ul>li.hy_2>a>span { padding-bottom:3px; border-bottom:1px solid #5468c7; color:#5468c7 } */}

@media all and (max-width:660px){
 .rep_price { padding: 15px 0}
 }

@media all and (max-width:598px){
 .voucher label { top: 22px}
 }

@media all and (max-width:580px){
 .appointment .apt_calendar .calendar_foot .foot_summary { text-align: left}

 .appointment .apt_calendar .calendar_foot .foot_summary > div { display: inline-block; width: 50%; margin-right: 0}

 .appointment .apt_calendar .calendar_body .body_item .align_chackbox label { width: 33.3%}

 .apt_calendar .calendar_foot .foot_search a { margin-left: 0.2%}

 .apt_calendar .calendar_head.new .head_item,
 .appointment .apt_calendar .calendar_head .head_item.picker.new,
 .appointment .apt_calendar .calendar_head .head_item.picker.new + .head_item + .head_item { width: 100%}

 .apt_calendar .calendar_head.new .head_item { min-height: 48px}
 }

@media all and (max-width:550px){
 .disC_box .disC_group { padding-top: 30px; padding-left: 0}

 .disC_box .disC_group button { left: 0; top: 0}
 }

@media all and (max-width:540px){
 .mP_infoWrap { padding-left: 0}

 .mP_infoWrap .mp_img { position: relative; text-align: center}

 .mP_infoWrap .mP_infoList { margin-top: 10px}

 .mP_infoWrap .mP_infoList li { padding-left: 80px; margin-top: 5px}
 }

@media all and (max-width:530px){
 .priceTotal .totp { padding: 15px}

 .priceTotal .totp ul li strong { font-size: 16px}

 .priceTotal .totp ul li em span { font-size: 20px}
 }

@media all and (max-width:520px){
 .disC_agree .agreeBtn { position: relative; left: 0; margin-left: 0}
 }

@media all and (max-width:500px){
 .appointment .apt_calendar .calendar_body .body_item .item_row .align_chackbox { padding-right: 50px}

 .appointment .apt_calendar .calendar_body .body_item .item_row .align_chackbox label { min-width: inherit}

 .mP_h3 { font-size: 20px}

 .mP_h3 span { font-size: 14px}
 }

@media all and (max-width:480px) {
 .appointment .apt_calendar [class*='_item'] > label,
 .appointment .apt_calendar [class*='_item'] > .label { font-size: 14px}

 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item { width: 100%; margin-bottom: 10px}

 .appointment .apt_calendar .calendar_head .head_item.picker.new + .head_item { margin-bottom: 0; }

 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item + .head_item { width: 100%}

 .appointment .apt_calendar .calendar_head .head_item.picker + .head_item + .head_item > label { padding-left: 0}

 .appointment .apt_calendar .calendar_head .head_item.picker.new + .head_item + .head_item > label { padding-left: 20px; }

 .appointment .apt_calendar .calendar_body .body_item .align_block .block_row a { padding-left: 10px}

 .priceTotal .totp ul li { display: list-item; margin-top: 15px}

 .priceTotal .totp ul li:first-child { margin-top: 0}

 .priceTotal .totp ul li strong,
 .priceTotal .totp ul li em { display: inline; margin-left: 10px}

 .priceTotal .totp ul li em span.last { font-size: 25px}

 .apt_calendar .calendar_head.new .head_item { padding-left: 75px; }
 }

@media all and (max-width:450px){
 .lastPrice { padding: 15px 10px}

 .voucher { padding-left: 100px; padding-bottom: 44px}

 .voucher #voucher { width: 90px}

 .lastPrice.pType_2 p { word-break: keep-all}

 .remBtn { position: absolute; right: 0; bottom: 0}
 }

@media all and (max-width:440px){
 .mP_h3 span { display: block; margin-left: 0; padding-left: 0; color: #666; margin-top: 5px}

 .mP_h3 span:before { display: none}

 .disC_agree { padding: 56px 0 0}

 .disC_agree .agrBtn { top: 0; right: inherit; left: 50%; margin-left: -75px}

 .disC_agree label { margin: 0 10px 10px}
 }

@media all and (max-width:420px){
 .appointment .apt_calendar .calendar_body .body_item .align_chackbox label { width: 50%}

 .disC_box .disC_group label { width: 100%}

 .resDate .resD_box strong { font-size: 18px}
}

@media all and (max-width:400px){
 .priceTotal .disC_p { padding: 10px}
 }

@media all and (max-width:390px) {
 .appointment .apt_calendar .calendar_body .body_item .label,
 .appointment .apt_calendar .calendar_body .body_item label { width: 100%; float: none; padding-top: 0; margin-bottom: 10px}

 .appointment .apt_calendar .calendar_body .body_item.new .label,
 .appointment .apt_calendar .calendar_body .body_item.new label { width: 100%; float: none; padding-top: 20px; margin-bottom: 0}

 .appointment .apt_calendar .calendar_body .body_item .align_none .form_style { width: 100%}

 .apt_calendar .calendar_body .body_item .align_block.fn_box label:first-child { padding-top: 0; }
 }

@media all and (max-width:380px){
 .price_type { padding: 15px 0}
 }

/*빠른체크인*/
.huyang_layer .layer_pop_wrap { width: 100%; box-sizing: border-box; margin: 0 auto; text-align: left}

.speed_check_hd { }

.huyang_layer .layer_head.speed_check_hd { padding-right: 0}

.huyang_layer .speed_check_hd .head_title { height: 80px; padding-top: 25px; font-size: 30px; background-color: #f9f9f9; font-family: '나눔스퀘어'}

.head_close { position: absolute; top: 10px; right: 15px; width: 57px; height: 57px; display: block; background-size: 100% auto}

.check_top { position: relative; padding: 30px 260px 30px 30px; background: #e0e2ed; overflow: hidden; margin-bottom: 40px}

.check_top p { color: #444; font-size: 15px}

.check_top strong { font-size: 18px; color: #444}

.check_top .check_top_bt { position: absolute; top: 50%; right: 30px; margin-top: -25px}

.check_top .check_top_bt a { display: inline-block; padding: 15px 35px; border-radius: 50px}

.check_top .check_top_bt .cancle { background: #fff; border: 2px solid #5468c7; color: #5468c7}

.check_top .check_top_bt .save { background: #5468c7; color: #fff}

.speed_tit { color: #000; font-size: 24px; margin: 35px 0 15px 0; display: block}

.speed_tit small { font-size: 17px; margin-left: 10px; color: #444444; font-weight: normal}

.charge_mn { border: solid #ddd; border-width: 0 1px 1px; padding: 20px; position: relative}

.charge_mn .char_box { margin-bottom: 10px}

.charge_mn .char_box span { display: inline-block; margin-right: 20px}

.charge_mn .char_box span label { display: inline-block; width: 70px; font-weight: bold; color: #000; font-size: 18px}

.charge_mn .char_box span input[type="text"] { width: 100px; height: 48px}

.charge_mn .char_box span:last-child { margin-right: 0}

.charge_mn .char_box span .char_much { margin-left: 20px; font-size: 18px}

.charge_mn .char_box span .char_much b { font-size: 18px}

.charge_mn .char_box span .char_much .total_char { color: #222e66}

.charge_mn .char_plus { position: relative; right: auto; bottom: auto; display: block; margin-top: 20px; text-align: right}

.char_plus strong { font-size: 30px; padding-left: 30px; background: url(/images/content/stay_img05.png?t_=201907310900) left 16px no-repeat; font-weight: normal; background-size: 25px}

.charge_mn .char_plus strong small { font-size: 16px}

.charge_mn .char_plus .mn_ls { color: #222e66; width: 120px; text-align: right; display: inline-block}

.charge_mn .dog_num { position: relative; padding-left: 185px; margin-top: 15px}

.charge_mn .dog_num label { position: absolute; top: 0; left: 0; width: 185px; padding-top: 10px; font-weight: 500; color: #111}

.charge_mn .dog_num input { width: 100%; text-align: center}

/*예외사항 스타일 초기화*/
.api_map .map_info .info_text .pt .huyang_layer > li { padding-left: 0}


.visit_mn { margin-top: 10px; border: 1px solid #c9c9c9; padding: 20px; position: relative; overflow: hidden}

.visit_mn .char_box { position: relative; overflow: hidden}

.visit_mn .char_box span label { display: block; width: auto; margin-bottom: 10px; font-weight: bold; color: #000; font-size: 18px}

.visit_mn .char_box span .big_tit { display: inline-block; position: absolute; top: 14px; left: 10px}

.visit_mn .char_box span select { min-width: 250px; padding: 0 0 0 20px; height: 48px; }

.visit_mn .char_box span .rc_wrap label { min-width: auto; padding: 0; height: auto; font-weight: normal; font-size: 16px; display: inline-block; margin: 0 15px 5px 0;}

.visit_mn .char_box span .rc_wrap label input[type="radio"] {width: 20px; height: 20px; vertical-align: -4px;}

.visit_mn .char_box.label_plus span select { min-width: 250px; padding: 0 20px; padding-left: 120px; }

.visit_mn .char_box .cb_wrap { overflow: hidden; }

.visit_mn .char_box .char_left { display: block; float: left; }

.visit_mn .char_box .char_left.free { margin-left: 10px}

.visit_mn .char_box .char_left.free select { width: auto; padding-left: 10px}

.visit_mn .char_box .char_left a { display: inline-block; height: 48px; font-size: 16px; padding: 12px 25px 0; margin-left: 6px; vertical-align: top; background: #5468c7; border: 2px solid #5468c7; color: #fff}

.visit_mn .char_box .char_left a:hover { background-color: #fff; color: #111}

.visit_mn .char_box .char_plus { float: right}

.visit_mn .char_box .char_plus strong { font-size: 30px; padding-left: 37px; background: url(/images/content/stay_img05.png?t_=201907310900) left 12px no-repeat; font-weight: normal}

.visit_mn .char_plus strong small { font-size: 16px}

.visit_mn .char_plus .mn_ls { color: #222e66; width: 120px; text-align: right; display: inline-block}


.visit_mn .char_box .char_refit { padding: 10px 20px; margin-top: 7px; border: 2px solid #848692; position: relative; overflow: hidden}

.visit_mn .char_box .char_refit:first-child { margin-top: 0}

.visit_mn .char_box .char_refit a > div { display: inline-block}

.visit_mn .char_box .char_refit .increase { width: 115px; display: block; position: absolute; left: 50%; margin-left: -57.5px}

.visit_mn .char_box .char_refit .increase .cen_num { display: inline-block; vertical-align: middle; margin: 0 -5px}

.visit_mn .char_box .char_refit .increase .cen_num input[type="text"] { text-align: center; padding: 0; text-indent: 0; width: 45px; height: 35px; display: inline-block; vertical-align: middle}

.visit_mn .char_box .char_refit .increase .minus { width: 35px; height: 35px; display: inline-block; background: url(/images/content/stay_img06.png?t_=201907310900) center center no-repeat; border: 1px solid #ddd; vertical-align: middle; text-indent: -9999px; font-size: 0; overflow: hidden}

.visit_mn .char_box .char_refit .increase .plus { width: 35px; height: 35px; display: inline-block; background: url(/images/content/stay_img07.png?t_=201907310900) center center no-repeat; border: 1px solid #ddd; vertical-align: middle; text-indent: -9999px; font-size: 0; overflow: hidden; margin-left: 1px; }

.visit_mn .char_box .char_refit .refit_select { float: left; line-height: 35px}

.visit_mn .char_box .char_refit .refit_select span { font-size: 18px}

.visit_mn .char_box .char_refit .refit_select .sel_tit { display: inline-block; font-size: 18px}

.visit_mn .char_box .char_refit .refit_select .sel_tit b { font-size: 18px}

.visit_mn .char_box .char_refit .refit_select .sel_txt { display: inline-block}

.visit_mn .char_box .char_refit .total_selent { float: right; font-size: 18px; margin-right: 50px}

.visit_mn .char_box .char_refit .total_selent span { line-height: 35px}

.visit_mn .char_box .char_refit .total_selent b { font-size: 18px}

.visit_mn .char_box .char_refit .total_close a { position: absolute; top: 50%; margin-top: -10px; right: 20px; width: 20px; height: 20px; border: 1px solid #8d8e95; background: url(/images/content/stay_img08.png?t_=201907310900) center center no-repeat; text-indent: -9999px; font-size: 0}

.visit_mn .char_box.break .char_refit { }

.visit_mn .char_box.break .char_refit .increase { position: static; margin-left: 0}

.visit_mn .char_box.break .char_refit .total_selent { position: absolute; bottom: 10px; right: 20px; margin: 0}

.visit_mn .char_box.break .char_refit .total_close { position: absolute; top: 20px; right: 20px}

.visit_mn .char_box.break .char_refit .total_close a { position: static; margin: 0; display: block}

.visit_mn .char_box.break2 .char_refit .increase_wrap { clear: both; display: block; border-top: 1px solid #d2d2d2}

.visit_mn .char_box.break2 .char_refit .increase_wrap:after { content: ''; display: block; clear: both}

.visit_mn .char_box.break2 .char_refit .increase_wrap .wrap_tit { position: relative; float: left; width: 100%; padding: 10px; margin-bottom: 10px; background-color: #f9f9f9}

.visit_mn .char_box.break2 .char_refit .increase_wrap .wrap_tit b { font-size: 18px}

.visit_mn .char_box.break2 .char_refit .increase_wrap .wrap_tit .tit_total { font-size: 18px; position: absolute; top: 8px; right: 10px}

.visit_mn .char_box.break2 .char_refit .increase_wrap .increase { float: left; width: auto; position: relative; top: 0; left: 0; margin: 0 0 10px 10px}

.visit_mn .char_box.break2 .char_refit .increase_wrap .increase b { float: left; padding: 4px 7px 0 0}


.visit_mn .char_box.break2 .char_refit .total_selent { margin: 0}

.visit_mn .char_box.break2 .char_refit .total_close { position: absolute; top: 15px; right: 20px}

.visit_mn .char_box.break2 .char_refit .total_close a { position: static; margin: 0; display: block}


.tbl.select .total_close a { display: block; width: 20px; height: 20px; border: 1px solid #8d8e95; background: url(/images/content/stay_img08.png?t_=201907310900) center center no-repeat; text-indent: -9999px; font-size: 0; margin: 0 auto}

.tbl.select { border-top: 0}

.tbl.select thead th { border: 2px solid #848692; border-right: 0; border-left: 0; background: #ebeff3}

.tbl.select thead th.first { border-left: 2px solid #848692}

.tbl.select thead th.last { border-right: 2px solid #848692}

.tbl.select tbody .input_td input[type="text"] { width: 100%; height: 48px}

.tbl.select tbody .date_td input[type="text"] { width: 70%; height: 48px}

.tbl.select tbody .first { border-left: 0}

.tbl.select tbody .last { border-right: 0; }

.tbl.select tbody .last_tr .last { border-bottom: 1px solid #c9c9c9}

.tbl.select thead .char_plus strong { font-size: 20px; padding-left: 29px; background: url(/images/content/stay_img05.png?t_=201907310900) left 5px no-repeat; font-weight: normal; background-size: 23px}

.tbl.select thead .char_plus strong small { font-size: 16px; margin-right: 5px}

.tbl.select thead .char_plus .mn_ls { color: #222e66}

.tbl.select tbody td { border-color: #c9c9c9}

.tbl.select tbody .first_tr td { border-top: 0}

.tbl.select thead th { border-left: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9}

.tbl.select tbody td .no_fl { font-weight: bold}

.tbl .char_plus .mn_ls { width: auto}

/* 모바일용 테이블 */
.tbl_responsed { display: none}

.tbl_responsed .order_box { display: inline-block; color: #fff; background: #1298ff; border-color: #1298ff; padding: 5px 10px; margin-right: 5px}

@media(max-width:767px) {
 /*모바일용 태이블 단순화*/
 .tbl.res_tbl,
 .tbl.res_tbl tbody,
 .tbl.res_tbl tbody tr,
 .tbl.res_tbl tbody tr th,
 .tbl.res_tbl tbody tr td { display: block; border-width: 0; text-align: left}

 .tbl.res_tbl tbody tr th,
 .tbl.res_tbl tbody tr th:first-child { padding: 20px; font-size: 16px; border: solid #ccc; border-width: 1px 1px 0}

 .tbl.res_tbl tbody tr td { padding: 20px; margin-bottom: 10px; border: 1px solid #ccc}

 .res_bbs_wrap .tbl { display: none}

 .tbl_responsed { display: block; margin-top: 10px}

 .tbl_responsed ul { }

 .tbl_responsed ul li { padding: 5px 10px; margin-top: 10px; border: 1px solid #dcdcdc; border-top: 2px solid #848692; box-shadow: 1px 1px 0 #dcdcdc}

 .tbl_responsed ul li:first-child { margin-top: 0}

 .tbl_responsed ul li > div { line-height: 150%; padding: 5px 0; padding-left: 100px; border-top: 1px dashed #dcdcdc; overflow: hidden}

 .tbl_responsed ul li > div:first-child { border-top-width: 0}

 .tbl_responsed ul li > div > b { line-height: inherit; float: left; margin-left: -95px; width: 85px; color: #222; font-weight: 500}

 .res_bbs_wrap.pay .tbl_responsed ul li > div > b { line-height: inherit; float: left; margin-left: -110px; width: 110px; color: #222; font-weight: 500; font-size: 14px; }


 .res_bbs_wrap.break .tbl_responsed ul li > div { padding-left: 200px}

 .res_bbs_wrap.break .tbl_responsed ul li > div > b { margin-left: -180px; width: 180px}

 .tbl_responsed ul li { position: relative}

 .tbl_responsed ul li .child_5 b { margin-left: 0; float: none}

 .tbl_responsed ul li .child_5 { padding-left: 0}

 .tbl_responsed ul li .child_5 .char_plus { text-align: right}

 .tbl_responsed ul li .child_4 { padding-left: 0; position: absolute; top: 10px; right: 10px; border: 1px solid #8d8e95; background: url(/images/content/stay_img08.png?t_=201907310900) center center no-repeat; text-indent: -9999px; font-size: 0; line-height: 0; padding: 0}

 .res_bbs_wrap.pay .tbl_responsed ul li .child_0 { padding-left: 110px; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_1 { padding-left: 110px; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_2 { padding-left: 110px; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_3 { padding-left: 110px; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_4 { background: none; position: relative; top: auto; right: auto; text-indent: inherit; border: 0; line-height: 150%; padding: 5px 0; padding-left: 110px; border-top: 1px dashed #dcdcdc; overflow: hidden; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_5 { padding-left: 110px; }

 .res_bbs_wrap.pay .tbl_responsed ul li .child_4 b { line-height: 25px; }



 .tbl_responsed ul li .child_4 a { display: block; width: 20px; height: 20px; }

 .tbl_responsed ul li .child_0 { padding: 30px 0 5px 100px}

 .res_bbs_wrap.pay .tbl_responsed ul li .child_0 { padding: 5px 0 5px 110px}

 .res_bbs_wrap.pay .tbl_responsed ul li .child_0 input[type=checkbox] { width: 15px; height: 15px}

 .tbl_responsed ul li .child_2 input[type="text"] { width: 100%}

 /* 직원찾기 */
 .res_bbs_wrap.famWrap .child_0 { display: none}

 .res_bbs_wrap.famWrap .child_1 { border-top: 0}


 /* 기본 게시판 테이블*/
 .res_bbs_wrap.default .tbl { display: none}

 .res_bbs_wrap.default .tbl_responsed { display: block}

 .res_bbs_wrap.default .tbl_responsed ul { }

 .res_bbs_wrap.default .tbl_responsed ul li { padding: 5px 10px; margin-top: 10px; border: 1px solid #dcdcdc; border-top: 2px solid #5e74ce; box-shadow: 1px 1px 0 #dcdcdc}

 .res_bbs_wrap.default .tbl_responsed ul li:first-child { margin-top: 0}

 .res_bbs_wrap.default .tbl_responsed ul li > div { line-height: 150%; padding: 5px 0; padding-left: 100px; border-top: 1px dashed #dcdcdc; overflow: hidden}

 .res_bbs_wrap.default .tbl_responsed ul li > div:first-child { border-top-width: 0}

 .res_bbs_wrap.default .tbl_responsed ul li > div > b { line-height: inherit; float: left; margin-left: -95px; width: 85px; color: #222; font-weight: 500}

 .res_bbs_wrap.default .res_bbs_wrap.break .tbl_responsed ul li > div { padding-left: 200px}

 .res_bbs_wrap.default .res_bbs_wrap.break .tbl_responsed ul li > div > b { margin-left: -180px; width: 180px}

 .res_bbs_wrap.default .tbl_responsed ul li .child_4 { padding-left: 100px; background: none; position: relative; top: auto; right: auto; border: 0; border-top: 1px dashed #dcdcdc; text-indent: 0; font-size: 16px}


 .res_bbs_wrap.pay .tbl_responsed ul li .child_4 a { display: inline-block; width: auto; padding: 15px 30px; height: auto; }
 }



.check_bottom_bt { text-align: right; margin: 20px 0}

.check_bottom_bt a { display: inline-block; padding: 15px 35px; border-radius: 50px; }

.check_bottom_bt .cancle { background: #fff; border: 2px solid #5468c7; color: #5468c7; }

.check_bottom_bt .save { background: #5468c7; color: #fff}

.visit_mn .char_plus.single { margin-top: 10px; text-align: right}


@media (max-width:1000px){
 .huyang_layer .layer_wrap { width: 95%}

 .check_top p { font-size: 14px}

 .check_top strong { font-size: 17px}

 .check_top { padding: 20px}

 .check_top .check_top_bt { position: relative; top: auto; right: auto; margin-top: 20px; text-align: center}

 .speed_tit { font-size: 17px}

 .charge_mn .char_box span label { font-size: 14px}

 .charge_mn .char_box span .char_much b { font-size: 14px}

 .charge_mn .char_plus strong small { font-size: 14px}

 .charge_mn .char_plus .mn_ls { font-size: 20px; width: 80px}

 .charge_mn .char_box span { width: calc(30% - 1px)}

 .charge_mn .char_box .nothing { width: auto}

 .charge_mn .char_box span .char_much { width: auto}

 .charge_mn .char_box span label { width: 60px}

 .charge_mn .char_box span input[type="text"] { height: 40px}

 .visit_mn .char_box span label { font-size: 14px}

 .visit_mn .char_box span select { height: 40px}

 .visit_mn .char_box .char_plus strong { font-size: 30px; padding-left: 30px; background: url(/images/content/stay_img05.png?t_=201907310900) left 16px no-repeat; font-weight: normal; background-size: 25px}

 .visit_mn .char_box .char_left a { height: 40px; padding-top: 8px}

 .visit_mn .char_plus strong small { font-size: 14px}

 .visit_mn .char_plus .mn_ls { font-size: 20px; width: 80px}

 .tbl .char_plus .mn_ls { width: auto}

 .visit_mn .char_box.plus_up { padding-right: 0}

 .visit_mn .char_box .char_refit .refit_select .sel_tit { font-size: 14px}

 .visit_mn .char_box .char_refit .refit_select .sel_tit b { font-size: 14px}

 .visit_mn .char_box .char_refit .refit_select span { font-size: 14px}

 .visit_mn .char_box .char_refit .total_selent b { font-size: 14px}

 .visit_mn .char_box .char_refit .total_selent { font-size: 14px}

 .visit_mn .char_box .char_refit .refit_select span b { font-size: 14px}

 .speed_tit small { font-size: 14px}

 .visit_mn .char_box span .big_tit { top: 12px}


 .visit_mn .char_ebox .char_left a { height: 40px; padding-top: 8px}
 }

@media (max-width:767px){
 .charge_mn .char_box span { width: 100%; margin-left: 0; margin-top: 5px}

 .charge_mn .char_box { margin-top: 0}

 .visit_mn .char_plus.single { position: relative; top: auto; right: auto; text-align: right; margin-top: 10px}

 .visit_mn .char_box .char_refit .total_selent { margin-right: 35px}

 .visit_mn .char_plus .mn_ls { width: auto}

 .huyang_layer .speed_check_hd .head_title { font-size: 24px; height: 50px; padding-top: 15px; }

 .huyang_layer .speed_check_hd .head_close { width: 35px; height: 35px; right: 7px; top: 7px; }

 .check_top { margin-bottom: 20px}

 .speed_check_hd { margin-bottom: 0}
 }

@media (max-width:540px){
 .charge_mn .char_box .nothing { width: 100%}

 .charge_mn .char_box span .char_much { margin: 0; width: 100%; display: inline-block; overflow: hidden; margin-top: 5px; text-align: right}

 .visit_mn .char_box .char_refit { padding: 30px 10px 10px 10px}

 .visit_mn .char_box .char_refit .total_close a { top: 10px; right: 10px; margin-top: 0}

 .visit_mn .char_box .char_refit .total_selent { margin-right: 0}

 .visit_mn .char_box span label { margin-bottom: 10px}

 .visit_mn .char_box .char_left { float: none; width: 100%}

 .visit_mn .char_box .char_left a { display: block; width: 100%; margin: 5px 0 0; text-align: center}

 .visit_mn .char_box span select { width: 100%}

 .visit_mn .char_box span .big_tit { top: 12px; left: 16px}

 /*.visit_mn .char_box span select { padding-left:75% } */
 .visit_mn .char_box .char_refit .refit_select { float: none; margin-right: 20px}

 .visit_mn .char_box .char_refit .total_selent { float: none}

 .visit_mn .char_box .char_refit { padding: 10px 10px 50px 10px}

 .visit_mn .char_box .char_refit .increase { left: auto; right: 10px; margin-left: 0; bottom: 10px}

 .visit_mn .char_box .char_left.free { margin: 15px 0 0}

 .visit_mn .char_box .char_left.free select { width: 100%}

 .visit_mn .char_box.break .char_refit .total_selent { bottom: 0px; left: 10px; right: 10px; text-align: center; border-top: 1px solid #d2d2d2}

 .visit_mn .char_box.break .char_refit .total_close { top: 53px}

 .charge_mn .dog_num { padding-left: 0}

 .charge_mn .dog_num label { position: static; margin-bottom: 5px}
 }

/*
@media (max-width:400px){
 .visit_mn .char_box span select { padding-left:65% }
 }*/

/*결제완료*/
.complete { position: relative; overflow: hidden; display: table; text-align: left; width: 100%}

.complete .stay_left { position: relative; padding: 40px; padding-left: 260px; width: 66.6%; border: 1px solid #8d8e95; border-right: 0; display: table-cell}

.complete .stay_left .st_img { position: absolute; top: 40px; left: 40px}

.complete .stay_left .st_con ul li { clear: both; margin-bottom: 13px}

.complete .stay_left .st_con ul li .st_tit { width: 100px; display: block; float: left; color: #666666}

.complete .stay_left .st_con ul li .st_txt { overflow: hidden; color: #222; display: block}

.complete .stay_right { position: relative; padding: 40px; width: 40%; background: #ebeff3; border: 1px solid #8d8e95; border-left: 1px solid #c9c9c9; display: table-cell}

.complete .stay_right .money_wrap { padding-top: 20px; border-bottom: 1px solid #a7acb0; border-top: 1px solid #a7acb0; margin-top: 20px; border-bottom: 0}

.complete .stay_right strong { font-size: 24px; color: #000}

.complete .stay_right .money_wrap ul li { margin-top: 10px; padding: 5px 0}

.complete .stay_right .money_wrap ul li:first-child { margin-top: 0}

.complete .stay_right .money_wrap ul li .mn_tit { display: block; float: left; width: 90px; padding: 5px 0}

.complete .stay_right .money_wrap ul li .mn_txt { display: block; overflow: hidden; padding: 5px 0}

.complete .stay_right .money_wrap ul li .mn_txt em { font-weight: 500}

.complete .stay_right .money_wrap ul li .mn_txt.white_radius { padding: 0; text-align: right}

.complete .stay_right .money_wrap ul li .mn_txt.white_radius span { display: inline-block; background: #fff; color: #000; padding: 5px 20px; border-radius: 5px}

.comp_tit { margin: 30px 0 15px 0; font-size: 24px; display: block; font-family: '나눔스퀘어'}

.comp_box { padding: 20px 60px; overflow: hidden; border: 1px solid #ddd}

.comp_box ul li { border-bottom: 1px solid #ddd; overflow: hidden}

.comp_box ul li.last { border-bottom: 0}

.comp_box ul li span { padding: 20px}

.comp_box ul li .info_tit { float: left; color: #444}

.comp_box ul li .info_tit.icon_tit { padding-left: 40px; background: url(/images/content/stay_img05.png?t_=201907310900) left center no-repeat; margin-left: 20px}

.comp_box ul li .info_txt { float: right; color: #444}

.comp_box ul li .info_txt em { font-weight: bold}

.comp_box ul li.last .info_txt em { color: #222e66}

.comp_box ul li.last.history .info_txt em { color: #444}

.comp_box ul li.last.history .info_txt em.his { color: #222e66}

@media (max-width:1000px){
 .complete .stay_left .st_con ul li .st_tit { width: 100px; font-size: 16px}

 .complete .stay_left .st_img { position: relative; top: auto; left: auto; display: block; margin-bottom: 20px; text-align: center}

 .complete .stay_left { padding: 20px}

 .complete .stay_right { padding: 20px}

 .complete .stay_right strong { font-size: 18px}

 .complete .stay_right .next_bt a { font-size: 18px}

 .complete .stay_left .st_con .con_tp { padding-bottom: 20px}

 .complete .stay_left .st_con .con_bt .ip_box { margin: 0; margin-top: 20px}

 .complete .stay_right .total .mn_num { font-size: 18px}

 .comp_tit { font-size: 18px}

 .mP_h3 { font-size: 18px}
}

@media (max-width:767px){
 .comp_box { padding: 20px}

 .comp_box ul li span { padding: 10px}

 .comp_box ul li .info_tit.icon_tit { background-size: 20px; padding-left: 25px}
}

@media (max-width:880px){
 .complete .stay_left { width: 100%}

 .complete { display: block}

 .complete .stay_left { display: block; width: 100%}

 .complete .stay_right { display: block; width: 100%}

 .complete .stay_right .next_bt { margin-bottom: 20px; text-align: center}

 .complete .stay_right .next_bt a { display: inline-block; padding: 15px 40px; width: auto; font-size: 15px}

 .complete .stay_left { border-right: 1px solid #8d8e95; border-bottom: 0; }

 .complete .stay_right { border-top: 1px solid #c9c9c9; }

 .complete .stay_right .next_bt { margin: 20px 0 0 0}
 }

@media all and (max-width:800px) {
 #payment_1.huyang_layer .layer_wrap,
 #payment_2.huyang_layer .layer_wrap { overflow: inherit}

 #payment_1.huyang_layer .layer_head,
 #payment_2.huyang_layer .layer_head { height: auto}

 #payment_1.huyang_layer .layer_head .head_title,
 #payment_2.huyang_layer .layer_head .head_title { height: auto; padding: 10px 15px; font-size: 18px}

 .huyang_layer .layer_body .layerCont p { font-size: 16px}

 #payment_1.huyang_layer .head_close,
 #payment_2.huyang_layer .head_close { top: -37px; width: 36px; padding: 0}

 #payment_1.huyang_layer .layer_head { padding-right: 50px}

 #payment_1.huyang_layer .layer_head .head_close { top: 0; width: 50px; height: 44px; background-size: 100%}
 }

@media (max-width:420px){
 .complete .stay_right .money_wrap ul li div { width: calc(32.5% - 1px)}

 .complete .stay_right .money_wrap ul li .second .discount.basic span { padding: 6px 9px 6px 6px; top: 0; left: -75px; width: 70px; height: 25px; background-size: 70px; font-size: 12px}
 }


/*예약완료*/

.reserve_complete .basic { display: block; font-size: 20px; color: #444444; margin-bottom: 20px; font-weight: normal}

.reserve_complete .important { display: block; font-size: 20px; color: #34417a; font-weight: normal}

.reserve_complete p { font-size: 17px; color: #444; font-weight: normal}

.reserve_complete p span { display: inline-block; vertical-align: middle}

.reserve_complete p .nt_bt { background: #fff url(/images/content/stay_img09.png?t_=201907310900) 22px center no-repeat}

.reserve_complete p .nt_bt:hover { color: #5468c7}

.reserve_complete .button { text-align: center; margin-top: 15px; padding-top: 15px; border-top: 1px solid #d2d2d2}

.reserve_form { margin-bottom: 40px; text-align: center}

.reserve_form p { margin-bottom: 15px; line-height: 130%; text-align: inherit; font-size: 24px; color: #444}

.reserve_form p br { display: none}

.reserve_form .input { position: relative; display: inline-block; width: 450px; padding-right: 180px}

.reserve_form .input label { position: absolute; top: 10px; left: 10px}

.reserve_form .input input { width: 100%}

.reserve_form .input button { position: absolute; top: 0; right: 0; width: 175px; height: 100%; font-size: 16px; background-color: #5468c7; color: #fff}

.stayroom .stay_right .next_bt.double { margin-top: 20px; overflow: hidden; width: 100%}

.stayroom .stay_right .next_bt.double a { display: inline-block; padding: 44px 15px; background: #fff; color: #111; font-size: 20px; border: 2px solid #5468c7; width: 46%; overflow: hidden; text-align: center; margin-right: 4%}

.stayroom .stay_right .next_bt.double a.first { background: #5468c7; color: #fff}

.stayroom .stay_right .next_bt.double a.second { margin-right: 0}

.reserve_cp_button > a { padding: 15px 60px; background: #848692; color: #fff; display: inline-block}

.tbl.resDtl_tbl.reserve_detail tbody td { word-break: break-all}

.tbl.resDtl_tbl.reserve_detail tbody tr.red td,
.tbl.resDtl_tbl.reserve_detail tbody tr.red td strong { color: #f00}

.tbl.resDtl_tbl.reserve_detail tbody tr.blue td,
.tbl.resDtl_tbl.reserve_detail tbody tr.blue td strong { color: #1e53ff}

@media (max-width:1000px){
 .tbl.resDtl_tbl.reserve_detail tbody td strong { font-size: 14px}

 .stayroom .stay_right .next_bt.double a { padding: 15px 10px; width: 48%; margin-right: 2%; font-size: 16px}

 .reserve_cp > a { padding: 15px 20px}

 .reserve_complete .basic { font-size: 17px}

 .reserve_complete .important { font-size: 17px}

 .reserve_complete p { font-size: 14px}

 .reserve_complete p span { font-size: 14px}

 .reserve_form { }

 .reserve_form p { font-size: 20px}
 }

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

 .reserve_form p br { display: block}
 }

@media (max-width:639px) {
 .reserve_form p { font-size: 16px}

 .reserve_form .input { width: 100%; padding-right: 0}

 .reserve_form .input button { position: static; height: 40px; margin-top: 10px}
 }

@media (max-width:420px){
 .reserve_cp_button > a { width: 100%; display: block; padding: 10px 20px}

 .reserve_cp_button > a:first-child { margin-bottom: 5px}
 }


.cehck_wrap .all_check { margin-bottom: 10px}

/*가로th테이블*/
.tbl.row_tb { border-top: 2px solid #444; padding: 10px; }

.tbl.row_tb th { background: #ebeff3}

.tbl.row_tb tr:first-child th,
.tbl.row_tb tr:first-child td { padding: 16px 10px}

.tbl.row_tb th { border-left: 0}

.tbl.row_tb td { border-right: 0; padding: 10px; }

.tbl.row_tb .span { border-left: 0}

.fast_list.monthTable .tbl.row_tb td { padding: 10px}

.cehck_wrap { }

.cehck_wrap .all_check { margin-bottom: 10px}


/* 예약가능조회 */
.resPossible,
.standby { display: none; clear: both; padding-top: 20px}

.resPossible_top { padding: 15px 15px; background: #5468c7; color: #fff; font-size: 17px}

.resPossible_top strong { font-weight: 600; color: #fff}

.resPos_list > div { border-bottom: 1px solid #c9c9c9}

.resPos_list > div > ul { display: table; width: 100%}

.resPos_list > div > ul > li { display: table-cell; padding: 10px; border-left: 1px solid #c9c9c9; vertical-align: middle; text-align: center; font-size: 14px}

.resPos_list > div > ul > li:first-child { border-left: 0}

.resPos_list > div > ul > li > a.resLink { display: inline-block; position: relative; padding-left: 41px}

.resPos_list > div > ul > li > a.resLink > img { position: absolute; left: 0; top: 50%; margin-top: -18px}

.resPos_list > div > ul > li > a.resLink > img,
.resPos_list > div > ul > li > a.resLink > span { vertical-align: middle}

.resPos_list > div > ul > li > a.resLink > span { display: inline-block; border-bottom: 1px solid transparent; padding: 5px 0 4px}

.resPos_list > div > ul > li > a.resLink:hover > span { border-color: #5468c7; color: #5468c7}

.resPos_list > div > ul > li.col1 { width: 15%; text-align: left}

.resPos_list > div > ul > li.col2 { width: 20%; text-align: left}

.resPos_list > div > ul > li.col3 { width: 10%}

.resPos_list > div > ul > li.col4 { width: 20%}

.resPos_list > div > ul > li.col5 { width: 25%}

.resPos_list > div > ul > li.col6 { width: auto}

.resPos_list.t02 > div > ul > li.col5 { width: 18%}

.resPos_list.t02 > div > ul > li.col6 { width: 10%}

.resGo_btn { position: relative; display: inline-block; width: 74px; padding: 8px 0; background: #fff; color: #5468c7 !important; border: 1px solid #5468c7; text-align: center}

.resGo_btn:hover { background: #5468c7; color: #fff !important}

.resPosBox { display: none; padding: 20px 0; border-bottom: 1px solid #c9c9c9}

@media all and (max-width:930px){
 .resPos_list > div > ul { overflow: hidden}

 .resPos_list > div > ul > li { display: block; float: left; padding: 5px 10px; text-align: left; border-left: 0}

 .resPos_list > div > ul > li.col1,
 .resPos_list > div > ul > li.col2,
 .resPos_list > div > ul > li.col3,
 .resPos_list > div > ul > li.col4,
 .resPos_list > div > ul > li.col5,
 .resPos_list > div > ul > li.col6,
 .resPos_list.t02 > div > ul > li.col5,
 .resPos_list.t02 > div > ul > li.col6,
 .resPos_list.t02 > div > ul > li.col7 { width: 100%}

 .resPos_list > div > ul > li > a.resLink > span { border-color: #5468c7; color: #5468c7; font-size: 16px}

 .resGo_btn { width: 100%}
 }



/*빠른예약 2019 07 11*/
.fast_list.monthTable { overflow-x: auto; margin-top: 5px; }

.fast_list.monthTable .floatingHead { opacity: 0; z-index: -1; position: fixed; top: 0; height: 80px; overflow: hidden; background-color: #5468c7; }

.fast_list.monthTable .floatingHead .title { width: 260px}

.fast_list.monthTable .floatingHead .activeTable { width: 940px}

.fast_list.monthTable .floatingHead .prisitTable { position: absolute; top: 0; left: 0; width: 260px; }

.fast_list.monthTable .floatingHead .prisitTable .right_table { width: 100%}

.fast_list.monthTable .floatingHead .prisitTable .right_table thead th { height: 80px}

.fast_list.monthTable .floatingHead.in_active { opacity: 1; z-index: 1; padding-left: 260px; }

.fast_list.monthTable .floatingLeft { position: absolute; top: 0; left: 0; width: 260px; }

.fast_list.monthTable .floatingLeft .right_table { width: 100%; background-color: #fff}

.fast_list.monthTable .floatingLeft .right_table thead th { height: 80px}

.fast_list.monthTable .floatingLeft .right_table.prisit { position: absolute; top: 0; z-index: 3; left: 0; width: 260px; }

.fast_list.monthTable .right_table { width: 1200px; table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: center; }

.fast_list.monthTable .right_table > thead th,
.fast_list.monthTable .right_table > tbody td { padding: 0; }

.fast_list.monthTable .right_table > thead th { height: 40px; font-size: 12px; border: solid #8896d8; border-width: 0 0 1px 1px; border-bottom-color: #fff; background-color: #5468c7; color: #fff; }

.fast_list.monthTable .right_table > tbody td { height: 55px; border: solid #c9c9c9; border-width: 0 0 1px 1px; }

.fast_list.monthTable .right_table > tbody td:first-child { border-left-width: 0}

.fast_list.monthTable .right_table > tbody td > label { display: block; height: 100%; padding-top: 14px}

.fast_list.monthTable .right_table > thead th.sat { color: #000; background-color: #c2c9ff; border-left-width: 0; }

.fast_list.monthTable .right_table > thead th.sun { color: #000; background-color: #f3cbff; border-left-width: 0; }

.fast_list.monthTable .right_table > tbody td.sat { background-color: #c2c9ff; }

.fast_list.monthTable .right_table > tbody td.sun { background-color: #f3cbff; }

.fast_list.monthTable .right_table > tbody .h_text { position: fixed; top: -100px; left: -100px; width: 1px; height: 1px; overflow: hidden; }

.fast_list.monthTable .right_table > tbody td.title { font-size: 14px; text-align: left}

.fast_list.monthTable .right_table > tbody td.title img { width: 20px; vertical-align: -4px}

.fast_list.monthTable .right_table > tbody td.title img:first-child { width: 22px; vertical-align: -5px}

.fast_list { overflow: hidden; margin-top: 20px}

.fast_list .list_left { float: left; width: 260px}

.fast_list .list_left > strong { display: block; height: 79px; line-height: 78px; text-align: center; font-weight: 400; border-right: 1px solid #8896d8; background-color: #5468c7; color: #fff}

.fast_list .list_left > ul { display: table; width: 100%; border: 1px solid #c9c9c9; border-width: 0 1px 1px 0}

.fast_list .list_left > ul > li { display: table-row; font-size: 14px; text-align: left}

.fast_list .list_left ul > li > div { display: table-cell; height: 55px; border-top: 1px solid #c9c9c9; vertical-align: middle}

.fast_list .list_left ul > li > div > img,
.fast_list .list_left ul > li > img { width: 20px; vertical-align: -4px}

.fast_list .list_left ul > li > div > img:first-child ,
.fast_list .list_left ul > li > img:first-child { width: 22px; vertical-align: -5px}

.fast_list .list_left ul + strong { height: 79px}

.fast_list .list_left ul > li > span { display: table-cell; vertical-align: middle; height: 100%; height: 55px; padding: 5px; border-top: 1px solid #c9c9c9}

.fast_list .list_left ul > li:first-child > span { border-top: 0}

.fast_list .list_left ul > li > span > img { vertical-align: middle; width: 25px; }

.fast_list .list_left ul > li > span > span > img { width: 20px; vertical-align: -4px}

.fast_list .list_right { overflow: hidden; overflow-x: auto}

.fast_list .list_right .right_table { width: 940px; table-layout: fixed; border-collapse: separate; border-spacing: 0; text-align: center}

.fast_list .list_right .right_table tr.thead th,
.fast_list .list_right .right_table tr.tbody td { padding: 0}

.fast_list .list_right .right_table tr.thead th { height: 40px; border: solid #8896d8; border-width: 0 0 1px 1px; border-bottom-color: #fff; background-color: #5468c7; color: #fff}

.fast_list .list_right .right_table tr.thead th:first-child { border-left-width: 0}

.fast_list .list_right .right_table tr.tbody td { height: 55px; border: solid #c9c9c9; border-width: 0 0 1px 1px}

.fast_list .list_right .right_table tr.tbody td:first-child { border-left-width: 0}

.fast_list .list_right .right_table tr.tbody td > label { display: block; height: 100%; padding-top: 14px}

.fast_list .list_right .right_table tr.thead th.sat { color: #b3d5ff}

.fast_list .list_right .right_table tr.thead th.sun { color: #ffdcfd}

.fast_list .list_right .right_table tr.tbody td.sat { background-color: #f4f5fd}

.fast_list .list_right .right_table tr.tbody td.sun { background-color: #fbf4fd}

.fast_list .list_right .right_table tr.tbody .h_text { position: fixed; top: -100px; left: -100px; width: 1px; height: 1px; overflow: hidden; }

.fast_list .list_right .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0}

.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal { height: 10px}

.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 10px; margin: 0 auto; border-radius: 0; -webkit-border-radius: 0}


@media (max-width:1200px){
 .fast_list.monthTable .floatingHead { padding: 0 10px; left: 0; }

 .fast_list.monthTable .floatingHead.in_active { padding-left: 270px; }
 .fast_list.monthTable.intro_fast_list .floatingHead.in_active { padding-left: 280px; }

 .fast_list.monthTable .floatingHead.in_active .prisitTable { padding-left: 10px; background-color: #5468c7; }
 .fast_list.monthTable.intro_fast_list .floatingHead.in_active .prisitTable { width: 280px; }

 .fast_list.monthTable .floatingHead.in_active .prisitTable .prisitTable { left: 10px}
}

@media (max-width:480px){
 .fast_list .list_left { width: 145px}

 .fast_list .list_left ul > li { height: 80px}

 .fast_list.monthTable .right_table > tbody td { height: 80px}

 .fast_list.monthTable .floatingHead .prisitTable { width: 145px; }

 .fast_list.monthTable .floatingHead .title { width: 145px; }

 .fast_list.monthTable .floatingHead { padding-left: 145px}

 .fast_list.monthTable .floatingHead.in_active { padding-left: 155px}
 .fast_list.monthTable.intro_fast_list .floatingHead.in_active { padding-left: 165px;}
 
  .fast_list.monthTable.intro_fast_list .floatingHead.in_active .prisitTable { width: 165px; }
 }

/*
.fast_list .list_right .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom:0 }
.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal { height:10px }
.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.fast_list .list_right .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height:10px; margin:0 auto; border-radius:0; -webkit-border-radius:0 } */
/*

@media (max-width:767px) {
.fast_list .list_left { display:none }
.fast_list .list_right .right_table tr.thead th { padding-left:10px; text-align:left }

.fast_list .list_right .right_table tr.tbody td { width:340px; padding:10px; text-align:left }
.fast_list .list_right .right_table tr.tbody td a { float:left; margin:7px 10px 0 0 }
.fast_list .list_right .right_table tr.tbody td a img { width:20px }
.fast_list .list_right .right_table tr.tbody td .h_text { overflow:hidden; position:static; width:auto; height:auto; margin-top:2px }
.fast_list .list_right .right_table tr.tbody td .h_text span { display:block }
}
 */
/*

.fast_list { margin-top:20px }
.fast_list .fl_scl { overflow:auto }
.fast_list .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom:7px }
.fast_list .fl_table { width:2000px; table-layout:fixed; border-collapse:separate; border-spacing:0; text-align:center }

.fast_list .fl_table>thead>tr>th, .fast_list .list_right .fl_table>tbody>tr>td { padding:0 }
.fast_list .fl_table>thead>tr>th { height:40px; border:solid #8896d8; border-width:0 0 1px 1px; background-color:#5468c7; color:#fff }
.fast_list .fl_table>thead>tr>th[rowspan] { border-right-width:1px }
.fast_list .fl_table>thead>tr>th[rowspan]+th,
.fast_list .fl_table>thead>tr>th:first-child { border-left-width:0 }
.fast_list .fl_table>tbody>tr>td { height:55px; border:solid #c9c9c9; border-width:0 0 1px 1px }
.fast_list .fl_table>tbody>tr>td:first-child { border-left-width:0 }
.fast_list .fl_table>tbody>tr>td>label { display:block; height:100%; padding-top:14px }
.fast_list .fl_table>thead>tr>th.sat { color:#b3d5ff }
.fast_list .fl_table>thead>tr>th.sun { color:#ffdcfd }
.fast_list .fl_table>tbody>tr>td.sat { background-color:#f4f5fd }
.fast_list .fl_table>tbody>tr>td.sun { background-color:#fbf4fd }
.fast_list .fl_table>tbody>tr>th { }
.fast_list .fl_table>tbody>tr>th img { vertical-align:middle }

@media(max-width:767px) {.faster .apt_calendar .calendar_head { position:relative; padding-bottom:90px }
.faster .apt_calendar .calendar_head .head_item { float:none; width:100%; padding:10px 0; margin-top:0; border-bottom:1px solid #d2d2d2 }
.faster .apt_calendar .calendar_head .head_item:after { content:''; display:block; clear:both }
.faster .apt_calendar .calendar_head .head_item:first-child { margin-top:0 }
.faster .apt_calendar .calendar_head .head_item+.head_item>label,
.faster .apt_calendar .calendar_head .head_item+.head_item>.label { padding-left:0 }
.faster .apt_calendar .calendar_head .head_item .align_none .form_style { float:left; width:49.5%; margin-left:1% }
.faster .apt_calendar .calendar_head .head_item .align_none .form_style:first-child { margin-left:0 }
.faster .apt_calendar .calendar_head .head_item .schBtn { position:absolute; bottom:20px; left:0; right:0; width:100%; max-width:120px; margin:0 auto }
.faster .apt_calendar .calendar_head .head_item .schBtn img { width:20px; margin-right:5px }
.faster .apt_calendar .calendar_head .head_item .schBtn:after { content:'조회'; display:inline-block; vertical-align:-3px; font-weight:400; font-size:17px; color:#fff }

.faster .apt_calendar .calendar_head .head_item:nth-child(3) .label { width:100%; padding-top:0; text-align:center }
 }

@media(max-width:640px) {.fast_list .list_left { float:none; width:100% }
.fast_list .list_left>strong { height:auto; line-height:25px; border-width:0; margin-bottom:10px; text-align:left; font-size:24px; font-family:'NanumSquare', sans-serif; background-color:transparent; color:#000 }
.fast_list .list_left ul, .fast_list .list_left ul li, .fast_list .list_left ul li a { display:block; height:auto }
.fast_list .list_left ul { border:1px solid #d2d2d2 }
.fast_list .list_left ul li a { padding:15px 10px }
.fast_list .list_left ul li a.in_active { font-weight:500; background-color:#f4f5fd; color:#000 }
.fast_list .list_right { overflow-x:auto }
 }
*/
/*달력*/
.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: 40px; height: 40px; padding: 5px 0 0 6px; border-radius: 8px; -webkit-border-radius: 8px; background-color: #ebeff3}

.picker_layer .cal_button { text-align: center; padding-bottom: 10px}

.picker_layer .cal_regend { overflow: hidden; padding: 15px; margin: 10px 20px; border: 1px solid #ddd}

.picker_layer .cal_regend b { display: block; border-bottom: 1px solid #ddd; line-height: 100%; padding: 10px 0; margin-right: 20px; font-size: 18px}

.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: 14px}

.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: url(/portal/images/content/calendar_in.gif)}

.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: left; width: 50%; padding: 0 20px}

.picker_layer .layer_calender .layer_cal_head { margin-bottom: 10px; 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; top: 5px; border: 7px solid transparent}

.picker_layer .layer_calender .layer_cal_head .prev { left: 10px; border-right-color: #000}

.picker_layer .layer_calender .layer_cal_head .next { right: 10px; border-left-color: #000}

.picker_layer .cal_left { border-right: 1px solid #d7d7d7}

.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: -2px; 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 .calSclBtn span { display: inline-block; background: no-repeat}

.picker_layer .layer_calender.cal_left .layer_cal_head .prevAnchorGroup { }

.picker_layer .layer_calender.cal_left .layer_cal_head .prevAnchorGroup .calSclBtn { display: none}

.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup { }

.picker_layer .layer_calender.cal_right .layer_cal_head .nextAnchorGroup .calSclBtn { display: none}

.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll { left: 0}

.picker_layer .layer_calender .layer_cal_head .calSclBtn.prevScroll 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 .calSclBtn.nextScroll { right: 0}

.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll span { padding-right: 15px; background-image: url(/portal/images/content/calpicker_month_next.png?t_=201907310900); background-position: 100% 50%}

.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_ov.png?t_=201907310900); }

.picker_layer .layer_calender .layer_cal_head .calSclBtn.nextScroll:hover span { background-image: url(/portal/images/content/calpicker_month_next_ov.png?t_=201907310900); }

.picker_layer .layer_calender table { table-layout: fixed; width: 100%}

.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: url(/portal/images/content/calendar_in.gif); }

.picker_layer .layer_calender table th.sun { color: #de2323}

.picker_layer .layer_calender table td.not_day a { color: #909090}


.picker_layer .layer_calender table td a[data-date] { background: #ffecd2}

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

.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}

@media(max-width:1220px) {
 .picker_layer .layer_calender table th,
 .picker_layer .layer_calender table td { height: 40px; font-size: 14px}

 .picker_layer .layer_calender table td a { padding-top: 2px}

 .picker_layer .layer_calender .layer_cal_head b { font-size: 18px}
}

@media(max-width:840px) {
 .picker_layer { width: 300px}

 .picker_layer .layer_close { top: -46px; right: -1px; border-radius: 7px}

 .picker_layer .scl { overflow: auto}

 .picker_layer .calendar_wrap { width: 605px; padding: 0 0 10px}

 .picker_layer .cal_left,
 .picker_layer .cal_right { padding: 10px}

 .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:639px){
 .appointment { overflow: visible}


 .apt_calendar .calendar_head .head_item.picker .layer_close .sprity-cal { position: static}

 .fast_list .list_right .right_table > thead > tr:first-child > th { text-align: left; padding: 7px 20px; }
 }

.border_box { margin: 20px 0; padding: 20px; border: 1px solid #d2d2d2; background-color: #f9f9f9; color: #000}

.border_box .box_title { display: block; margin-bottom: 20px; font-size: 24px; font-weight: 800; font-family: 'NanumSquare', sans-serif}


/*통합회원가입step1*/
.memberStep { position: relative; overflow: hidden; padding-bottom: 10px}

.memberStep ul li { width: 25%; float: left; padding: 20px; border: 1px solid #d2d2d2; text-align: center; color: #606060; font-size: 20px; position: relative; border-right: 0}

.memberStep ul .step4 { border-right: 1px solid #d2d2d2}

.memberStep ul li b { color: #000; font-size: 20px}

.memberStep ul li.on { border: 4px solid #5468c7; padding: 17px}

.memberStep ul li.on:before { content: ""; width: 14px; height: 10px; position: absolute; left: 50%; margin-left: -7px; bottom: -10px; background: url(/images/content/join_list_arr.png?t_=201907310900) center center no-repeat}

.memberStep.col3 ul { display: table; width: 100%}

/* col3가 들어간 부분은 휴면계정활성화페이지의 step부분 입니다. */
.memberStep.col3 ul li { display: table-cell; float: none; width: 33.3%}

.memberStep.col3 ul li.step3 { border-right: 1px solid #d2d2d2}

.memberStep.col3 ul li.on { border: 4px solid #5468c7; padding: 17px}

.intro_p { color: #666666; font-size: 17px}

.member_confirm { padding: 25px 0; margin-top: 20px; border-top: 1px solid #000; border-bottom: 1px solid #000}

.member_confirm:after { content: ''; display: block; clear: both}

.member_confirm.diapause { border-top: 0}

/* 휴면계정활성화 */
.member_confirm .member_title { color: #000; font-size: 24px; display: block}

.member_confirm .confirm_box { float: left; width: 33.3%; min-height: 400px; margin-top: 20px; border: solid #c9c9c9; border-width: 1px 0}

.member_confirm .confirm_box.cbox_1 { border-width: 1px 1px 1px}

.member_confirm .confirm_box.cbox_1 .box_bottom .icon img { margin-top: 28px}

.member_confirm .confirm_box.cbox_2 { border-right-width: 1px}

.member_confirm .confirm_box.cbox_3 { border-right-width: 1px}

.member_confirm .confirm_box .box_head { padding: 20px; background: #f9f9fb; text-align: center; border-bottom: 1px solid #c9c9c9}

.member_confirm .confirm_box .box_head b { color: #111; font-size: 20px}

.member_confirm .confirm_box .icon { height: 145px}

.member_confirm .confirm_box .box_bottom { padding: 20px; padding-top: 40px; text-align: center}

.member_confirm .confirm_box .box_bottom span { font-size: 16px; display: block; text-align: center; margin-bottom: 20px; color: #606060}

.member_confirm .confirm_box .box_bottom .reserve_bt { margin: 20px 0}

.member_confirm .confirm_box .box_bottom .reserve_bt a { font-size: 17px}

.member_descpt b { font-size: 18px; color: #111}

.member_descpt p { font-size: 16px; color: #606060}

.descpt_tditle { display: block}

@media all and (max-width:900px) {
 /* 20200306_추가 */
 .member_confirm .confirm_box .box_bottom .center .defBtn:link,
 .member_confirm .confirm_box .box_bottom .center .defBtn:visited,
 .member_confirm .confirm_box .box_bottom .center .defBtn:active { padding: 15px 25px}
 }

@media (max-width:700px){
 .member_confirm .confirm_box { float: none; width: 100%; border: solid #c9c9c9; border-width: 1px; min-height: inherit}

 .member_confirm .confirm_box .icon { height: auto}

 .member_confirm .confirm_box .icon img { height: 100px}

 .member_confirm .confirm_box.cbox_3 .box_bottom .icon img { margin-top: 0; height: 70px}

 .member_confirm .confirm_box .box_bottom { padding-top: 20px}
 }

/*통합회원가입step2*/
.area_korea { padding: 40px; background: #f7f7fb}

.area_korea > p { font-size: 17px}

.area_korea .areaTab { overflow: hidden; width: 100%; margin-top: 40px; height: 300px; position: relative}

.area_korea .areaTab > li { width: 10.1%; float: left; margin-right: 1%}

.area_korea .areaTab > li .areaTab_con.ex { display: block}

.area_korea .areaTab > li .areaTab_con { display: none; margin-top: 12px; padding: 25px 40px; background: #fff; border: 1px solid #d2d2d2; position: absolute; top: 42px; left: 0; width: 100%}

.area_korea .areaTab > li > a { background: #ebeff3; border: 1px solid #d2d2d2; padding: 11px 7px; display: block; text-align: center; border-radius: 10px; font-size: 16px}

.area_korea .areaTab > li > a.on { background: #6177cf; color: #fff; border-color: #6177cf}

.area_korea .areaTab > li .areaTab_con ul li { width: 25%; text-align: left; float: left; height: 35px; padding: 10px 0}

@media (max-width:1000px){
 .memberStep ul li { font-size: 16px}

 .memberStep ul li.on { font-size: 16px}

 .memberStep ul li b { font-size: 16px}

 .area_korea .areaTab > li .areaTab_con ul li { padding: 5px 0}
 }

@media (max-width:900px){
 .area_korea .areaTab li { width: 19%; margin-bottom: 1%}

 .area_korea .areaTab > li .areaTab_con { margin-top: 60px}

 .area_korea .areaTab > li .areaTab_con ul li { width: 33.3%}
 }

@media (max-width:767px){
 .area_korea .areaTab > li .areaTab_con ul li { width: 100%}

 .area_korea .areaTab > li .areaTab_con ul { height: 380px; overflow-y: auto}

 .area_korea .areaTab > li .areaTab_con ul li { padding: 15px 0; border-bottom: 1px solid #d2d2d2}
 }


@media (max-width:660px){
 .memberStep ul li b { display: block}

 .memberStep ul li.step4 { border-bottom: 1px solid #d2d2d2}

 .memberStep ul li.on.step4 { border-bottom: 4px solid #5468c7}

 .memberStep ul li { padding: 10px}

 .memberStep ul li.on { padding: 8px}

}


@media (max-width:540px){
 .area_korea .areaTab li { width: 32.3%; margin-bottom: 1%}

 .area_korea .areaTab > li .areaTab_con { margin-top: 105px; padding: 15px 20px}
}

@media all and (max-width:500px){
 .area_korea { padding: 20px}

 .area_korea .areaTab { margin-top: 20px}
 }

@media (max-width:360px){
 .memberStep ul li { padding: 5px}

 .memberStep ul li.on { padding: 2px}
 }


.member_Ag_wrap { overflow: hidden; margin-top: 60px}

.member_Ag_wrap .all_agree { text-align: right}

.member_Ag_wrap .all_agree label { display: inline-block; padding: 10px 0}

.member_Ag_wrap .all_agree label input[type="checkbox"] { width: 20px; height: 20px; vertical-align: -3px}

.member_agree_with { padding: 40px 0; overflow: hidden; border-top: 1px solid #000; border-bottom: 1px solid #000}

.member_agree_with h3:first-child { margin-top: 0}

.member_agree_with h3 { margin-bottom: 20px; font-size: 24px; font-weight: normal; margin-top: 50px}

.member_agree_with .agree_wdBox { border: 1px solid #d2d2d2; overflow: hidden}

.member_agree_with .agree_wdBox .wdbox_tit { display: block; font-size: 17px; font-weight: normal; color: #444444; float: left}

.member_agree_with .agree_wdBox .txt_lr { overflow: hidden; padding: 15px 40px; border-bottom: 1px solid #d2d2d2; background: #f9f9fb}

.member_agree_with .agree_wdBox .txt_lr .wdbox_txt { float: right; margin-top: 4px}

.member_agree_with .agree_wdBox .txt_lr .wdbox_txt label { margin-left: 20px}

.member_agree_with .agree_wdBox .txt_lr .wdbox_txt label input[type="radio"] { width: 20px; height: 20px; vertical-align: -4px}

.member_agree_with .agree_wdBox .wd_txt { padding: 20px 40px; overflow: hidden; overflow-y: scroll; height: 185px; color: #606060}

.member_agree_with .agree_wdBox .wd_txt strong { display: block; margin-bottom: 10px; font-size: 18px; font-weight: normal; color: #111}

.member_agree_with .agree_wdBox .wd_txt p { color: #606060}

.member_agree_with .agree_wdBox .wd_txt strong + p { margin-bottom: 20px}

@media (max-width:1000px){
 .member_agree_with h3 { font-size: 16px}

 .member_Ag_wrap .all_agree label input[type="checkbox"] { width: auto; height: auto; vertical-align: -1px}

 .member_agree_with .agree_wdBox .wdbox_tit { font-size: 16px}

 .member_agree_with .agree_wdBox .wd_txt strong { font-size: 16px}

 .member_agree_with .agree_wdBox .txt_lr .wdbox_txt label input[type="radio"] { width: auto; height: auto; vertical-align: -1px}
 }

@media (max-width:660px){
 .member_Ag_wrap { margin-top: 20px}

 .member_agree_with .agree_wdBox .txt_lr { padding: 15px 20px}

 .member_agree_with .agree_wdBox .wd_txt { padding: 20px}
}

/* 아이디,비밀번호 찾기 */
.memberFind_wrap { padding: 0 0 50px; border-bottom: 1px solid #000}

.memberFind_wrap .member_title { color: #000; font-size: 24px; display: block}

.memberFind_wrap .confirm_box { overflow: hidden; border: 1px solid #c9c9c9}

.memberFind_wrap .confirm_box .box_head { padding: 20px; background: #f9f9fb; text-align: center; border-bottom: 1px solid #c9c9c9}

.memberFind_wrap .confirm_box .box_head b { color: #111; font-size: 20px}

.memberFind_wrap .confirm_box .box_bottom { padding: 40px 20px 20px; text-align: center}

.memberFind_wrap .confirm_box .box_bottom span { font-size: 16px; display: block; text-align: center; margin-bottom: 20px; color: #606060}

.memberFind_wrap .confirm_box .box_bottom .reserve_bt { margin: 20px 0}

.memberFind_wrap .confirm_box .box_bottom .reserve_bt a { font-size: 17px}

.memResult_box { margin-top: 20px; padding: 70px 20px; border: 1px solid #c9c9c9; background-color: #f9f9fb; text-align: center}

.memResult_box > img { margin-bottom: 20px}

.memResult_box strong { display: block; font-size: 24px; color: #000; font-weight: 500}

.memResult_box strong em { color: #5468c7}

.memResult_box p { margin: 15px 0 0; color: #606060; text-align: center}

.bul_list { margin-top: 10px}

.bul_list > li { position: relative; display: inline-block; padding-left: 8px; color: #606060; text-align: left}

.bul_list > li:before { content: ""; position: absolute; left: 0; top: 10px; display: block; width: 2px; height: 2px; background: #606060}

.memBtn_area { text-align: center; padding: 20px 0}

.memSch_inputbox { margin: 0 0 50px; padding: 25px 20px; border-width: 1px 0; border-style: solid; border-color: #c9c9c9; background: #f7f7fb; text-align: center}

.memSch_inputbox .memSch_input { position: relative; margin: 20px auto 0; max-width: 600px; padding: 0 0 0 68px}

.memSch_inputbox .memSch_input:first-child { margin: 0 auto}

.memSch_inputbox .memSch_input label { position: absolute; left: 0; top: 12px; font-size: 18px; color: #323232}

.memSch_inputbox .memSch_input input[type=text],
.memSch_inputbox .memSch_input input[type=password] { width: 100%; color: #606060}

.memSch_inputbox .memSch_input p { color: #606060}

.memSch_inputbox .memSch_input p.red { color: #d31f2e}

.memSch_inputbox .memSch_input.t01 { padding: 0 0 0 140px}

@media all and (max-width:768px) {
 .member_confirm .member_title,
 .memberFind_wrap .member_title { font-size: 20px; font-weight: 500}

 .member_confirm .confirm_box .box_head b,
 .memberFind_wrap .confirm_box .box_head b { font-size: 18px; font-weight: 500}

 .member_descpt b { font-size: 17px; font-weight: 500}

 .member_descpt p { font-size: 15px}
 }

@media all and (max-width:430px){
 .memSch_inputbox { margin: 10px 0 30px}

 .memSch_inputbox .memSch_input { }

 .memSch_inputbox .memSch_input.t01 { padding: 25px 0 0 0}

 .memSch_inputbox .memSch_input label { top: 12px; font-size: 16px}

 .memSch_inputbox .memSch_input.t01 label { left: 0; top: 0; font-size: 16px}

 .memSch_inputbox .memSch_input p { font-size: 13px}
 }

/* 로그인 */
.l_Top { margin-bottom: 80px; padding: 40px 20px; background: #f7f7fb; text-align: center}

.l_Top span { display: inline-block; padding: 8px 0 8px 50px; background: url(/portal/images/content/icon_memRst.gif?t_=201907310900) left top no-repeat; background-size: 40px; color: #000; font-size: 20px; font-family: 'NanumSquare', sans-serif; text-align: left}

.loginWrap { max-width: 100%; margin: 0 auto; padding: 0; }

.loginBox { position: relative; padding-right: 156.5px; margin-right: 40px; max-width: 530px; float: left; /*margin-top: 55px; */ margin-top: 66px;}

.loginWrap:after { content: ""; display: block; clear: both; }

.loginBox input[type=text],
.loginBox input[type=password] { width: 100%; height: 60px; border: 1px solid #d2d2d2; font-size: 18px; color: #000; text-indent: 10px}

.loginBox input[type=password] { margin-top: 8px}

.loginBox input::-webkit-input-placeholder { font-size: 18px; color: #000}

.loginBox input:-moz-placeholder { font-size: 18px; color: #000}

.loginBox input::-moz-placeholder { font-size: 18px; color: #000}

.loginBox input:-ms-input-placeholder { font-size: 18px; color: #000}

.loginBtn { position: absolute; right: 0; top: 0; display: block; width: 148px; height: 128px; border: 1px solid #087fee; color: #fff; background: #087fee; text-align: center; font-size: 22px}

.loginBtn:hover { background: #0476e0; /* Old browsers */
 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNDk1YmMwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYxNzdjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(45deg, #0476e0 0%, #1382ea 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(45deg, #0476e0 0%, #1382ea 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(45deg, #0476e0 0%, #1382ea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0476e0', endColorstr='#61382ea', GradientType=1); /* IE6-8 fallback on horizontal gradient */}

.saveId { margin-top: 15px; color: #323232}

.saveId label input { margin-right: 5px}

.kakao_lBox { margin-top: 30px; display: block}

.kakao_Login { display: block; padding: 18px 0; color: #371a1a !important; font-size: 18px; background: #ffea00; text-align: center}

.social_lBox { display: block; padding-left: 40px; border-left: 1px solid #ddd; float: left; width: calc(100% - 574px); }

.social_lBox p { padding-left: 39px; background: url(/portal/images/content/ic_loginfo.png) no-repeat left center; background-size: 26px; }

.social_lBox ul { width: 100%; padding-top: 15px; }

.social_lBox ul:after { content: ""; display: block; clear: both}

.social_lBox ul li { float: left; width: calc((100% - 36px) / 3); margin-left: 2%; }

.social_lBox ul li:first-of-type { margin-left: 0; }

.social_lBox ul li a { display: block; width: 100%; text-align: center; font-size: 19px; /*height: 111px; */ height: 126px; }

.kakao_Login,
.cert_Login { padding: 28px 0; }

.kakao_Login { color: #371a1a !important; background: #ffea00; font-weight: 500; }

.kakao_Login span { /*margin-bottom: 13px; */ margin-bottom: 25px; display: block; color: #333; }

.cert_Login { background-color: #fff; border: 3px solid #0071bb; }

.cert_Login span { margin-bottom: 10px; display: block; color: #0071bb; font-weight: 600; }

.easy_Login { background: #4e73db; color: #fff !important; padding: 26px 0; }

.easy_Login span { /*margin-bottom: 10px; */ margin-bottom: 20px; display: block; }

.l_Bottom { margin-top: 80px; border-top: 1px solid #000; padding-top: 25px}

.l_Bottom .lBot_link { padding: 17px 15px; background: #f9f9fb; text-align: center}

.l_Bottom .lBot_link ul { display: inline-block; overflow: hidden;padding:5px;}

.l_Bottom .lBot_link ul li { position: relative; float: left; margin-left: 33px; padding: 0 0 0 33px}

.l_Bottom .lBot_link ul li:first-child { margin-left: 0; padding-left: 0}

.l_Bottom .lBot_link ul li:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -14px; display: block; width: 1px; height: 27px; background: #d5d5db}

.l_Bottom .lBot_link ul li:first-child:before { display: none}

.l_Bottom .lBot_link ul li a { display: block; padding-top: 5px; padding-bottom: 5px; font-size: 18px; color: #444}

.l_Bottom .lBot_link ul li a:hover { text-decoration: underline; color: #293b96}

.memBtn span { padding-left: 34px; background: url(/images/content/icon_member.png?t_=201907310900) left center no-repeat}

@media all and (max-width:1800px){
 .l_Bottom .lBot_link ul { width: 100%; max-width: 1000px; margin: 0 auto; }

 .l_Bottom .lBot_link ul li { margin-left: 3%; padding: 0 0 0 3%; }
 }

@media all and (max-width:1200px){
 .social_lBox { width: calc(100% - 525px); padding-left: 2%; }

 .loginBox { margin-right: 2%; max-width: 500px; }

 .loginWrap { padding: 0; }

 .social_lBox ul li { width: calc((100% - 21px) / 3); margin-left: 1%; }
}

@media all and (max-width:1024px) {
 .loginBox,
 .social_lBox { float: none; max-width: 100%; width: 100%; margin-right: 0; }

 .social_lBox { padding-left: 0; border-left: 0; margin-top: 35px; border-top: 1px solid #ddd; padding-top: 35px; }

 .l_Bottom .lBot_link ul li { width: 46%; max-height: 30px; }

 .l_Bottom .lBot_link ul li:nth-child(odd) { margin-left: 0; border-left: 0; }

 .l_Bottom .lBot_link ul li:nth-child(odd):before { display: none; }

 .l_Top { margin-bottom: 40px; }

 .l_Bottom { margin-top: 40px; }

 #infoWrap > fieldset { position: relative; }

 .login_p { top: 0px; }
 }

@media all and (max-width:560px){
 .l_Top { padding: 10px 20px; margin-bottom: 20px}

 .l_Top span { font-size: 16px; background-position: left center; word-break: keep-all; padding: 14px 0 14px 50px; }

 .l_Bottom .lBot_link ul li { margin-left: 15px; padding: 0 0 0 15px}

 .l_Bottom .lBot_link ul li a { padding-top: 5px; padding-bottom: 0px; font-size: 14px}


 .l_Bottom .lBot_link ul li { width: 100%; margin-left: 0}

 .l_Bottom .lBot_link ul li:before { display: none; }

 .l_Bottom .lBot_link ul li:first-of-type a { padding-top: 0}

 .memBtn span { padding-left: 23px; background-size: 17px; }


 .social_lBox ul li { width: 100%; margin-left: 0}

 .social_lBox ul li:not(:first-of-type) { margin-top: 5px; }

 .social_lBox ul li a { padding: 12px 0; height: auto; font-size: 17px; }

 .login_p { width: 100%; }

 .login_p > p { font-size: 14px !important; padding-right: 10px; }

 .loginBox { margin-top: 90px; }

}

@media all and (max-width:410px){
 .loginBox { padding: 0 0 80px 0}

 .loginBtn { top: inherit; bottom: 0; width: 100%; height: 60px}

 .kakao_lBox { margin-top: 15px}
 }

@media all and (max-width:390px){
 .loginBox { padding: 0 0 50px 0}

 .loginBox input[type=text],
 .loginBox input[type=password] { height: 37px; }

 .loginBtn { top: inherit; bottom: 0; width: 100%; height: 43px; font-size: 17px; }

 .kakao_lBox { margin-top: 5px}

 .kakao_lBox .kakao_Login { padding: 10px 0; font-size: 17px; }

 .kakao_lBox .kakao_Login span { padding-left: 30px; background-size: 22px; background-position: 0 5px}

 .saveId { margin-top: 10px}

 .l_Bottom { margin-top: 25px}

 .l_Bottom .lBot_link { padding: 5px 10px}

 .l_Bottom .lBot_link ul li { margin-left: 10px; padding: 0 0 0 10px}

 .l_Bottom .lBot_link ul li:before { margin-top: -10px; height: 20px}

 .memBtn { padding-left: 0; background: none}

}

/*정보입력*/
.infor_input { padding: 50px 0 120px 0; border-bottom: 1px solid #000}

.infor_input p { font-size: 17px; color: #666}

.infor_input .infor_join { overflow: hidden; margin-top: 20px}

.infor_input .infor_join strong { padding: 15px 20px; display: block; border: 1px solid #d2d2d2; text-align: center; background: #ebeff3}

.infor_input .infor_join .join_txt { padding: 15px 0; overflow: hidden; border: 1px solid #d2d2d2; border-top: 0}

.infor_input .infor_join .join_txt div { padding: 8px 2px; overflow: hidden}

.infor_input .infor_join .join_txt div.on { border: 3px solid #f46464; background: #e6e7e9; padding: 8px 0}

.infor_input .infor_join .join_txt div ul li { float: left; text-align: center}

.infor_input .infor_join .join_txt div ul .num { width: 10%}

.infor_input .infor_join .join_txt div ul .id { width: 30%}

.infor_input .infor_join .join_txt div ul .title { width: 40%}

.infor_input .infor_join .join_txt div ul .used { width: 20%}

.infor_input .infor_join .join_txt div ul .used.ok { color: #5468c7}

.infor_input .infor_join .join_txt div ul .used.no { color: #d31f2e}

.memberF_wrap { position: relative; padding: 50px; border: 1px solid #d2d2d2; background: #fff}

.memberF_wrap input[type=text],
.memberF_wrap input[type=password],
.memberF_wrap select { height: 50px}

.memberF_wrap .memberF_box { position: relative; padding-left: 220px; margin-top: 10px}

#memberHiddenForm_01 { padding-left: 0; padding: 15px 0; margin-top: 10px; border-top: 1px solid #d2d2d2}

#memberHiddenForm_02 { padding-left: 0; padding: 15px 0; margin-top: 10px; border-top: 1px solid #d2d2d2}

#memberHiddenForm_03 { padding-left: 0; padding: 15px 0; margin-top: 10px; border-top: 1px solid #d2d2d2}

#memberHiddenForm_04 { padding-left: 0; padding: 15px 0; margin-top: 10px; border-top: 1px solid #d2d2d2}

#memberHiddenForm_05 { padding-left: 0; padding: 15px 0; margin-top: 10px; border-top: 1px solid #d2d2d2}

.memberF_wrap .memberF_box.name div { position: relative; padding: 12.5px 10px; display: block; border: 1px solid #d2d2d2; min-height: 50px}

.memberF_wrap .memberF_box.first,
.memberF_wrap .memberF_box:first-of-type { margin-top: 0}

.memberF_wrap .memberF_box label.tit { position: absolute; left: 0; top: 13px; color: #323232; font-size: 17px}


.memberF_wrap .memberF_box.name .tit { position: absolute; left: 0; top: 13px; color: #323232; font-size: 17px; border: 0; padding: 0; min-height: 0}

.memberF_wrap .memberF_box .tit { position: absolute; left: 0; top: 13px; color: #323232; font-size: 17px}

.memberF_wrap .memberF_box.name label.tit { position: absolute; left: 0; top: 50%; margin-top: -9px}

/*이름 제목 위치*/
.memberF_wrap .memberF_box label.tit.inte { top: 0}

/*관심분야 제목 위치*/
.memberF_wrap .memberF_box .tit .point { color: #d31f2e}

.memberF_wrap .memberF_box label .point { color: #d31f2e}

.memberF_wrap .memberF_box input[type=text],
.memberF_wrap .memberF_box input[type=password],
.memberF_wrap .memberF_box select { margin-bottom: 5px; background: #fff; width: 100%; color: #606060; padding-left: 10px; font-size: 16px}

.memberF_wrap .memberF_box > em { display: inline-block; margin-top: 3px; color: #606060}

.memberF_wrap .memberF_box input[type=text].user_id { padding-right: 50px}


.memberF_wrap .memberF_box .id_Btn { position: absolute; right: 0; top: 0}

.memberF_wrap .memberF_box input[type=text].datepicker { background: url(/images/common/call_blit.png?t_=201907310900) 97% 50% no-repeat; }

.memberF_wrap .memberF_input_warning { position: absolute; top: -50px; right: 0; font-size: 16px}

.memberF_wrap .memberF_input_warning .red { display: inline-block; vertical-align: -4px}

.inputPlace { position: relative}

.inputPlace span { position: absolute; left: 5px; top: 50%; margin-top: -10px; color: #606060; font-size: 16px}

.inputPlace.three { }

/* 다자녀 */
#memberHiddenForm_04 { padding-top: 10px}

#memberHiddenForm_04 .memberF_box label { padding-right: 10px}

#memberHiddenForm_04 .family_box { position: relative; padding: 20px 0 0 200px; margin-top: 10px}

#memberHiddenForm_04 .family_box .tit { position: absolute; top: 0; left: 0; font-size: 17px}

#memberHiddenForm_04 .family_box .inputPlace { padding: 20px; border: 1px solid #d1d1d1}

#memberHiddenForm_04 .family_box .inputPlace .in_row { margin-top: 20px}

#memberHiddenForm_04 .family_box .inputPlace .in_row:first-child { margin-top: 0}

#memberHiddenForm_04 .family_box .inputPlace .in_row:after { content: ''; display: block; clear: both}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col { float: left; width: 33.33%}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col label { float: left; width: 90px; padding-right: 10px; text-align: right; font-size: 16px; line-height: 47px}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col div { overflow: hidden; padding-right: 10px; }

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col div input,
#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col div select { min-width: auto; width: 100%}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col div select { padding-left: 10px; min-width: 100px}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col.check_area label { width: auto}

#memberHiddenForm_04 .family_box .inputPlace .in_row .in_col.check_area label input[type=checkbox] { vertical-align: middle; position: relative; top: -2px; width: 20px; height: 20px}


@media(max-width:1100px) {
 #memberHiddenForm_04 .family_box { padding-left: 0}

 #memberHiddenForm_04 .family_box .tit { }

 #memberHiddenForm_04 .family_box .inputPlace { margin-top: 10px}
 }

@media(max-width:850px) {
 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col { float: left; width: 50%; margin-bottom: 10px}

 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col div { padding-right: 0}

 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col.check_area { width: 100%; text-align: right}

 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col.check_area label { float: none}
 }

@media(max-width:600px){
 #memberHiddenForm_04 .family_box .inputPlace { border-width: 0; padding: 0}

 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col { width: 100%; margin: 10px 0 0}

 #memberHiddenForm_04 .family_box .inputPlace .in_row .in_col:first-child { margin-top: 0}
}

.inputPlace.three select { width: 300px}

.inputPlace.free select { width: auto; min-width: 100px}

.memEmail_box { position: relative; padding-right: 140px}

.memEmail_box .email_sel { position: absolute; right: 0; top: 0; width: 130px !important}

.memEmail_box .email_inputBox { overflow: hidden}

.memEmail_box .email_inputBox > * { float: left}

.memEmail_box .email_inputBox input[type=text] { width: 47% !important}

.memEmail_box .email_inputBox > span { width: 6%; line-height: 40px; text-align: center}

/*.id_Btn { width:50px; height:50px; background:transparent url(/images/common/icon_idSch.png?t_=201907310900) center center no-repeat; text-indent:-9999px } */
.id_Btn { width: 160px; height: 50px; background: transparent url(/images/layout/icon_idSch.png?t_=201907310900) center center no-repeat; text-indent: 85px}

.telBox select,
.telBox input { width: 120px !important}

.telBox input { text-align: center}

.postBox { display: inline-block; position: relative}

.postBox input { width: 260px !important; padding-right: 50px}

.postBox .postBtn { position: absolute; right: 0px; top: 0; display: inline-block; width: 110px; height: 50px; text-align: center; padding: 15px 12px; font-size: 14px; font-weight: bold; background: #5468c7; color: #fff;
 /*
 background: url(/images/common/icon_idSch.png?t_=201907310900) center center no-repeat; text-indent: -9999px
*/}

#id_msg p,
.pd_msg p,
.roadNm p,
.password_msg p { font-size: 15px; color: #5468c7; /* color: red; */
 font-weight: 500; }

.roadNm { padding: 0; margin-bottom: 5px; }

#password_msg2 p { font-size: 14px; color: red; }

.postBox .postBtn:hover { background: #fff; border: 1px solid #5468c7; color: #5468c7; }

.inteBox { overflow: hidden}

.inteBox label { float: left; width: 20%; color: #606060; margin-bottom: 10px; font-size: 16px}

.inteBox label input[type=checkbox] { margin-right: 3px; vertical-align: middle}

.memberF_btnArea { margin-top: 40px}

.memberF_btnArea .memJoin,
.memberF_btnArea .cancel { position: relative; float: left; display: block; width: 48%; height: 90px; line-height: 90px; color: #fff !important; text-align: center; font-size: 22px}

.memberF_btnArea .memJoin { background: #009afa; transition: all .3s}

.memberF_btnArea .memJoin:before { content: ""; display: inline-block; margin-right: 7px; position: relative; width: 32px; height: 26px; background: url(/images/content/member/icon_joinCheck.png?t_=201907310900) no-repeat; transition: all .3s}

.memberF_btnArea .memJoin:hover { background: #fff; color: #009afa !important; border: 1px solid #009afa}

.memberF_btnArea .memJoin:hover:before { background: url(/images/content/member/icon_joinCheck_ov.png?t_=201907310900) no-repeat}

.memberF_btnArea .cancel { margin-left: 4%; background: #798084}

.memberF_btnArea .cancel:hover { color: #798084 !important; border: 1px solid #798084; background: #fff}

.reserve_box label { padding: 12.5px 10px}

.reserve_box label input[type="radio"],
.reserve_box label input[type="checkbox"] { width: 20px; height: 20px; display: inline-block; vertical-align: -3px; margin-right: 5px}

.reserve_box .re_impor { padding-left: 10px; color: #5468c7}

.layer_Dup { position: absolute; right: 0; top: 50px; background: #fff; padding: 50px; border: 1px solid #505050; z-index: 2}

.layer_Dup .l_DupTit { display: block; font-size: 24px; color: #323232; font-weight: normal; padding-bottom: 30px}

.layer_Dup .l_DupCon { padding: 20px; border-width: 1px; border-style: solid; border-color: #d2d2d2}

.layer_Dup .l_DupCon p { color: #606060; font-size: 16px}

.layer_Dup .l_DupCon p .point { color: #5468c7; letter-spacing: -0.02em}

.layer_Dup .l_DupBtn { margin-top: 20px; text-align: center}

.layer_Dup .l_DupBtn a,
.layer_Dup .l_DupBtn button { display: inline-block; padding: 0 30px; height: 50px; line-height: 38px; text-align: center; vertical-align: top}

.layer_Dup .l_DupBtn .bg_bBtn { color: #fff !important; background-color: #848692; display: block; width: 100%}

.layer_Dup .l_DupBtn .bg_fBtn { border: 2px solid #0085d8; color: #0085d8 !important; background-color: #fff}

.l_Close,
.popClose { display: inline-block; position: relative; width: 40px; height: 40px; background: #e7ecf1; text-indent: -9999px}

.l_Close:before,
.popClose:before { content: ""; display: block; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background: url(/images/common/layer_close_nb.png?t_=201907310900) no-repeat; transition: all .3s}

.l_Close:hover:before,
.popClose:hover:before { transform: rotate(180deg); -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg)}

.layer_Dup.popup { position: relative; top: 0; margin: 10px}

.layer_Dup .l_Close,
.layer_Dup .popClose { position: absolute; right: 0; top: 0}

.select_inBox { padding: 40px 45px; border: 1px solid #d2d2d2; position: relative; padding-left: 280px}

.select_inBox .sel_tit { font-size: 18px; font-weight: normal; position: absolute; top: 40px; left: 45px}

.select_inBox .sel_con p { color: #606060}

.select_inBox .con_rBox { color: #606060}

.select_inBox .con_rBox label { display: block; padding: 5px 0}

.select_inBox .con_rBox label input { display: inline-block; width: 20px; height: 20px; vertical-align: -4px; margin-right: 5px}

.bottom_line { overflow: hidden; padding-top: 30px; border-top: 1px solid #000}

.bora { color: #5468c7}

@media (max-width:1000px) {
 .memberF_wrap .memberF_box input[type=text],
 .memberF_wrap .memberF_box input[type=password],
 .memberF_wrap .memberF_box select { font-size: 14px}

 .infor_input p { font-size: 14px}
 }

@media all and (max-width:767px){
 .inputPlace.three select { width: 100%}

 .memEmail_box { padding-right: 0}

 .memEmail_box select.email_sel { position: relative; width: 100% !important}

 .memberF_wrap .telBox select { width: calc(30.4% - 1px) !important}

 .memberF_wrap .telBox input[type="text"] { width: calc(29.4% - 1px) !important}

 .infor_input { padding: 20px 0}

 .memberCmt { padding: 20px 10px; text-align: justify; font-size: 14px; line-height: 20px}

 .memberCmt > br { display: none}

 .certiWrap li .certiBox { padding: 30px 17px}

 .certiWrap li .certiBox strong { font-size: 22px}

 .inputPlace span { position: relative; left: 0; margin-top: 0; font-size: 13px; line-height: 16px}

 .memberF_wrap .memberF_box { padding-left: 0}

 .memberF_wrap .memberF_box label { line-height: 17px}

 .memberF_wrap .memberF_box label.tit,
 .memberF_wrap .memberF_box.name label.tit { position: static; display: inline-block; margin-bottom: 5px}

 .memberF_wrap .memberF_box.name strong { font-size: 17px}

 .postBox { display: block}

 .postBox input { width: 100% !important}

 .inteBox { margin-top: 5px}


 .memberF_btnArea { margin-top: 20px}

 .memberF_btnArea .memJoin,
 .memberF_btnArea .cancel { height: 50px; line-height: 50px; font-size: 16px}

 .memberF_btnArea .memJoin:hover { height: 50px}

 .memberF_btnArea .memJoin:before { width: 20px; height: 16px; background-size: 100%}

 .memberF_btnArea .memJoin:hover:before { background-size: 100%}

 .layer_Dup { top: 76px; padding: 37px 20px 25px}

 .l_Close,
 .popClose { width: 45px; height: 45px}

 .l_Close .l_Close:before,
 .l_Close .popClose:before { width: 14px; height: 14px; margin-top: -7px; margin-left: -7px}

 .layer_Dup .l_DupTit { font-size: 17px; padding-bottom: 23px}

 .select_inBox { padding: 20px}

 .select_inBox .sel_tit { position: relative; top: auto; left: auto; display: block; margin-bottom: 10px}

 .memberF_wrap { padding: 20px}

 .infor_input .infor_join .join_txt div ul li.num { width: 5%}

 .infor_input .infor_join .join_txt div ul li.id { width: 50%}

 .infor_input .infor_join .join_txt div ul li.title { width: 25%}

 .infor_input .infor_join .join_txt div ul li.used { width: 20%; }

 .memberF_wrap .memberF_box.name .tit { position: relative; left: auto; top: auto; color: #323232; font-size: 17px; border: 0; padding: 0; min-height: 0; margin-bottom: 5px}

 .memberF_wrap .memberF_box .tit { position: relative; top: auto; left: auto; margin-bottom: 5px}

 .memberF_wrap .memberF_input_warning { position: static; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #ddd}
 }


/*회원가입완료*/
.complete_box { padding: 100px 40px; text-align: center; border: 1px solid #d2d2d2; background: #f9f9fb}

.complete_box div p { text-align: center; color: #606060}

.complete_box div p em { color: #5468c7}

.complete_box div p b { }

.complete_box .comp_icon { width: 77px; height: 77px; display: block; background: url(/images/common/complete_icon.png?t_=201907310900) center center no-repeat; margin: 0 auto; margin-bottom: 20px}

.complete_box strong { font-size: 24px}

.complete_box strong em { color: #5468c7}

/* 상단박스 */
.topBox { position: relative; padding: 40px 58px 40px 194px; line-height: 26px; border-width: 1px 1px 1px 1px; border-style: solid; border-color: #e2e2e5 #e2e2e5 #99999f}

.topBox:before { content: ""; display: block; position: absolute; width: 76px; height: 66px; left: 58px; top: 46px}

.topBox.t01:before { background: url(/images/common/icon_topBox_01.png?t_=201907310900)}

@media all and (max-width:940px){
 .topBox { padding: 25px 40px 25px 160px}

 .topBox:before { left: 45px; top: 32px}
 }

@media all and (max-width:540px){
 .topBox { padding: 18px 25px}

 .topBox:before { display: none}
 }

/* 기간, 다운로드 버튼 리스트 */
.date_DownList { width: 102%; overflow: hidden; margin-top: 10px}

.date_DownList > li { float: left; padding: 0 10px 10px 10px; width: 48%; margin: 0 2% 15px 0; border-bottom: 1px solid #cecedf}

.date_DownList > li > span { margin-right: 10px}

@media all and (max-width:768px){
 .date_DownList > li { width: 98%; overflow: hidden}

 .date_DownList > li > span { float: left; margin-top: 13px}

 .date_DownList > li > a { float: right}
 }

@media all and (max-width:420px){
 .date_DownList > li { position: relative; padding-right: 50px; margin: 0 2% 10px 0; height: 50px}

 .date_DownList > li > a.btn.t01.down { position: absolute; right: 10px; top: 0; width: 40px; height: 40px; padding: 0; text-indent: -9999px; border-radius: 50%; background-position: center}
 }

/* 페이지 부서 정보(페이지 하단) */
.pageDiv_info { margin-top: 70px; background: #f0f0f5; padding: 18px 29px}

.pageDiv_info ul { overflow: hidden}

.pageDiv_info ul li { float: left; position: relative; margin-left: 48px; padding-left: 22px; color: #555; font-size: 15px}

.pageDiv_info ul li strong { font-weight: normal; font-size: 15px}

.pageDiv_info ul li:first-child { margin-left: 0}

.pageDiv_info ul li.t04 { float: right; margin-left: 0}

.pageDiv_info ul li:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 17px; height: 17px; background: url(/images/common/icon_pInfo.png?t_=201907310900) no-repeat}

.pageDiv_info ul li.t01:before { background-position: 0 0}

.pageDiv_info ul li.t02:before { background-position: -20px 0}

.pageDiv_info ul li.t03:before { background-position: -40px 0}

.pageDiv_info ul li.t04:before { background-position: -60px 0}

@media all and (max-width:900px) {
 .pageDiv_info ul li,
 .pageDiv_info ul li.t04 { float: left; width: 50%; margin-left: 0}
 }

@media all and (max-width:530px){
 .pageDiv_info { padding: 18px 15px}

 .pageDiv_info ul li,
 .pageDiv_info ul li.t04 { float: left; width: 100%; margin-left: 0}
 }


.fold_group { margin-top: 20px}

.fold_group .fn_init { position: relative; overflow: hidden; border: 1px solid #c9c9c9; background-color: #f7f7fb}

.fold_group .fn_init .label { float: left; min-height: 60px; padding: 18px 20px; width: 30%; font-size: 17px; font-weight: 500; color: #000}


.fold_group .fn_init .button_set { float: left; padding-top: 9px}

.fold_group .fn_init .button_set a { float: left; margin-left: 10px; font-size: 16px; border: 1px solid #606060; color: #5468c7; background-color: #fff}

.fold_group .fn_init .button_set a span { display: block; border: 1px solid transparent; padding: 7px 25px}

.fold_group .fn_init .button_set a:first-child { margin-left: 0}

.fold_group .fn_init .button_set a img { vertical-align: middle; margin-right: 5px}

.fold_group .fn_init .button_set a.ov span { border-color: #606060}

@media(max-width:900px){
 .fold_group .fn_init { height: auto}

 .fold_group .fn_init .label { width: 100%; }

 .fold_group .fn_init .button_set { width: 100%; margin-top: 20px; padding: 10px 20px; border-top: 1px solid #d2d2d2}

 .fold_group .fold_group .fn_init { height: 60px}
 }

@media(max-width:768px) {
 .fold_group .fn_init .button_set a { width: 32%; margin-left: 2%}

 .fold_group .fn_init .button_set a:first-child { margin-left: 0}
}

@media(max-width:640px){
 .fold_group .fn_init .button_set a { width: 100%; margin: 5px 0 0}

 .fold_group .fn_init .button_set a:first-child { margin-top: 0}
 }

.fold_group .fn_init .more { position: absolute; top: 10px; right: 10px; display: block; width: 40px; height: 40px; border: 1px solid #4f61c3; background: url(/images/content/more_icon01.png?t_=201907310900) 50% 50% no-repeat; border-radius: 3px}

.fold_group .fn_init .more.close { background-image: url(/images/content/more_icon02.png?t_=201907310900)}

.fold_group .fn_box { position: relative; display: none}

.fold_group .fn_box .apt_list { padding-top: 0}

.fold_group .fn_box .return_list { display: block; position: absolute; bottom: 20px; right: 0; font-weight: 500; font-size: 16px}

.fold_group .fn_box .return_list span { display: block; width: 0; height: 0; margin: 0 auto; border: 7px solid transparent; border-bottom-color: #5468c7}

.fold_group .fn_box .return_fold { display: block; position: absolute; bottom: 15px; right: 0; width: 40px; height: 40px; border: 1px solid #4f61c3; border-radius: 3px; background: url(/images/content/more_icon02.png?t_=201907310900) 50% 50% no-repeat; }

.fold_group .fold_group { margin-top: 15px}

.fold_group .fold_group .fn_init { background-color: #fff; border-width: 1px 0}

.fold_group .fold_group .check_list { padding: 10px 0; margin: 0 10px}

.fold_group .fold_group .check_list .list_row { overflow: hidden; position: relative; padding: 5px 0}

.fold_group .fold_group .check_list .list_row .row_title { float: left; width: 50px; height: 30px; padding: 6px 0 0 0; text-align: center; font-size: 15px; background-color: #ebeff3; color: #444; border-radius: 5px}

.fold_group .fold_group .check_list .list_row .align_chackbox { padding: 0 50px 0 10px; overflow: hidden}

.fold_group .fold_group .check_list .list_row .align_chackbox label { display: inline-block; padding: 8px 5px 0 0}

.fold_group .fold_group .check_list .list_row .chackbox_all { position: absolute; top: 6px; right: 0; }

.fold_group.single .fn_init { padding-right: 60px}

.fold_group.single .fn_init .label { width: 100%}


.border_graybox { padding-top: 20px; margin-top: 20px; border-top: 1px solid #848692}

.number { text-align: right}



/*****************************************************

 irucore 2019.03.23 정의서변경으로 인한 css 추가

******************************************************/



.border_graybox { padding-top: 20px; margin-top: 20px; border-top: 1px solid #848692}



/* 회원가입 약관동의 국립, 공립, 사립 구문 마크 */
.member_region { margin-top: 20px; text-align: right}

.member_region div { display: inline-block; margin-left: 10px}

.member_region div:first-child { margin-left: 0}

.yeyak_summaryinfo { position: relative; padding: 30px; margin-bottom: 30px; background-color: #e0e2ed}

.yeyak_summaryinfo .suminfo_ti { float: left; position: relative; padding: 10px 15px 10px 0; margin-right: 18px}

.yeyak_summaryinfo .suminfo_ti:after { content: ''; position: absolute; top: 50%; margin-top: -7px; right: 0; height: 16px; width: 1px; background-color: #7e7e7e}

.yeyak_summaryinfo .suminfo_ti strong { font-weight: 500; font-size: 24px; color: #000}

.yeyak_summaryinfo .suminfo_pt { overflow: hidden; font-size: 17px; line-height: 150%}

.yeyak_summaryinfo .suminfo_pt span { color: #5468c7}

.yeyak_summaryinfo .suminfo_total { position: absolute; top: 50%; right: 30px; margin-top: -13px; font-size: 17px}

.yeyak_summaryinfo .suminfo_total img { margin-right: 10px; vertical-align: middle; position: relative; top: -2px}

.yeyak_summaryinfo .suminfo_total b { display: inline-block; vertical-align: -4px; margin: 0 5px 0 10px; font-size: 30px; color: #000; font-weight: 500; letter-spacing: -1px}


/* 프로그램에약 */
.yeyak_program { position: relative}

.yeyak_program .control { position: absolute; top: -60px; right: 0}

.yeyak_program .control a { float: left; display: block; margin-left: 10px}

.yeyak_program .control a:first-child { margin-left: 0}

.yeyak_program .control .prev { }

.yeyak_program .control .next { }

.yeyak_program .yp_hiddenwrap { position: relative; width: 100%; height: 340px; overflow: hidden}

.yeyak_program .obj { position: relative; width: 200%; height: 100%}

.yeyak_program .obj .item { float: left; width: 15.67%; height: 100%; padding-bottom: 90px; margin-right: 1.5%}

.yeyak_program .obj .item > a { position: relative; display: block; height: 100%; border: 1px solid #c9c9c9}

.yeyak_program .obj .item .reg { position: absolute; top: 0; left: 0; padding: 7px 15px; font-size: 17px; background-color: #5468c7; color: #fff}

.yeyak_program .obj .item .thumb { overflow: hidden; text-align: center; height: 167px; background: #f7f7fb url(/images/board/no_img.png?t_=201907310900) no-repeat 50% 50%}

.yeyak_program .obj .item .pt { padding: 25px 20px; text-align: center}

.yeyak_program .obj .item .pt b { display: block; height: 44px; overflow: hidden; line-height: 22px; font-size: 18px; font-weight: 400}

.yeyak_program .obj .item .pt span { display: block; margin-top: 15px; font-size: 14px; color: #8c8c8c}

.yeyak_program .obj .item .item_insert { position: relative; padding-top: 5px; padding-right: 75px}

.yeyak_program .obj .item .item_insert select { width: 100%}

.yeyak_program .obj .item .item_insert a { position: absolute; bottom: 0; right: 0}

.yeyak_program .obj .item .item_insert2 { position: relative; padding-top: 5px; }

.yeyak_program .obj .item .item_insert2 select { width: 100%}

.yeyak_program .obj .item .item_insert2 a { position: absolute; bottom: 0; right: 0}

/*추가예약, 할인*/
.fold_slidetoggle { }

.fold_slidetoggle .toggle_ti { border: solid; border-color: #404a74 transparent #a5a5a5; border-width: 2px 0 1px}

.fold_slidetoggle .toggle_ti a { position: relative; display: block; line-height: 100%; padding: 20px 30px 20px 45px; text-align: right}

.fold_slidetoggle .toggle_ti a:before,
.fold_slidetoggle .toggle_ti a:after { content: ''; display: block; position: absolute; background-color: #000}

.fold_slidetoggle .toggle_ti a:before { width: 17px; height: 1px; top: 33px; left: 10px}

.fold_slidetoggle .toggle_ti a:after { width: 1px; height: 17px; top: 25px; left: 18px}

.fold_slidetoggle .toggle_ti a .label { float: left; font-size: 18px}

.fold_slidetoggle .toggle_ti a .cost { font-style: normal; font-size: 18px; color: #273dac}

.fold_slidetoggle .toggle_pt { padding: 20px}

.fold_slidetoggle .toggle_ti a.ov:after { display: none}

.tipbox { position: relative; top: -2px; display: inline-block; margin-left: 15px; font-size: 15px; padding: 7px 10px; border-radius: 7px; -webkit-border-radius: 7px; line-height: 100%; background-color: #f46464; color: #fff}

.tipbox:before { content: ''; position: absolute; top: 50%; left: -7px; width: 7px; height: 7px; margin-top: -4px; background: url(/images/content/tiparr.png?t_=201907310900) no-repeat 0 0}

/*결제하기수정*/
.stayroom.charge_wrap .stay_result_border { margin-top: 20px; }

.stayroom.charge_wrap .stay_result_border:first-child { margin-top: 0; }

.stayroom.charge_wrap .stay_result_border .money_wrap b { float: left; width: 60px; margin-right: 18px; display: inline-block; font-weight: normal; vertical-align: top; }

.stayroom.charge_wrap .stay_result_border .money_wrap b + span { overflow: hidden; }

.stayroom.charge_wrap .stay_result_border .money_wrap ul li { color: #000; }

.stayroom.charge_wrap .stay_result_border .money_wrap ul li:after { content: ''; display: block; clear: both; }

.stayroom.charge_wrap .result_total .days_ch { padding-top: 15px; }

.stayroom.charge_wrap .result_total .days_ch span i { font-style: normal; }

.stayroom.charge_wrap .result_total .days_ch .d_right { float: right; }

.stayroom.charge_wrap .stay_result_border .total .all_t { line-height: 35px; }

/*.stayroom.charge_wrap .result_total .days_ch .d_left { padding-left: 20px; background: url(/images/content/money-blit.png?t_=201907310900) left -2px no-repeat; } */
.stayroom.charge_wrap .result_total .days_ch .impor_t { display: inline-block; padding: 5px 10px; background: #f46464; color: #fff; border-radius: 8px; margin-left: 10px; position: relative; font-size: 15px; }

.stayroom.charge_wrap .result_total .days_ch .impor_t:before { content: ''; display: block; position: absolute; top: 50%; left: -7px; width: 0px; height: 0px; border-top: 50px solid none; border-bottom: 10px solid #f46464; border-right: 10px solid transparent; border-left: 10px solid transparent; margin-top: -5px; transform: rotate(24deg); -webkit-transform: rotate(24deg); -ms-transform: rotate(24deg)}

.stayroom.charge_wrap .stay_result_border { padding: 30px 25px; }

.stayroom.charge_wrap .stay_result_border .money_wrap .m_right { float: right; }

.stayroom.charge_wrap .stay_result_border .money_wrap .m_right b { margin: 0; font-weight: 500; }

.stayroom.charge_wrap .stay_result_border .money_wrap .m_right.hot { color: #f05228; }

.hot { color: #f46464; }

.stayroom.charge_wrap .stay_result_border .total_big .t_right { float: right; }

.stayroom.charge_wrap .stay_result_border .total_big .t_right b { font-size: 24px; color: #222e66; font-weight: normal; }

.stayroom.charge_wrap .stay_result_border .total_go { overflow: hidden; margin-top: 40px; }

.stayroom.charge_wrap .stay_result_border .total_go button { display: block; width: 100%; font-size: 20px; padding: 20px; text-align: center; color: #3e3e3e; border: 2px solid #5468c7; background-color: #fff}

.stayroom.charge_wrap .stay_result_border .total_go div { margin-top: 10px; overflow: hidden; }

.stayroom.charge_wrap .stay_result_border .total_go div a { display: block; width: 48%; margin-left: 4%; padding: 20px; background: #fff; font-size: 16px; color: #fff; background: #5468c7; float: left; text-align: center; }

.stayroom.charge_wrap .stay_result_border .total_go div a:first-child { margin-left: 0; }

.stayroom.charge_wrap .stay_result_border .total_go div a:nth-of-type(2) { background: #2796eb; }

.stayroom.charge_wrap .stay_result_border .total_go div a img {margin-right: 5px; opacity: .95;}

.visit_mn.type02 { padding: 0; border: 0; }

.visit_mn.type02 .char_box .char_refit .increase { width: 372px; margin-left: -181px; }

.visit_mn.type02.short .char_box .char_refit .increase { width: 306px; margin-left: -153px; }

.visit_mn.type02 .char_box .char_refit .increase .in_txt { display: inline-block; vertical-align: middle; margin-right: 5px; }

.visit_mn.type02 .char_box .char_refit .increase .in_sel { display: inline-block; vertical-align: middle; width: 120px; height: 35px; border: 1px solid #d2d2d2; }

.visit_mn.type02 .char_box .char_refit .refit_select .sel_tit { width: 180px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; vertical-align: middle; }

.fold_slidetoggle.default .toggle_pt { padding: 20px 40px 20px 35px; }

.fold_slidetoggle.default .toggle_pt.basic { padding: 20px 0; }

.fold_slidetoggle.default .toggle_pt .food_selBox { padding: 10px 0; margin-top: 20px; }

.fold_slidetoggle.default .toggle_pt .food_selBox .food_l { float: left; font-size: 17px; color: #5468c7; }

.fold_slidetoggle.default .toggle_pt .food_selBox .food_r { float: right; padding: 3px 25px; border: 1px solid #5468c7; color: #5468c7; font-size: 15px; position: relative; top: auto; right: auto; }

.fold_slidetoggle.default .toggle_pt .food_selBox .food_tit { overflow: hidden; }

.fold_slidetoggle.default .toggle_pt .food_selBox .food_num { overflow: hidden; display: none; }

.fold_slidetoggle.default .toggle_pt .food_selBox .agr_cont { max-width: 100%; width: 100%; padding: 40px 20px; }

.fold_slidetoggle.default .toggle_pt .food_selBox .agr_cont .tbl_tit { display: block; text-align: left; margin-bottom: 10px; font-size: 20px; }

.food_result { margin-top: 20px; overflow: hidden; position: relative; text-align: left; padding: 15px 0; }

.food_result .rs_right { float: right; display: block; position: absolute; right: 0; top: 2px; }

.food_result .rs_right button { display: inline-block; padding: 12px 20px; background: #5468c7; color: #fff; border-radius: 30px; }

.food_fight .increase { display: block; }

.food_fight .increase .cen_num { display: inline-block; vertical-align: middle; margin: 0 -4px}

.food_fight .increase .cen_num input[type="text"] { width: 35px; height: 35px; display: inline-block; vertical-align: middle}

.food_fight .increase .minus { width: 35px; height: 35px; display: inline-block; background: url(/images/content/stay_img06.png?t_=201907310900) center center no-repeat; border: 1px solid #ddd; vertical-align: middle; text-indent: -9999px; font-size: 0; overflow: hidden}

.food_fight .increase .plus { width: 35px; height: 35px; display: inline-block; background: url(/images/content/stay_img07.png?t_=201907310900) center center no-repeat; border: 1px solid #ddd; vertical-align: middle; text-indent: -9999px; font-size: 0; overflow: hidden}

/*할인적용*/
.discount_wrap { margin-top: 20px; }

.discount_wrap .lr_wrap { overflow: hidden; }

.discount_wrap .ds_left { width: 49%; float: left; margin-right: 2%; min-height: 237px; }

.discount_wrap .ds_right { width: 49%; float: left; background: #ebeff3; border: 1px solid #a5a5a5; padding: 20px; min-height: 237px; }

.discount_wrap .ds_right .tip_txt { padding: 57px 25px; background: #fff; border: 1px solid #a5a5a5; margin-top: 10px; }

.discount_wrap .ds_right .tip_agree { margin-top: 15px; text-align: center; }

.discount_wrap .ds_right .tip_agree input { width: 20px; height: 20px; vertical-align: middle; }

.discount_wrap .ds_right .tip_agree label { margin-left: 20px; display: inline-block; }

.discount_wrap .ds_right .tip_agree label:first-child { margin-left: 0; }

.discount_wrap .ds_right .tip_agree span { vertical-align: middle; }

.discount_wrap .disC_agree .agr_cont { width: 100%; max-width: 100%; top: 50px; text-align: left; }

.discount_wrap .disC_agree .agr_cont strong { display: block; margin-bottom: 20px; }

.discount_wrap .disC_agree .agr_cont b { display: block; margin: 15px 0; font-size: 18px; }

.discount_wrap .disC_agree .agr_cont b:first-child { margin-top: 0; }

.discount_wrap .disC_agree .agr_cont { margin: 0; }

.discount_wrap .ds_bottom { border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px; position: relative; /*height: 50px; */}

.discount_wrap .ds_bottom .imp_txt p { color: #f03e0f; }

.discount_wrap .ds_bottom .nt_bt { position: absolute; top: 20px; right: 0; }

.discount_wrap .ds_tit { overflow: hidden; margin-bottom: 10px; }

.discount_wrap .ds_tit .ds_op { overflow: hidden; width: 49%; float: left; margin-right: 2%; }

.discount_wrap .ds_tit .ds_op select { width: 100%; height: 45px; padding-left: 20px; }

.discount_wrap .ds_tit .charge_coin { width: 49%; float: left; padding: 10px; padding-left: 45px; }

.discount_wrap .ds_tit .charge_coin .charge_right { float: right; }

.discount_wrap .ds_tit .charge_coin .charge_left { line-height: 28px; }

.discount_wrap .ds_tit .charge_coin .charge_right b { font-size: 30px; }

.discount_wrap .ds_left .ds_path { overflow: hidden; padding: 20px; background: #ebeff3; border: 1px solid #a5a5a5; }

.discount_wrap .ds_left .ds_path label { display: block; margin-top: 10px; position: relative; padding-left: 70px; }

.discount_wrap .ds_left .ds_path label:first-child { margin-top: 0; }

.discount_wrap .ds_left .ds_path label span { display: block; width: 70px; position: absolute; top: 10px; left: 0; }

.discount_wrap .ds_left .ds_path label select,
.discount_wrap .ds_left .ds_path label input { width: 100%; height: 45px; padding-left: 20px; }

.discount_wrap .ds_left .ds_path strong { font-size: 18px; display: block; margin-bottom: 15px; }

.discount_wrap .ds_full { width: 100%; /*float: left; margin-right: 2%;*/ min-height: 237px; }

.discount_wrap .ds_full .ds_path { overflow: hidden; padding: 20px; background: #ebeff3; border: 1px solid #a5a5a5; }

.discount_wrap .ds_full .ds_path label { display: block; margin-top: 10px; position: relative; padding-left: 70px; }

.discount_wrap .ds_full .ds_path label:first-child { margin-top: 0; }

.discount_wrap .ds_full .ds_path label span { display: block; width: 70px; position: absolute; top: 10px; left: 0; }

.discount_wrap .ds_full .ds_path label select,
.discount_wrap .ds_full .ds_path label input { width: 100%; height: 45px; padding-left: 20px; }

.discount_wrap .ds_full .ds_path strong { font-size: 18px; display: block; margin-bottom: 15px; }

.fold_slidetoggle .toggle_ti .toggle_none { position: relative; display: block; line-height: 100%; padding: 20px 0; text-align: center; }

.fold_slidetoggle .toggle_ti .toggle_none label { margin-left: 20px; font-size: 18px; }

.fold_slidetoggle .toggle_ti .toggle_none label:first-child { margin-left: 0; }

.fold_slidetoggle .toggle_ti .toggle_none label input { width: 20px; height: 20px; vertical-align: middle; }

.fold_slidetoggle .toggle_ti .toggle_none label span { vertical-align: middle; }

.pay_count { padding: 25px; background: #ebeff3; border: 1px solid #a5a5a5; }

.pay_count { overflow: hidden; margin-top: 15px; }

.pay_count .label_box { display: block; overflow: hidden; position: relative; padding-left: 130px; }

.pay_count label { width: 100%; }

.pay_count label input { height: 45px; }

.pay_count label span { position: absolute; top: 13px; left: 0; }

.pay_count .label_box p { color: #f03e0f; font-size: 14px; }

.pay_count .label_box.basic_f { width: 100%; }

.pay_count .label_box.basic_f input { width: 24%; margin-left: 1%; }

.pay_count .label_box.basic_f input:first-child { margin-left: 0; }

.care_ful { font-size: 14px; color: #f03e0f; }

.care_ful02 { font-size: 15px; color: #f05228; }

.care_ful03 { font-size: 15px; color: #969697; }

.sorry_coin:before { display: none; }

.sorry_coin { background: url(/images/content/sorry_tit01.png?t_=201907310900) left 15px no-repeat; padding-left: 37px; }

.warning_txt { padding: 25px 40px; border: 1px solid #a5a5a5; }

.warning_txt strong { font-size: 18px; margin: 10px 0; display: block; }

.warning_txt p { font-size: 16px; color: #606060; }

/*예약완료*/
.important_box { overflow: hidden; margin-top: 40px; }

.important_box p { font-size: 17px; }

.important_box p:first-child { color: #f05228; margin-bottom: 40px; }

.blue_pay { color: #5468c7; }

.stayroom.charge_wrap .stay_result_border.complete .money_wrap ul li { padding: 15px 0; border-top: 1px solid #a7acb0; margin-top: 0; }

.stayroom.charge_wrap .stay_result_border.complete .money_wrap ul li:first-child { border-top: 0; }

.stayroom .stay_result_border.complete .money_wrap { padding: 0; }

.stayroom.charge_wrap .stay_result_border.complete .result_total { overflow: hidden; margin-top: 10px; border: 1px solid #a7acb0; border-left: 0; border-right: 0; padding: 15px 0; }

.stayroom .stay_result_border.complete .total { margin-bottom: 40px; }

.stayroom.charge_wrap .stay_result_border .tip_txt { padding: 25px 15px; background: #fff; border: 1px solid #a5a5a5; margin-top: 10px; }

.stayroom.charge_wrap .stay_result_border .tip_agree { margin-top: 15px; text-align: center; }

.stayroom.charge_wrap .stay_result_border.complete .result_total .days_ch:first-child { padding-top: 0; }

.stayroom.charge_wrap .stay_result_border.complete strong { display: block; margin-bottom: 20px; }

.stayroom.charge_wrap .stay_result_border.complete .auto_none { overflow: hidden; }

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker { overflow: hidden; }

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker .sp_left { width: 65%; float: left; margin-right: 2%; padding: 10px 20px; background: #848692; text-align: center; border: 1px solid #848692; color: #fff; font-size: 22px; height: 50px; }

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker .sp_right { width: 33%; float: left; height: 100%}

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker .sp_right a { float: left; display: block; width: 47%; height: 100%; margin-left: 6%; border: 1px solid #898989; background-color: #fff; height: 50px}

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker .sp_right a:first-child { margin-left: 0}

.stayroom.charge_wrap .stay_result_border.complete .auto_none .spicker .sp_right a img { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%)}

.stayroom.charge_wrap .stay_result_border.complete .auto_none .auto_txt { margin-top: 10px; overflow: hidden; }

.stayroom.charge_wrap .stay_result_border.complete .auto_none .auto_txt input { height: 50px; border: 1px solid #898989; width: 100%; }

/*내 휴대폰정보확인 스타일추가 */
.stayroom.charge_wrap .stay_result_border.phn { padding: 20px 25px; }

.stayroom.charge_wrap .phn .inner { padding-left: 52px; padding-right: 115px; position: relative; }

.stayroom.charge_wrap .phn .ico { position: absolute; left: 0; top: 50%; margin-top: -20px; background: #47a7a8; display: inline-block; width: 40px; height: 40px; border-radius: 100%; background-size: 42%; }

.stayroom.charge_wrap .phn span { display: block; font-size: 17.5px; letter-spacing: -0.5px; }

.stayroom.charge_wrap .stay_result_border.phn strong { font-size: 20px; margin: 0 !important; font-weight: 600; color: #444; letter-spacing: -1px; letter-spacing: -0.5px; }

.stayroom.charge_wrap .phn .btn { position: absolute; top: 50%; right: 0; padding: 7px 9px; font-size: 15px; margin-top: -19px; }

@media (max-width:767px){
 .stayroom.charge_wrap .stay_result_border { padding: 20px}

 .stayroom.charge_wrap .stay_result_border.complete strong { margin-bottom: 10px; font-size: 18px}

 .stayroom.charge_wrap .stay_result_border .money_wrap { margin: 0 0 20px}

 .stayroom.charge_wrap .stay_result_border.complete .money_wrap ul li { padding: 10px 0}

 .stayroom.charge_wrap .stay_result_border.complete .total { margin-bottom: 0}

 .stayroom.charge_wrap .stay_result_border .total_go { margin-top: 20px}

 .stayroom.charge_wrap .stay_result_border .total_go div a,
 .stayroom.charge_wrap .stay_result_border .total_go button { padding: 20px}

 .stayroom.charge_wrap .stay_result_border .agree_btc * { font-size: 16px}
}

@media (max-width:400px) {
 /*내 휴대폰정보확인 스타일추가 */
 .stayroom.charge_wrap .phn .ico { display: none; }

 .stayroom.charge_wrap .phn .inner { padding: 0; }

 .stayroom.charge_wrap .phn .btn { position: static; width: 100%; text-align: center; margin-top: 8px; }
 }


/*예약결제*/
.communication { margin-top: 20px; overflow: hidden; text-align: right; }

.communication .radio { position: relative; overflow: hidden; }

.communication .radio label span { display: inline-block; width: 20px; height: 20px; vertical-align: -4px; line-height: 100%; border: 1px solid #d2d2d2; border-radius: 3px; -webkit-border-radius: 3px; background-color: #fff; position: relative; }

.communication .radio label.checked { position: relative; top: auto; right: auto; margin-top: 0; margin-right: 20px; }

.communication .radio label input:checked + span:before { content: ''; position: absolute; top: 50%; left: 50%; width: 10px; height: 10px; background-color: #5468c7; margin-left: -5px; margin-top: -5px; }

.communication .radio .boardSel_wrap { position: relative; }

.communication .radio .boardSel { float: none; padding: 0 40px 0 10px; margin-top: 0; background: url(/images/common/bul_boardS_btn.gif?t_=201907310900) right 15px center no-repeat; width: 150px; border: 1px solid #adadad; -webkit-appearance: none; -moz-appearance: none; appearance: none;}

.communication .radio .boardSel::-ms-expand { display: none; }

.communication .radio .boardSel_wrap:after { content: ""; width: 1px; height: 40px; position: absolute; top: 50%; left: 117px; background: #adadad; display: block; margin-top: -20px; }

/*

.communication_list { color:#444; }
.communication_list .list_box { position:relative; border: 1px solid #c9c9c9; border-left: 0; border-right: 0; overflow: hidden; border-top: 0; position: relative; margin-left: 2px; }
.communication_list .list_box:first-child { border-top: 1px solid #c9c9c9; }
.communication_list .list_box>a>div { float: left; }
.communication_list .list_box>a>div:nth-child(2) { width: 30%; }
.communication_list .list_box>a>div:nth-child(3) { width: 20%; text-align: center; }
.communication_list .list_box>a>div:nth-child(4) { width: 50%; text-align: left; padding-left:10px }
.communication_list .list_box.type01 { background: url(/images/content/com_icon01.png?t_=201907310900) 20px 20px no-repeat; }
.communication_list .list_box.type01.choice { outline:2px solid #5468c7; }
.communication_list .list_box.type02 { background: url(/images/content/com_icon02.png?t_=201907310900) 20px 20px no-repeat; }
.communication_list .list_box.type03 { background: url(/images/content/com_icon03.png?t_=201907310900) 20px 20px no-repeat; }
.communication_list .list_box .gif?t_=201907310900t { position: absolute; top: 16px; right: 130px; width: 55px; padding: 5px; background: #f46464; text-align: center; color:#fff; font-size: 14px; border-radius: 50px; }
.communication_list .list_box .tit a { border-bottom:2px solid #b1b1b1; display: inline-block; padding-bottom: 5px; color:#444; }
.communication_list .list_box:hover { outline:2px solid #5468c7; }
.communication_list .list_box>a:hover { color:#5468c7 }
.communication_list .list_box .more { position:absolute; top:10px; right:10px }

.communication_list.ready .list_box { }
.communication_list.ready .list_box>a:first-child { display:block; overflow:hidden; padding:50px 110px 20px 70px; }
.communication_list.ready .list_box>a>div:nth-child(1) { position:absolute; top:10px; left:10px }
.communication_list.ready .list_box>a>div:nth-child(2) { width:32% }
.communication_list.ready .list_box>a>div:nth-child(3) { }
.communication_list.ready .list_box>a>div:nth-child(4) { width:33% }
.communication_list.ready .list_box>a>div:nth-child(5) { width:15% }
.communication_list.ready .list_box>a>div:nth-child(6) span { display:block }

.communication_list.ready .list_box .gif?t_=201907310900t { display: none; }
.home_going a { display: block; margin-top: 10px; }
.home_going a span { display: inline-block; vertical-align: middle; }
@media (max-width: 767px) {
.communication_list.ready .list_box>a>div { }
.communication_list.ready .list_box>a>div:nth-child(2) { width:100% }
.communication_list.ready .list_box>a>div:nth-child(3) { width:auto; }
.communication_list.ready .list_box>a>div:nth-child(4) { width:auto; }
.communication_list.ready .list_box>a>div:nth-child(5) { width:auto; margin-top:5px }
.communication_list.ready .list_box>a>div:nth-child(6) span { display:inline-block; margin-right:10px }
 }
*/

.regend_icGroup { padding: 10px 10px 5px; margin: 10px 0; border: 1px solid #c9c9c9; }

.regend_icGroup span { display: inline-block; margin-right: 26px; margin-bottom: 5px; vertical-align: top; font-size: 14px; color: #000}

.regend_icGroup span img { margin-right: 3px; width: 25px; vertical-align: -7px; }

.regend_icGroup span.ti { margin-right: 5px}

@media (max-width:768px){
 .regend_icGroup span img { width: 23px}
 }

@media (max-width:580px){
 .regend_icGroup { overflow: hidden; padding-top: 5px; padding-bottom: 10px; }

 .regend_icGroup span { float: left; width: 50%; margin: 5px 0 0}
 }


.communication_list { }

.communication_list .list_box { position: relative; margin-top: 5px; border: 1px solid transparent}

.communication_list .list_box:first-child { margin-top: 0}

.communication_list .list_box .item { display: block; padding: 20px; border: 1px solid #c9c9c9}

.communication_list .list_box .item:hover { border-color: #5468c7}

.communication_list .list_box .opt_group { position: relative; padding-right: 40px}

.communication_list .list_box .opt_group:after { content: ''; display: block; clear: both}

.communication_list .list_box .opt_group > div { float: left;; padding: 5px; font-size: 14px; letter-spacing: -1px}

.communication_list .list_box .opt_group .icon_group { display: inline-block; }

.communication_list .list_box .opt_group .icon_group img { width: 18px; vertical-align: -3px}

.communication_list .list_box .opt_group .opt1 { width: 40%; padding-left: 30px; background: no-repeat 0 5px; background-size: 23px}

.communication_list .list_box .opt_group .opt2 { width: 20%}

.communication_list .list_box .opt_group .opt3 { width: 40%}

.communication_list .list_box .opt_group .opt3 span { display: inline-block; margin-left: 10px}

.communication_list .list_box .opt_group .opt4 { position: absolute; top: 2px; right: 45px; width: 55px; padding: 5px; background: #f46464; text-align: center; color: #fff; font-size: 14px; border-radius: 50px}

.communication_list .type01 .opt_group .opt1 { background-image: url(/portal/images/content/com_icon01.png?t_=201907310900)}

.communication_list .type02 .opt_group .opt1 { background-image: url(/portal/images/content/com_icon02.png?t_=201907310900)}

.communication_list .list_box .more { display: block; position: absolute; top: 16px; right: 10px; width: 35px; height: 35px; padding-top: 8px; text-align: center; border: 1px solid #5468c7}

.communication_list .list_box .more img { width: 17px}

.communication_list .list_box .defBtn { display: none; height: 35px; padding: 8px 10px 0; margin: 0; border-radius: 0; -webkit-border-radius: 0; font-size: 14px; line-height: 100%; }

.communication_list .list_box.choice { border-color: #5468c7}

.communication_list.ready .list_box .opt_group { padding-right: 100px}

@media (max-width:1250px){
 .communication_list .list_box .opt_group .opt4 { right: 0; }

 .communication_list .list_box .opt_group { padding: 0 0 50px}

 .communication_list .list_box .btn_group { position: absolute; bottom: 10px; left: 20px; right: 20px; padding: 10px 0 0; border-top: 1px solid #ddd; text-align: center; }

 .communication_list .list_box .btn_group a { display: inline-block; width: 100px; vertical-align: top}

 .communication_list .list_box .btn_group .defBtn { }

 .communication_list .list_box .btn_group .more { position: static; text-align: left; padding: 8px 10px 0}

 .communication_list .list_box .btn_group .more:after { content: '상세보기'; position: relative; top: -2px; margin-left: 5px; font-size: 14px; vertical-align: top}

 .communication_list .list_box .btn_group .more img { vertical-align: top}
}

@media (max-width:767px){
 .communication_list .list_box .item { padding: 10px}

 .communication_list .list_box .opt_group > div { padding: 10px}

 .communication_list .list_box .opt_group { padding-right: 0}

 .communication_list .list_box .opt_group .opt1 { width: 100%; padding-right: 20px; background-position: 0 7px}

 .communication_list .list_box .opt_group .opt2 { width: 40%; border-top: 1px solid #ddd}

 .communication_list .list_box .opt_group .opt3 { position: relative; width: 60%; border-top: 1px solid #ddd}

 .communication_list .list_box .opt_group .opt3:before { content: ''; position: absolute; top: 15px; left: 0; height: 10px; border-left: 1px solid #ddd}

}

@media (max-width:600px){
 .communication_list .list_box .item { padding: 10px 20px}

 .communication_list .list_box .opt_group .opt2,
 .communication_list .list_box .opt_group .opt3 { width: 100%}

 .communication_list .list_box .opt_group .opt3:before { display: none}
 }



.agree_wrap.basic.type02 { padding-top: 0; }

.agree_wrap.basic.type02 .agree_tit { padding-left: 0; background: none; }

.agree_btc { text-align: center; }

.war_tit { font-size: 18px; color: #000; }

.war_txt { font-weight: 500; font-size: 18px; }

.agree_ra_bt label input { width: 20px; height: 20px; display: inline-block; vertical-align: middle; }

.agree_ra_bt label:first-child { margin-right: 20px; }

.agree_ra_bt label span { display: inline-block; vertical-align: middle; font-size: 17px; color: #606060; }

.stayroom.charge_wrap .stay_result_border.solo .total_go div a { width: 100%; margin: 0; }

.stayroom.charge_wrap .stay_result_border.solo .total_go div a:nth-of-type(2) { margin-top: 10px;}

.member_agree_with.mr_top { margin-top: 50px; }


/*결제완료*/
.total_result { padding: 30px; background: #e0e2ed; overflow: hidden; margin-bottom: 20px}

.total_result strong { font-size: 20px; color: #444; display: block; font-weight: 500; text-align: center; margin-bottom: 20px}

.total_result p { text-align: center; color: #34417a; font-size: 20px; font-weight: 500}

.program_reserve { padding: 0 30px; border: 1px solid #c9c9c9}

.program_reserve .reserve_box { padding: 20px 70px 20px 0; position: relative; border-top: 1px solid #c9c9c9; overflow: hidden; color: #545454; font-size: 15px}

.program_reserve .reserve_box:first-child { border-top: 0}

.program_reserve .bx_tit { display: inline-block; width: 167px; vertical-align: middle; font-size: 16px}

.program_reserve .bx_r { position: absolute; top: 30px; right: 0; font-size: 18px}

.program_reserve .bx_r b { font-size: 18px}

.program_reserve .bx_cen { display: inline-block; vertical-align: middle}

.program_reserve .bx_cen span { display: inline-block; padding: 10px 25px; background: #ebeff3; margin-left: 10px; border-radius: 50px}

.program_reserve .bx_cen span b { color: #444; font-weight: 400}

.visit_mn .char_box .char_left.pet input { width: 200px; height: 40px}

.discount_wrap .ds_tit .ds_op .ds_result { padding: 15px; border: 1px solid #d2d2d2}

.fold_slidetoggle .toggle_ti .toggle_none.discount { text-align: left; padding: 20px 0}

.fold_slidetoggle .toggle_ti .toggle_none.discount strong { font-size: 20px; color: #273dac; font-weight: 500}


/*숙박예약*/
.stayroom { position: relative; text-align: left}

.stayroom:after { content: ''; display: block; clear: both}

.stayroom .stay_left { float: left; width: 66.6%; margin-right: 20px}

.stayroom .stay_right { overflow: hidden}

.stayroom .stay_border { padding: 40px; border: 1px solid #8d8e95}

.stayroom .stay_result_border { padding: 40px; background-color: #ebeff3; border: 1px solid #8d8e95}

.stay_info { position: relative; padding-left: 225px}

.st_img { position: absolute; top: 0; left: 0; width: 185px; height: 135px; overflow: hidden}

.st_img img { width: 185px; height: 135px}

.st_con .con_bt { padding: 20px 0}

.st_con .con_bt p { color: #666}

.st_con ul li { clear: both; margin-bottom: 13px}

.st_con ul li .st_tit { width: 100px; display: block; float: left; color: #666666}

.st_con ul li .st_txt { overflow: hidden; color: #222; display: block}

.st_con .important { color: #666}

.st_con .con_bt .ip_box { margin: 20px 0}

.st_con .con_bt .ip_box div:first-child { margin-bottom: 10px}

.st_con .con_bt .ip_box div label { margin-right: 10px; display: block; float: left; padding: 12px 0}

.st_con .con_bt .ip_box div div { display: block; overflow: hidden}

.st_con .con_bt .ip_box div div input { width: 100%}

.st_con .stay_bt { padding: 15px 60px; background: #848692; color: #fff; display: inline-block}

.st_con .con_lnk { clear: both; padding-top: 20px}

.st_con .con_lnk a { position: relative; display: inline-block; vertical-align: top; font-size: 15px; color: #3a4ca7; margin-left: 20px}

.st_con .con_lnk a:first-child { margin-left: 0}

.st_con .con_lnk .lnk_site { }

.st_con .con_lnk .lnk_site img { }

.st_con .con_lnk .lnk_locate { width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.st_con .con_lnk .lnk_locate img { }

@media (max-width:767px){
 .st_con .con_lnk .lnk_locate { display: block; width: auto}
 }

.stay_ti { position: relative; margin-bottom: 20px}

.stay_ti i { font-style: normal; font-weight: 500; font-size: 24px; color: #3a4ca7}

.stay_ti strong { display: block; margin-top: 10px; font-weight: 500; font-size: 20px; color: #000}

.stay_ti .stay_flag { position: absolute; top: 0; right: 0}

.stay_ti .stay_flag span { margin-left: 3px}

.stay_ti .stay_flag span:first-child { margin-left: 0}

.st_count { text-align: right; margin-bottom: 20px}

.st_count span { display: inline-block; margin-left: 20px}

.st_count span:first-child { margin-left: 0}

.st_count .cnt_like img { vertical-align: -3px}

.stayroom .stay_result_border .money_wrap { padding: 25px 0; border-bottom: 1px solid #a7acb0; border-top: 1px solid #a7acb0; margin-top: 20px}

.stayroom .stay_result_border strong { font-size: 24px; color: #000}

.stayroom .stay_result_border .money_wrap ul li { margin-top: 10px}

.stayroom .stay_result_border .money_wrap ul li:first-child { margin-top: 0}

.stayroom .stay_result_border .money_wrap ul li div { display: inline-block; vertical-align: middle; box-sizing: border-box; width: 32.5%; color: #444444}

.stayroom .stay_result_border .money_wrap ul li .second .discount { display: inline-block; padding: 7px 12px; background: #fff; border-radius: 5px}

.stayroom .stay_result_border .money_wrap ul li .second .discount.basic { position: relative}

.stayroom .stay_result_border .money_wrap ul li .second .discount.basic span { display: block; padding: 4px 14px 7px 8px; background: url(/images/content/stay_img02.png?t_=201907310900); color: #fff; position: absolute; top: 0; left: -90px; width: 83px; height: 29px}

.stayroom .stay_result_border .money_wrap ul li .third { color: #222}

.stayroom .stay_result_border .money_wrap .label { font-weight: 500; font-size: 18px; color: #000; }

.stayroom .stay_result_border .money_wrap .label ~ * { margin-top: 15px; }

.stayroom .stay_result_border .total { margin-top: 20px; overflow: hidden}

.stayroom .stay_result_border .total .all_t { float: left; color: #444}

.stayroom .stay_result_border .total .mn_num { float: right; color: #222e66; font-size: 24px}

.stayroom .stay_result_border .next_bt { margin-top: 40px; overflow: hidden; width: 100%}

.stayroom .stay_result_border .next_bt a { display: block; padding: 44px 45px; background: #fff; color: #111; font-size: 20px; border: 2px solid #5468c7; width: 100%; overflow: hidden; text-align: center}

.stayroom .stay_result_border .next_bt.small { }

.stayroom .stay_result_border .next_bt.small a { float: left; padding: 7px 0; text-align: center; width: 49%; margin-left: 2%; font-size: 16px}

.stayroom .stay_result_border .next_bt.small a:first-child { margin-left: 0; background-color: #5468c7; color: #fff}

.stayroom .stay_result_border .btn_penalty { padding: 2px 5px; border: 1px solid #c8c8c8; font-size: 13px; background-color: #d8d8d8; color: #000; }

.stayroom .stay_dog_number { display: none; }

.stayroom .stay_dog_number label { font-size: 17px; color: #000}

.stayroom .stay_dog_number .form_style { display: block; margin: 5px 0 10px}

.stayroom .stay_dog_number .form_style input { width: 100%; border-width: 0}

/*-------------좋아요 댓글 버튼--------------*/
.heart { background: url(/images/content/staycount_empty.png?t_=201907310900) no-repeat; width: 21px; height: 18px; font-size: 0; text-indent: -9999px; display: inline-block; vertical-align: middle; }

.cm { background: url(/images/content/stay_count_comment.png?t_=201907310900) no-repeat; width: 20px; height: 20px; font-size: 0; text-indent: -9999px; display: inline-block; vertical-align: middle; }

.cnt_comment i { vertical-align: middle; font-style: normal; }

.cnt_like i { vertical-align: middle; font-style: normal; }

.heart.ht { background: url(/images/content/staycount_like.png?t_=201907310900) no-repeat; }

.fold_slidetoggle.default .toggle_pt .tbl { min-width: 100%; }

/*결제하기 수정 3월26일*/
.fold_slidetoggle .toggle_pt.basic strong { font-size: 24px; font-weight: 500; display: block; margin-bottom: 20px; }

.fold_slidetoggle .toggle_pt.basic strong small { font-size: 16px; position: relative; margin-left: 30px; }

.fold_slidetoggle .toggle_pt.basic strong small:before { display: block; content: ""; position: absolute; top: 5px; left: -15px; width: 1px; height: 14px; background: #999; }

.fold_slidetoggle .toggle_pt.basic .charge_coin { padding: 10px; text-align: right; }

.fold_slidetoggle .toggle_pt.basic .charge_coin span { vertical-align: middle; display: inline-block; }

.fold_slidetoggle .toggle_pt.basic .charge_coin .charge_right .hot { font-size: 20px; }

.discount_wrap .ds_left .ds_path .confurm_d { padding: 13px 0; position: relative; padding-left: 96px; color: #f46464; }

.discount_wrap .ds_left .ds_path .confurm_d .bank_tit { display: block; font-size: 18px; position: absolute; left: 0; top: 11px; color: #5468c7; }

.discount_wrap .ds_left { min-height: 290px; }

.discount_wrap .ds_right { min-height: 290px; }

.fold_slidetoggle .toggle_pt .tbl_wrap .tbl input[type="radio"] { width: 16px; height: 16px; }

@media (max-width:1250px){
 .stayroom .stay_left { width: 100%; }

 .stayroom .stay_right { width: 100%; }
 }


@media (max-width:640px){
 .st_img { position: relative; top: auto; left: auto; width: auto; height: auto; text-align: center; margin-bottom: 20px; }

 .st_img img { width: 100%; height: auto; }

 .stay_info { padding-left: 0; }

 .stayroom .stay_border { padding: 20px; }

}

@media(max-width:767px){
 .program_reserve .bx_tit { display: block; margin-bottom: 20px; width: 100%; font-weight: 500; }

 .program_reserve .reserve_box { padding: 20px 0; }

 .program_reserve .bx_cen { display: block; }

 .program_reserve .bx_cen span:first-child { margin-left: 0; }

 .program_reserve .bx_r { position: relative; top: auto; right: auto; display: block; text-align: right; margin-top: 20px; }

 .program_reserve .bx_cen span { width: 100%; margin-left: 0; display: block; margin-bottom: 10px; }

 .discount_wrap .ds_tit .ds_op { width: 100%; }

 .discount_wrap .ds_tit .charge_coin { float: none; width: 310px; float: right; margin-top: 20px; display: block; }

 .fold_slidetoggle.default .toggle_pt .tbl { min-width: 900px; }
}

@media (max-width:640px){
 .st_con .con_lnk a { display: block; margin-left: 0; margin-bottom: 10px; }


 .fold_slidetoggle.default .toggle_pt { padding: 20px 0; }

 .disC_agree .agrBtn { left: auto; margin-left: 0; }
 }

@media (max-width:480px){
 .food_result .rs_left { display: block; width: 100%; text-align: right; }

 .food_result .rs_right { position: relative; top: auto; right: auto; margin-top: 20px; }

 .stayroom.charge_wrap .stay_result_border { padding: 20px; }

 .tipbox { font-size: 14px; margin-left: 10px; }
 }


/* 2019 03 27 시설이용인원 추가 수정*/
.visit_ex { overflow: hidden; padding: 10px; margin-top: 10px; border: 1px solid #c9c9c9}

.visit_ex .ex_col { float: left; width: 50%; padding: 10px}

.visit_ex .ex_col .vm_ti { float: left; width: 40%; height: 35px; line-height: 33px; font-weight: 600; font-size: 18px; }

.visit_ex .ex_col .vm_cost { overflow: hidden}

.visit_ex .ex_col .vm_cost a,
.visit_ex .ex_col .vm_cost span { float: left}

.visit_ex .ex_col .vm_cost a { display: block; width: 35px; height: 35px; border: 1px solid #ddd; background: no-repeat 50% 50%}

.visit_ex .ex_col .vm_cost .minus { background-image: url(/images/content/stay_img06.png?t_=201907310900)}

.visit_ex .ex_col .vm_cost .plus { background-image: url(/images/content/stay_img07.png?t_=201907310900)}

.visit_ex .ex_col .vm_cost .cost { display: block; width: 120px; height: 35px; text-align: center; line-height: 32px; border: 1px solid #ddd}

.visit_ex .ex_col .vm_cost .cost input[type=text] { width: 100%; height: 100%; text-align: center; padding: 0; text-indent: 0; border-width: 0}

.visit_ex .ex_col .vm_cost b { display: inline-block; height: 35px; margin-left: 7px; line-height: 33px}

.visit_ex .ex_col .vm_cost .minus + .cost { width: 50px; border-width: 1px 0}

@media (max-width:700px){
 .visit_ex .ex_col { width: 100%; margin-left: 0; margin-top: 7px}

 .visit_ex .ex_col .vm_ti { width: 50%}
 }

/* 2019 03 27 할인적용 할인금액 수평정렬 */
.align_horizen { position: relative; height: 90px;}

.align_horizen p { position: absolute; top: 15px; left: 0; font-weight: 500}

.align_horizen .charge_coin { padding: 10px; text-align: right; }

.align_horizen .charge_coin span { vertical-align: middle; display: inline-block; }

.align_horizen .charge_coin .charge_right .hot { font-size: 20px; }


/*2019 03 27 할인적용 계좌확인 버튼 추가*/
.ds_left_btn { text-align: center}

.ds_left_btn .btn { width: 100%; padding: 10px; margin-top: 10px; line-height: 100%; }

.ds_left_btn p { margin-top: 10px; line-height: 100%; text-align: center; padding: 10px; border: 1px solid #ddd; background-color: #f9f9f9}


/*2019 03 28 결제하기 반응형*/

@media (max-width:1250px){
 .stayroom .stay_right { margin-top: 20px; }

 .stayroom .stay_left { float: none; }
}

@media (max-width:767px){
 .discount_wrap .ds_left { width: 100%; float: none; }

 .discount_wrap .ds_right { width: 100%; margin-left: 0; margin-top: 20px; }

 .visit_mn.type02 .char_box .char_refit .refit_select { float: none; }

 .visit_mn.type02 .char_box .char_refit .increase { position: relative; left: auto; top: auto; margin-left: 0; right: auto; bottom: auto; width: 100%; }

 .visit_mn.type02 .char_box .char_refit .total_close a { top: 20px; margin-top: 0; right: 20px; }

 .visit_mn.type02 .char_box .char_refit .total_selent { margin-right: 0; float: right; }

 .visit_mn.type02 .char_box .char_refit { padding: 20px; }

 .visit_mn.type02 .char_box .char_refit.solo { padding: 20px; padding-top: 40px; }

 .warning_txt { padding: 20px; }

 .yeyak_program .obj .item { width: 24%; }

 .yeyak_summaryinfo .suminfo_ti { float: none; }

 .yeyak_summaryinfo .suminfo_ti:after { display: none; }

 .yeyak_summaryinfo { overflow: hidden; }

 .yeyak_summaryinfo .suminfo_total { position: relative; top: auto; right: auto; margin-top: 0; font-size: 17px; float: right; margin-top: 20px; }

 .stayroom.charge_wrap .stay_result_border .total_go div a { font-size: 16px; }

 .fold_slidetoggle .toggle_ti .toggle_none label { margin-left: 10px; }

 .fold_slidetoggle .toggle_ti .toggle_none label span { font-size: 16px; }

 .fold_slidetoggle .toggle_ti .toggle_none { padding: 20px; }

 .visit_mn.type02.short .char_box .char_refit .increase { width: auto; margin-left: 0; }

 .visit_mn.type02 .char_box .char_refit .increase .in_sel { width: 100px; }
}

@media (max-width:700px){
 .fold_slidetoggle .toggle_ti .toggle_none label { width: 100%; padding: 10px; text-align: left; margin-left: 0; border-top: 1px solid #ddd; }

 .fold_slidetoggle .toggle_ti .toggle_none label:first-child { border-top-width: 0; }
 }

@media (max-width:540px){
 .yeyak_program .obj .item { width: 50%; }
 }

@media (max-width:500px){
 .discount_wrap .ds_bottom { height: auto; }

 .disC_agree { padding-right: 0; }

 .discount_wrap .ds_bottom .nt_bt { position: relative; top: auto; right: auto; margin-top: 20px; }

 .discount_wrap .disC_agree .agr_cont { top: 138px; }

 .care_ful { text-align: left; }

 .visit_mn .char_box .char_refit div { display: block; margin-top: 10px; }

 .visit_mn .char_box .char_refit div:first-child { margin-top: 0; }
 }



/* 2019 04 03 */
.check_list { margin-top: 10px}

.check_list .list_row { overflow: hidden; position: relative; padding: 5px 0; }

.check_list .list_row .row_title { float: left; width: 50px; height: 30px; padding: 6px 0 0 0; text-align: center; font-size: 15px; background-color: #ebeff3; color: #444; border-radius: 5px}

.check_list .list_row .align_chackbox { padding: 0 50px 0 10px; overflow: hidden}

.check_list .list_row .align_chackbox label { display: inline-block; padding: 8px 5px 0 0}

.check_list .list_row .chackbox_all { position: absolute; top: 6px; right: 0; }


/*결제하기*/
.jbMenu { position: fixed; top: 0; width: 372px; }

.move_top_btn { position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%)}

@media(max-width:1200px){
 .move_top_btn { display: none !important; }

 .jbMenu { position: inherit; top: auto; width: auto; }
 }



/* 2019 04 23 시설개별 콘텐츠 통합 */


/*산림시설휴양안내*/
.photo_wrap { background: #f7f7fb; }

.photo_wrap .pgwSlideshow.wide { padding: 40px 60px; }

.photo_wrap .pgwSlideshow .ps-current .ps-prev .ps-prevIcon { display: none; }

.photo_wrap .pgwSlideshow .ps-current .ps-next .ps-nextIcon { display: none; }

.photo_wrap .pgwSlideshow { margin: 0; padding-top: 20px; }

.photo_details_con { padding: 40px 60px; overflow: hidden; border: 1px solid #cacaca; }

/*
.photo_details_con h3 { display: block; font-size: 0; text-indent: -9999px; width: 554px; height: 102px; overflow: hidden; background: url(/portal/images/content/sanrim_tit.png?t_=201907310900) no-repeat; margin:0 auto; margin-bottom: 40px; }

@media (max-width:767px){
 .photo_details_con h3 { width: 400px; background-size: 400px; margin-bottom: 0; }
}
@media (max-width:570px){
 .photo_details_con h3 { width: 350px; background-size: 350px; margin-bottom: 0; }
 .photo_details_con { padding: 20px; }
}
@media (max-width:470px){
 .photo_details_con h3 { background: none; font-size: 24px; text-indent: inherit; width: 100%; height: auto; margin-bottom: 20px; padding-left: 0; color:#008c63; }
 .photo_details_con h3 i { font-style: normal; display: block; color:#777777; font-size: 18px; }
}
 */



.huyang_layer .layer_body .pop_tit { overflow: hidden; position: relative; padding: 5px 0; padding-right: 35px; }

.huyang_layer .layer_body .pop_tit strong { font-size: 20px; font-weight: normal; display: block; padding: 15px 0; }

.huyang_layer .layer_body .pop_tit .multiple { position: absolute; top: 15px; right: 15px; width: 25px; height: 26px; background: url(/portal/images/board/multiple_img01.png?t_=201907310900) no-repeat; font-size: 0; text-indent: -999px; }

.huyang_layer .layer_body .pop_img { width: 100%; }

.huyang_layer .layer_body .pop_img img { width: 100%; height: auto}

.huyang_layer .layer_body .pop_img video { width: 100%; }

.huyang_layer .layer_body .pop_img.video { height: auto; }

.lP_BtnArea { margin: 20px 0 10px}

.cancleBtn { display: inline-block !important; padding: 10px 26px !important; font-size: 17px; background: #fff !important; border: 2px solid #5468c7 !important; color: #5468c7 !important; text-align: center; border-radius: 25px}

.submitBtn { display: inline-block !important; padding: 10px 26px !important; font-size: 17px; background: #5468c7 !important; color: #fff !important; border: 2px solid #5468c7 !important; text-align: center; border-radius: 25px}


.huyang_layer .layer_body .pop_img img { width: 100%}

.huyang_layer .layer_body .pop_img video { width: 100%; }

.huyang_layer .layer_body .pop_img.video { height: auto; }

.pop_korea { border: 1px solid #ddd; padding: 20px; overflow-y: scroll; max-height: 200px; }

#infoWrap.img_box { padding-top: 0; }

.huyang_layer #infoWrap { border-top-width: 0; padding-top: 0}

@media (max-width:1000px){
 .huyang_layer .layer_body .pop_img { width: 100%; height: 100%; }
}



/*오시는길*/
.map_wrap { overflow: hidden; }

.map_api { height: 487px; background: url(/portal/images/content/map_exam.png?t_=201907310900) center center no-repeat; }

.map_adress { padding: 32px 0; border-top: 1px solid #a0a0a0; margin-top: 40px; }

.map_adress > div { position: relative; padding-left: 310px; margin-bottom: 70px; }

.map_adress > div h4 { position: absolute; top: 0; left: 0; margin: 0; }

.map_adress > div p { color: #444; font-size: 16px; }

.map_api.type02 { height: 487px; background: url(/portal/images/content/map_exam.png?t_=201907310900) center center no-repeat; float: left; width: 49%; margin-right: 2%; }

.map_adress.type02 { border-top: 1px solid #a0a0a0; width: 49%; float: right; margin-top: 0; padding: 0; }

@media(max-width:1000px){
 .map_api.type02 { width: 100%; margin-right: 0; }

 .map_adress.type02 { width: 100%; border-top: 0; }
 }

@media (max-width:767px){
 .map_adress > div h4 { display: block; position: relative; top: auto; left: auto; margin-bottom: 10px; }

 .map_adress > div { padding-left: 0; margin-bottom: 40px; }
}



/*2019 05 03 감면 수급자 확인*/
.form_box_rkAus { padding: 20px 0; border: 1px solid #ddd}

.form_box_rkAus .rkAus_wrap { max-width: 590px; padding: 0 30px; margin: 0 auto}

.form_box_rkAus .form_radio { padding-bottom: 15px; margin-bottom: 20px;; border-bottom: 1px solid #ddd}

.form_box_rkAus .form_radio label { margin-bottom: 5px; margin-right: 15px}

.form_box_rkAus .form_text { position: relative; padding-left: 120px; margin-top: 5px}

.form_box_rkAus .form_text label { position: absolute; top: 0; left: 0; padding-top: 10px; font-weight: 600}

@media (max-width:480px){
 .form_box_rkAus .form_text { padding-left: 0}

 .form_box_rkAus .form_text label { position: static; padding-top: 0; display: block}

 .form_box_rkAus .form_text label + input { margin-top: 5px}
 }

/*2019 07 16 주말추첨제현황*/
.apt_calendar .calendar_head.cncSearchBar { text-align: center}

.apt_calendar .calendar_head.cncSearchBar .head_item { float: none; }

.apt_calendar .calendar_head.cncSearchBar [class*='_item'] > label,
.apt_calendar .calendar_head.cncSearchBar [class*='_item'] > .label { float: none; display: inline-block; vertical-align: top}

.apt_calendar .calendar_head.cncSearchBar .head_item .align_none { display: inline-block; vertical-align: top}

.apt_calendar .calendar_head.cncSearchBar .head_item .schReturn { display: inline-block; vertical-align: top}

.apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) { position: relative; padding-right: 108px}

.apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button { position: absolute; top: 0; right: 0}

.apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button button,
.apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button a { float: left}

.apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button a { margin-left: 5px}

@media (max-width:1000px){
 .apt_calendar .calendar_head.cncSearchBar .head_item { max-width: 500px; margin: 0 auto; text-align: left}

 .apt_calendar .calendar_head.cncSearchBar .head_item label { padding: 10px 0}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none { display: block; }

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:after { content: ''; display: block; clear: both}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none .form_style { float: left; margin-left: 1.4%; }

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(2) .form_style:nth-child(1) { width: 32.4%; margin-left: 0}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(2) .form_style:nth-child(2) { width: 32.4%}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(2) .form_style:nth-child(3) { width: 32.4%}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .form_style:nth-child(1) { width: 49.3%; margin-left: 0; margin-top: 5px}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .form_style:nth-child(2) { width: 49.3%; margin-top: 5px}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button { top: 5px}
 }

@media (max-width:480px){
 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(n) { position: static; padding-right: 0; overflow: unset}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(n) .form_style:nth-child(1) { margin-top: 0}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(n) .form_style:nth-child(n) { width: 100%; margin-top: 5px}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(n) .form_style:nth-child(n) { margin-left: 0}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button { clear: both; position: static; text-align: center; padding-top: 10px}

 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button button,
 .apt_calendar .calendar_head.cncSearchBar .head_item .align_none:nth-child(3) .cncs_button a { float: none; margin-left: 0}
}

.hrz_align_list { overflow: hidden}

.hrz_align_list li { float: left; width: 50%; padding: 10px 0 10px 120px; border-top: 1px solid #ddd}

.hrz_align_list li:nth-child(1),
.hrz_align_list li:nth-child(2) { border-top-width: 0}

.hrz_align_list li b { display: inline-block; width: 120px; margin-left: -120px}

@media (max-width:1000px){
 .hrz_align_list li:nth-child(2) { border-top-width: 1px}

 .hrz_align_list li { width: 100%}
}


/*페이지오류*/
.error_page { padding: 75px; text-align: center; }

.error_page strong { font-size: 40px; color: #8f95a6; line-height: 130%; font-weight: 500; }

.error_page p { text-align: center; }

.error_page .txt_con { margin-top: 30px; }

.error_page .error_icon { width: 102px; height: 100px; display: block; margin: 0 auto; background: url(/portal/images/content/error_img01.png?t_=201907310900) no-repeat; margin-bottom: 20px; }

@media (max-width:640px){
 .error_page { padding: 20px; }

 .error_page strong { font-size: 26px; }

 .error_page .error_icon { width: 92px; height: 90px; background-size: 92px; }
 }

.imagebox { margin-top: 10px; border: 1px solid #ddd; text-align: center; padding: 30px}

.apt_calendar .calendar_head.monthSearch { text-align: center}

.apt_calendar .calendar_head.monthSearch .head_item { float: none; display: inline-block; vertical-align: top}

.apt_calendar .calendar_head.monthSearch .head_item label { text-align: left; }

.apt_calendar .calendar_head.monthSearch #lastDay { display: inline-block; float: none; overflow: hidden}

.apt_calendar .calendar_head.monthSearch #lastDay .label { text-align: left; /* font-size: 14px; */
 padding-top: 0; }

.apt_calendar .calendar_head.monthSearch .head_item .radio_style { display: inline-block; vertical-align: top; padding-top: 14px; }

.apt_calendar .calendar_head.monthSearch .head_item .radio_style label { margin-right: 10px}

/*월별예약현황 검색바*/
@media (max-width:1200px) {
 .apt_calendar .calendar_head.monthSearch .head_item.formbox_1 { display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ddd}
 }

@media (max-width:850px){
 .apt_calendar .calendar_head.monthSearch { padding-bottom: 55px}

 .apt_calendar .calendar_head.monthSearch .head_item .radio_style { padding-top: 10px}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_2 { display: block; width: 100%; margin-bottom: 5px; text-align: left}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_2 label { width: 120px; padding-top: 10px}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_3 { display: block; width: 100%; text-align: left}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_3 label { width: 120px; padding-top: 10px}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_1 .form_style { height: 40px}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_2 .form_style { width: 49.5%; height: 40px; margin-bottom: 5px}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_3 .form_style { width: 49.5%; height: 40px; margin-bottom: 5px}

 .apt_calendar .calendar_head .head_item .schBtn { position: absolute; bottom: 10px; left: 0; right: 0; width: 100px; height: 40px; margin: 0 auto}

 .apt_calendar .calendar_head .head_item .schBtn img { width: 20px}

 .apt_calendar .calendar_head .head_item .schBtn:after { content: '검색'; vertical-align: middle; font-size: 16px;; color: #fff}
 }

@media (max-width:639px) {
 .apt_calendar .calendar_head.monthSearch .head_item.formbox_2 .form_style { width: 100%}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_3 .form_style { width: 100%}

 .apt_calendar .calendar_head.monthSearch .head_item.formbox_2 label,
 .apt_calendar .calendar_head.monthSearch .head_item.formbox_3 label { width: 80px; font-size: 16px}
}

.horizen_align { overflow: hidden}

.horizen_align .l { }

.horizen_align .r { float: right}

@media (max-width:767px){
 .horizen_align { text-align: center}

 .horizen_align .l { display: block; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #d2d2d2}

 .horizen_align .r { float: none}
 }

#parentFixedRowWrap { overflow: auto}

#parentFixedRowWrap .tbl { width: 1200px; }

#parentFixedRowWrap .floatingHead { opacity: 0; z-index: -1; position: fixed; top: 0; }

#parentFixedRowWrap .floatingHead.in_active { z-index: 1; }


/*2020 05 25 결제하기 - 내 휴대폰정보 확인, 공지 추가 */

.myphoneinfo { position: relative; position: relative; padding: 25px 250px 25px 30px; margin-bottom: 30px; border: 1px solid #8d8e95}

.myphoneinfo:after { content: ''; display: block; clear: both; }

.myphoneinfo b { position: relative; float: left; padding-left: 50px; margin-right: 20px; font-size: 24px; font-weight: 500; color: #000; }

.myphoneinfo b img { position: absolute; top: -6px; left: 0; }

.myphoneinfo span { display: block; overflow: hidden; line-height: 24px; }

.myphoneinfo .btn { position: absolute; top: 20px; right: 30px; }

@media (max-width:690px){
 .myphoneinfo { padding: 25px 30px; text-align: center; }

 .myphoneinfo b { display: inline-block; float: none; padding-left: 40px; }

 .myphoneinfo b img { width: 30px; top: -3px; }

 .myphoneinfo span { margin: 10px 0; }

 .myphoneinfo .btn { max-width: 200px; position: static; }
 }

@media (max-width:595px){
 .myphoneinfo { padding: 20px}
 }

.pay_notice { position: relative; padding: 25px 30px; margin-bottom: 30px; border: 1px solid #8d8e95}

.pay_notice:after { content: ''; display: block; clear: both; }

.pay_notice b { position: relative; float: left; padding: 12px 0 12px 50px; margin-right: 20px; font-size: 24px; font-weight: 500; color: #000; }

.pay_notice b img { position: absolute; top: 4px; left: 0; }

.pay_notice ul { display: block; overflow: hidden; }

.pay_notice ul li { position: relative; padding-right: 120px; margin-top: 5px; }

.pay_notice ul li:first-child { margin-top: 0; }

.pay_notice ul li .pay_notice_ti { display: inline-block; max-width: 100%; }

.pay_notice ul li .pay_notice_ti a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap}

.pay_notice ul li .pay_notice_date { position: absolute; top: 0; right: 0; }

@media (max-width:595px){
 .pay_notice { padding: 20px; text-align: center}

 .pay_notice b { display: inline-block; float: none; padding: 0 0 0 40px; text-align: center; }

 .pay_notice b img { width: 30px; top: -2px; }

 .pay_notice ul { padding-top: 10px; margin-top: 20px; text-align: left; border-top: 1px solid #ddd; }

 .pay_notice ul li { padding-right: 80px; }
 }


/*************************************

 2020 패널티정보 추가

*************************************/

/* 정렬이 필요한 버튼들 */
.align-button { margin-top: 20px; }

@media (max-width:767px){
 .align-button { text-align: center}

 .align-button a { display: block; margin-top: 5px; text-align: left}

 .align-button a:first-child { margin-top: 0; }
}

.mountain-list { padding: 40px 30px 50px; margin-bottom: 30px; margin-top: 30px; background-color: #f6f6f6; }

.mountain-list .list-wrap { position: relative; overflow: hidden; }

.mountain-list .list-title { position: absolute; top: 0; left: 0; width: 274px; letter-spacing: -1px}

.mountain-list .list-title .ti { display: block; font-weight: 700; font-size: 32px; color: #000; }

.mountain-list .list-title .sti { display: block; margin-top: 10px; font-weight: 300; font-size: 32px; color: #000; }

.mountain-list .list-title .txt { margin-top: 13px; font-size: 16px; }

.mountain-list .list-search { position: relative; margin-top: 20px; }

.mountain-list .list-search input { width: 100%; height: 50px; padding: 0 60px 0 23px; border-radius: 50px; border: 3px solid #24a046; outline: 0}

.mountain-list .list-search button { position: absolute; top: 0; right: 0; width: 50px; height: 50px; border-radius: 100%; background-color: #24a046; }

.mountain-list .list-map { float: left; position: relative; padding-bottom: 20px; margin: 0 40px 0 274px; }

.mountain-list .list-map a { display: table; overflow: hidden; position: absolute; top: 70px; left: 0; width: 60px; height: 60px; text-align: center; border-radius: 100%; }

.mountain-list .list-map a span { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: 500; color: #fff; }

.mountain-list .list-map .mk-1 { top: 50px; left: 80px; background-color: rgba(37, 108, 195, 0.7); }

.mountain-list .list-map .mk-1.ov,
.mountain-list .list-map .mk-1:hover { background-color: rgba(37, 108, 195, 1); }

.mountain-list .list-map .mk-2 { top: 40px; left: 155px; background-color: rgba(201, 57, 152, 0.7); }

.mountain-list .list-map .mk-2.ov,
.mountain-list .list-map .mk-2:hover { background-color: rgba(201, 57, 152, 1); }

.mountain-list .list-map .mk-3 { top: 120px; left: 120px; background-color: rgba(91, 148, 16, 0.7); }

.mountain-list .list-map .mk-3.ov,
.mountain-list .list-map .mk-3:hover { background-color: rgba(91, 148, 16, 1); }

.mountain-list .list-map .mk-4 { top: 140px; left: 50px; background-color: rgba(24, 172, 100, 0.7); }

.mountain-list .list-map .mk-4.ov,
.mountain-list .list-map .mk-4:hover { background-color: rgba(24, 172, 100, 1); }

.mountain-list .list-map .mk-5 { top: 160px; left: 190px; background-color: rgba(137, 65, 199, 0.7); }

.mountain-list .list-map .mk-5.ov,
.mountain-list .list-map .mk-5:hover { background-color: rgba(137, 65, 199, 1); }

.mountain-list .list-map .mk-6 { top: 240px; left: 150px; background-color: rgba(12, 128, 198, 0.7); }

.mountain-list .list-map .mk-6.ov,
.mountain-list .list-map .mk-6:hover { background-color: rgba(12, 128, 198, 1); }

.mountain-list .list-map .mk-7 { top: 210px; left: 70px; background-color: rgba(65, 83, 214, 0.7); }

.mountain-list .list-map .mk-7.ov,
.mountain-list .list-map .mk-7:hover { background-color: rgba(65, 83, 214, 1); }

.mountain-list .list-map .mk-8 { top: 280px; left: 30px; background-color: rgba(221, 123, 18, 0.7); }

.mountain-list .list-map .mk-8.ov,
.mountain-list .list-map .mk-8:hover { background-color: rgba(221, 123, 18, 1); }

.mountain-list .list-map .mk-9 { top: 370px; left: 20px; background-color: rgba(240, 88, 149, 0.7); }

.mountain-list .list-map .mk-9.ov,
.mountain-list .list-map .mk-9:hover { background-color: rgba(240, 88, 149, 1); }

.mountain-list .list-map .mk-10 { top: 40px; left: 240px; background-color: rgba(168, 133, 9, 0.7); }

.mountain-list .list-map .mk-10.ov,
.mountain-list .list-map .mk-10:hover { background-color: rgba(168, 133, 9, 1); }

.mountain-list .list-map .mk-11 { top: 104px; left: 290px; background-color: rgba(195, 80, 45, 0.7); }

.mountain-list .list-map .mk-11.ov,
.mountain-list .list-map .mk-11:hover { background-color: rgba(195, 80, 45, 1); }

.mountain-list .list-result { overflow: hidden; }

.mountain-list .list-result > ul { height: 340px; overflow: auto; }

.mountain-list .list-result .result-title { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #444; }

.mountain-list .list-result .result-title .ti { display: inline-block; margin-right: 15px; font-weight: 500; font-size: 25px; color: #111; vertical-align: bottom; }

.mountain-list .list-result .result-title .sti { display: inline-block; font-size: 16px; margin-top: 10px; }

.mountain-list .list-result ul { }

.mountain-list .list-result ul:after { content: ''; display: block; clear: both; }

.mountain-list .list-result ul li { float: left; width: 33.33%; padding-left: 5px; margin-top: 5px; }

.mountain-list .list-result ul li a { display: block; padding: 10px 0; font-weight: 500; text-align: center; border-radius: 5px; border: 1px solid #cfcfcf; background-color: #fff; color: #606060; }

.mountain-list .list-result ul li a:hover { border-color: #000; color: #000; }

@media (max-width:1000px){
 .mountain-list .list-title { position: static; width: 100%; margin-bottom: 30px; text-align: center; }

 .mountain-list .list-title .ti,
 .mountain-list .list-title .sti { display: inline-block; }

 .mountain-list .list-title .sti { margin-left: 10px; }

 .mountain-list .list-title .txt br { display: none; }

 .mountain-list .list-search { max-width: 400px; margin: 20px auto 0; }

 .mountain-list .list-map { margin: 20px 40px 0 0; }

 .mountain-list .list-result { margin: 0; }

 .mountain-list .list-result .result-title { margin-bottom: 10px; }
 }

@media (max-width:768px){
 .mountain-list { padding: 30px 20px; }

 .mountain-list .list-wrap { overflow: visible; }

 .mountain-list .list-title { margin-bottom: 0; }

 .mountain-list .list-map { float: none; position: relative; left: -23px; width: 327px; padding-bottom: 0; margin: 0 auto; -ms-transform: scale(0.9); transform: scale(0.9); }
 }


/* 휴양림별 산책길 20240115 */
.mountain-trail-list { padding: 40px 60px; }
.mountain-trail-list .list-title { top: 50px; }
.mountain-trail-list .list-title .txt { margin-top: 30px; font-size: 18px; }
.mountain-trail-list .list-title img { margin-top: 100px; }
.mountain-trail-list .list-map { margin: 0 40px 0 250px; padding-bottom: 0; }
.mountain-trail-list .list-map map area { cursor: pointer; }
.mountain-trail-list .list-result { padding-top: 40px; }
.mountain-trail-list .list-result ul { display: none; height: 300px; }
.mountain-trail-list .list-result ul.on { display: block; }
.mountain-trail-list .list-result ul li { width: 50%; }
.mountain-trail-list .list-result ul li a.on { border-color: #000; color: #000;}

@media (max-width:1200px) {
 .mountain-trail-list { padding : 40px 30px; }
}

@media (max-width:1000px) {
 .mountain-trail-list .list-title { display: none; }
 .mountain-trail-list .list-map { margin: 0 40px 0 0; }
}

@media (max-width:768px) {
 .mountain-list { padding: 30px 20px; }
 .mountain-trail-list .list-map { margin: 0 auto; }
}

.trail-layout { display: none; }

.image-box{padding:50px;border:1px solid #ddd;text-align:center}
.image-box a{display:block}

@media (max-width:1000px) {
    .image-box{padding:0;border-width:0;}
}



/* 게시판 목록 : 썸네일 게시물 정보 요약 */
.thumbnail-bbs { border: solid; border-width: 2px 0 1px; border-top-color: #848692; border-bottom-color: #e7e7e7;; }

.thumbnail-bbs:after { content: ''; display: block; clear: both; }

.thumbnail-bbs .item { border-top: 1px solid #e7e7e7; }

.thumbnail-bbs .item:nth-child(1) { border-top-width: 0; }

.thumbnail-bbs .item a { display: block; overflow: hidden; padding: 18px 0; }

.thumbnail-bbs .item .thumb { float: left; width: 163px; height: 101px; margin-right: 20px; }

.thumbnail-bbs .item .pt { overflow: hidden; }

.thumbnail-bbs .item strong { display: block; font-weight: 500; font-size: 18px; color: #009859; }

.thumbnail-bbs .item ul { margin-top: 5px; }

.thumbnail-bbs .item ul li { position: relative; padding-left: 12px; letter-spacing: -1px; }

.thumbnail-bbs .item ul li:before { content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 2px; background-color: #586dc4; }

.thumbnail-bbs .item ul li b { font-weight: 500; }

.thumbnail-bbs .item .place { overflow: hidden; height: 50px; line-height: 25px; }

.thumbnail-bbs.col-2 { }

.thumbnail-bbs.col-2 .item { float: left; width: 50%; }

.thumbnail-bbs.col-2 .item:nth-child(2) { border-top-width: 0; }

.thumbnail-bbs.col-2 .item a { padding-right: 20px; }

@media (max-width:1000px){
 .thumbnail-bbs .item .place { height: auto; }

 .thumbnail-bbs.col-2 .item { float: none; width: 100%; }

 .thumbnail-bbs.col-2 .item:nth-child(2) { border-top-width: 1px; }

 .thumbnail-bbs.col-2 .item a { padding: 18px 10px; }
 }

@media (max-width:639px){
 .thumbnail-bbs .item .thumb { float: none; width: auto; height: auto; margin: 0 auto; }

 .thumbnail-bbs .item .thumb img { width: 100%; }

 .thumbnail-bbs .item .pt { padding: 20px 10px 0; }
 }

/* 100대명산 상세 */
.bbs-textarea { border-bottom: 1px solid #e7e7e7; }

.bbs-textarea .text-row { position: relative; min-height: 60px; padding: 10px 10px 10px 190px; border-top: 1px solid #e7e7e7; }

.bbs-textarea .text-row .label { position: absolute; top: 12px; left: 10px; display: block; width: 140px; padding: 7px 0; font-weight: 500; font-size: 16px; text-align: center; color: #000; border: 1px solid #5468c7; }

.bbs-textarea .text-row .pt { padding-top: 6px; }

/* 명품숲길 상세 */
.bbs-descript { padding: 30px 0; border-bottom: 1px solid #e7e7e7; }

.bbs-images { padding: 30px 17px; border-bottom: 1px solid #e7e7e7; }

.bbs-images:after { content: ''; display: block; clear: both; }

.bbs-images .item { float: left; width: 32%; margin-left: 2%; }

.bbs-images .item a { display: block; }

.bbs-images .item img { max-width: none; width: 100%; }

.bbs-images .item:first-child { margin-left: 0; }

.bbs-images.col-2 .item { width: 49%}

.bbs-images.col-3 .item { width: 32%}

@media (max-width:767px){
 .bbs-textarea .text-row { padding-left: 0; }

 .bbs-textarea .text-row .label { position: static; width: 100%; padding: 7px 10px; text-align: left}

 .bbs-textarea .text-row .pt { padding: 10px; }

 .bbs-images,
 .bbs-descript { padding: 15px 0; }
 }

@media (max-width:639px){
 .bbs-images .item { float: none; margin: 10px 0 0; }

 .bbs-images .item:first-child { margin-top: 0; }

 .bbs-images.col-2 .item,
 .bbs-images.col-3 .item { width: 100%}
 }



/* 2020-11-22 숲길 둘레길 목록*/
.route-hompage a { display: inline-block; padding: 9px 22px 9px 12px; border-radius: 50px; border: 1px solid #dbdbdb; background-color: #f0f3f8; }

.route-hompage a span { display: inline-block; color: #444; }

.route-hompage a span img { vertical-align: -9px; margin-right: 5px; }

.route-hompage a:hover { border-color: #0b9130; background-color: #fff; }

.route-hompage a:hover span { color: #000; }

.route-level { display: inline-block; width: 75px; height: 35px; line-height: 33px; font-size: 14px; text-align: center; border-radius: 50px; color: #fff; }

.route-level.lv0 { background-color: #5ea723; }

.route-level.lv1 { background-color: #517fde; }

.route-level.lv2 { background-color: #ef434a; }

.route-title { padding: 0; }

.route-title:before { display: none; }


.route-head { margin-top: 20px; position: relative; }

.route-head:after { content: ''; display: block; clear: both; }

.route-head .route-hompage { position: absolute; bottom: 0; right: 0; }

.route-head .head-button { position: absolute; bottom: -5px; right: 0; }

@media (max-width:639px){
 .route-head .route-hompage { position: static; display: block; width: 100%; margin-bottom: 5px; }

 .route-head .route-hompage a { display: block; width: 100%; border-radius: 0; text-align: center}

 .route-head .route-hompage img { width: 20px; vertical-align: -5px}

 .route-head .head-button { position: static; display: block; margin-bottom: 5px}

 .route-head .head-button a { display: block; }
 }



.route-map { display: table; width: 100%; padding: 50px; text-align: center; border: 1px solid #d8d8d8; }

.route-map .cell { display: table-cell; vertical-align: top; text-align: center}

.route-map .cell:nth-child(2) { text-align: left}

@media (max-width:1199px){
 .route-map { padding: 50px; }

 .route-map .cell:nth-child(2) { display: none; }
 }

@media (max-width:639px){
 .route-map { padding: 20px; }
 }



.route-list { text-align: center; }

.route-list i { font-style: normal}

.route-list .label { display: none; font-size: 17px; font-weight: 500; color: #000; }

.route-list .colgroup { display: table-column-group; }

.route-list .colgroup .col { display: table-column; }

.route-list .list-row { display: table; table-layout: fixed; border-collapse: collapse; width: 100%; height: 58px; border: 1px solid #dfdfe6; }

.route-list .list-row .cell { display: table-cell; vertical-align: middle; padding: 10px 0; }

.route-list .list-row .cell:nth-child(1) { }

.route-list .list-row .cell:nth-child(2) { width: 200px; }

.route-list .list-row .cell:nth-child(3) { width: 200px; }

.route-list .list-row .cell:nth-child(4) { width: 200px; }

.route-list .list-row .cell:nth-child(5) { width: 150px; }


.route-list .list-head { background-color: #f7f7fb; }

.route-list .list-head .cell { height: 58px; font-size: 17px; font-weight: 500; color: #000; }

.route-list .list-body { }

.route-list .list-body .list-row { margin-top: 5px; }

.route-list .list-body a.list-row:hover { border-color: #000; }

.route-list .list-body .list-row .cell:nth-child(1) { text-align: left; padding: 0 20px 0 30px; }


@media (max-width:1000px){
 .route-list .list-row .cell:nth-child(2) { width: auto}

 .route-list .list-row .cell:nth-child(3) { width: auto}

 .route-list .list-row .cell:nth-child(4) { width: auto}

 .route-list .list-row .cell:nth-child(5) { width: auto}



 .route-list .list-head { display: none; }

 .route-list .list-body .list-row { display: block; height: auto; padding: 0 10px; margin-top: 10px; border-top: 2px solid #1f9c40; }

 .route-list .list-body .list-row:first-child { margin-top: 0; }

 .route-list .list-body .list-row:after { content: ''; display: block; clear: both; }

 .route-list .list-body .list-row .cell { display: block; float: left; width: 25%; padding: 10px; text-align: left; }

 .route-list .list-body .list-row .cell .label { display: block; font-size: 14px; }

 .route-list .list-body .list-row .cell .text { display: block; }

 .route-list .list-body .list-row .cell .route-level { width: auto; height: auto; font-weight: 500; line-height: 110%; border-radius: 0; }

 .route-list .list-body .list-row .cell .route-level.lv0 { background-color: transparent; color: #5ea723; }

 .route-list .list-body .list-row .cell .route-level.lv1 { background-color: transparent; color: #517fde; }

 .route-list .list-body .list-row .cell .route-level.lv2 { background-color: transparent; color: #ef434a; }

 .route-list .list-body .list-row .cell:nth-child(1) { width: 100%; padding: 10px; border-bottom: 1px solid #ddd; }

 .route-list .list-body .list-row .cell:nth-child(1) .label { display: none; }

 .route-list .list-body .list-row .cell:nth-child(1) .text { font-weight: 500; font-size: 18px; color: #000; }
 }

@media (max-width:639px){
 .route-list .list-body .list-row .cell { width: 100%; border-bottom: 1px solid #ddd; }

 .route-list .list-body .list-row .cell .label { float: left; width: 80px; }

 .route-list .list-body .list-row .cell .text { overflow: hidden}

 .route-list .list-body .list-row .cell:nth-child(5) { border-bottom-width: 0; }
 }

/* 숲길정보 상세 */
.route-anchor { padding: 10px 30px 30px; margin-bottom: 40px; text-align: center; background-color: #ebebf0; }

.route-anchor .anchor-wrap { display: inline-block; }

.route-anchor .anchor-wrap:after { content: ''; display: block; clear: both}

.route-anchor .anchor-item { position: relative; float: left; display: table; width: 100px; height: 90px; margin: 20px 0 0 15px; font-size: 19px; border: 1px solid #dcdcdc; background-color: #fff; color: #444; }

.route-anchor .anchor-item:first-child { margin-left: 0; }

.route-anchor .anchor-item.is-selected { background-color: #354fb1; color: #fff; }

.route-anchor .anchor-item span { display: table-cell; vertical-align: middle; letter-spacing: -1px; }

.route-anchor .anchor-item span:before { content: ''; display: none; position: absolute; top: -10px; left: 50%; width: 27px; height: 27px; -ms-transform: translateX(-50%); transform: translateX(-50%); background: url(/portal/images/content/route/route-checked.png) no-repeat 0 0; opacity: 0.3; }

.route-anchor .anchor-item.is-selected span:before { display: inline-block; background-image: url(/portal/images/content/route/route-checked-selected.png); opacity: 1; }

.route-anchor .anchor-item:nth-child(10n+1) { margin-left: 0; }

@media (max-width:1220px){
 .route-anchor { padding: 30px; }

 .route-anchor .anchor-wrap { display: block; margin: 0 auto; text-align: left}

 .route-anchor .anchor-item { float: left; margin: 0; width: 25%; height: auto; padding: 10px 15px; line-height: 110%; font-size: 16px; border-width: 0 1px 1px 0; }

 .route-anchor .anchor-item span:before { display: inline-block; width: 16px; height: 16px; margin-right: 7px; vertical-align: -2px; position: static; -ms-transform: translateX(0); transform: translateX(0); background-size: cover; }

 .route-anchor .anchor-item br { display: none; }

 .route-anchor .anchor-item:nth-child(1) { border-top-width: 1px; }

 .route-anchor .anchor-item:nth-child(2) { border-top-width: 1px}

 .route-anchor .anchor-item:nth-child(3) { border-top-width: 1px}

 .route-anchor .anchor-item:nth-child(4) { border-top-width: 1px}

 .route-anchor .anchor-item:nth-child(4n+1) { border-left-width: 1px}
 }

@media (max-width:1000px){
 .route-anchor { padding: 20px; }

 .route-anchor .anchor-item { width: 33.33%}

 .route-anchor .anchor-item:nth-child(4) { border-top-width: 0}

 .route-anchor .anchor-item:nth-child(4n+1) { border-left-width: 0}

 .route-anchor .anchor-item:nth-child(3n+1) { border-left-width: 1px}
 }

@media (max-width:700px){
 .route-anchor .anchor-item { width: 50%}

 .route-anchor .anchor-item:nth-child(3) { border-top-width: 0}

 .route-anchor .anchor-item:nth-child(3n+1) { border-left-width: 0}

 .route-anchor .anchor-item:nth-child(2n+1) { border-left-width: 1px}
 }

@media (max-width:480px){
 .route-anchor .anchor-item { width: 100%}

 .route-anchor .anchor-item:nth-child(2) { border-top-width: 0}

 .route-anchor .anchor-item:nth-child(2n+1) { border-left-width: 0}

 .route-anchor .anchor-item:nth-child(1n+1) { border-left-width: 1px}
 }

/* 주요지점 */
.route-photo { }

.route-photo:after { content: ''; display: block; clear: both; }

.route-photo .photo-item { float: left; width: 32%; margin: 3.5% 0 0 2%; text-align: center; border: 1px solid #ddd; }

.route-photo .photo-item:nth-child(1) { margin-top: 0; }

.route-photo .photo-item:nth-child(2) { margin-top: 0; }

.route-photo .photo-item:nth-child(3) { margin-top: 0; }

.route-photo .photo-item:nth-child(3n+1) { margin-left: 0; }

.route-photo .photo-item .img { position: relative; overflow: hidden; padding-top: 71.5%; text-align: center; background-color: #e8e8e8; }

.route-photo .photo-item .img img { position: absolute; top: 0; left: 0; right: 0; display: block; height: 100%; max-width: none; margin: 0 auto; }

.route-photo .photo-item span { display: block; padding: 12px 0; font-size: 19px; color: #000; }

/*@media (max-width:767px) {(2열?)
.route-photo .photo-item { width:49%; }
.route-photo .photo-item:nth-child(3) { margin-top:3.5%; }
.route-photo .photo-item:nth-child(3n+1) { margin-left:2%; }
.route-photo .photo-item:nth-child(2n+1) { margin-left:0; }
.route-photo .photo-item span { font-size:14px; }
 }
*/
@media (max-width:767px) {
 .route-photo .photo-item { width: 100%; margin: 20px 0 0; }

 .route-photo .photo-item:nth-child(2) { margin-top: 20px; }

 .route-photo .photo-item:nth-child(3) { margin-top: 20px; }

 .route-photo .photo-item:nth-child(3n+1) { margin-left: 0; }

 .route-photo .photo-item span { font-size: 14px; }
 }


/* type 1

 .route-thumbnail { }
 .route-thumbnail .thumbnail-item { position:relative; min-height:171px; padding-left:244px; margin-top:25px; border:1px solid #ddd; }
 .route-thumbnail .thumbnail-item:first-child { margin-top:0; }
 .route-thumbnail .thumbnail-item .img { position:absolute; top:0; left:0; overflow:hidden; width:234px; height:100%; margin-right:30px; text-align:center; border-right:1px solid #ddd; background-color:#e8e8e8; }
 .route-thumbnail .thumbnail-item .img img { height:100%; max-width:none; }
 .route-thumbnail .thumbnail-item .text { padding:20px; }
 .route-thumbnail .thumbnail-item .text .title { display:block; margin-bottom:10px; font-weight:500; font-size:19px; color:#00882d; }
*/

/* type 2

 .route-thumbnail { }
 .route-thumbnail .thumbnail-item { position:relative; margin-top:25px; border:1px solid #ddd; }
 .route-thumbnail .thumbnail-item:first-child { margin-top:0; }
 .route-thumbnail .thumbnail-item:after { content:''; display:block; clear:both; }
 .route-thumbnail .thumbnail-item .img { overflow:hidden; float:left; width:234px; height:171px; text-align:center; border-right:1px solid #ddd; background-color:#e8e8e8; }
 .route-thumbnail .thumbnail-item .img img { height:100%; max-width:none; }
 .route-thumbnail .thumbnail-item .text { overflow:hidden; padding:20px 30px; }
 .route-thumbnail .thumbnail-item .text .title { display:block; margin-bottom:10px; font-weight:500; font-size:19px; color:#00882d; }
*/

/* type 3 */
.route-thumbnail { }

.route-thumbnail .thumbnail-item { position: relative; padding-top: 20px; margin-top: 25px; border-top: 1px solid #ddd; }

.route-thumbnail .thumbnail-item:first-child { margin-top: 0; }

.route-thumbnail .thumbnail-item:after { content: ''; display: block; clear: both; }

.route-thumbnail .thumbnail-item .img { overflow: hidden; float: left; width: 234px; height: 171px; text-align: center; border: 1px solid #ddd; background-color: #e8e8e8; }

.route-thumbnail .thumbnail-item .img img { height: 100%; max-width: none; }

.route-thumbnail .thumbnail-item .text { overflow: hidden; padding: 0 30px; }

.route-thumbnail .thumbnail-item .text .title { display: block; margin-bottom: 10px; font-weight: 500; font-size: 19px; color: #00882d; }

@media (max-width:767px){
 .route-thumbnail .thumbnail-item .img { float: none; width: 100%; height: auto; }

 .route-thumbnail .thumbnail-item .img img { width: 100%; }

 .route-thumbnail .thumbnail-item .text { padding: 10px 10px 0; }

 .route-thumbnail .thumbnail-item .text .title { font-size: 16px; }
 }



/* 2020-11-30 통합에약*/
.appointment-form { background-color: #d8d8d8; }

.appointment-form * { }

.appointment-form select { height: 46px; }

.appointment-form .form_wrap { padding: 20px 30px}

.appointment-form .form_row:after { content: ''; display: block; clear: both; }

.appointment-form .form_row .label { display: block; float: left; width: 50px; margin-right: 10px; text-align: center; line-height: 43px; font-weight: 500; font-size: 17px; color: #000; }

.appointment-form .form_row ~ .form_row .label { margin-top: 10px; }

.appointment-form .form_row .form_date { float: left; margin-right: 20px; }

.appointment-form .form_row .form_date input { border: 1px solid #b5b5b5; width: 300px; background: #fff url(/portal/images/content/appointment-calender.png) no-repeat 10px 50%; padding-left: 40px; }

.appointment-form .form_row .form_select { float: left; }

.appointment-form .form_row .form_select select { width: 70px; border: 1px solid #b5b5b5; }

.appointment-form .form_row .form_checkblock { overflow: hidden; }

.appointment-form .form_row .form_checkblock label { display: table; float: left; min-width: 90px; width: calc(10% - 9px); height: 46px; margin: 10px 10px 0 0; text-align: center; }

.appointment-form .form_row .form_checkblock label:last-child { margin-right: 0; }

.appointment-form .form_row .form_checkblock input + span { display: table-cell; padding: 0 5px; font: inherit; vertical-align: middle; background-color: #fff; border: 1px solid #b5b5b5}

.appointment-form .form_row .form_checkblock input:checked + span { border-width: 0; background-color: #164592; color: #fff; }

.appointment-form .form_row .form_checkblock .category_1 :checked + span { background-color: #334dbe; }

.appointment-form .form_row .form_checkblock .category_2 :checked + span { background-color: #068f59; }

.appointment-form .form_row .form_checkblock .category_3 :checked + span { background-color: #609f0f; }

.appointment-button { padding-top: 15px; margin: 0 0 20px; text-align: center; border-top: 1px solid #aaa; }

.appointment-button .button-search { padding: 7px 25px; background-color: #5e74ce; border-radius: 50px; }

.appointment-button .button-search span { display: inline-block; padding-left: 20px; font-weight: 500; font-size: 18px; background: url(https://foresttrip.go.kr/portal/images/board/search_bt.png) no-repeat 0 50%; background-size: 15px; color: #fff; }

@media (max-width:1200px){
 .appointment-form .form_wrap { padding: 10px 20px}

 .appointment-form .form_row { padding: 10px; }

 .appointment-form .form_row ~ .form_row { margin-top: 0px; border-top: 1px solid #b5b5b5; }

 .appointment-form .form_row ~ .form_row .label { float: none; margin-top: 0; line-height: 110%}
 }

@media (max-width:767px){
 .appointment-form .form_wrap { padding: 10px}

 .appointment-form .form_row .label { float: none; width: 100%; text-align: left; margin-top: 0; line-height: 110%}

 .appointment-form .form_row .form_date,
 .appointment-form .form_row .form_select { float: none; margin: 0; }

 .appointment-form .form_row .form_date input,
 .appointment-form .form_row .form_select select { width: 100%; margin-top: 10px; }

 .appointment-form .form_row .form_select label { margin-top: 10px; }
 }

@media (max-width:639px){
 .appointment-form .form_row .form_checkblock label { min-width: auto; width: 32%; margin: 10px 0 0 1.5%; }

 .appointment-form .form_row .form_checkblock label:nth-child(3n+1) { margin-left: 0; }
 }

.appointment-statebar { overflow: hidden; padding: 0 30px 10px; background-color: #676262; }

.appointment-statebar .state-item { position: relative; float: left; padding: 7px 35px 7px 15px; margin: 10px 10px 0 0; white-space: nowrap; font-size: 14px; border-radius: 50px; background-color: #423d3d; color: #fff; }

.appointment-statebar .state-item:after { content: ''; position: absolute; top: 9px; right: 15px; width: 11px; height: 11px; background: url(/portal/images/content/appointment-statebar-close.png) no-repeat 0 0; }

@media (max-width:767px){
 .appointment-statebar { padding: 0 20px 10px; }
 }


* ~ .appointment-list { margin-top: 30px; }

.appointment-list { position: relative; }

.appointment-list .more { display: block; position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(/portal/images/content/appointment-more.png) no-repeat 50% 50%; }

.appointment-list .titlebar { padding: 10px 20px; border: 2px solid transparent; margin-bottom: 20px; }

.appointment-list .titlebar strong { font-size: 24px; color: #000; }

.appointment-list .titlebar span { margin-left: 5px; }

.appointment-list.category_1 .titlebar { border-color: #334dbe; }

.appointment-list.category_1 .titlebar strong { color: #334dbe; }

.appointment-list.category_2 .titlebar { border-color: #068f59; }

.appointment-list.category_2 .titlebar strong { color: #068f59; }

.appointment-list.category_3 .titlebar { border-color: #609f0f; }

.appointment-list.category_3 .titlebar strong { color: #609f0f; }

.appointment-list .titlebar + .rc_item { padding-top: 0; border-top-width: 0; }

.appointment-list .rc_item { min-height: auto; padding-top: 20px; }

.appointment-list .rc_item:first-child { padding-top: 0; border-top-width: 0; }

.appointment-list .rc_item ~ .rc_item { margin-top: 20px; }

.appointment-list .rc_item .rc_ti { }

.appointment-list .rc_item .rc_ti label { position: relative; padding-left: 25px; }

.appointment-list .rc_item .rc_ti input { position: absolute; top: 4px; left: 0; width: 20px; height: 20px; }

.appointment-list .rc_item .rc_ti b { margin-left: 5px; font-size: 20px; color: #000; }

.appointment-list .rc_item .rc_ti i { margin-left: 5px; display: inline-block; padding: 2px 20px; font-size: 14px; vertical-align: 3px; border-radius: 50px; background-color: #e9e9e9; color: #444; }

.appointment-list .rc_item .st_img { }

.appointment-list .rc_item .st_img .category_label { display: table; position: absolute; top: 0; left: 0; text-align: center}

.appointment-list .rc_item .st_img .category_label span { display: table-cell; width: 70px; height: 50px; font-size: 14px; vertical-align: middle; color: #fff; }

.appointment-list .rc_item .st_img .label_1 { background-color: #334dbe; }

.appointment-list .rc_item .st_img .label_2 { background-color: #068f59; }

.appointment-list .rc_item .st_img .label_3 { background-color: #609f0f; }

.appointment-list .rc_item .ut_button { margin: 0; }

.appointment-list .rc_item .ut_button + .ut_roomcount { margin-top: 15px; }

.appointment-list .rc_item .ut_roomcount { display: inline-block; }

.appointment-list .rc_item .rc_util .ut_button a { overflow: hidden; transition: background 100ms ease-out; }

.appointment-list .rc_item .rc_util .ut_button a .icon { height: 23px; margin: 5px; background: no-repeat 50% 0; transition: background 100ms ease-out; }

.appointment-list .rc_item .rc_util .ut_button a .icon.time { background-image: url(/portal/images/content/appointment-button-icon.png)}

.appointment-list .rc_item .rc_util .ut_button a .icon.cart { background-image: url(/portal/images/content/appointment-button-icon.png)}

.appointment-list .rc_item .rc_util .ut_button a:hover .icon.time { background-image: url(/portal/images/content/appointment-button-icon-ov.png)}

.appointment-list .rc_item .rc_util .ut_button a:hover .icon.cart { background-image: url(/portal/images/content/appointment-button-icon-ov.png)}

.appointment-list .rc_item .time-list { padding: 10px; margin-top: 15px; border-top: 1px solid #ddd; background-color: #f9f9f9; }

.appointment-list .rc_item .time-list .list-item { position: relative; overflow: hidden; padding: 0 10px 0 0; font-size: 15px; line-height: 32px; border-top: 1px solid #ddd; }

.appointment-list .rc_item .time-list .list-item:first-child { border-top-width: 0; }

.appointment-list .rc_item .time-list .list-item a { display: block; padding: 10px; }

.appointment-list .rc_item .time-list .list-item label { display: block; position: relative; overflow: hidden; padding-left: 35px; font: inherit; }

.appointment-list .rc_item .time-list .list-item input { position: absolute; top: 9px; left: 10px; width: 15px; height: 15px; }

.appointment-list .rc_item .time-list .list-item .label { display: inline-block; margin-right: 10px; }

.appointment-list .rc_item .time-list .list-item .roomcount { float: right; font: inherit; }

.appointment-list.category_2 .rc_item { padding-right: 0; }

.appointment-list.category_3 .rc_item { padding-right: 0; }

@media (max-width:767px){
 .appointment-list .titlebar strong { font-size: 18px; }

 .appointment-list .rc_item { padding-right: 0; }

 .appointment-list .rc_item .rc_ti b { display: block; margin-top: 5px; font-size: 16px; }

 .appointment-list .rc_item .rc_ti i { vertical-align: 1px}

 .appointment-list .rc_item .stay_info { padding-left: 0; }

 .appointment-list .rc_item .st_img { position: static; width: 100%; height: auto; margin-bottom: 0; }

 .appointment-list .rc_item .st_img img { width: 100%; height: auto; }

 .appointment-list .rc_item .st_con { padding: 0 10px; margin-top: 15px; }

 .appointment-list .rc_item .rc_util { position: static; padding-top: 15px; margin-top: 15px; border-top: 1px solid #ddd; }

 .appointment-list .rc_item .rc_util .ut_button,
 .appointment-list .rc_item .ut_button + .ut_roomcount { display: inline-block; margin-top: 0; vertical-align: top}

 .appointment-list .rc_item .rc_util .ut_button + .ut_roomcount { margin-left: 5px; }

 .appointment-list .rc_item .rc_util .ut_button a { display: inline-block; height: auto; padding: 3px 10px; border-radius: 50px; border: 1px solid #ddd; }

 .appointment-list .rc_item .rc_util .ut_button a .icon.time { display: inline-block; width: 15px; height: 15px; margin-right: 7px; vertical-align: -7px; background-size: cover; }

 .appointment-list .rc_item .rc_util .ut_button a:hover { border-color: #ffdc47; }

 .appointment-list .rc_item .time-list { padding-bottom: 20px; }

 .appointment-list .rc_item .time-list .list-item a { padding: 0 10px; }

 .appointment-list .rc_item .time-list .list-item ~ .list-item { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd; }

 .appointment-list .rc_item .time-list .list-item .roomcount { display: block; float: none; line-height: 110%; }
}

.tbl .form_normal input[type=search],
.tbl .form_normal input[type=text],
.tbl .form_normal select { width: 100%; height: 40px; }

.tbl .form_small input[type=search],
.tbl .form_small input[type=text] { width: 50px; height: 40px; margin-right: 3px; }

.tbl .form_middle input[type=search],
.tbl .form_middle input[type=text] { width: 150px; height: 40px; margin-right: 3px; }

@media (max-width:767px){
 .tbl .form_middle.col_3 input[type=text] { width: 100%; }

 .tbl .form_middle.col_3 input[type=text] ~ input[type=text] { margin-top: 2px; }

 .tbl .form_middle.col_3 ~ .form_middle.col_3 { margin-top: 10px; }
 }


* + .tbl-titlebar { position: relative; margin-top: 30px; }

.tbl-titlebar .right-summary { position: absolute; bottom: 0; right: 0; }

@media (max-width:1000px){
 .tbl-titlebar .right-summary { position: static; margin-bottom: 10px; }

 .tbl-titlebar h3 { margin-bottom: 10px; }
 }

.increment_poeple { display: inline-block; }

.increment_poeple .label { display: inline-block; vertical-align: -11px; margin-right: 10px; font-weight: 500; font-size: 24px; color: #000; }

.increment_poeple .label img { vertical-align: -2px; margin-right: 5px; }

.increment_poeple .cost_wrap { display: inline-block; margin-left: 5px; }

.increment_poeple .cost_wrap * { display: inline-block; vertical-align: top}

.increment_poeple .cost_wrap a { width: 39px; height: 39px; background: no-repeat 0 0; }

.increment_poeple .cost_wrap .minus { background-image: url(/portal/images/layout/202011-fs_cost_minus.png)}

.increment_poeple .cost_wrap .minus:hover { background-image: url(/portal/images/layout/202011-fs_cost_minus_ov.png)}

.increment_poeple .cost_wrap .plus { background-image: url(/portal/images/layout/202011-fs_cost_plus.png)}

.increment_poeple .cost_wrap .plus:hover { background-image: url(/portal/images/layout/202011-fs_cost_plus_ov.png)}

.increment_poeple .cost_wrap .cost { width: 40px; line-height: 37px; font-size: 24px; color: #000; }



/* 국립자연휴양림 시설사용료 안내 추가 */


.question_top { width: 100%; height: 140px; background-image: url(../images/layout/question_bg001.png); background-repeat: no-repeat; background-position: center center; position: relative; background-size: 100% 100%;}

.question_tit > h3 { padding: 0; margin: 0; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size: 30px; color: #f84616; font-family: "noto sans"; }

.question_tit > h3:before { display: none; }

.question_section { padding: 20px 50px 60px; background: #f6f7e4; }

.question_fee { width: 150px; margin-bottom: 20px;}

.question_fee > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }

.question_fee02 { width: 130px; margin: 20px 0;}

.question_fee02 > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }

.question_fee03 { width: 160px; margin: 20px 0;}

.question_fee03 > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }


.question_txt ul li { color: #333; display: flex; width: 100%; line-height: 20px; margin: 5px 0; }

.table_type004 { background: #fff; border-radius: 10px; border-top: 0; }

.table_type004 td:nth-child(6) { border-left: 1px solid #e2e2e2;
 padding: 0 10px; }

.question_list { text-align: start; }

.question_list > li { display: inline-block; padding-left: 10px; position: relative; font-size: 15px; }

.question_list > li:nth-child(1) { margin-bottom: 5px; }

.question_list > li::before { position: absolute; content: "*"; left: 0; top: 0; }

.sp > li { letter-spacing: -.5px; }

.question_txt { width: 100%; margin-top: 20px; }

.question_txt ul li { font-size: 16px; }

.question_info { margin-top: 25px; width: 100px; }

.question_info > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; }

@media screen and (width:1024px){
 .question_tit > h3 { font-size: 28px; font-weight: bold; }
}


@media screen and (min-width:640px) and (max-width:1023px){
 .question_top { background-size: 100% 100%; }

 .question_tit > h3 { font-size: 19px; font-weight: bold; }

 .question_section { padding: 25px; }
}


@media screen and (max-width:639px){
 .question_top { background-image: none; height: 70px; }

 .question_tit > h3 { display: block; width: 100%; margin: 0 auto; padding: 15px 20px; font-size: 17px; }

 .question_section { padding: 15px; overflow-x: scroll; }

 .table_type004 th { font-size: 14px !important; }

 .table_type004 td { font-size: 12px !important; font-weight: 500; letter-spacing: -1.2px; }

 .question_list > li { font-size: 13px; }

 .question_txt ul li { font-size: 14px;}

 .table_type004 { width: 500px;}

 .question_txt { margin-top: 20px; }

 #container .container_title01 { font-size: 26px !important; height: 50px !important; }
}
.tb_tit03 th:nth-child(5) { border-radius: 0 10px 0 0 !important; }

.tb_tit03 th:nth-child(4) { border-radius: 0 !important; border-right: 1px solid #cb8e0d !important; }

.table_type004 td > sup { font-size: 11px; }


/* 자주하는 질문 */

.Pr_reservation { position: relative; height: auto; }

.under_line { text-decoration: underline; }

.faq_ul { margin-bottom: 30px; }
.faq_ul li { margin-bottom: 5px; }

.faq_ul li span { color: rgb(43, 19, 237); }

.txt_list > li > a > b { font-weight: bold; }

.Pr_reservation > h2 { line-height: 1.3; font-size: 18px; }

.Pr_reservation > h4 { font-weight: bold; color: #333; font-size: 18px; }

.txt_list ol li:before, .txt_list ul li:before { display: none; }
.before_none { background-image: none !important; padding: 0 !important; margin-top: 10px !important; }


.before_none > h5 { padding-left: 10px; }

.login_p { position: absolute; padding-left: 35px; background-image: url(/portal/images/content/ic_loginfo.png); background-repeat: no-repeat; background-size: 26px; background-position: 0px center;}
.login_p > p { font-size: 15px; font-weight: 500; }
@media screen and (width:360px){
 .login_p > p { letter-spacing: -.5px; }
 }
@media screen and (width:320px){
 .login_p > p { font-size: 13px!important; letter-spacing: -.7px; }
 .login_p { background-size: 23px!important; padding-left: 30px}
 }

/*자주하는질문*/
/*국립자연휴양림 입장료 및 주차료*/
.top-img-wrap2 { width: 100%; height: 160px; position: relative; background: url('/portal/images/layout/entrance_bg.png') no-repeat top center; background-size : cover; }
.entrance_section { padding: 40px 50px 60px; background: #517ac5; }
.table_type002 { border-radius:10px; background: #fff; border-top: none; }
.tble_tit02 th { background-color: #f4ce5b; border-right: 1px solid #cb8e0d; border-collapse: collapse; }
.tble_tit02 tr:nth-child(1) th:nth-child(1) { border-radius: 10px 0 0 0; }
.tble_tit02 th:nth-child(4) { border-radius: 0 10px 0 0; border-right: none; }
.tble_tit02 th:nth-child(3) { border-bottom: 1px solid #cb8e0d; }
.tble_tit02 tr { font-size: 15px; color: #3c2d2d; font-weight: 400; }
.tble_tit02 tbody { font-size: 16px; }
.tble_tit02 tbody td { border: 1px solid #e7e7e7; }
.table_type002>tbody>tr:nth-child(1) td:last-child { border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002>tbody>tr:last-child td { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:first-child { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:last-child { border-bottom: none; border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002 td > span { display: block; padding-top: 8px; line-height: 2; }
.not.mg { margin-top: 30px; }

@media(min-width:640px) and (max-width:1199px){
 .top-img-wrap2 { background: none; }
 .table_type002 td { padding: 10px; }
 .entrance_section { padding: 10px 10px; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.3; }
 }

@media(max-width:639px){
 .entrance_section { padding: 5px 5px; }
 .top-img-wrap2 { background: none; height: 80px; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td { padding: 0px; line-height: 1.3; }
 .table_type002 .tble_tit td { padding: 5px; }
 .table_type002 thead tr th { line-height: 15px; font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(1) { font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(2) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(1) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(2) { font-size: 15px; }

 .table_type002 tbody td { font-size: 13px; letter-spacing: -1px; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.2; }
 .tble_tit02 th { padding: 5px; }
 }
/*국립자연휴양림 위약금 공제 및 배상 안내*/
.top-img-wrap { width: 100%; height: 170px; position: relative; background: url('/portal/images/layout/tit.png') no-repeat center center; background-size : cover; }
.penalty_section { background-color: #538d5c; width: 100%; height: auto; padding: 0px 50px 70px; font-family: 'Noto Sans Kr', sans-serif; }
.p_title { position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); }
.p_title>h3 { font-family: 'Noto Sans Kr', sans-serif; font-size: 30px; font-weight: 700; color: #ee5127; width: 100%; }
.p_title>h3:before { display: none; }
.table_wrap { border-radius: 10px; }
.table_wrap>table:nth-child(1) { padding-top: 20px; }
.penalty_section>h3 { color: #fff; }
.penalty_section>h3:before { display: none; }
.table_type001 { font-size: 16px; margin-bottom: 18px; border-top: none; width: 100%; border-collapse: collapse; }
.table_type001 th { font-weight: 400; font-family: 'Noto sans KR'; }
.table_type001 thead tr th { line-height: 20px; }
.table_type001 thead tr th:nth-child(1) { width: 10%; color: #fff; background: #36673e; }
.table_type001 thead tr:nth-child(1) th:nth-child(2) { width: 90%; color: #fff; background: #36673e; border-radius: 0 10px 0 0; border-left: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
.table_type001 thead tr:nth-child(2) th:nth-child(1) { width: 45%; color: #fff; background: #36673e; border-left: 1px solid #d8d8d8; }
.table_type001 thead tr:nth-child(2) th:nth-child(2) { width: 45%; color: #fff; background: #36673e; border-left: 1px solid #d8d8d8; }
.table_type001 thead tr:nth-child(1) th:nth-child(1) { border-radius: 10px 0 0 0; border-right: 1px solid #d8d8d8; }
.table_type001 tbody tr td:nth-child(1) { width: 10%; }
.table_type001 tbody tr td:nth-child(2) { width: 45%; }
.table_type001 tbody tr td:nth-child(3) { width: 45%; }
.table_type001 thead td { line-height: 1; }
.table_type001 tbody>* { font-size: 16px; }
.table_type001 thead td { background-color: #36673e; text-align: center; color: #fff; border-right: 1px solid #d8d8d8; border-bottom: none; }
.table_type001 thead td:nth-child(1) { border-radius: 10px 0 0 0; }
.table_type001 thead td:nth-child(3) { border-radius: 0 10px 0 0; border-right: none; }
.table_type001 tbody tr:last-child td:nth-child(1) { border-radius: 0 0 0 10px; }
.table_type001 tbody tr:last-child td:nth-child(3) { border-radius: 0 0 10px 0; }
.table_type001 tbody tr:last-child td { border-top: 1px solid #d8d8d8; }
.table_type001 tbody td { background-color: #fff; border-right: 1px solid #d8d8d8; border-bottom: none; }
.table_type001 tbody td:last-child { border-right: none; }
.table_type001 tbody td ul { width: 100%; }
.table_type001 tbody td ul li { width: 100%; line-height: 1.6; }
.table_type001 td { text-align: left; padding: 20px 30px; line-height: 1.8; letter-spacing: -1px; }
.not { width: 100%; margin-top: 50px; }
.not ul { width: 100%; }
.not ul li { color: #fff; display: flex; width: 100%; line-height: 20px; margin: 5px 0; }
.not ul li>strong { color: #fff; width: 3%; height: 100%; }
.not ul li>span { width: 97%; display:block; line-height: 1.5; }

@media(min-width:640px) and (max-width:1199px){
 .top-img-wrap { width: 100%; height: 170px; position: relative; background: url('./image/tit2.png') no-repeat center center; background-size : contain; }
 .p_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .p_title>h3 { font-size: 25px; width: 100%; }
 .table_type001 td { padding: 10px; }
 .penalty_section { padding: 10px 10px; }
 .penalty_section>h3 { text-align: center; }
 .table_type001 tbody tr td:nth-child(1) { padding: 15px; }
 .table_type001 thead tr td:nth-child(1) { width: 5%; }
 .table_type001 tr td:nth-child(1) { text-align: center; }
 .not { margin-bottom: 20px; }
 }

@media(max-width:639px){
 .top-img-wrap { width: 100%; height: 170px; position: relative; background: url('./image/tit2.png') no-repeat center center; background-size : contain; }
 .penalty_section { padding: 5px 5px; }
 .top-img-wrap { height: 80px; }
 .p_title { position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .p_title>h3 { font-size: 16px; width: 100%; }
 .penalty_section>h3 { text-align: center; }
 .table_type001 td { padding: 0px; line-height: 1.3; }
 .table_type001 .tble_tit td { padding: 5px; }
 .table_type001 thead tr th { line-height: 15px; }
 .tble_tit tr:nth-child(1) th:nth-child(1) { font-size: 15px; }
 .tble_tit tr:nth-child(1) th:nth-child(2) { font-size: 15px; }
 .table_type001 thead tr:nth-child(2) th:nth-child(1) { font-size: 15px; }
 .table_type001 thead tr:nth-child(2) th:nth-child(2) { font-size: 15px; }
 .bbs_faq .answer { padding: 10px 0; }
 .table_type001 tbody>* { font-size: 13px; }
 .table_type001 tbody tr td:nth-child(1) { text-align: center; padding: 10px; font-size: 13px; }
 .table_type001 tbody td ul li { line-height: 1.4; }
 .not { margin: 30px 0 20px; }
 .not ul li { font-size: 13px; }
 .not ul li>strong { color: #fff; width: 5%; height: 100%; }
 .not ul li>span { width: 95%; display:block; line-height: 1.3; }
 .table_type001 tbody td ul li { font-size: 13px; }
 .table_type001 tr td { padding: 10px 15px; }
 }

/*국립자연휴양림 할인 정책 안내*/
.top-img-wrap3 { width: 100%; height: 170px; position: relative; background: url('/portal/images/layout/reduct_bg.png') no-repeat center center; background-size : cover; }
.penalty_section { background-color: #538d5c; width: 100%; height: auto; padding: 0px 50px 70px; font-family: 'Noto Sans Kr', sans-serif; }
.p_title2 { position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); }
.tit_img>h3 { font-family: 'Noto Sans Kr', sans-serif; font-size: 30px; font-weight: 700; color: #ee5127; width: 100%; }
.penalty_section.tp1 { background: #f7f8e3; padding-top: 40px; }
.entrance_section { padding: 40px 50px 60px; background: #517ac5; }
.table_type002 { border-radius:10px; background: #fff; border-top: none; }
.tble_tit02 th { background-color: #f4ce5b; border-right: 1px solid #cb8e0d; border-collapse: collapse; }
.tble_tit02 tr:nth-child(1) th:nth-child(1) { border-radius: 10px 0 0 0; }
.tble_tit02 th:nth-child(4) { border-radius: 0 10px 0 0; border-right: none; }
.tble_tit02 th:nth-child(3) { border-bottom: 1px solid #cb8e0d; }
.tble_tit02 tr { font-size: 15px; color: #3c2d2d; font-weight: 400; }
.tble_tit02 tbody { font-size: 16px; }
.tble_tit02 tbody td { border: 1px solid #e7e7e7; }
.table_type002>tbody>tr:nth-child(1) td:last-child { border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002>tbody>tr:last-child td { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:first-child { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:last-child { border-bottom: none; border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002 td > span { display: block; padding-top: 8px; line-height: 2; }
.definition { margin-top: 30px; position:relative; background: #1e7d19; border-radius: 18.5px; color: #fff; font-size: 17px; text-align: center; line-height: 2; }
.definition.def1 { width: 130px; height: 37px; }
.definition.def2 { width: 200px; height: 37px; }
.definition.def3 { width: 180px; height: 37px; }
.entrance_section.reduction { padding: 0; background: #f7f8e3; }
.reduc_t1 { border-radius: 10px; }
.reduc_t1 td { border: 1px solid #d8d8d8; }
.reduc_t1 td:first-child { border-left: 0; }
.reduc_t1 td:last-child { border-bottom: 0; }
.reduc_t1 td:nth-last-child(n-1) { border-bottom: 0; }
.reduc_t1 tbody tr:last-child { border: none }
.reduc_t1.border > td:nth-child(1) { border:none; }
.def_inner ul { width: 100%; }
.def_inner ul li { line-height: 1.8; width: 100%; word-break: keep-all; font-size: 16px; letter-spacing: -1px; }
.highlight li { color: #145112; letter-spacing: -1px; }
.def_inner ul li span { display: block; margin-left: 10px; }
.not.black { margin-top: 17px; }
.not.black ul li { color: #383333; letter-spacing: -1px; }

@media(min-width:640px) and (max-width:1199px) {
 .top-img-wrap3 { background: none; }
 .p_title2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 25px; width: 100%; }
 .table_type002 td { padding: 10px; }
 .entrance_section { padding: 10px 10px; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.3; }
 .table_type002.reduc_t1 td { letter-spacing: -1px; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 15px; line-height: 2.3; }
 .def_inner ul li { font-size: 15px; }
 }
@media(max-width:639px){
 .top-img-wrap3 { background: none; }
 .penalty_section { padding: 5px 5px; }
 .p_title2 { position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 16px; width: 100%; }
 .penalty_section>h3 { text-align: center; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td { padding: 0px; line-height: 1.3; }
 .table_type002 .tble_tit td { padding: 5px; }
 .table_type002 thead tr th { line-height: 15px; font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(1) { font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(2) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(1) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(2) { font-size: 15px; }

 .table_type002 tbody td { font-size: 13px; letter-spacing: -1px; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.2; }
 .tble_tit02 th { padding: 5px; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 13px; line-height: 2; }
 .definition.def1 { width: 100%; height: 27px; }
 .definition.def2 { width: 100%; height: 27px; }
 .definition.def3 { width: 100%; height: 27px; }
 .definition.def1::after { display: none; }
 .definition.def2::after { display: none; }
 .definition.def3::after { display: none; }
 .def_inner ul li { font-size: 13px; }
 }

/*WIFI 설치 휴양림 현황*/
.top-img-wrap4 { width: 100%; height: 170px; position: relative; background: url('/portal/images/layout/wifi_tit.png') no-repeat center center; background-size : cover; }
.penalty_section { background-color: #538d5c; width: 100%; height: auto; padding: 0px 50px 70px; font-family: 'Noto Sans Kr', sans-serif; }
.w_title { position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); }
.tit_img>h3 { font-family: 'Noto Sans Kr', sans-serif; font-size: 30px; font-weight: 700; color: #ee5127; width: 100%; }
.tit_img>h3::before { display: none; }
.penalty_section.tp1 { background: #f7f8e3; padding-top: 40px; }
.entrance_section { padding: 40px 50px 60px; background: #517ac5; }

.definition { margin-top: 30px; position:relative; background: #1e7d19; border-radius: 18.5px; color: #fff; font-size: 17px; text-align: center; line-height: 2; }

.definition.def4 { width: 230px; height: 37px; }
.entrance_section.reduction { padding: 0; background: #f7f8e3; }

.table_type003 { border-radius:10px; background: #fff; border-top: none; }
.tble_tit03 th { background-color: #f4ce5b; border-right: 1px solid #cb8e0d; border-collapse: collapse; }
.tble_tit03 tr:nth-child(1) th:nth-child(1) { border-radius: 10px 0 0 0; }
.tble_tit03 th:nth-child(4) { border-radius: 0 10px 0 0; border-right: none; }

.tble_tit03 tr { font-size: 15px; color: #3c2d2d; font-weight: 400; }
.tble_tit03 tbody { font-size: 16px; }
.tble_tit03 tbody td { border: 1px solid #e7e7e7; }
.txtColor { font-size: 18px; font-weight: 600; list-style: none; padding: 10px 0; color: #ee5127; }
.txtColor li { padding-left: 5px; color: #ee5127; }

@media(min-width:640px) and (max-width:1199px){
 .top-img-wrap4 { background: none; height: 120px; }
 .w_title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 25px; width: 100%; }
 .entrance_section { padding: 10px 10px; }
 .entrance_section>h3 { text-align: center; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 15px; line-height: 2.3; }
 .table_type003 td { padding: 10px; }
 .table_type003 td > span { padding-top: 8px; line-height: 1.3; }
 .txtColor { padding: 10px 0; }
 }
@media(max-width:639px){
 .top-img-wrap4 { background: none; height: 80px; }
 .penalty_section { padding: 5px 5px; }
 .w_title { position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 16px; width: 100%; }
 .penalty_section>h3 { text-align: center; }
 .entrance_section>h3 { text-align: center; }
 .table_type003 thead tr th { line-height: 20px; font-size: 15px; }
 .table_type003 td { padding: 3px; line-height: 23px; word-break: break-word; font-size: 13px; letter-spacing: -1px; }
 .tble_tit03 tr:nth-child(1) th:nth-child(1) { font-size: 15px; }
 .tble_tit03 tr:nth-child(1) th:nth-child(2) { font-size: 15px; }
 .tble_tit03 th { padding: 5px; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 13px; line-height: 2; }
 .definition.def4 { width: 100%; height: 27px; }
 .definition.def4::after { display: none; }
 .txtColor { padding: 10px 0; font-size: 15px; }
 }



/* 국립자연휴양림 시설사용료 안내 추가 */
.question_top { width: 100%; height: 140px; background-image: url(/images/layout/question_bg001.png); background-repeat: no-repeat; background-position: center center; position: relative; background-size: 100% 100%;}

.question_tit > h3 { padding: 0; margin: 0; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 900; font-size: 30px; color: #f84616; font-family: "noto sans"; }

.question_tit > h3:before { display: none; }

.question_section { padding: 20px 50px 60px; background: #f6f7e4; }

.question_fee { width: 150px; margin-bottom: 20px;}

.question_fee > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }

.question_fee02 { width: 130px; margin: 20px 0;}

.question_fee02 > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }

.question_fee03 { width: 160px; margin: 20px 0;}

.question_fee03 > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; font-size: 16px; }


.question_txt ul li { color: #333; display: flex; width: 100%; line-height: 20px; margin: 5px 0; }

.table_type004 { background: #fff; border-radius: 10px; border-top: 0; }

.table_type004 td:nth-child(6) { border-left: 1px solid #e2e2e2;
 padding: 0 10px; }

.question_list { text-align: start; }

.question_list > li { display: inline-block; padding-left: 10px; position: relative; font-size: 15px; }

.question_list > li:nth-child(1) { margin-bottom: 5px; }

.question_list > li::before { position: absolute; content: "*"; left: 0; top: 0; }

.sp > li { letter-spacing: -.5px; }

.question_txt { width: 100%; margin-top: 20px; }

.question_txt ul li { font-size: 16px; }

.question_info { margin-top: 25px; width: 100px; }

.question_info > p { text-align: center; border-radius: 20px; background: #1e7d19; padding: 5px 10px; color: #fff; }

@media screen and (width:1024px){
 .question_tit > h3 { font-size: 28px; font-weight: bold; }
}


@media screen and (min-width:640px) and (max-width:1023px){
 .question_top { background-size: 100% 100%; }

 .question_tit > h3 { font-size: 19px; font-weight: bold; }

 .question_section { padding: 25px; }
}


@media screen and (max-width:639px){
 .question_top { background-image: none; height: 70px; }

 .question_tit > h3 { display: block; width: 100%; margin: 0 auto; padding: 15px 20px; font-size: 17px; }

 .question_section { padding: 15px; overflow-x: scroll; }

 .table_type004 th { font-size: 14px !important; }

 .table_type004 td { font-size: 12px !important; font-weight: 500; letter-spacing: -1.2px; }

 .question_list > li { font-size: 13px; }

 .question_txt ul li { font-size: 14px;}

 .table_type004 { width: 500px;}

 .question_txt { margin-top: 20px; }

 #container .container_title01 { font-size: 26px!important; height: 50px!important; }


 }

.tb_tit03 th:nth-child(5) { border-radius: 0 10px 0 0!important; }

.tb_tit03 th:nth-child(4) { border-radius: 0!important; border-right: 1px solid #cb8e0d!important; }

.table_type004 td > sup { font-size: 11px; }



.top-img-wrap3 { width: 100%; height: 170px; position: relative; background: url('/portal/images/layout/reduct_bg.png') no-repeat center center; background-size : cover; }
.penalty_section { background-color: #538d5c; width: 100%; height: auto; padding: 0px 50px 70px; font-family: 'Noto Sans Kr', sans-serif; }
.p_title2 { position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); }
.tit_img>h3 { font-family: 'Noto Sans Kr', sans-serif; font-size: 30px; font-weight: 700; color: #ee5127; width: 100%; }
.penalty_section.tp1 { background: #f7f8e3; padding-top: 40px; }
.entrance_section { padding: 40px 50px 60px; background: #517ac5; }
.table_type002 { border-radius:10px; background: #fff; border-top: none; }
.tble_tit02 th { background-color: #f4ce5b; border-right: 1px solid #cb8e0d; border-collapse: collapse; }
.tble_tit02 tr:nth-child(1) th:nth-child(1) { border-radius: 10px 0 0 0; }
.tble_tit02 th:nth-child(4) { border-radius: 0 10px 0 0; border-right: none; }
.tble_tit02 th:nth-child(3) { border-bottom: 1px solid #cb8e0d; }
.tble_tit02 tr { font-size: 15px; color: #3c2d2d; font-weight: 400; }
.tble_tit02 tbody { font-size: 16px; }
.tble_tit02 tbody td { border: 1px solid #e7e7e7; }
.table_type002>tbody>tr:nth-child(1) td:last-child { border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002>tbody>tr:last-child td { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:first-child { border-bottom: none; }
.table_type002>tbody>tr:nth-child(5) td:last-child { border-bottom: none; border-left: 1px solid #e7e7e7; border-collapse: collapse; }
.table_type002 td > span { display: block; padding-top: 8px; line-height: 2; }
.definition { margin-top: 30px; position:relative; background: #1e7d19; border-radius: 18.5px; color: #fff; font-size: 17px; text-align: center; line-height: 2; }
.definition.def1 { width: 130px; height: 37px; }
.definition.def2 { width: 200px; height: 37px; }
.definition.def3 { width: 180px; height: 37px; }
.entrance_section.reduction { padding: 0; background: #f7f8e3; }
.reduc_t1 { border-radius: 10px; }
.reduc_t1 td { border: 1px solid #d8d8d8; }
.reduc_t1 td:first-child { border-left: 0; }
.reduc_t1 td:last-child { border-bottom: 0; }
.reduc_t1 td:nth-last-child(n-1) { border-bottom: 0; }
.reduc_t1 tbody tr:last-child { border: none }
.reduc_t1.border > td:nth-child(1) { border:none; }
.def_inner ul { width: 100%; }
.def_inner ul li { line-height: 1.8; width: 100%; word-break: keep-all; font-size: 16px; letter-spacing: -1px; }
.highlight li { color: #145112; letter-spacing: -1px; }
.def_inner ul li span { display: block; margin-left: 10px; }
.not.black { margin-top: 17px; }
.not.black ul li { color: #383333; letter-spacing: -1px; }

@media(min-width:640px) and (max-width:1199px) {
 .top-img-wrap3 { background: none; }
 .p_title2 { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 25px; width: 100%; }
 .table_type002 td { padding: 10px; }
 .entrance_section { padding: 10px 10px; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.3; }
 .table_type002.reduc_t1 td { letter-spacing: -1px; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 15px; line-height: 2.3; }
 .def_inner ul li { font-size: 15px; }
 }
@media(max-width:639px){
 .top-img-wrap3 { background: none; }
 .penalty_section { padding: 5px 5px; }
 .p_title2 { position: absolute; top: 58%; left: 50%; transform: translate(-50%,-50%); width: 100%; text-align: center; }
 .tit_img>h3 { font-size: 16px; width: 100%; }
 .penalty_section>h3 { text-align: center; }
 .entrance_section>h3 { text-align: center; }
 .table_type002 td { padding: 0px; line-height: 1.3; }
 .table_type002 .tble_tit td { padding: 5px; }
 .table_type002 thead tr th { line-height: 15px; font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(1) { font-size: 15px; }
 .tble_tit02 tr:nth-child(1) th:nth-child(2) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(1) { font-size: 15px; }
 .table_type002 thead tr:nth-child(2) th:nth-child(2) { font-size: 15px; }

 .table_type002 tbody td { font-size: 13px; letter-spacing: -1px; }
 .table_type002 td > span { padding-top: 8px; line-height: 1.2; }
 .tble_tit02 th { padding: 5px; }
 .definition { margin-top: 30px; border-radius: 18.5px; font-size: 13px; line-height: 2; }
 .definition.def1 { width: 100%; height: 27px; }
 .definition.def2 { width: 100%; height: 27px; }
 .definition.def3 { width: 100%; height: 27px; }
 .definition.def1::after { display: none; }
 .definition.def2::after { display: none; }
 .definition.def3::after { display: none; }
 .def_inner ul li { font-size: 13px; }
 }

@media(max-width:769px){
 .align_horizen { display:
 flex; flex-wrap: wrap-reverse; padding-bottom:10px; justify-content: space-between; height: auto; }
 .align_horizen p { position:relative; width:100%; }

 .fold_slidetoggle .toggle_pt.basic .charge_coin { padding: 10px 0 0 0; }
 .fold_slidetoggle.default .toggle_pt.basic { padding-top:10px; }
 .charge_right { font-size:20px; }
}

/* 반려견 동반 휴양림 이용 동의서(객실) */
.dog_agree { margin-left: 10px; position: relative; display: inline-block; padding: 5px 10px 5px 30px; border: 1px solid #2462E1; font-size: 15px; font-weight: 500; color: #2462E1 !important; }

.dog_agree:hover { background: #5468c7; color:#fff!important; }

.dog_agree:hover::before { background-image: url(/images/common/information_ov.png); }

.dog_agree::before { content: ""; background-image: url(/images/common/information.png); background-repeat: no-repeat; background-position: center right; width: 25px; height: 100%; position: absolute; left: 0; top: 0; vertical-align: middle; }

.agree_dog_txt { }

.modal-wrapper { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); visibility: hidden; opacity: 0; transition: all 0.25s ease-in-out; z-index: 999999; }

.modal-wrapper.open { opacity: 1; visibility: visible; }

.modal { width: 1000px; height: 900px; padding: 20px 25px; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; opacity: 0; transition: all 0.5s ease-in-out; box-sizing: border-box; }

.modal-wrapper.open .modal { opacity: 1; }

.modal > h4 { text-align: center; position: relative; margin: 0; padding: 0; color: #333; font-size: 28px; font-weight: bold; padding: 10px 20px 20px 20px; margin: 0 auto; }

.modal > h4 > img { margin-right: 15px; }

.modal > h4::after { position: absolute; width: 450px; content: ""; height: 3px; bottom: 13px; left: 53.5%; transform: translate(-50%, -50%); color: #333; background: #333; }

.modal-content { margin-top: 15px; }

.dog-agree-text { padding: 15px 40px; text-align: center; font-weight: bold; background: #4156b9; }

.dog-agree-text > p { color: #fff; text-align: center; font-size: 15px; }

.dog-agree-list { padding: 25px 25px 0px 25px; }

.dog-agree-list > .dog-list01 > li { font-size: 15px; font-weight: bold; width: 100%; letter-spacing: -.5px; line-height: 1.4; }

.dog-agree-list > .dog-list01 > li:not(:first-child) { margin-top: 20px; }

.dog-list02 { padding-top: 10px; padding-left: 20px; }

.dog-list02 > li { font-size: 15px; font-weight: normal; position: relative; display: block; width: 100%; padding-left: 13px; margin-bottom: 5px; }

.dog-list02 > li:nth-last-child(1) { margin-bottom: 0; }

.dog-list02 > li::before { content: "•"; position: absolute; left: 0; top: 0; vertical-align: middle; }

.dog-list02 > li > p { font-size: 15px; padding-top: 2px; }

.dog-agree-btn { margin-top: 20px; }

.dog-agree-btn > a { margin: 0 auto; width: 180px; display: block; color: #fff; padding: 15px; background: 20px; text-align: center; border-radius: 30px; background: #5468c7; border: 1px solid #5468c7;}

.dog-agree-btn > a:hover { background: #fff; color: #5468c7; transition: .3s; border: 1px solid #5468c7; }

.dog-mb { display: none; }

@media (max-width: 740px){
 .dog_agree { margin-left: 0; margin-top: 15px; }
 }

@media (max-width: 1200px){
 .modal { width: 95%; padding: 25px; height: auto; }

 .modal > h4 { font-size: 25px; padding: 0px 20px 20px 20px }

 .modal > h4::after { width: 400px; left: 55%; }

 .dog-agree-text > p { display: none; }

 .dog-mb { display: block !important; font-size: 13px !important; }

 .dog-agree-text { padding: 20px; }

 .dog-agree-btn { margin-top: 10px; }

 .dog-list02 { padding-top: 5px; }

 .dog-agree-list { padding: 20px 20px 0 20px; }
 .dog-agree-list > .dog-list01 > li { font-size: 14px; }
 }

@media (width: 1024px){
 .dog-agree-text > p { display: block; font-size: 18px; }

 .dog-mb { display: none!important; }
 }

@media (max-width: 900px) { /*
 .modal { width: 95%; padding: 20px; height: auto; }
 .modal-content { margin-top: 0; }
 .dog-agree-btn > a { padding: 12px; }
*/
 .modal { width: 95%; padding: 15px; height: auto; }
 .modal > h4 { font-size: 18px; text-align: center; padding: 0; padding-bottom: 20px; }

 .modal > h4::after { bottom: 10px; height: 2px; width: 280px; }
 .modal > h4 > img { margin-right: 10px; width: 30px; height: 30px; }
 .dog-mb { font-size: 13px!important; }

 .modal-content .mCSB_inside > .mCSB_container { margin-right: 10px; }

 .modal-content .mCSB_scrollTools { right: -7px; }
 .dog-agree-text { padding: 13px; }
 .dog-agree-list { padding: 10px; }
 .dog-list02 { padding-left: 10px; }
 .dog-list02 > li { font-size: 13px; }
 .modal-content { height: 500px; }
 }

@media(max-width: 639px){
 .modal { width: 95%; padding: 15px; height: auto; }
 .modal > h4 { font-size: 18px; text-align: center; padding: 0; padding-bottom: 20px; }

 .modal > h4::after { bottom: 10px; height: 2px; width: 280px; }
 .modal > h4 > img { margin-right: 10px; width: 30px; height: 30px; }
 .dog-mb { font-size: 13px!important; letter-spacing: -.5px; }

 .modal-content .mCSB_inside > .mCSB_container { margin-right: 10px; }

 .modal-content .mCSB_scrollTools { right: -7px; }
 .dog-agree-text { padding: 13px; }
 .dog-agree-list { padding: 10px; }
 .dog-list02 { padding-left: 10px; }
 .dog-list02 > li { font-size: 13px; }
 .modal-content { height: 500px; }
 .dog-list02 > li > p { font-size: 13px; }
 }

@media(max-width: 360px){
 .modal { width: 95%; padding: 15px; height: auto; }
 .modal-content { height: 550px; }
 .modal > h4 { font-size: 17px; }
 .dog-agree-list { padding: 5px; }
 }
/* 반려견 동반 휴양림 이용 동의서(객실) */

@media(max-width: 900px) {

    .dog-list01 {
        overflow-y: scroll;
        display: block;
        height: 335px;
    }
}

@media(max-width: 700px) {
    .dog-list01 {
        height: 310px;
    }
}

@media(max-width: 464px) {
    .dog-list01 {

        height: 290px;
    }

    .dog-mb {
        font-size: 12px !important;
    }
}

@media(max-width: 360px) {
    .dog-list01 {

        height: 340px;
    }
}

@media(max-width: 320px) {
    .modal {
        height: 100%;
    }

    .dog-list01 {
        height: 225px;
    }

}

@media screen and (min-width:1250px){
    .stayroom .stay_right{overflow:visible;float:right;width:31%;}
    #payment{position:relative;}
    #bfrPaymentPhn{position:relative;}
}

/* 마이페이지 행정정보공동이용 인증 20231026 */
.shareCert_wrap {display: flex; margin: 0 -10px;}
.shareCert_box {border: 1px solid #c9c9c9; margin: 0 10px; width: 100%; text-align: center; padding: 20px 20px 60px; position: relative;}
.shareCert_box .txt_sm {font-size: 15px; margin: 3px 0 10px;}
.shareCert_box .btn_wrap {display: flex; margin: 0 -2px; position: absolute; width: calc(100% - 40px); left: 20px; bottom: 20px;}
.shareCert_box .btn_wrap .btn {width: 100%; margin: 0 2px; padding: 8px 0 9px;}

@media (max-width: 1024px){
	.shareCert_wrap {flex-wrap: wrap; margin: 0;}
	.shareCert_box {margin: 7px 0;}
}


/* 실버전용우선예약 20231129 */
.silver_cont.layout,
.silver_cont.layout b,
.silver_cont.layout form,
.silver_cont.layout li,
.silver_cont .layer_body .tbl th,
.silver_cont .layer_body .tbl td {font-size: 18px;}
.silver_cont .result_con {border-bottom: 1px solid #404a74;}
.silver_cont .search_con_ti span {font-size: 17px; margin-left: 0;}
.silver_cont .st_con ul li .st_txt b {font-size: 22px;}
.silver_cont .rc_item {border-top: 1px solid #404a74; padding: 25px 150px 0 0;}
.silver_cont .rc_item .st_con .con_lnk a {font-size: 17px; width: 100%; margin-left: 0; margin-bottom: 10px;}
.silver_cont .rc_item .st_con ul {margin-top: 5px;}
.silver_cont .rc_item .st_con ul li {font-size: 18px;}
.silver_cont .rc_item .ut_roomcount {font-size: 18px;}
.silver_cont .rc_item .rc_util .ut_button a {width: 110px; height: 110px; padding-top: 25px; font-size: 18px; font-weight: 500; background: #ffdc47; color: #000 !important;}
.silver_cont #searchResultMap .st_img {width: 320px; height: 220px;}
.silver_cont #searchResultMap .st_img img {width: 320px; height: 220px;}
.silver_cont #searchResultMap .stay_info {padding-left: 350px; padding-top: 10px; padding-bottom: 10px;}

.silver_cont .st_con ul li {font-size: 18px;}
.silver_cont .st_con ul li .st_tit {width: 120px;}
.silver_cont .check_list .list_row .row_title {font-size: 17px; height: 35px;}
.silver_cont .regend_icGroup span img {width: 30px;}
.silver_cont .regend_icGroup span {font-size: 16px;}
.silver_cont .communication_list {margin-top: 10px;}
.silver_cont .communication_list .list_box .opt_group .icon_group img {width: 30px; vertical-align: -7px;}
.silver_cont .communication_list .list_box .opt_group .opt1 {padding-left: 40px; background-repeat: no-repeat; background-position: left center; background-size: 30px; width: 100%; font-weight: 700;}
.silver_cont .communication_list .list_box .opt_group .opt2 {width: 100%;}
.silver_cont .communication_list .list_box .opt_group > div {font-size: 18px;}
.silver_cont .communication_list .list_box .more {width: 50px; height: 50px; top: 50%; transform: translateY(-50%); right: 20px; padding-top: 15px;}
.silver_cont .communication_list .list_box .communication_list .list_box .more img {width: 20px;}
.silver_cont .stayroom.charge_wrap .stay_result_border .money_wrap b {width: 70px; margin-top: -2px;}
.silver_cont .war_tit {font-size: 20px;}

.text_zoom button {border: 1px solid #c9c9c9; padding: 10px 15px 10px 35px; font-weight: 500; font-size: 15px;}
.text_zoom .text_minus {background: url(/images/content/stay_img06.png) no-repeat; background-position: left 12px center;}
.text_zoom .text_plus {background: url(/images/content/stay_img07.png) no-repeat; background-position: left 12px center;}
.search_con_ti .text_zoom {margin-top: -6px;}

@media (max-width: 1250px){
	.silver_cont .communication_list .list_box .btn_group a {display: inline-block; width: 110px; vertical-align: top; font-size: 16px;}
	.silver_cont .communication_list .list_box .btn_group .more {position: static; text-align: left; padding: 8px 10px 0; height: 35px; transform: translateY(0);}
	.silver_cont .communication_list .list_box .btn_group .more:after {font-size: 16px;}
}

@media (max-width: 900px) {
	.silver_cont #searchResultMap .rc_item {padding: 10px 0 20px;}
	.silver_cont #searchResultMap .rc_item .rc_util {position: relative; top: auto; right: auto; overflow: hidden; margin-top: 10px; padding: 10px; border-top: 1px solid #d2d2d2;}
	.silver_cont #searchResultMap .rc_item .rc_util > div {display: inline-block; overflow: hidden; vertical-align: middle; margin: 0; margin-left: 10px;}
	.silver_cont #searchResultMap .rc_item .rc_util .st_count {display: none;}
	.silver_cont #searchResultMap .rc_item .rc_util .ut_roomcount {padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; font-weight: 500 ;margin-left:0;}
	.silver_cont #searchResultMap .rc_item .rc_util .ut_button a {width: auto; height: auto; padding: 10px 15px; border-radius: 5px; -webkit-border-radius: 5px; font-weight: 500;}
	.silver_cont #searchResultMap .rc_item .rc_util .ut_button a .sprity-search {display: inline-block; width:20px; height:16px; margin-right:0; vertical-align: -3px; background-size: 39px; background-position: -2px -142px;}
	.silver_cont #searchResultMap .stay_info {padding-left: 0;}
	.silver_cont #searchResultMap .st_img {position: static; width: 100%; height: auto; margin-bottom: 20px; text-align: center;}
	.silver_cont #searchResultMap .st_img img {width: 100%; height: auto;}
	.silver_cont .st_con .con_lnk {padding-top: 10px;}
}

@media (max-width: 580px) {
	.silver_cont #searchResultMap .rc_item .rc_util {padding: 10px 0 0;}
	.silver_cont #searchResultMap .rc_item .rc_util>div {display: block; margin-top: 5px;}
	.silver_cont #searchResultMap .rc_item .rc_util .ut_button {display: block; width: 100%; margin-left: 0;}
	.silver_cont #searchResultMap .rc_item .rc_util .ut_button a {display: block;}
}

@media (max-width: 500px) {
	.search_con_ti .text_zoom {float: none; margin-top: 5px;}
	.search_con_ti .text_zoom button {margin: 3px 0; width: 100%;}
}


/* 팝오버(호버) 20231208 */
.popover_hover_wrap {position: relative;}
.popover_hover_tit {cursor: default;}
.popover_hover_tit::after {content: ''; display: inline-block; width: 15px; height: 15px; background: url(/portal/images/content/popover_icon.png); background-size: 100%; position: relative; top: 2px; margin-left: 3px;}
.popover_hover_cont {display: none; position: absolute; left: 0; top: 100%; z-index: 1; width: 100%; max-width: 800px; padding-top: 10px;}
.popover_hover_txt {background: #fff; color: #000; border: 3px solid #e0e2ed; padding: 15px 20px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.popover_hover_txt::before {border-color: #fff transparent; border-style: solid ; border-width: 0 9px 11px 9.5px; content: ''; display: block; left: 50%; transform: translateX(-50%); position: absolute; top: 5px; width: 0; z-index: 1;}
.popover_hover_txt::after {border-color: #e0e2ed transparent; border-style: solid ; border-width: 0 9px 11px 9.5px; content: ''; display: block; left: 50%; transform: translateX(-50%); position: absolute; top: 0; width: 0; z-index: 0;}

.popover_hover_tit:hover + .popover_hover_cont {display: block;}
.popover_hover_cont:hover {display: block;}

@media (max-width: 1250px){
	.popover_hover_tit::after {display: none;}
	.popover_hover_cont {display: block; position: static; max-width: none; padding-top: 5px;}
	.popover_hover_txt::before,
	.popover_hover_txt::after {display: none;}
}

@media (max-width: 580px) {
	.popover_hover_txt {padding: 10px 15px;}
}

/* 결제하기 온수에어컨추가 버튼 */
.visit_mn .char_box span select.wh_select{ min-width: 400px; padding: 0 0 0 20px; height: 150px; }

.wh_txt{display:block; margin-top:15px; padding-left:5px;}

@media (max-width: 500px) {
    .visit_mn .char_box span select.wh_select{
      width:100%;
     min-width:100%;
    }

 .wh_txt{
  margin-top:0;
 }
}