form {
margin: 0;
width: 280px;
position: relative;
}
.radio-container {
position: relative;
height: 2.7em;
font-size: 1.1em;
line-height: 0.8;
color: #FFFFFF;
}
.no-touch .radio-container:hover, .radio-container.active {
z-index: 9999;
}
.radio-options {
position: absolute;
max-height: 3em;
width: 100%;
overflow: hidden;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
}
.radio-options ul {
margin-top: 18px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;font-size: 0.9em;
transition: 0.5s;background: #6AA2BD;border-radius: 10px; /*2차탭 배경*/
padding: 5px;
}
.radio-options li {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.radio-options label {
display: block;
padding: 0.75em;
opacity: 0;
-webkit-transition: 0s;
-moz-transition: 0s;
-o-transition: 0s;
transition: 0s;
}
.radio-options input {
position: absolute;
top: 0;
left: 0;
width: 280px;
height: 3em;
opacity: 0;
z-index: 1;
cursor: pointer;
}
.radio-options input:checked ~ label {
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 1;
z-index: 2;
padding: 0.75em;
background: #6AA2BD;border-radius: 5px; /*선택된 객실 배경*/
}
.no-touch .radio-options li:hover label { /*마우스 ON 2처메뉴 배경*/
background: #97BCCE;border-radius: 5px;
}
.radio-options .checked label {
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0.75em;
visibility: visible;
z-index: 2;
}
.no-touch .radio-options:hover, .active .radio-options {
max-height: 100em;
}
.no-touch .radio-options:hover ul, .active .radio-options ul {
position: relative;
margin-top: 9px;
}
.no-touch .radio-options:hover li, .active .radio-options li {
position: relative;
}
.no-touch .radio-options:hover label, .active .radio-options label {
opacity: 1;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.no-touch .radio-options:hover input:checked ~ label, .active .radio-options input:checked ~ label {
position: static;
border-radius: 0;border-radius: 5px;
}
.no-touch .radio-options:hover .checked label {
position: static;
}
.no-touch .radio-options:hover ul:before, .active .radio-options ul:before { /*2차메뉴 화살표시 설정*/
content: ""; /*화살표시안에 내용입력시 사용함*/
position: absolute;
width: 0px;
height: 0px;
right: 2em;
margin-right: -4px;
top: -5px;
border-style: solid;
border-width: 0 6px 6px 6px;
border-color: transparent transparent #6AA2BD transparent;
-webkit-transform: rotate(360deg);
}
.radio-options .toggle { /*1차메뉴 배경*/
position: relative;
cursor: pointer;
padding: 0.75em;
border-radius: 7px;
z-index: 1;
border: 1px solid #111;
box-shadow: 0px 0px 10px  rgba(0,0,0,0.4);
background-image:linear-gradient(#3c3c3c,#111);
}
.radio-options .toggle:before { /*1차메뉴 우측 화살표 OFF*/
content: "";
border-style: solid;
border-width: 5px 0 5px 8.7px;
border-color: transparent transparent transparent #FFFFFF;
height: 0px;
position: absolute;
right: 0.75em;
top: 50%;
margin-top: -5px;
width: 0px;
-webkit-transform: rotate(360deg);}
}
.no-touch .radio-options:hover .toggle:before, .active .radio-options .toggle:before { /*1차메뉴 우측 화살표 ON*/
border-width: 8.7px 5px 0 5px;
border-color: #FFFFFF transparent transparent transparent;
margin-top: -2px;
}
.radio-options input:checked ~ label:before {
content: "";
border-style: solid;
border-width: 2px 0 2px 8.7px;
border-color: transparent transparent transparent #FFFFFF;
height: 0px;
position: absolute;
right: 0.75em;
top: 50%;
margin-top: -5px;
width: 0px;
-webkit-transform: rotate(360deg);
}
.radio-options li.checked label:before {
content: "";
border-style: solid;
border-width: 2px 0 2px 8.7px;
border-color: transparent transparent transparent #FFFFFF;
height: 0px;
position: absolute;
right: 0.75em;
top: 50%;
margin-top: -5px;
width: 0px;
-webkit-transform: rotate(360deg);
}
.no-touch .radio-options:hover input:checked ~ label:before, .active .radio-options input:checked ~ label:before {
content: none;
}
.no-touch .radio-options:hover li.checked label:before {
content: none;
}
.no-opacity .radio-options label {
visibility: hidden;
}
.no-opacity .radio-options:hover label {
visibility: visible;
}
.no-opacity .radio-options li.checked label {
visibility: visible;
}
.no-opacity input {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dayNo{
	color:#000;
	font-family: "NanumGothicBold", "NanumGothic","Dotum", "Arial", "Gulim", sans-serif;
	font-weight:600;
}