.guide, .popup_tle, #preview, #preview a, .app_table, .deatilRoom, .deatilRoom td, ul.list, .m_c, .app_option div, #order_form table, .r_info_table, .r_txt {font-size:13px!important; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial !important; }
.wan, .wan2, .de, .de2, .ye , .ye2, .daynone, .daynone2, holiday_mini, .day0, .day1, .day2, .day3, .day4, .day5, .day6, .m_today{font-size:12px; line-height:2.2; word-break: break-all; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial !important; }
.m_car_tle{font-size:22px!important; letter-spacing:0; margin:0 10px;}
.m_c_title{font-size:16px!important; letter-spacing:0; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial !important; }
.scroll{font-size:13px;}
#result table{border-collapse: collapse; border:0;}
#result .calender_bgcolor table td{border:1px solid #e3e3e3; padding:5px;}
.border {border:1px solid #959595;}
.wan {background:#D71F27;color:#ffffff; cursor:hand;}
.wan2 {color:#D71F27;}
.de {background:#2065E4;color:#ffffff; padding:0 2px 0px 1px;}
.ye {background:#999;color:#ffffff; padding:0 2px 0px 1px;}
.ye2 a{color:#333; font-weight:normal;}
.day0 {padding: 5px;color:#DC495A;}
.day1, .day2, .day3, .day4, .day5, .day6, .m_today, .daynone {padding: 5px;}
.holiday {color:#DC495A !important; font-weight:bold;}
.m_today{border:2px solid #333 !important; font-weight:bold;}
.daynone {color:#CDCDCD;}
.daynone2 {color:#CDCDCD;}
.popup_tle {font-weight:bold;color:#49A100;padding:12 0 0 25}
#popup_img_big {width:638px;height:331px;border:1 solid #B1BF82;margin:0 0 0 32}
#popup_img_samll {font-weight:bold;color:#555555;position:relative;float:left;margin:21 7 7 7}
#popup_img_samll img {width:124px;height:80px;border:1 solid #DADADA;margin:0 0 5 0}
.mc{width:350px; float:left; margin-right:20px;}
.m_c{border:1px solid #f2f2f2; margin-bottom:20px;}
.m_c_top {background:#f2f2f2;text-align:center;padding:10px 0; letter-spacing:-1px;}
.m_c_top img{vertical-align:1px !important;margin:0 3px;}
.m_c_arr {cursor:hand;}
.m_c_title {font-weight:bold;color:#424242}
#m_c_date {cursor:hand}
.today {color:#D71F27;font-weight:bold;text-decoration:underline}
holiday_mini {background:#E89582;text-decoration:underline}
.cmt{float:left;color:#636363; width:50%;}
ul.list {margin-top:10px; margin-left:20px; line-height:19px; }
ul.list li{list-style:disc !important;margin-bottom:5px;}
.scroll{display:none;}
#preview {position:relative; float:left;text-align:center;padding:0% 1% 3% 1%; width:31.3%; font-weight:400;}
#preview img {width:100%; height:204px; margin-bottom:5px;}
#preview a{display:block; background: url(../img/design/more.gif) bottom center no-repeat; padding-bottom:18px; }
#preview a:link {text-decoration:none;color:#565656}
#preview a:visited {text-decoration:none;color:#565656}
#preview a:hover {text-decoration:none;color:#565656}
.viewer_tle_01{font-size:30px; margin-bottom:20px; letter-spacing:-1px;}
.deatilRoom td{border:1px solid #e3e3e3; padding:10px; color:#333 !important;}
.deatilRoom td:first-child{padding-left:0;}
.viewer_content_01, .viewer_content_01 img{width:980px !important; height:auto !important; margin-left:0 !important; overflow:hidden;}
#mask{width:100%; height:150px;overflow:hidden;}
#maskingTarget{width:5040px;}
#maskingTarget div{width:140px!important; margin-left:0 !important; text-align:center;}
#maskingTarget div div{margin:0 !important; padding-top:0 !important;}
#maskingTarget div div div{}
.img_scroll {margin:8px 0px;width:89%; height:71px; }
.room_btn{position:relative; width:100%; top:-142px; }
.btn_l{position:absolute; left:0px; }
.btn_r{position:absolute; right:0px;}
.m_reservation{display:none;}
.app_option{clear:both; }
.app_table {width:100%;text-align:center;}
.app_table td{padding:10px 3px; border:1px solid #e3e3e3; }
#app_td1 {text-align:center;background:#f3f3f3;font-weight:bold; color:#333; padding:10px 0;}
.app_td2 {background:#f3f3f3; }
.r_info_table {width:100%; border-collapse:collapse; background:#fff;border-top:1px solid #333; border-bottom:1px solid #e3e3e3; border-left:0; border-right:0;}
.r_info_table table{border-collapse:collapse; width:50%; float:left;}
.r_info_table table td, #order_form table th, #order_form table td{padding:10px; border-bottom:1px solid #e3e3e3;}
.r_info_table table td:first-child{width:30%;}
.r_pay .r_info_table{border-top:1px solid #333; border-left:0;border-right:0;border-bottom:0;}
.r_pay .r_info_table:first-child tr{border-bottom:1px solid #e3e3e3;}
.r_pay .r_info_table:first-child tr:last-child{border-bottom:0;}
.r_pay .r_info_table td{padding:10px;}
.r_pay .r_bank .r_info_table table{width:100%;}
.r_pay .r_bank .r_info_table table td{float:left; display:block; text-align:left; box-sizing:border-box; border:0 !important;}
.r_pay .r_info_table table td{padding:5px 0;}
.r_bank div{margin-top:40px;}
#bank .border, #bankname{border:1px solid #e3e3e3; height:25px; box-sizing:border-box;}
#order_form th{width:15%;}
.r_info_table table td:last-child{width:70%;}
.r_info_table table:first-child tr:last-child td{border-bottom:0;}
#order_form input, #order_form select {height:25px; border:1px solid #e3e3e3;}
#order_form #username{width:35%;}
#order_form #contact_0, #order_form #contact_1, #order_form #contact_2{width:105px;}
.m_c_td1, #order_form th{text-align:center; color:#212121;font-weight:bold;background:#f3f3f3;}
.m_c_td2 {width:30% !important;color:#212121;font-weight:bold;padding-left:20px;background:#FFFFFF url(../img/pension/m_c_td2.gif) top right no-repeat}
.r_text_color1 { color:#333; font-weight:bold; }
.r_bgcolor_color1 {background:none; }
.r_star_color1 { color:#F70000; }
#order_form{margin-top:3px;}
.paging {clear:both; font-size:13px; font-weight:bold; text-align:center; }
.paging table{margin:0 auto;}
.paging a{display:inline-block;min-width:14px; height:23px; line-height:23px; text-decoration:none; color:#999;}
.paging b{display:inline-block;min-width:14px; height:22px; line-height:22px; border-bottom:1px solid #333; color:#666; }
.paging a img{border:0; vertical-align:sub;}
.o_list #app_td1{background:none;}
.otab a{float:left; margin-left:-1px;}
.otab a:first-child{margin-left:0;}
.o_dlist .r_info_table{margin-top:10px;}
.o_dlist .r_info_table td{display:block; width:100%; padding:10px; text-align:left; box-sizing:border-box;}
.o_dlist div{margin-top:20px;}
.board2 table table tr:first-child td:first-child, .output table tr:first-child td:first-child{background:#000;}
.board2 .board_admin_bgcolor tr:first-child td:first-child{background:none;}
.board2 .board_admin_bgcolor table:hover img{opacity:1;}
.board2 table table img, .output .board_output_gallery_img a img{width:100%; height:auto; overflow:hidden;transition:all 0.3s ease;}
.board2 table table:hover img, .output table:hover .board_output_gallery_img a img {opacity:0.5;}
.board2 .gallery_title{position:absolute; top:43%;width:100%; display:block; text-align:center; color:#fff; opacity:0; transition:all 0.3s ease; font-size:16px; font-weight:bold; }
.output table span{position:absolute; top:41%;width:100%; display:block; text-align:center; opacity:0; transition:all 0.3s ease; font-size:16px; font-weight:bold; }
.output table span a{ color:#fff !important;}
.board2 table table:hover .gallery_title, .output table:hover span{opacity:1; }


@media only screen and (max-width:1023px) {
.popup_tle, #preview, #preview a, .app_table, .deatilRoom, .deatilRoom td, ul.list, .m_c, .app_option div, #order_form table, .r_info_table {font-size:13px!important;}
.m_car_tle{font-size:17px!important;}
.viewer_content_01, .viewer_content_01 img{width:100% !important; height:auto !important;}
.calender_bgcolor{border-collapse:collapse;}
.calender_bgcolor .daynone,
.calender_bgcolor .m_today,
.calender_bgcolor .day0,
.calender_bgcolor .day1,
.calender_bgcolor .day2,
.calender_bgcolor .day3,
.calender_bgcolor .day4,
.calender_bgcolor .day5,
.calender_bgcolor .day6{line-height:1; }
.daynone {display:table-cell;line-height:1.2; }
.de2{display:block;}
.ye, .daynone2{margin-top:5px;line-height:1.5; display:inline-block;}
.ye2{display:block; line-height:1.2;}
.mc{width:100%; float:none; margin-right:0px;}
.cmt{float:none; width:100%;}
.scroll{display:block;overflow:hidden; position:relative; top:0px; margin:10px 0 30px 0;}
.scroll div{ text-align:center; width:192px; position:relative; left:50%; top:18px; margin-left:-120px; background:#676767; color:#fff; float:left; padding:4px;}
.scroll img{position:relative; left:53%; }
.m_reservation{display:block;width:100%; text-align:center;}
.m_reservation img{max-width:364px;}
.app_option{overflow-x:scroll;}
.app_table {border-color:#CCCCCC;border-style:solid;width:200%;}
.room .app_table{width:118%;}
.app_table td{border:1px solid #CCCCCC; width:8.4% !important;}
.check{display:block; float:right; width:88%;}
.r_info_table table{width:100%; float:none;}
.r_info_table td{line-height:16px;}
.r_info_table table:nth-child(2) tr:last-child td{ border-bottom:0;}
.r_info_table table:first-child tr:last-child td{border-bottom:1px solid #e3e3e3;}
.r_pay .r_info_table td{width:100% !important; display:block; text-align:left; box-sizing:border-box; border:0 !important;}
.r_bank div{margin-top:20px;}
#order_form input{width:68px; margin:5px 0;}
#order_form #username{width:90%;}
#order_form th{width:30%;}
#order_form #private_info_agreement{width:18px;}
#contact_0, #contact_1, #contact_2{width:25% !important;}
.border{width:50px;}
#bank .border, #bankname{width:100%;}
.r_bgcolor_color1{width:1px !important; padding:0 !important; background:#fff;}
.r_info .app_table{width:100% !important;}
#preview img{height:auto;}
.o_list{overflow-x:scroll; padding-bottom:20px; clear:both;}
}

@media only screen and (max-width:767px) {
#preview {position:relative; float:left;text-align:center;padding:15% 0 0 0; width:100%; box-sizing:border-box;}
#preview:first-child{padding:0;}
#preview a{display:block; background: url(../img/design/more.gif) bottom center no-repeat; font-size:16px;}
.app_option{padding:0 0 10px 0;}
.viewer_tle_01{font-size:22px; margin:40px 0 10px 0;}
.board2 .gallery_title, .output table span{top:37%; font-size:14px;}
}

@media only screen and (max-width:320px) {
.calender_bgcolor .daynone,
.calender_bgcolor .m_today,
.calender_bgcolor .day0,
.calender_bgcolor .day1,
.calender_bgcolor .day2,
.calender_bgcolor .day3,
.calender_bgcolor .day4,
.calender_bgcolor .day5,
.calender_bgcolor .day6{padding:0px;}
}