input, textarea{outline:none;}
.form input[type="text"], .form input[type="password"], textarea, 
.table_02 input[type="text"], .table_02 input[type="password"],
#order_form input[type="text"], .r_bank input[type="text"]{border:1px solid #fcfcfc; transition:all 0.5s ease; background:#fbfbfb; padding-left:5px;}
.form input[type="text"]:focus, .form input[type="password"]:focus, textarea:focus,
.table_02 input[type="text"]:focus, .table_02 input[type="password"]:focus,
#order_form input[type="text"]:focus, .r_bank input[type="text"]:focus{border:1px solid #666 !important;transition:all 0.5s ease; background:#fff;}
input[name="com_board_search_value"], input.member_border{border:1px solid #e5e5e5;transition:border 0.5s ease;}
input[name="com_board_search_value"]:focus, input.member_border:focus{border:1px solid #666;transition:border 0.5s ease;}
.id_blur { background: url("../img/member/id_bg.gif");}
.pw_blur { background: url("../img/member/pw_bg.gif");}
.ocode_blur { background: url("../img/member/ocode_bg.gif");}
.oname_blur { background: url("../img/member/oname_bg.gif");}
.name_blur { background: url("../img/member/name_bg.gif");}
.mail_blur { background: url("../img/member/mail_bg.gif");}
.ono_blur { background: url("../img/member/ono_bg.gif");}
.popup_tle, .app_table, .deatilRoom, .deatilRoom td, ul.list, .m_c, .app_option div, #order_form table, .r_info_table, .r_txt, .r_pay{font-size:14px!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;}
.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 {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}
.deatilRoom td{border:1px solid #e3e3e3; padding:10px; color:#333 !important;}
#result .calender_bgcolor table td{padding:10px 3px; border:1px solid #e3e3e3;}
.app_table td{padding:10px 3px; border:1px solid #e3e3e3;}
.r_text_color1{color:#333;}
.today {color:#D71F27;font-weight:bold;text-decoration:underline}
holiday_mini {background:#E89582;text-decoration:underline}
ul.list {margin-top:10px; margin-left:20px; line-height:19px; }
ul.list li{list-style:disc !important;margin-bottom:5px;}
.scroll{display:none;}
.r_pay .r_bank td{border-bottom:0 !important; width:auto; padding:5px!important;} 
.r_pay .r_info_table{border-top:1px solid #333 !important; border-left:0;border-right:0;border-bottom:0px; background:none;} 
.preview a{display:block; background: url(../img/design/more.gif) bottom center no-repeat;}
.viewer_tle_01{font-size:24px; margin-bottom:20px; letter-spacing:-1px;}
.viewer_content_01{width:100% !important; height:800px!important; margin-left:0px!important;} 
.room_btn{position:relative; width:100%; top:-142px; }
.m_reservation{display:none;}
#app_td1 {text-align:center;background:#f3f3f3;font-weight:bold; color:#333; padding:10px 0;}
.app_td2 {background:#f3f3f3; }
#order_form #username{width:35%;}
.m_c_td1, #order_form th{text-align:center; color:#212121;font-weight:bold;background:#f3f3f3;}
#order_form th{width:15%;}
.otab a{float:left; margin-left:-1px;}
.otab a:first-child{margin-left:0;}
.o_list .app_table{text-align:center;}
.o_dlist .r_info_table td{display:block; width:100%; padding:10px; text-align:left; box-sizing:border-box;}
.o_dlist table{border:0;}
.table_02 td, .board_read td, .board2 td, .est_cate_cell select,.est_keyword_cell input,.att_title font, .board_bgcolor font, .board_bgcolor span, .board_desc, .board_desc input, .board_desc select, .board, .board select{font-size:14px !important;color:#333333; font-weight:400; font-family: 'malgun gothic', '¸¼Àº °íµñ', 'µ¸¿ò', dotum, Tahoma, arial;}
.table_02{ width:100%; border-top:1px #333 solid; border-collapse:collapse; }
.table_02 td {border-bottom:1px #e5e5e5 solid; padding:15px; }
.table_02 td:first-child{max-width:200px;} 
.board {width:100%; border-collapse:collapse;}
.board_admin_bgcolor, .board_admin_bgcolor table td{border:0 !important;}
.board_list, .board_w_list{width:100%; overflow:hidden; padding:10px 0;}
.board_list table, .board_w_list table{width:auto; max-width:50%; float:left;}
.board_list section{float:right;}
.board_write{ float:right; margin-left:4px;}
.board_write a img{vertical-align:top;}
.c_select select{width:40%; height:36px; border:1px solid #e5e5e5;}
.c_select img{display:none;}
.board{margin-bottom:20px;}
.board_read{ width:100%; border-top:1px #333 solid; border-collapse:collapse; }
.board_read td {border-bottom:1px #e5e5e5 solid; padding:15px;}
.board_read td:first-child{max-width:200px;}
.board_read .board_description{padding:15px 0!important;}
.board2{width:100%; border-collapse:collapse; overflow:hidden;}
.board2, .board_output2{width:100% !important;border-collapse:collapse;}
.board2 table{width:33.33%; float:left; }
.board2 table img{width:100%; height:auto;}
.board2 table table{width:96%; position:relative; margin:0 2% 15px 2%;}
.board_admin_bgcolor td{display:initial;}
.board_admin_bgcolor table img{width:auto !important; margin:0 !important;}
.board_admin_bgcolor, .board_admin_bgcolor table td{border:0 !important;}
.board_bgcolor {width:20%; min-width:60px;background-color:#f8f8f8; padding:15px;}
.board_list, .board_w_list{width:100%; overflow:hidden; padding:10px 0;}
.board_list section{float:right;}
#search_table{width:auto;}
#post_area{padding:0 !important;}
#post_area img{max-width:1200px!important; height:auto !important;}
.paging {clear:both;font-size:13px; margin:20px 0; font-weight:bold; text-align:center; }
.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;}
.est_cate_cell select {border:1px solid #e5e5e5; height:36px;}
.est_keyword_cell input{width:140px; border:1px solid #e5e5e5; height:34px;padding:0 5px; margin:0 3px;}
.board_desc input{border:1px solid #fcfcfc; height:28px; vertical-align:top; width:95%;}
.write .board_desc input[name="com_board_notice"]{width:20px;vertical-align:middle; margin-right:5px;}
.form td, .formmail_cell_bgcolor input, textarea{font-size:13px; color:#333333; font-family: malgun gothic, dotum, Tahoma, arial;}
.form { border-collapse:collapse; width:100%;}
.form td { border-top:1px #e5e5e5 solid; padding:10px; }
.form td table td{border-top:0;}
.form .formmail_txt {color:#333333;}
.form .formmail_title_bgcolor {width:23% !important;min-width:60px; font-weight:bold; background:#f8f8f8;}
.form .formmail_cell_bgcolor input{height:28px; vertical-align:inherit; width:95%; border:1px solid #fcfcfc;}
.form textarea{width:100%!important;height:210px !important;border:1px solid #fcfcfc;}
.form .formmail_cell_bgcolor table input{width:15px;margin-right:3px; box-sizing:border-box;}
.form .formmail_cell_bgcolor table td{padding:0!important;}
.form .formmail_cell_bgcolor table textarea{width:100%!important; border:1px solid #e5e5e5; margin-top:10px; padding:0 !important;}
.form .formmail_cell_bgcolor select{min-width:50%; height:28px; vertical-align:inherit; border:1px solid #e5e5e5;}
.form_btn{margin-top:20px; text-align:center;}
.form_btn a{width:120px; height:35px; line-height:35px; display:inline-block; text-decoration:none; font-family: malgun gothic, dotum, Tahoma, arial; font-size:14px; border-radius:2px;}
.form_btn .ok{background:#333; color:#fff !important; }
.form_btn .cancel{border:1px solid #e5e5e5; color:#333 !important;}
.board2 table table tr:first-child td:first-child, .output table tr:first-child td:first-child{overflow:hidden;}
.board2 table table img, .output .board_output_gallery_img a img{width:100%; height:255px; overflow:hidden; transition:all 0.2s ease-in-out;}
.board2 table table:hover img, .output table:hover .board_output_gallery_img a img {transform:scale(1.035);}
.board2 table .board_admin_bgcolor table:hover img{transform:scale(1.0);}
.board_admin_bgcolor img{height:auto!important;}
.title .board tr:hover{background:#f9fafa; transition:background 0.3s ease;}
.title .board tr:first-child:hover{background:none;}
.app_btn{text-align:center;}
.app_btn a{width:180px; padding:15px; background:#333; border:1px solid #333; color:#fff; box-sizing:border-box; display:inline-block; text-decoration:none; font-weight:300; font-size:16px; border-radius:2px; transition:all 0.3s ease;}
.app_btn a:hover{background:#fff; color:#333; border:1px solid #333;}
#gotop{position: fixed;bottom: -2000px;}

@media only screen and (max-width:1220px) {
.popup_tle, .deatilRoom, .deatilRoom td, ul.list, #order_form table, .mz_info_table {font-size:13px!important;}
.wan, .wan2, .de, .de2, .ye , .ye2, .daynone, .daynone2, holiday_mini, .day0, .day1, .day2, .day3, .day4, .day5, .day6, .m_today{font-size:11px;}
.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; padding:2px 0;}
.de, .ye, .daynone2, .wan{margin-top:5px;line-height:1.5; display:inline-block;}
.de2, .wan2{margin-bottom:10px; line-height:1.2; display:inline-block;}
.ye2{display:block; line-height:1.2;}
.viewer_content_01{height:auto!important;}  
.scroll{display:block;overflow:hidden; position:relative; top:0px; margin:30px 0 10px 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%; }
.check{display:block; float:right; width:88%;}
#contact_0, #contact_1, #contact_2{width:25% !important;}
.border{width:50px;}
#bank .border, #bankname{width:100%;}
.o_list{overflow-x:scroll; padding-bottom:20px; clear:both;}
#bank .border, #bankname {width:68%; float:left; height:30px; border:1px solid #e3e3e3;} 
#gotop {position: fixed;bottom: 20px; right:20px; cursor: pointer; display: none; z-index:2;}
#gotop .btn{border-radius:50%;background-color: rgba(51,51,51,0.4); transition:all ease 0.3s;width:36px; height:36px;}
#gotop .btn:hover{ background-color: rgba(51,51,51,0.4); }
#gotop .btn img{width:100%;}
.att_title font, .board_bgcolor font, .board_bgcolor span, .table_02 td, .est_cate_cell select,.est_keyword_cell input, .board_desc input {font-size:14px !important; font-weight:400;}
.board2 table table img, .output .board_output_gallery_img a img{height:239px; }
.board_w_list table{width:100%; max-width:100%; text-align:center; float:none;}
#post_area img{max-width:100%!important; width:100% !important;}
.board2 table{width:50%;}
.board_list table, .board_list section{width:100%; max-width:100%;}
}

@media only screen and (max-width:767px) {
.ye2, .de2, .wan2{margin-top:5px;}
.daynone{padding-top:5px;}
.m_reservation{display:block;width:100%; text-align:center;}
.m_reservation img{max-width:364px;}
#result .calender_bgcolor td{width:14%;}
.board2 .gallery_title, .output table span{top:37%; font-size:14px;}
.board2 table table img, .output .board_output_gallery_img a img{height:111px; }
.paging a, .paging b{font-size:14px; margin:0 4px;}
}