/* body{margin:0px; padding:0px; BACKGROUND: #363A42;}*/
/*body{margin:0px; padding:0px; font-family:Nanum Gothic; background:url(/bg.jpg) repeat}
¹é±×¶ó¿îµå*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, em, img, ins, kbd, q, samp, small, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, section, summary, time, mark, audio, video, input {
    margin:0;
    padding:0;
    border:0px none;
    outline:0;
    vertical-align:middle;
    background:;
	font-family: 'Nanum Gothic', sans-serif;
	/*font-family: 'Noto Sans Kr', sans-serif;*/
    text-size-adjust:none;
    font-size: 100%;
    line-height: 1.5;
	letter-spacing: -0.02em;
	font-weight:normal;
	box-sizing: border-box
}
@font-face { /* ³ª´®°íµñ Regular */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(/fonts/NanumGothic-Regular.eot);
  src: url(/fonts/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Regular.woff2) format('woff2'),
       url(/fonts/NanumGothic-Regular.woff) format('woff'),
       url(/fonts/NanumGothic-Regular.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ Bold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(/fonts/NanumGothic-Bold.eot);
  src: url(/fonts/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-Bold.woff2) format('woff2'),
       url(/fonts/NanumGothic-Bold.woff) format('woff'),
       url(/fonts/NanumGothic-Bold.ttf) format('truetype');
}
@font-face { /* ³ª´®°íµñ ExtraBold */
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(/fonts/NanumGothic-ExtraBold.eot);
  src: url(/fonts/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(/fonts/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(/fonts/NanumGothic-ExtraBold.woff) format('woff'),
       url(/fonts/NanumGothic-ExtraBold.ttf) format('truetype');
}

@font-face {
    font-family: Noto Sans Kr;
    src:url('/fonts/notokr-regular.eot');/*ie ȣȯ¼ºº¸±â*/
    src:url('/fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/fonts/notokr-regular.woff2') format('woff2'), /*woff2 Áö¿øºê¶ó¿ìÀú*/ 
		url('/fonts/notokr-regular.woff') format('woff'), /*¸ð´øºê¶ó¿ìÀú*/ 
		url('/fonts/notokr-regular.ttf') format('truetype');	
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Noto Sans Kr;
    src:url('/fonts/notokr-medium.eot');/*ie ȣȯ¼ºº¸±â*/
    src:url('/fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/fonts/notokr-medium.woff2') format('woff2'), /*woff2 Áö¿øºê¶ó¿ìÀú*/ 
		url('/fonts/notokr-medium.woff') format('woff'), /*¸ð´øºê¶ó¿ìÀú*/ 
		url('/fonts/notokr-medium.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: NanumBarunGothic;
    src:url('/fonts/NanumBarunGothic.eot');/*ie ȣȯ¼ºº¸±â*/
    src:url('/fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),/*ie6~8*/
		url('/fonts/NanumBarunGothic.woff') format('woff'), /*¸ð´øºê¶ó¿ìÀú*/ 
    font-weight: bold;
    font-style: normal;
}


@font-face {
  font-family: 'Lobster-Regular';
  src: url('/fonts/Lobster-Regular.eot');
  src: url('/fonts/Lobster-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/Lobster-Regular.svg#Lobster-Regular') format('svg'),
       url('/fonts/Lobster-Regular.ttf') format('truetype'),
       url('/fonts/Lobster-Regular.woff') format('woff'),
       url('/fonts/Lobster-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GreatVibes-Regular';
  src: url('/fonts/GreatVibes-Regular.eot');
  src: url('/fonts/GreatVibes-Regular.eot?#iefix') format('embedded-opentype'),
       url('/fonts/GreatVibes-Regular.svg#GreatVibes-Regular') format('svg'),
       url('/fonts/GreatVibes-Regular.ttf') format('truetype'),
       url('/fonts/GreatVibes-Regular.woff') format('woff'),
       url('/fonts/GreatVibes-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'PlayfairDisplay-Medium';
  src: url('/fonts/PlayfairDisplay-Medium.eot');
  src: url('/fonts/PlayfairDisplay-Medium.eot?#iefix') format('embedded-opentype'),
       url('/fonts/PlayfairDisplay-Medium.svg#PlayfairDisplay-Medium') format('svg'),
       url('/fonts/PlayfairDisplay-Medium.ttf') format('truetype'),
       url('/fonts/PlayfairDisplay-Medium.woff') format('woff'),
       url('/fonts/PlayfairDisplay-Medium.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
}

textarea {font-family: 'Nanum Gothic', sans-serif;}

/* ¼ýÀÚ */
.number { font-family:'tahoma',verdana; font-weight:800;  }
.num	{ font-family:'tahoma',verdana; line-height: 200%;}
.bold 	{  font-weight:400;}
.bold100 	{ font-weight:100;}
.bold200 	{font-weight:200;}
.bold300 	{font-weight:300;}
.bold400 	{font-weight:400;}
.bold500 	{font-weight:500;}
.bold600 	{font-weight:600;}
.bold700 	{font-weight:700;}
.bold800 	{font-weight:800;}

.c_br {padding:5px;}
.c_l1 {padding:10px;}
.c_l2 {padding:15px;}
.c_l3 {padding:20px;}
.c_l4 {padding:25px;}
.c_l5 {padding:30px;}
.c_l6 {padding:35px;}
.c_l7 {padding:40px;}
.c_l8 {padding:45px;}
.c_l9 {padding:50px;}

.c_c{text-align:center; }
.c_center {text-align:center; }
.c_left {text-align:left;}
.c_right {text-align:right;}

.left { float:left;}
.right{ float:right;}
.width_100%{width:100%;  margin-right:auto;margin-left:auto;}

a:link, a:visited, a:active					{ text-decoration:none;  }
a:hover										{ text-decoration:none; }

/* ¸Þ´º¸¶¿ì½º ÅؽºÆ® ¿À¹ö*/

.r_bordercolorkcm2 {border:1px solid #919191;}
.r_bordercolorkcm2 td {border:1px solid #E3E3E3;}
.r_bordercolorkcm3 {border:0px solid #E3E3E3;}
.r_bordercolorkcm3 td {border:0px solid #E3E3E3;}

.r_bordercolorkcm5 {border:0px solid #FFFFFF;}
.r_bordercolorkcm5 td {border:0px solid #FFFFFF;}

.fs7 {font-size:7px;} 
.fs8 {font-size:8px;} 
.fs9 {font-size:9px;} 
.fs10 {font-size:10px;} 
.fs11 {font-size:11px;} 
.fs12 {font-size:12px;} 
.fs13 {font-size:13px;} 
.fs14 {font-size:14px;} 
.fs15 {font-size:15px;} 
.fs16 {font-size:16px;} 
.fs17 {font-size:17px;} 
.fs18 {font-size:18px;}
.fs19 {font-size:19px;} 
.fs20 {font-size:20px;}
.fs21 {font-size:21px;} 
.fs22 {font-size:22px;}
.fs23 {font-size:23px;}
.fs24 {font-size:24px;}
.fs25 {font-size:25px;}
.fs26 {font-size:26px;} 
.fs27 {font-size:27px;} 
.fs28 {font-size:28px;} 
.fs29 {font-size:29px;} 
.fs30 {font-size:30px;}
.fs31 {font-size:31px;}
.fs32 {font-size:32px;}
.fs33 {font-size:33px;}
.fs34 {font-size:34px;}
.fs35 {font-size:35px;}
.fs36 {font-size:36px;}
.fs37 {font-size:37px;}
.fs38 {font-size:38px;}
.fs39 {font-size:39px;}
.fs40 {font-size:40px;}
.fs41 {font-size:41px;}
.fs42 {font-size:42px;}
.fs43 {font-size:43px;}
.fs44 {font-size:44px;}
.fs45 {font-size:45px;}
.fs46 {font-size:46px;}
.fs47 {font-size:47px;}
.fs48 {font-size:48px;}
.fs49 {font-size:49px;}
.fs50 {font-size:50px;}
.fs51 {font-size:51px;}
.fs52 {font-size:52px;}
.fs53 {font-size:53px;}
.fs54 {font-size:54px;}
.fs55 {font-size:55px;}
.fs56 {font-size:56px;}
.fs57 {font-size:57px;}
.fs58 {font-size:58px;}
.fs59 {font-size:59px;}
.fs60 {font-size:60px;}
.fs65 {font-size:65px;}
.fs70 {font-size:70px;}
.fs75 {font-size:75px;}
.fs80 {font-size:80px;}
.fs85 {font-size:85px;}
.fs90 {font-size:90px;}
.fs95 {font-size:95px;}
.fs100 {font-size:100px;}

.lineh10 {height: 10px;}
.lineh20 {height: 20px;}
.lineh30 {height: 30px;}
.lineh40 {height: 40px;}
.lineh50 {height: 50px;}
.lineh60 {height: 60px;}

.lineh150 { line-height: 150%;}
.lineh180 { line-height: 180%;}
.lineh200 { line-height: 200%;}

.r_black { color:#000; }
.r_white {color:#fff; }
.r_gray { color:#757575; }
.r_gray2 { color:#AAAAAA; }
.r_yellow {color:#FFFD20;}
.r_red{color:#FF0000;}
.r_blue{color:#007CE6;}
.r_pink {color:#FF32B4}
.r_orange{color:#FF4800}
.r_green {color:#61B831;}
.r_block {display:block;}
.r_noblock {display:inline-block; }

.gbg {background-color:#F8F8F8; }
.bbg {background-color:#000000; }

.r_sfield {height:30px; margin:0; padding:5px 5px 0; border-bottom:1px solid #d7d7d7;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}


.container{width:100%;padding-right:0px;padding-left:0px;margin-right:auto;margin-left:auto}
.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:0px;margin-left:0px}
/****************************************************************768*************************************************************************************************************/
@media (max-width:768px){
.r_main{width:100%;  margin-right:auto;margin-left:auto; padding:10px;}
.pc_view {display:none}
.reser_btn1{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:2px 3px 1px 3px;  background-color:#61B831; border:1px solid #61B831; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}
.reser_btn2{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:2px 3px 1px 3px;    background-color:#5C95FB; border:1px solid #5C95FB; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}
.reser_btn3{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:2px 3px 1px 3px;  background-color:#FE6568; border:1px solid #FE6568; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}
.reser_btn4{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:2px 3px 1px 3px;  background-color:#676767; border:1px solid #676767; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}
.reser_btn5{ color:#fff;  font-size:11px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:2px 3px 1px 3px;  background-color:#FA49A5; border:1px solid #FA49A5;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}

.reser_btn{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 1px 3px;  background-color:#61B831; border:1px solid #61B831; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}

.reser_btn0{ color:#fff;  font-size:11px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 10px 5px 10px;  background-color:#257DDF; border:1px solid #257DDF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px; cursor:pointer;}

.step_btn_on{ color:#FFFFFF; margin:0px;  font-size:13px;  background-color:#ED6A2B;  padding:5px; border:2px solid #ED6A2B; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.step_btn_off{ color:#4F4F4F; margin:0px;  font-size:13px;  background-color:#fff; padding:5px; border:2px solid #E9E9E9; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }

.ok_btn{ color:#ED6A2B; margin:5px;  font-size:15px; font-weight:600;  background-color:#FFF; padding:10px 15px 10px 15px; cursor:pointer; border:3px solid #ED6A2B; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
.off_btn{ color:#4F4F4F; margin:5px;  font-size:15px; font-weight:600;  background-color:#fff; padding:10px 15px 10px 15px; cursor:pointer; border:3px solid #B1B1B1; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
.check_btn{ color:#ffffff; margin:0px;  font-size:13px; font-weight:600;  background-color:#E239A9; padding:5px 10px 5px 10px; cursor:pointer; border:3px solid #E239A9; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }

.ok_btn2{ color:#ED6A2B; margin:5px; background-color:#ED6A2B; padding:5px 15px 8px 15px; cursor:pointer; border:2px solid #ED6A2B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.off_btn2{ color:#4F4F4F; margin:5px; background-color:#FFF; padding:5px 15px 8px 15px;  cursor:pointer; border:2px solid #ECECEC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.m_check_btn{ color:#ffffff; margin:10px;  font-size:13px; font-weight:600; width:150px; background-color:#E239A9; padding:5px 10px 5px 10px; cursor:pointer; border:3px solid #E239A9; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; text-align:center;}

.title_btn{ color:#ffffff; margin:0px;  font-size:13px; font-weight:600;  background-color:#E239A9; padding:10px 10px 10px 10px; cursor:pointer; border:3px solid #E239A9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.agree-view_btn { color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:3px 5px 3px 5px;  background-color:#676767; border:1px solid #676767;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px; cursor:pointer;}


.r_field {height:30px; width:20%; margin:0; padding:5px 5px 0; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}

.r_field2 {height:30px; width:auto; margin:0; padding:5px 5px 0; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}

.r_field3 {height:30px; width:50%; margin:0; padding:5px 5px 0; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}
.r_field4 {height:35px; width:40%; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}
.r_field5 {height:35px; width:100%; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}


.col-md-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2-date1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:0 0 10px 0;}
.col-md-2-date2 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%; padding:10px 0 0 0;}
.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%; text-align:center;}
.col-md-7-table {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%; text-align:center;}

.col-md-info1 {-webkit-box-flex:0;-ms-flex:0 0 30%;flex:0 0 30%;max-width:30%; padding:0 10px 0 0;}
.col-md-info2 {-webkit-box-flex:0;-ms-flex:0 0 70%;flex:0 0 70%;max-width:70%; padding:0 0 0 10px;}
.col-md-2-agree1 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 10px 0 0;}
.col-md-2-agree2 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 0 0 10px;}

ul li {list-style:none}
.r_bordercolorkcm7 {border:0px solid #919191;}
.r_bordercolorkcm7 tr {border-bottom:1px solid #E3E3E3; text-align:center;}
.r_bordercolorkcm7 tr:last-child {border-bottom:1px solid #E3E3E3; text-align:center;}

.r_c_line {border-top:1px solid #F4F4F4; }
.r_c_line2 {border-top:1px solid #000000; }
.r_c_line3 {border-top:2px solid #000000; }
.r_image {width:50px;}
.r_mfs {font-size:12px;}
.r_mfs2 {font-size:11px;}
.r_room_name{font-size:12px;}
.r_date_name{font-size:12px;}
.r_date{font-size:15px; font-weight:200;}
.r_year{font-size:20px; font-weight:600;}
.r_money{font-size:16px; font-weight:600;}
.r_room_img {width:60px;}

.r_pd{padding:0px;}
.r_pd2{padding:5px;}
.r_day_pd{padding:5px;}
.r_arr {font-size:16px; font-weight:200;}
.r_c_box {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:1px solid #d7d7d7; padding: 5px 5px 5px 5px; background-color:#F8F8F8; text-align:center;}
.r_c_box:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 5px 5px 5px 5px; background-color:#F8F8F8;  text-align:center;}

.r_c_box1 {border:1px solid #d7d7d7; padding: 5px 5px 5px 5px; margin:2px; text-align:left;}

.r_c_box2 {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #d7d7d7; padding: 2px; background-color:#FFFFFF; text-align:left;}
.r_c_box2:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 5px 5px 5px 5px; background-color:#FFFFFF; text-align:left;}

.r_c_box3 {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #d7d7d7; padding: 10px; text-align:center;  }
.r_c_box3:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 10px;  text-align:center; }

.r_c_box4 {width:80%; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding: 20px; text-align:center; margin-right:auto;margin-left:auto;}
.r_c_box4-1 {width:80%; background-color:#000000;  padding: 0px; text-align:center; margin-right:auto;margin-left:auto;}

.overlay {position: absolute; bottom: 10px; right: 4px; height: 12px; width: 12px; opacity: 1; color:#ffffff; transition: .3s ease; background-color: transparent;}
.view_zone { position: relative; width: 60px; margin-right:auto;margin-left:auto;}
}









/****************************************************************1200*************************************************************************************************************/
@media  (min-width: 768px) {
input[type="checkbox"] {  width: 24px;   height: 24px; }

.r_main{width:1200px;  margin-right:auto;margin-left:auto; }
.mobile_view {display:none}
.reser_btn1{ color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 1px 3px;  background-color:#61B831; border:1px solid #61B831;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}
.reser_btn2{ color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 1px 3px;  background-color:#5C95FB; border:1px solid #5C95FB;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}
.reser_btn3{ color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 1px 3px;  background-color:#FE6568; border:1px solid #FE6568;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}
.reser_btn4{ color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 1px 3px;  background-color:#676767; border:1px solid #676767;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}
.reser_btn5{ color:#fff;  font-size:12px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 3px 2px 3px;  background-color:#FA49A5; border:1px solid #FA49A5;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px;}

.reser_btn { color:#fff;  font-size:15px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:1px 6px 1px 5px;  background-color:#61B831; border:1px solid #61B831; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px;}

.reser_btn0{ color:#fff;  font-size:15px; font-weight:200; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:5px 10px 5px 10px;  background-color:#257DDF; border:1px solid #257DDF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 2px; margin:2px; cursor:pointer;}

.step_btn_on{ color:#FFFFFF; margin:5px;  font-size:13px; font-weight:600;  background-color:#ED6A2B;  padding:10px; border:2px solid #ED6A2B; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.step_btn_off{ color:#4F4F4F; margin:5px;  font-size:13px; font-weight:600;  background-color:#fff; padding:10px; border:2px solid #E9E9E9; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  }

.ok_btn{ color:#ffffff; margin:5px;  font-size:20px; font-weight:800;  background-color:#ED6A2B; padding:10px 30px 10px 30px; cursor:pointer; border:3px solid #ED6A2B; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

.off_btn{ color:#4F4F4F; margin:5px;  font-size:20px; font-weight:800;  background-color:#fff; padding:10px 30px 10px 30px; cursor:pointer; border:3px solid #B1B1B1; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }

.check_btn{ color:#ffffff; margin:0px;  font-size:13px; font-weight:600;  background-color:#E239A9; padding:5px 10px 5px 10px; cursor:pointer; border:3px solid #E239A9; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; }
.title_btn{ color:#ffffff; margin:0px;  font-size:13px; font-weight:600;  background-color:#E239A9; padding:10px 10px 10px 10px; cursor:pointer; border:3px solid #E239A9; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.ok_btn2{ color:#ED6A2B; margin:5px; background-color:#ED6A2B; padding:5px 15px 8px 15px; cursor:pointer; border:2px solid #ED6A2B; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.off_btn2{ color:#4F4F4F; margin:5px; background-color:#FFF; padding:5px 15px 8px 15px;  cursor:pointer; border:2px solid #ECECEC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.date_btn_on{ color:#FFFFFF;   font-size:13px; font-weight:600;  background-color:#FF2D77; cursor:pointer;}

.agree-view_btn { color:#fff;  font-size:13px; font-weight:400; display:inline-block;  position: relative;  text-align:center; /*position:fixed;*/ _position:absolute; width:auto;  padding:3px 10px 5px 10px;  background-color:#676767; border:1px solid #676767;-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin:2px; cursor:pointer;}


.r_bordercolorkcm7 {border:0px solid #919191;}
.r_bordercolorkcm7 tr {border-bottom:1px solid #E3E3E3; text-align:center;}
.r_bordercolorkcm7 tr:last-child {border-bottom:1px solid #E3E3E3; text-align:center;}

.col-md-1 {-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
.col-md-2-date1 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 10px 0 0;}
.col-md-2-date2 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 0 0 10px;}
.col-md-2-agree1 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 10px 0 0;}
.col-md-2-agree2 {-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%; padding:0 0 0 10px;}
.col-md-info1 {-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%; padding:0 10px 0 0;}
.col-md-info2 {-webkit-box-flex:0;-ms-flex:0 0 80%;flex:0 0 80%;max-width:80%; padding:0 0 0 10px;}

.col-md-7 {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%; text-align:center;}
.col-md-7-table {-webkit-box-flex:0;-ms-flex:0 0 14.2222%;flex:0 0 14.2222%;max-width:14.2222%; text-align:center;}

.r_field {height:35px; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}

.r_field2 {height:30px; margin:0; padding:5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}

.r_field3 {height:35px; width:70%; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}
.r_field4 {height:35px; width:40%; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}
.r_field5 {height:35px; width:100%; margin:0; padding:5px 5px 5px 5px; border:1px solid;  background-color:rgba(255,255,255,1); border-color:#b9b9b9 #d9d9d9 #ebebeb; font-size:15px;  font-family: 'Nanum Gothic', sans-serif;}

ul li {list-style:none}

.r_c_line {border-top:1px solid #F4F4F4; }
.r_c_line2 {border-top:1px solid #000000; }
.r_c_line3 {border-top:2px solid #000000; }
.r_image {width:100px;}
.r_mfs {font-size:15px;}
.r_mfs2 {font-size:13px;}
.r_room_name{font-size:15px;}
.r_date_name{font-size:13px;}
.r_date{font-size:18px; font-weight:600;}
.r_year{font-size:28px; font-weight:800;}
.r_money{font-size:24px; font-weight:800;}
.r_room_img {width:120px; cursor:pointer;}

.r_pd{padding:5px;}
.r_pd2{padding:10px 10px 10px 0;}
.r_day_pd{padding:20px;}
.r_arr {font-size:18px; font-weight:600;}
.r_c_box {border-top:1px solid #595959; border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 10px; background-color:#F8F8F8;  text-align:center;}
.r_c_box:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 10px; background-color:#F8F8F8; text-align:center;}

.r_c_box1 {border:1px solid #d7d7d7; padding: 5px 5px 5px 5px;text-align:left;}

.r_c_box2 {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #d7d7d7; padding: 15px 15px 15px 15px; background-color:#FFFFFF; text-align:left;}
.r_c_box2:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 15px 15px 15px 15px; background-color:#FFFFFF; text-align:left;}

.r_c_box2-t {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #d7d7d7; padding: 15px 15px 15px 15px; background-color:#FFFFFF; text-align:left;}
.r_c_box2-t:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 15px 15px 15px 15px; background-color:#FFFFFF; text-align:left;}

.r_c_box3 {border-left:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-top:0px solid #d7d7d7; padding: 15px; text-align:center;}
.r_c_box3:last-child {border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  padding: 15px; text-align:center;}

.r_c_box4 {width:50%; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; padding: 20px; text-align:center; margin-right:auto;margin-left:auto;}
.r_c_box4-1 {width:50%; background-color:#000000;  padding: 0px; text-align:center; margin-right:auto;margin-left:auto;}


.overlay {position: absolute; bottom: 7px; right: 4px; height: 24px; width: 24px; opacity: 1; color:#ffffff; transition: .3s ease; background-color: transparent;}
.view_zone { position: relative; width: 120px; margin-right:auto;margin-left:auto;}
}



.needpopup {border-radius: 6px;box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 1);}
.needpopup p {margin: 0;}
.needpopup p + p {margin-top: 10px;}


.topban ul { width:auto; margin:0 auto; height:30px;}
.topban ul li { float:left; position:relative; background:url('/img/line.png') no-repeat 0 50%; padding-left:15px; padding-right:15px; padding-top:0; padding-bottom:0}
.topban ul li:first-child { padding-left:0; background:none; } 
.topban ul li span {line-height:50px; }
.topban ul li a { color:#6E6E6E; line-height:50px; }

#checkWrap {
    width: 100%;
}

#checkWrap label {
    display: block;
    margin: 5px;
    font-size: 14px;
}

#checkWrap label input[type="checkbox"] {
    margin-right: 5px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
}

#checkWrap label:first-child input[type="checkbox"] {
    width: 24px;
    height: 24px;
}

 .panel {
 		margin: 0px;
        padding: 5px 0 0 0;
        background-color: #ffffff;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.2s ease-out;
        border-bottom: 1px solid #F4F4F4;
    }


/*************************table***************************************/
@media  (max-width: 768px) {
/* 񃧯 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #333}
.tbl-type01 th, .tbl-type01 td {border:1px solid #d5d5d5;padding:13px 5px;border-bottom:1px solid #9a9a9a;word-wrap:break-word}
.tbl-type01 th {background:#fafafa;border-bottom:1px solid #979797;}
.tbl-type01 td {background:#fff; font-size:13px;padding-left:20px;}
.tbl-type01 thead th {padding:12px 5px; color:#000;font-weight:600; font-size:15px; }
.tbl-type01 tbody th {background:#fbfbfb;color:#444; font-weight:normal; font-size:13px;}
.tbl-type01 thead th.vline {border-bottom:1px solid #d5d5d5;} /* th°¡ 2ÁÙÀÏ °æ¿ì  */
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left:10px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right:10px;}
.tbl-type01 tr.bg th, .tbl-type01 tr.bg td  {background:#f0f0f0;font-weight:bold;} /* °­Á¶ */
}

@media  (min-width: 768px) {
/* 񃧯 */
.tbl-type01 {border-collapse:collapse;border-spacing:0px;table-layout:fixed;width:100%;clear:both;text-align:center;border-top:2px solid #333}
.tbl-type01 th, .tbl-type01 td {border:1px solid #d5d5d5;padding:13px 5px; border-bottom:1px solid #d5d5d5; border-right:0px solid #d5d5d5; border-left:0px solid #d5d5d5;word-wrap:break-word}
.tbl-type01 th {background:#fafafa;border-bottom:1px solid #d5d5d5; font-weight:600;}
.tbl-type01 td {background:#fff; font-size:15px;padding-left:20px;}
.tbl-type01 thead th {padding:12px 5px; color:#000; font-size:16px; }
.tbl-type01 tbody th {background:#fbfbfb;color:#444;  font-size:15px;}
.tbl-type01 thead th.vline {border-bottom:1px solid #d5d5d5;} /* th°¡ 2ÁÙÀÏ °æ¿ì  */
.tbl-type01 th.l, .tbl-type01 td.l, .tbl-type01 td.left {padding-left:10px;}
.tbl-type01 th.r, .tbl-type01 td.r, .tbl-type01 td.right {padding-right:10px;}
.tbl-type01 tr.bg th, .tbl-type01 tr.bg td  {background:#f0f0f0;font-weight:bold;} /* °­Á¶ */
}