/*입주예약 추가 css*/
.reserve_type{padding:0 20px;}
.reserve_type > .reserve_type{padding:0}
.reserve_type .central_title + p{font-size:12px; color:#666; margin-bottom:7px;}
.reserve_type .table-row{border-bottom:0}
.reserve_type .table-row + div.tac p{margin:8px 0 28px; font-size:12px; color:#666;}
.reserve_type .table-row .row:last-child > div.td{padding-bottom:0}
.reserve_type .clause_contents{padding:15px 0 15px 15px; border:1px solid #aaa;}
.reserve_type .clause_contents .inner{padding-right:15px; font-size:14px}
.reserve_type .checkbox_wrap > .checkbox, 
.reserve_type .radio_wrap > .radio{margin:0 14px 0 0;}
.reserve_type.no_data{text-align:center; padding:80px 20px 0;}
.reserve_type.no_data > img{width:33.33%;}
.reserve_type.no_data > h2{margin: 40px 0 15px; font-size:19px}
.reserve_type .tbl_btm{margin-top:15px}
.reserve_type .tbl_btm p{color:#666; font-size:12px; width:calc(100% - 75px)}
.reserve_type .tbl_btm .flr button{min-width:72px;}
.reserve_type .btn_wrap .btn.small{min-width:auto;}
.ui-popup .ft_num{font-size:23px; display:block; margin:8px 0 11px;}
.ui-popup .btm_txt .clearfix a{float:left; font-size:12px;}
.ui-popup .btm_txt .clearfix span{float:right; font-size:12px; line-height:1;}

.table-row .row > div.two_select{font-size:0;}
.table-row .row > div.two_select select{width:calc(50% - 2.5px);}
.table-row .row > div.two_select select:last-child{margin-left:5px;}

.table-row .row > div.multi_form{display:flex;}
.table-row .row > div.multi_form > select + select{margin-left:5px;}
.table-row .row > div.multi_form > input + button{margin-left:5px;}
.table-row .row > div.multi_form > input + button.small{padding:0 5px; text-align:center;}
.table-col.reserve .row > div.number{width:90px;}
@media all and (max-width:320px){
	.table-row .row > div.multi_form > input{padding:0 3%}
}


/*사전예약캘린더 팝업*/
.ui-popup .con_wrap.reserve_calendar{padding:0; margin:0; border-radius: 0;}
.reserve_calendar .sale_calendar_contents .table_wrap table thead th:first-child{padding-left:20px}
.reserve_calendar .sale_calendar_contents .table_wrap{padding:0;}
.reserve_calendar .sale_calendar_contents .table_wrap table thead th{background-color:#f7f7f7}
.reserve_calendar .sale_calendar_contents .table_wrap table tbody td{padding:0; height:40px; line-height:1; text-align:center;  font-size:12px; color:#666;}
.reserve_calendar .sale_calendar_contents .table_wrap table tbody td > a{display:block; text-align:center; height:40px; line-height:1; margin:0; font-size:12px; padding:10px 4%; font-weight:400;}
.reserve_calendar .sale_calendar_head strong span{font-size:30px;}
.reserve_calendar .table_wrap table thead th{height:38px; color:#666;}
.reserve_calendar .introduction_title{padding:30px 0 0;}
@media all and (max-width:320px){
    .reserve_calendar .sale_calendar_contents .table_wrap table tbody td > a{padding:10px 2%}
    .reserve_calendar .sale_calendar_head strong span{font-size:25px;}
}
.reserve_calendar .sale_calendar_contents .table_wrap span > em{margin:0 3px;}
.btn.reserve{height:18px; line-height:18px; font-size:12px; border:1px solid #ddd; padding:0 8px; border-radius: 20px; min-width:auto;}
span.label_sm{display: inline-block; vertical-align:middle; width:18px; height:18px; line-height:18px; margin-right:4px; background:url('../images/reserve/mob_icon_list.png') 1px 0 no-repeat; background-size:53px 17px;}
span.label_sm.gray{background-position:-17px 0}
span.label_sm.red{background-position:-35px 0;}
.sale_calendar_head + .label_box{margin-top:25px;}
.label_box{text-align:right;}
.label_box li{display:inline-block; font-size:12px;}
.label_box li + li{margin-left:12px}

.sale_calendar .swiper-container-android .swiper-slide, .swiper-wrapper{padding-bottom:40px;}
.reserve_calendar .sale_calendar_contents{border-bottom:0; margin-top:0; height:calc(100% - 110px)}
.reserve_calendar .sale_calendar_contents .swiper-container{height:100%;}
.reserve_calendar .swiper-slide{max-height:calc(100% - 40px)}

/*예약/변경/취소*/
.reserve_list{padding:30px 0 0;}
.reserve_list.no_data{text-align:center;padding:55px 0 0;}
.reserve_list.no_data > img{width:38px;}
.reserve_list.no_data h2{font-size:22px; margin:30px 0 10px; font-weight:300}
.reserve_list.no_data p{font-size:14px;}
.reserve_list .table_wrap .table_vertical td {height:155px; vertical-align: top;}
.reserve_list .table_wrap .table_vertical .title1 span{font-weight:700}
.reserve_list .table_wrap .table_vertical .title2{margin-top:3px;}
.reserve_list .divided_list > li{font-size:14px; color:#222;}
.reserve_list .divided_list > li:nth-child(2):after{display:none}
.reserve_list .divided_list > li:last-child{margin:7px 0 0;}
.reserve_list .table_wrap .table_vertical th{padding:15px 5%; text-align:center;}
.reserve_list .card_label{width:65px; top:15px;}
.reserve_list .card_label.finish:after{background-color:#313439}
.reserve_list .card_label.waiting:after{background-color:#fff; border:1px solid #ddd;}
.reserve_list .card_label.waiting, .card_label.refuse{color:#000;}
.reserve_list .card_label.refuse:after{background-color:#ddd;}
.reserve_list .card_label.finish02:after{background-color:#0c4ca3}
.reserve_list .divided_list > .divid:after, .reserve_list .divided_list > li:after{margin:0 1px 0 5px;}
.reserve_list .table_wrap .table_vertical tr:last-child th, .reserve_list .table_wrap .table_vertical tr:last-child td{border-bottom-color:#ddd;}
.reserve_list .table_wrap .table_vertical td{padding:0;}
.reserve_list .table_wrap .table_vertical td > a{position:relative; display:block; padding:55px 20px 15px; height:100%;}
.reserve_list .table_wrap .table_vertical td a:after{content:''; display:block; position:absolute; right:-10px; top:50%; transform: rotate(-90deg) translateY(-50%);-moz-transform:rotate(-90deg) translateY(-50%);-webkit-transform:rotate(-90deg) translateY(-50%);-o-transform:rotate(-90deg) translateY(-50%);-ms-transform:rotate(-90deg) translateY(-50%);width:20px; height:10px; background:url(/common/images/common/common.png) no-repeat -100px -35px; background-size:250px;}

.content_body.reserve_type{padding:0 0 100px}
.reserve_type .clearfix .btn_wrap{float:right; padding:0;}
.reserve_type .bod_top{border-top:1px solid #ddd; padding:40px 0 0; margin-top:20px;}
.reserve_type .bod_top > p{color:#666; margin-top:17px}

.reserve_type .checkbox > input[type='checkbox']:disabled + span:before {background:url('/common/images/reserve/ico_chk_disabled_mo.png') no-repeat; background-size:20px 20px}
.reserve_type .checkbox  > input[type='checkbox']:disabled:checked + span:before {background:url('/common/images/reserve/ico_chk_disabled_mo.png') no-repeat; background-size:20px 20px}
.reserve_type .btm_box{margin-top:30px;}
.reserve_type .btm_box > strong{font-size:12px;}
.reserve_type .btm_box > strong + .checkbox_wrap{margin:15px 0 30px;}
.reserve_type .btm_box dl{border-top:1px solid #ddd; padding-top:27px;}
.reserve_type .btm_box dt {font-size:12px;}
.reserve_type .btm_box dd {font-size:12px; color:#666; line-height:18px;}
.reserve_type .btm_box dd:last-child{margin-top:3px;}
.reserve_type .clause{font-size:14px;}
.reserve_type .reserve_btm .clearfix .fll{width:calc(100% - 80px); font-size:12px;}
.reserve_btm .btn_wrap button{width:auto;}
.reserve_btm .btn_wrap button:last-child{margin-right:0}
/*입주예약캘린더 리스트*/
.reserve_calendar{height:100%;}
.reserve_calendar .sale_calendar{height:100%;}
.reserve_calendar .swiper-slide{overflow-y:auto;-webkit-overflow-scrolling: touch;}
.reserve_calendar .table_wrap table{border-color:#ddd; border-top-width:1px;}
.reserve_calendar .table_wrap table thead th{border-color:#ddd; border-left:1px solid #ddd;}
.reserve_calendar .table_wrap table thead th:first-child{border-left-width:0;}
.reserve_calendar .table_wrap table td{border-color:#ddd; border-left:1px solid #ddd;}
.reserve_calendar .table_wrap table td:first-child{border-left-width:0; color:#666;}
.reserve_calendar .table_wrap table tr:last-child td{border-bottom-color:#999}
.reserve_calendar .table_wrap table td .wrong span:last-child{color:#666;}
.reserve_calendar .swiper-pagination-bullet-active{color:#4a98ff}
.ui-popup .reserve_calendar .header h2{font-size:20px;}
.reserve_calendar .introduction_title p{font-weight:400;}
@media all and (max-width:375px){
    .reserve_list .table_wrap .table_vertical th{padding:15px 4%;}
    /*.reserve_calendar .swiper-slide{max-height:270px;}*/
    .table_wrap .table_vertical th
} 
/*입주예약캘린더*/
.ui-popup .reserve_calendar .body{height:calc(100% - 118px); overflow-y:hidden;}
.sale_calendar.reserve_ver{height:calc(100% - 50px);}
.reserve_calendar .reserve_ver .ui-accordion{padding:3px 0 10px}
.reserve_ver .sale_calendar_head + .label_box{margin-top:40px;}
.reserve_calendar .reserve_ver .sale_calendar_contents{overflow-y:auto;  border:1px solid #e4e4e4; margin-top:13px;}
.sale_calendar.reserve_ver{padding:0;}
.reserve_ver .sale_calendar_contents strong span{font-size:20px}
.reserve_ver .sale_calendar_contents strong{font-size:12px; color:#222; left:3%; top:50%; transform: translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.reserve_ver .sale_calendar_contents strong.day_off{color:#a3a3a3;}
.reserve_ver .acc-item{margin:0 6%; border-top-width:0;}
.reserve_ver .acc-item .acc-head{padding:10px 2.6% 10px 28%; font-size:12px; height:40px; margin-top:0; color:#666; font-weight:400;}
.reserve_ver .sale_calendar_contents strong:after{top:50%; transform: translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);-ms-transform:translateY(-50%)}
.reserve_ver .acc-item .acc-head .flr:after {content:''; display:inline-block; margin-left:7px; width:8px; height:5px; background:url(../images/reserve/ico_mob_arrow.png) no-repeat 0 0; background-size:8px 5px;}
.acc-item.active .acc-head .flr:after{transform:rotate(180deg)}
.ui-popup .reserve_calendar .footer{position:fixed; left:0; right:0; bottom:0;}
.reserve_ver .acc-item .acc-cont{padding:0; border-top:1px solid #ddd}
.sale_calendar_contents ul.sub_list{margin-left:0;}
.reserve_ver .acc-item .acc-cont > p{font-size:11px; line-height:1.3; color:#222; font-weight:700; padding:14px 7%; background-color:#eee;}
.reserve_ver .sale_calendar_contents li{padding:9px 4% 9px 27%}
.reserve_ver .radio > span{vertical-align:middle;}

.reserve_ver .sale_calendar_contents li .radio_box, .reserve_ver .sale_calendar_contents li .radio_box > a{line-height:32px; font-size:11px;}
.reserve_ver .sale_calendar_contents li .radio_box > a{display:block;  height:100%; padding:0; margin:0; font-weight:400;}
.sale_calendar_contents .sub_list li.finish strong{color:#666; font-weight:300}
.sale_calendar_contents .sub_list li.finish .radio_box{color:#666;}
.reserve_ver .sale_calendar_contents .sub_list li strong{left:7%}
.reserve_ver .sale_calendar_contents .sub_list li{min-height:40px; padding:3px 4% 3px 27%;}
.sale_calendar_contents .sub_list li.present strong{background-color:#f7f7f7; color:#f71334; font-weight:300;}
.sale_calendar_contents .sub_list li.present .radio_box, .sale_calendar_contents .sub_list li.present .radio_box a{color:#f71334;}

.btn.default.big2{border-color:#222}
.ui-popup .footer.size_big .btn{height:50px; line-height:50px; font-size:16px;}
.ui-popup .btn.bg_blue{background:#0c4ca3;}
/*2020-05-13 추가*/
/*개인정보 수집 및 이용*/
.table_wrap table td.row:first-child{padding:10px 0 20px;}
.table_wrap .row div.th{font-size:13px; font-weight:700; line-height:32px;}
.table_vertical tr:last-child td.row{border-bottom:0}
.table_wrap .terms > table{border-top-width:1px; border-top-color:#ddd;}
.table_wrap .table_vertical tr:last-child .terms th, .table_wrap .table_vertical tr:last-child .terms td{border-bottom-color:#ddd;}
.table_wrap .table_vertical tr:last-child .terms tr:last-child th, .table_wrap .table_vertical tr:last-child .terms tr:last-child td{border-bottom-color:#999;}
.table_wrap .table_vertical .terms th, .table_wrap .terms .table_vertical th{font-weight:normal; padding:20px 13px; border-right:1px solid #ddd;}
.table_wrap .table_vertical .terms td, .table_wrap .terms .table_vertical td{font-size:12px; padding:15px 18px;}
.terms > table + p{margin-top:27px; font-size:12px; color:#666; border-bottom:1px solid #ddd; padding-bottom:28px;}
.terms .clearfix > p{font-size:12px; display:inline-block; vertical-align:top; width:calc(100% - 115px)}
.terms .clearfix > p strong{font-weight:700;}
.terms .clearfix .radio > span, .terms .clearfix .checkbox > span{padding-left:23px; }
.radio > input[type='radio']:disabled + span:before{background:#eee; border-radius:50%;}
.radio > input[type='radio']:disabled:checked + span:before{background:url('/common/images/common/ico_rdo_disabled.png') 0 0 no-repeat; background-size:20px 20px;}
.reserve_type .checkbox > input[type='checkbox']:disabled ~ span:before, .checkbox > input[type='checkbox']:disabled ~ span:before{background-image:none; background-color:#eee; border-radius:5px;}

/*common*/
@media all and (max-width:375px){
    .reserve_type .table_wrap .table_vertical th{padding:15px 4%;}
    .reserve_type .table_wrap .terms table th{padding:15px 3%;}
} 
input[type=text], input[type=password], input[type=number], input[type=tel]{line-height:100%;}
.btn_wrap .btn.big2{min-width:calc(49% - 4px);}
.btn.big2{height:45px; line-height:45px; padding:0 30px; font-size:14px; min-width:49%;}
.a_link{color:#0c4ca3; line-height:100%;}
.a_link:after{content:''; display:block; width:100%; height:1px; background-color:#0c4ca3;}
.pd0{padding:0!important;}
.btn.cancel{background-color:#ddd; color:#666}
.fz28 { font-size: 28px !important; }
input[type=text]::placeholder, input[type=password]::placeholder, input[type=number]::placeholder{color:#666;}
.ui-popup.active {visibility:visible; display:flex;}
.fc2{ color:#222; }
.btn.bg_bk{background:#222!important;}
.btn.bg_lightgray{background:#ddd!important; color:#666!important;}
.btn.small2{min-width:73px; height:36px; line-height:36px; padding:0 15px; font-size:12px; font-weight:400}
select[readonly]{pointer-events:none; background-color:#eee; background-image:url(/common/images/common/bg_select_disable.png); border-color:#eee; color:#aaa;}