@charset "utf-8";
/* CSS Document */

.tab_area {overflow:hidden; margin-bottom:50px; border:1px solid #d9d9d9;}
.tab_area li {float:left; width:50%;}
.tab_area li+li {border-left:1px solid #d9d9d9;}
.tab_area a {display:block; font-size:17px; color:#303030; line-height:53px; text-align:center; background:#f8f8f8;}
.tab_area li.on a {color:#fff; background:#f88910;}



/*################################# write #################################*/

.title01 {margin:80px 0 17px; font-size:18px; color:#333333; line-height:20px; font-weight:500;}


.timeSelectWrap {overflow:hidden;}
.calendarSelect {float:left; width:50%;}
.calendarWrap .headBox {position:relative; line-height:50px; font-size:20px; color:#fff; text-align:center; background:#383838;}
.calendarWrap .headBox .btn_prev {position:absolute; top:11px; left:22px;}
.calendarWrap .headBox .btn_next {position:absolute; top:11px; right:22px;}
#calendar {width:100%;}
#calendar th {border:1px solid #d3d3d3; font-size:14px; line-height:35px; color:#868686; background:#f8f8f8;}
#calendar th:first-child {color:#d4343c;}
#calendar th:last-child {color:#2c72ae;}
#calendar td {border:1px solid #d3d3d3;}
#calendar td > div  {position:relative; line-height:45px; text-align:center;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #f88910; line-height:45px; background:#fee7cf;}
#calendar td > div .btn_reser_active {color:#fff; background:#f88910; }
#calendar td > div a {display:block;}
#calendar td.todayOn .btn_reser a {position:absolute; top:50%; left:50%; width:36px; height:36px; margin-left:-18px; margin-top:-18px; border-radius:50%; line-height:36px; color:#fff; background:#f88910;}
.calendarText1 {overflow:hidden; border:1px solid #d3d3d3; border-top:0; padding:20px; font-size:14px; color:#383838; line-height:35px;}
.calendarText1  * {vertical-align:middle;}
.calendarText1 input {color:#46bde2;}
.calendarText1 .reser_color {display:inline-block; width:35px; height:25px; margin-top:5px; border:1px solid #f88910; background:#fee7cf;}
.calendarText2 {padding:10px 0; font-size:14px; color:#868686;}
.calendarText2 b {color:#f54c48;}

#reser_comment b {color:#ff3000;}

.textarea_box {position:relative;}
.textarea_box .txt {position:absolute; top:0px; left:0px; width:100%; height:100%; padding:10px;}
.textarea_box .txt b {color:#ff3000;}

.timeSelect {float:left; overflow:hidden; margin-left:20px;}
.timeSelect dl {float:left; width:240px; border:1px solid #d3d3d3; text-align:center;}
.timeSelect dl:first-child {margin-right:-1px;}
.timeSelect dt {font-size:16px; color:#fff; line-height:50px; text-align:center; background:#797979;}
.timeSelect ul {padding:10px 0;}
.timeSelect ul {text-align:center; font-size:15px; line-height:30px;}
.timeSelect ul a {display:block; color:#585858;}
.timeSelect ul li.none {color:#959595; text-decoration:line-through;}
.timeSelect ul li.on a, .timeSelect ul a:hover {color:#fff; background:#f88910;}


.reservation_password_box {position:relative; width:700px; margin:200px auto 100px; padding:100px 45px 45px; border:1px solid #ededed; text-align:center; background:#f8f8f8;}
.reservation_password_box .timg {position:absolute; top:-100px; left:270px;}
.reservation_password_box strong {display:block; font-size:23px; color:#383838;}
.reservation_password_box > p {padding:15px 0 30px; font-size:15px; color:#585858;}
.reservation_password_box .r_row {display:inline-block; position:relative; width:450px; padding-left:100px; margin-bottom:10px; text-align:left;}
.reservation_password_box .r_row label {position:absolute; top:0; left:0; width:100px; text-align:left; line-height:35px;}
.reservation_password_box .btn {display:block; margin:20px auto 0;}

.view_hbox {margin-bottom:30px; padding:20px 30px; border:1px solid #ededed; background:#f8f8f8;}
.view_hbox strong {display:inline-block; border-right:1px solid #383838; padding-right:20px; margin-right:20px; font-size:16px; font-weight:500; color:#383838; line-height:1;}


#sisul_selet {border-top:2px solid #333333;}
#sisul_selet .top {overflow:hidden; padding:20px; border-bottom:1px solid #dddddd;}
#sisul_selet .top .chk_wrap {float:left;}
#sisul_selet .top .chk_wrap .checkbox+.checkbox {margin-left:40px;}
#sisul_selet .top .btn_wrap {float:right; overflow:hidden;}
#sisul_selet .top .btn_wrap button {float:left; width:125px; margin-left:10px; font-size:14px; color:#000000; line-height:32px; border-radius:17px; border:1px solid #ced4da; transition:all 0.4s;}
#sisul_selet .top .btn_wrap button:hover {background:#f4f4f4;}

.sisul_list {padding:20px;}
.sisul_list ul {overflow:hidden; margin:-8px;}
.sisul_list li {float:left; width:50%; padding:8px;}
.sisul_item {position:relative;}
.btn_delete {overflow:hidden; position:absolute; top:15px; right:15px; width:15px; height:15px; text-indent:-999px; background:url('../images/btn_pop_close.png') no-repeat}
.sisul_item input {position:absolute; left:24px; top:50%; width:22px; height:22px; margin-top:-11px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.sisul_item label {display:block; position:relative; padding:35px 150px 35px 78px; border:1px solid #dddddd; cursor:pointer; background:#fff;}
.sisul_item label:before {position:absolute; top:50%; left:24px; width:22px; height:22px; margin-top:-11px; background:url('/images/basic/un_check.png') no-repeat center; content:'';}
.sisul_item input:checked + label:before, .sisul_item input.checked + label:before {background-image:url('/images/basic/check.png');}
.sisul_item input:focus + label:before {outline:1px dotted #000}
.sisul_item .tit {font-size:16px; font-weight:500; color:#282828;}
.sisul_item .tit span {color:#f88910;}
.sisul_item .tit p {padding-top:5px;}
.sisul_item .stit {display:block; overflow:hidden; height:40px; margin-top:8px; font-size:16px; line-height:20px; font-weight:400; color:#282828; display: -webkit-box; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis;}
.sisul_item .price {position:absolute; top:50%; right:40px; margin-top:-22px; text-align:right; line-height:1.3; }
.sisul_item .ori_price {display:block; font-family: 'Lato', sans-serif; letter-spacing: 0; font-size: 15px; color: #b3acab; font-weight: 700; text-decoration: line-through;}
.sisul_item .ori_price span {font-family: 'Noto Sans KR', sans-serif; font-weight: 400;}
.sisul_item .sale_price {display:block; font-family: 'Lato', sans-serif; letter-spacing: 0; font-size: 18px; color: #282828; font-weight: 700; /*text-decoration: line-through;*/}
.sisul_item .sale_price span {font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight: 400;}


#sisul_selet .total_price {overflow:hidden; padding:20px 50px; border-top:2px solid #333333; background:#eeeeee;}
#sisul_selet .total_price .tit {float:left; font-size:18px; color:#000000; font-weight:700;}
#sisul_selet .total_price .tit span {font-weight:400;}
#sisul_selet .total_price .price {float:right; text-align:right;}
#sisul_selet .total_price .price * {vertical-align:middle;}
#sisul_selet .total_price .price p {margin-bottom:5px; font-size:16px; font-weight:300; color:#8a8686;}
#sisul_selet .total_price .price strong {display:block; font-family: 'Lato', sans-serif; letter-spacing: 0; font-size: 28px; color: #f88910; font-weight: 700;}
#sisul_selet .total_price .price strong span {position:relative; top:-2px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight: 400; color:#000000;}


.bottom_agree {margin:45px 0 0; font-size:17px; text-align:center;}
.bottom_agree  * {vertical-align:middle;}
.bottom_agree .ctxt {font-size:20px; color:#585858; font-weight:400;}
.bottom_agree .ctxt a {color:#f88910;}
.bottom_agree .checkbox {margin:55px auto 10px;}


.sisul_pop {display:none; position:fixed; top:50%; left:50%; z-index:1000000001; width:600px; margin-left:-300px; margin-top:-355px; background:#fff;}
.sisul_pop h2 {border-bottom:1px solid #e5e5e5; font-size:18px; color:#000000; line-height:54px; font-weight:400; text-align:center;}
.sisul_pop .btn_pop_close {position:absolute; top:21px; right:26px; width:15px; height:15px; background:url('../images/btn_pop_close.png') no-repeat;}
.sisul_pop .tab {padding:13px 25px;}
.sisul_pop .tab ul {overflow:hidden; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.sisul_pop .tab li {float:left; width:33.333%; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.sisul_pop .tab button {display:block; width:100%; height:54px; font-size:18px; color:#484848; line-height:54px; text-align:center;}
.sisul_pop .tab li.on button {color:#fff; background:#f88910;}
.sisul_pop .cbox {background:#ebebeb;}
.sisul_pop .scroll_cont {overflow-y:auto; height:400px;}

.sisul_pop .sisul_list {padding:0px 12px 25px 12px}
.sisul_pop .sisul_list li {width:100%;}
.sisul_pop .sisul_list ul {margin:-4px;}
.sisul_pop .sisul_list li {padding:4px;}
.sisul_pop .sisul_item label {padding:25px 150px 25px 78px;}
.sisul_pop .btn_add_wrap {padding:0 25px 25px;}
.sisul_pop .btn_add {width:100%; height:70px; margin-top:25px; font-size:20px; color:#fff; line-height:70px; background:#000;}
.sisul_dimmed_bg {display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:100000000; background:rgba(0,0,0,0.8);}