@charset "utf-8";

/* Reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{padding:0;margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-font-smoothing:antialiased;}
table{width:100%;border-collapse:collapse} /* table에서 th와 td에서 겹쳐지는 선을 1px로 합쳐준다 */
caption,legend{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;text-indent:-9999px}
ul,ol,li{list-style-type:none}
img{max-width:100%}
img,li img,dd img{vertical-align:top}
img,form,fieldset,abbr,acronym,iframe,button{border:0}
form{clear:both}
input,select,textarea,button{vertical-align:middle}
address,caption,em{font-style:normal;font-weight:normal}
hr{display:none}

/* Base */
html,body{height:100%}
body{line-height:1.5em;font-size:1em;color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%}
a{color:#333;text-decoration:none}

/* Defalut */
.hide,.vis{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden}
.hide{text-indent:-9999px}
.vis{position:absolute;z-index:-1} /* form에서 label을 날려줄 때만 사용한다 */
.ft_hide{position:absolute;visibility:hidden;z-index:-1}
.invisible{position:absolute;left:-5000px}
.clear{display:block;content:"";clear:both}

/* 공통클래스 */
.flt_left_wrap{display:inline-block}
.flt_left_wrap li{float:left}
.dsp_non{display:none}

/* 공통 디자인체크박스 */
.m_check_wrap {position:relative;}
.m_check_wrap > input[type="checkbox"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.m_check_wrap > input[type="checkbox"] + label {display:inline-block; vertical-align:middle; font-size:13px; line-height:1.5; padding-left:19px; margin:0; background:url("/app/images/common/bg_checkbox_off.png") no-repeat 0 5px; background-size:15px;}
.m_check_wrap > input[type="checkbox"]:checked + label {background:url("/app/images/common/bg_checkbox_on.png") no-repeat 0 5px; background-size:15px;}

/* SubTitle_checkbox_wrap */
.SubTitle_checkbox_wrap {position:relative; text-align:right; padding:0 15px 10px;}
.SubTitle_checkbox_wrap input[type="checkbox"] {opacity:0; position:absolute; right:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.SubTitle_checkbox_wrap input[type="checkbox"] + label  {display:inline-block; vertical-align:middle; font-size:13px; padding-left:19px; margin:0; color:#414141;background:url("/app/images/common/bg_subTitcheckbox_off.png") no-repeat 0 50%; background-size:15px;}
.SubTitle_checkbox_wrap input[type="checkbox"]:checked + label {background:url("/app/images/common/bg_subTitcheckbox_on.png") no-repeat 0 50%; background-size:15px;}



/* 공통 디자인라디오버튼 */
.m_radio_wrap {position:relative;}
.m_radio_wrap > input[type="radio"] {opacity:0; position:absolute; left:0; top:0; width:5px; height:5px; margin:0; padding:0;}
.m_radio_wrap > input[type="radio"] + label {display:inline-block; vertical-align:middle; font-size:13px; padding-left:19px; margin:0; background:url("/app/images/common/bg_radio_off.png") no-repeat 0 5px; background-size:14px;}
.m_radio_wrap > input[type="radio"]:checked + label {background:url("/app/images/common/bg_radio_on.png") no-repeat 0 5px; background-size:14px;}
.m_radio_wrap > input[type="radio"]:disabled + label {display:inline-block; vertical-align:middle; font-size:13px; padding-left:19px; margin:0; background:url("/app/images/common/bg_radio_disabled.png") no-repeat 0 5px; background-size:14px;}

/* 체크박스 간격 */
.checkbox_setting_type1 {overflow:hidden; padding-top:10px;}
.checkbox_setting_type1 .m_check_wrap {float:left; padding-right:20px;}

/* 체크박스 간격 50% */
.checkbox_setting_type2 {overflow:hidden; padding-top:10px;}
.checkbox_setting_type2 .m_check_wrap {width:50%; float:left; padding-top:8px;}
.checkbox_setting_type2 .m_check_wrap:nth-of-type(1),
.checkbox_setting_type2 .m_check_wrap:nth-of-type(2) {padding-top:0;}
.checkbox_setting_type2 .m_check_wrap_type2 {width:100%; float:left;}


/* 체크박스 간격 */
.checkbox_setting_type3 {text-align:left; font-size:0;}
.checkbox_setting_type3 .m_check_wrap {display:inline-block; width:50%; background-position:0 2px;}
.checkbox_setting_type3 .m_check_wrap > input[type="checkbox"] + label { background-position:0 2px;}



/* 라디오버튼 간격 */
.radio_setting_type1 {overflow:hidden; padding-top:10px;}
.radio_setting_type1 .m_radio_wrap { float:left; padding-right:20px;}

/* 라디오버튼 간격 50% */
.radio_setting_type2 {overflow:hidden; padding-top:10px;}
.radio_setting_type2 .m_radio_wrap {width:50%;float:left; padding-top:8px;}
.radio_setting_type2 .m_radio_wrap:nth-of-type(1),
.radio_setting_type2 .m_radio_wrap:nth-of-type(2) {padding-top:0;}
.radio_setting_type2 .m_radio_wrap_type2 {width:100%; float:left;}

/* 라디오버튼 간격 30% */
.radio_setting_type3 {overflow:hidden; padding-top:10px;}
.radio_setting_type3 .m_radio_wrap {width:33.3%;float:left; padding-top:5px;}
.radio_setting_type3 .m_radio_wrap:nth-of-type(1),
.radio_setting_type3 .m_radio_wrap:nth-of-type(2),
.radio_setting_type3 .m_radio_wrap:nth-of-type(3){padding-top:0;}
.radio_setting_type3 .m_radio_wrap_type2 {width:100%; float:left;}

/* 공통 디자인 셀렉트 */
.m_select_wrap {position:relative;}
.m_select_wrap .m_select_inner {border:1px solid #9e9e9e;}
.m_select_inner select {width:100%; padding:0 5%; height:35px; border:0; background:#fff; font-size:14px;
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
-webkit-appearance: none;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */}
.m_select_wrap .select_arrow {display:block; position:absolute; right:10px; top:15px; z-index:2; width:10px; height:7px; 
background:url("/app/images/common/blt_select_arrow.png") no-repeat 0 50%; background-size:10px;}

/* 이용호텔 공통 디자인 셀렉트 */
.hotel_select {position:relative;}
.hotel_select .m_hotelSelect_inner {background:#f0f0f0;}
.m_hotelSelect_inner select {width:100%; padding:0 5%; height:40px; border:0; background:#f0f0f0; color:#222222; 
font-size:14px; font-weight:600; position:relative;
 text-overflow:ellipsis; white-space:nowrap; overflow:hidden;
-webkit-appearance: none;
appearance:button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari and Chrome */}
.hotel_select .select_arrow {display:block; position:absolute; right:10px; top:15px; width:10px; height:7px; 
background:url("/app/images/common/blt_hotelSelect_arrow.png") no-repeat 0 50%; background-size:10px;}

/* 관심담기 팝업 */
.pop_fav_wrap {display:none; width:100%; height:100%; position:absolute; left:0; top:0; line-height:1.2;}
.pop_fav_in {position:relative; height:100%;}
.bg_pop_fav {background:#1b1b1b; width:100%; height:100%; position:fixed; left:0; top:0; z-index:111; opacity:0.8;}
.pop_fav {position:absolute; left:0; top:0; width:300px; height:168px; z-index:112;}

.pop_fav_info {position:relative; border:1px solid #fff; padding:20px; text-align:center; color:#fff;}
.pop_fav_info .bg_fav_info {background:#206f4a; position:absolute; left:0; top:0; width:100%; height:100%; opacity:0.68;}
.pop_fav_txt {position:relative; z-index:112;}
.pop_fav_txt > p {font-size:18px; font-weight:600;}
.pop_fav_txt > span {display:block; font-size:14px; padding-top:10px; line-height:1.5;}

.btn_pop_fav {overflow:hidden; margin:0 auto; width:210px; margin-top:15px;}
.btn_pop_fav > a {display:block; width:100px; padding:10px 0; border-radius:5px; text-align:center; float:left; 
background:#fff; color:#3b3b3b; font-size:15px; font-weight:600;}
.btn_pop_fav > a:last-of-type {float:right;}

/* margin */
.marT0 {margin-top:0 !important;}
.marT5 {margin-top:5px !important;}
.marT10 {margin-top:10px !important;}
.marT15 {margin-top:15px !important;}
.marT20 {margin-top:20px !important;}
.marT25 {margin-top:25px !important;}
.marT30 {margin-top:30px !important;}
.marT35 {margin-top:35px !important;}
.marT40 {margin-top:40px !important;}
.marT45 {margin-top:45px !important;}
.marT50 {margin-top:50px !important;}
.marT55 {margin-top:55px !important;}
.marT60 {margin-top:60px !important;}
.marT65 {margin-top:65px !important;}
.marT70 {margin-top:70px !important;}
.marT75 {margin-top:75px !important;}
.marT80 {margin-top:80px !important;}
.marT85 {margin-top:85px !important;}
.marT90 {margin-top:90px !important;}
.marT95 {margin-top:95px !important;}
.marT100 {margin-top:100px !important;}

/* padding */
.padT0 {padding:0 !important;}
.padT10 {padding:10px 0 0 !important;}
.padT15 {padding:15px 0 0 !important;}
.padT20 {padding:20px 0 0 !important;}
.padT30 {padding:30px 0 0 !important;}
.padT40 {padding:40px 0 0 !important;}
.padT50 {padding:50px 0 0 !important;}
.padT60 {padding:60px 0 0 !important;}

.padTB10 {padding:10px 0 !important;}
.padTB20 {padding:20px 0 !important;}
.padTB30 {padding:30px 0 !important;}
.padTB40 {padding:40px 0 !important;}
.padTB50 {padding:50px 0 !important;}


#m_section05_hotPlace_wrap {line-height:1.2;background-color:#fff;padding-bottom: 10px;}
#m_section05_hotPlace_wrap > h1{padding:20px 0 15px 10px}
#m_section05_hotPlace_wrap > h1 > img{height:15px}
.m_s05_hotPlace_list_box{position:relative}
.m_s05_hotPlace_list_wrap {display:block; overflow:hidden;}
.m_s05_hotPlace_list_wrap li {float:left; width:50%;}
.m_s05_hotPlace_list_wrap li > a {display:block;position:relative;border-top:1px solid #fff}
/* .m_s05_hotPlace_list_wrap li:nth-child(2n+1) > a {border-right:1px solid #fff} */
.m_s05_hotPlace_list_wrap li > a > img {width:100%; height:100%; position:absolute; left:0; top:0;}
.m_s05_hotPlace_list_wrap li > a > .m_s05_price {position:absolute; right:8px; bottom:8px; color:#f2f2f2; font-weight:bold; letter-spacing:-1px;font-size:0.75em; text-align:right; z-index:12;}
.m_s05_hotPlace_list_line{position:absolute;left:50%;top:0;width:1px;height:100%;background-color:#fff}
.m_s05_hotPlace_txt {color:#fff; display:table; margin:0 auto; position:relative; z-index:12; padding:30% 0;}

.m_s05_txt {display:table-cell; vertical-align:middle; text-align:center;}
.m_s05_txt > p {font-size:0.563em; margin:0 auto; padding:2px; margin-top:-20px;}
.m_s05_txt > p.category_f {background:#f25e0b; width:50px;}
.m_s05_txt > p.category_b {background:#006aa8; width:36px;}
.m_s05_txt > p.category_h {background:#d54e88; width:26px;}
.m_s05_txt > p.category_g {background:#498500; width:40px;}
.m_s05_txt > p.category_a {background:#f25e0b; width:60px;}
.m_s05_txt > p.category_u {background:#ca4d3b; width:58px;}
.m_s05_txt > h2 {font-size:1.25em; margin-top:5px;}
.m_s05_txt > span {display:block; font-size:0.75em;}