@charset "UTF-8";

.overlay{display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #777777;z-index:1004;-moz-opacity: 0.9;opacity:.90;filter: alpha(opacity=90);}	
.choiceBox a{display:inline-block;}
.choiceBox img{vertical-align:middle;}
.choiceBox img.small_cal{ height:34px;}
.dotLine2{border:0; border-bottom:1px dashed #dcdcdc; height: 1px; margin: 10px 0; display: block; width: 100%; float: left;}
.monthChoice1{width:190px; overflow:hidden; margin: 10px auto;}
.monthChoice1 span.arw{float:left; padding:0px; width: 15px;} 
.monthChoice1 span.arw img{ width: 15px; margin-left:0px;}
.monthChoice1 span.month { float: left; color: #1d1d1d; font-weight:bold; width:150px; height:20px; line-height:20px; font-size:1.188em; text-align:center;}
.mainCalendar1 {text-align: center;width:100%;margin:0 auto;}
.mainCalendar1 th {font-size:0.813em;color:#444444;font-weight: bold;padding:10px 0 ;}
.mainCalendar1 td div {
font-size:0.813em;font-family:"Nanum GothicB";width:30px;color:#b7b7b7;cursor: pointer;margin: auto;
height:30px;line-height:30px;vertical-align: middle;}
.mainCalendar1 .sun{color: #bf3b3b;height: 20px;}
.mainCalendar1 .possible div{ color:#444; }
.mainCalendar1 .today.possible div{background-color:#f88538; background-size: 20px 20px; border-radius: 10px; color: #fff;}

@media (max-width: 360px) {
    .searchBox1 { display: none;position: fixed; width:310px; z-index:1005; background-color: white; border: 6px solid #3e8ddc; margin: 0 auto; padding: 1.2em; border-radius: 10px;}
    .choiceBox .title{
    width:40px;height:50px;line-height:50px;font-size:0.825em;color:#7f7f7f;text-align:center;font-family:"Nanum GothicB";margin-right:10px;}        
    .choiceBox .reserSelect select{
    width:206px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px; background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%; background-size: 13px 8px;text-indent: 5px;}        
    .choiceBox .reserTime select{
    width:98px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px;
    background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%;background-size: 13px 8px;text-indent: 5px;margin-right:4px;}        
    .choiceBox .dayInput{ display:inline-block; width: 60px; height:35px;line-height:35px;border:1px solid #e1e1e1;padding-left:0;text-indent: 2px;text-align:center;vertical-align:middle; font-size:0.6em;}
    .SubMonthBox5{ position:absolute;
        top:59px;
        left: 5px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
    .SubMonthBox6{ position:absolute;
        top:59px;
        left: 22px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
}
  @media (min-width: 361px) and (max-width:480px) {
    .searchBox1 { display: none;position: fixed; width:350px; z-index:1005; background-color: white; border: 6px solid #3e8ddc; border-radius: 10px; margin: 0 auto; padding: 2em;}
    .choiceBox .title{
    width:50px;height:50px;line-height:50px;font-size:1em;color:#7f7f7f;text-align:center;font-family:"Nanum GothicB";margin-right:10px;}        
    .choiceBox .reserSelect select{
    width:210px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px; background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%; background-size: 13px 8px;text-indent: 5px;}        
    .choiceBox .reserTime select{
    width:102px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px;
    background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%;background-size: 13px 8px;text-indent: 5px;margin-right:4px;}        
    .choiceBox .dayInput{ display:inline-block; width: 62px; height:35px;line-height:35px;border:1px solid #e1e1e1;padding-left:2px;text-indent: 1px;text-align:center;vertical-align:middle;font-size:0.68em;}
    .SubMonthBox5{ position:absolute;
        top:71px;
        left: 5px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
    .SubMonthBox6{ position:absolute;
        top:71px;
        left: 62px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
}
   @media (min-width: 481px) {
    .searchBox1 { display: none;position: fixed; width:470px; z-index:1005; background-color: white; border: 6px solid #3e8ddc; margin: 0 auto; padding: 2.2em; border-radius: 10px;}
    .choiceBox .title{
    width:90px; height:50px; line-height:50px; font-size:1em; color:#7f7f7f; font-family:"Nanum GothicB"; margin:0 20px; padding:0 5px; display:inline-block;}        
    .choiceBox .reserSelect select{
    width:246px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px; background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%; background-size: 13px 8px;text-indent: 5px;}        
    .choiceBox .reserTime select{
    width:118px;height:35px;line-height:35px;color:#b0abab;border:1px solid #e1e1e1;padding-left:10px;
    background: url('../../images/m_valley/select-arrow.png') no-repeat 90% 50%;background-size: 13px 8px;text-indent: 5px;margin-right:4px;}        
    .choiceBox .dayInput{ display:inline-block; width: 80px; height:35px;line-height:35px;border:1px solid #e1e1e1;padding-left:2px;text-indent:0;text-align:center;vertical-align:middle;font-size:0.75em;}
    .SubMonthBox5{ position:absolute;
        top:124px;
        left: 95px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
    .SubMonthBox6{ position:absolute;
        top:124px;
        left: 187px;
        width:270px; height: 270px;
        border: solid 1px #e3e3e3; background:#fff; display: none; padding: 10px; overflow:hidden; z-index:100;
    }
}

/*-- BtnBox --*/
.btnBox2{margin:10px auto;padding-top:1em;font-size:0;overflow:hidden;width:50%;}
.btnBox2 li{float:left;width:49%;margin-right:2%;text-align:center;}
.btnBox2 li:last-child{margin-right:0;}
.btnBox2 li > input{font:1.25em 'Manum GothicB';color:#fff;padding:0.625em 0;}
.btnBox2 input{display:inline-block;width:100%;padding:12px 0;text-align:center;font:0.9em 'Manum GothicB';
color:white;margin-right:15px;}
.btnBox2 input:last-child{margin-right:0;}

.btnBox3{ clear: both; margin:10px auto; font-size:0; overflow:hidden; width:50%; text-align: center;}
.btnBox3 li{ display: inline-block; width:49%; margin-right:1%; text-align:center;}
.btnBox3 li:last-child{margin-right:0;}
.btnBox3 li > input{font:1.25em 'Manum GothicB';color:#fff;padding:0.625em 0;}
.btnBox3 input{display:inline-block;width:100%;padding:12px 0;text-align:center;font:0.9em 'Manum GothicB';
color:white;margin-right:15px;}
.btnBox3 input:last-child{margin-right:0;}

/* a btn 버튼 */
.motion1{background:#e17831;color:#fff;}
.cancel{background:#6e6e6e;color:#fff;}


/*--두번째 레이어 팝업--*/
.searchBox2 { display: none; position: fixed; width:98%; z-index:1010; background-color: #616175; border-radius: 10px; padding: 0.875em; border-radius: 10px;}
.searchBox2 h2{ font-size:1.875em; color: #fff; text-align: center; width: 100%; padding-bottom: 0.875em;}
.searchWrap{ width:100%; background-color: #fff; float: left;}
.searchWrap .tLTab{ width: 100%;}
/* .searchWrap .tLTab a{ color: #fff; font-size: 1.25em;} */
.searchWrap .tLTab li{ color: #fff; font-size: 1.25em; width: 50%; display: inline-block; float: left; text-align: center; padding: 0.875em 0; border-collapse: collapse;background-color: #a2a2a2; }
.searchWrap .tLTab li.on{ background-color: #3e8ddc;}
.searchWrap .tLContents{ width: 100%; }
.tLWrap{ float: left; width: 98%; margin: 1%; height:300px; overflow-y: scroll; }
.tLList{ border-bottom: 1px solid #9c9c9c; padding-bottom: 0.4em; float: left; overflow: hidden; width:99%;}
.tLList p{ border-bottom: 1px dotted #ddd; padding: 0.25em; width: 100%; line-height: 2em;}
.tLList p:last-child{ border-bottom:0;}
.tLList p.day{ float: left; color: #d8691e; font-size: 1em;}
.tLList span.all{ float: right; font-size: 0.78em; color: #404040; margin-top: 8px;}
.tLList span.all strong{ color: #d8691e; text-decoration: underline;}
.tLList p.time{ float: right; font-size: 0.875em; color: #404040; padding-top: 3px;}
.tLList span.price{ float: right; font-size: 1.25em; color: #be3333; font-weight: bold; margin-top: 4px;}
#Tab2{display:none;}
#Tab3{display:none;}