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

.tab_area {overflow:hidden; margin-bottom:10px;}
.tab_area li {float:left; width:50%;}
.tab_area a {display:block; border:1px solid #d9d9d9; font-size:15px; color:#333333; line-height:44px; text-align:center; background:#f3f3f3;}
.tab_area li.on a {margin:-1px; color:#fff; line-height:45px; background:#f88910;}

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

.btitle01 {margin:30px 0 10px; border-bottom:1px solid #cccccc; font-size:18px; color:#333333; font-weight:500; line-height:36px;}
.btitle01.border_none {margin-bottom:10px; border:0;}

.notice_txt {margin-bottom:8px; font-size:12px;}

.timeSelectWrap {overflow:hidden;}
.calendarSelect {}
.calendarWrap {border:1px solid #d9d9d9; padding-bottom:5px; background:#fbfbfb;}
.calendarWrap .headBox {position:relative; padding:27px 0 10px; line-height:22px; font-size:20px; color:#000; text-align:center;}
.calendarWrap .headBox * {vertical-align:middle;}
.calendarWrap .headBox .month {display:inline-block; padding:0 35px;}
.calendarWrap .headBox .btn_prev {width:11px;}
.calendarWrap .headBox .btn_next {width:11px;}
#calendar {width:100%;}
#calendar th {font-size:15px; line-height:50px; text-align:center; color:#000000;}
/*
#calendar th:first-child {color:#d4343c;}
#calendar th:last-child {color:#2c72ae;}
*/
#calendar td {color:#bfbfbf;}
#calendar td > div  {position:relative; line-height:40px; text-align:center; font-size:13px;}
#calendar td > div .btn_reser {position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:1px solid #f88910; color:#000000; line-height:40px; background:#fee7cf;}
#calendar td:first-child {color:#d4343c;}
#calendar td:last-child > div .btn_reser {color:#2c72ae;}
#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:32px; height:32px; margin-left:-16px; margin-top:-16px; border-radius:50%; line-height:32px; color:#fff; background:#f88910;}
.calendarText1 {overflow:hidden; margin-top:15px; font-size:15px; color:#383838; line-height:24px;}
.calendarText1  * {vertical-align:middle;}
.calendarText1 .reser_color {display:inline-block; width:30px; height:18px; border:1px solid #f88910; background:#fee7cf;}
.calendarText1 input {width:100px; height:24px; color:#f88910;}


.timeSelect {overflow:hidden;}
.timeSelect dt {padding-top:6px; font-size:17px; color:#f88910; font-weight:bold; line-height:26px;}
.timeSelect ul {display:inline-block; width:100%; font-size:13px; padding:10px 0 0; text-align:center;}
.timeSelect ul li {float:left; width:33.33%;}
.timeSelect ul li.none span {display:block; margin-top:-1px; margin-left:-1px; border:1px solid #f88910; text-align:center; color:#999999; line-height:30px; background:#ececec;}
.timeSelect ul li.on a {color:#fff; background:#f88910;}
.timeSelect ul li:nth-child(3n+1) a,
.timeSelect ul li:nth-child(3n+1) span {margin-left:0;}
.timeSelect ul a {display:block; margin-top:-1px; margin-left:-1px; border:1px solid #f88910; text-align:center; color:#333; line-height:30px;}

.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;}


#password_box02 {position:relative; color:#333333; text-align:center;}
#password_box02 strong {display:block; font-size:18px; color:#383838; font-weight:bold;}
#password_box02 > p {padding:5px 0 20px; font-size:13px; color:#585858; line-height:18px;}
#password_box02 input[type="text"] {width:100% !important;}
#password_box02 .frow {margin-top:5px;}
#password_box02 input[type="submit"] {width:100%; margin-top:15px;}


.view_table {width:100%; border-top:1px solid #333333; color:#333333;}
.view_table td,
.view_table th {height:40px; padding:8px; border-bottom:1px solid #d8d8d8; vertical-align:middle; font-size:14px; font-weight:normal;}
.view_table th {background:#f8f8f8;}



.notice_box {padding:15px; border:1px solid #d9d9d9; font-size:13px; color:#666666; line-height:18px; background:#f8f8f8;}
.notice_box h2 {margin:0 -15px 10px; padding-left:20px; padding-top:2px; border-bottom:1px solid #cccccc; font-size:18px; line-height:42px; font-weight:bold; color:#333333; background-size:22px;}
.notice_box em {color:#f88910;}
.notice_box li {list-style:decimal; margin-left:15px;}

.board_txt {margin:-5px 0 10px; font-size:14px; color:#999999;}

.btn_reserve {margin-top:25px; border:1px solid #383838; font-size:17px; color:#505050; line-height:38px; text-align:center;}
.btn_reserve p {overflow:hidden;}
.btn_reserve .btn {float:left; width:50%; margin:0; color:#505050 !important; background:#fff;}
.btn_reserve .btn+.btn {border-left:1px solid #383838; background:#ececec;}

.view_table .btn {}

.notice_agree {text-align:center;}
.notice_agree .txt {padding:15px 10px 0; font-weight:bold; font-size:16px; color:#000;}







#sisul_selet {border-top:2px solid #333333;}
#sisul_selet .top {overflow:hidden; padding:15px 5px; border-bottom:1px solid #dddddd;}
#sisul_selet .top .chk_wrap {float:left;}
#sisul_selet .top .chk_wrap .checkbox {display:block; margin:-6px 0;}
#sisul_selet .top .btn_wrap {float:right; overflow:hidden;}
#sisul_selet .top .btn_wrap button {display:block; width:100px; font-size:12px; color:#000000; line-height:25px; border-radius:13px; border:1px solid #ced4da;}
#sisul_selet .top .btn_wrap button+button {margin-top:5px;}


.sisul_list {padding:15px 0;}
.sisul_list ul {overflow:hidden;}
.sisul_list li+li {margin-top:-1px;}
.sisul_item {position:relative;}
.btn_delete {overflow:hidden; position:absolute; top:50%; right:10px; width:12px; height:12px; margin-top:-6px; text-indent:-999px; background:url('../images/btn_pop_close.png') no-repeat center; background-size:contain;}
.sisul_item input {position:absolute; left:12px; top:50%; width:16px; height:16px; margin-top:-8px; opacity:0; appearance:none; -webkit-appearance:none; -moz-appearance:none; outline:0}
.sisul_item label {display:block; position:relative; padding:17px 100px 17px 40px; border:1px solid #dddddd; cursor:pointer; background:#fff;}
.sisul_item label:before {position:absolute; top:50%; left:12px; width:16px; height:16px; margin-top:-8px; background:url('/images/basic/un_check.png') no-repeat center; background-size:contain; 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:12px; font-weight:500; color:#282828;}
.sisul_item .tit span {color:#f88910;}
.sisul_item .stit {display:block; margin-top:3px; font-size:12px; font-weight:400; color:#282828;}
.sisul_item .price {position:absolute; top:50%; right:30px; 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: 12px; 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: 13px; color: #282828; font-weight: 700; /*text-decoration: line-through;*/}
.sisul_item .sale_price span {font-family: 'Noto Sans KR', sans-serif; font-size:12px; font-weight: 400;}

#sisul_selet .total_price {overflow:hidden; padding:15px; border-top:2px solid #333333; background:#eeeeee;}
#sisul_selet .total_price .tit {float:left; font-size:13px; 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:3px; font-size:12px; font-weight:300; color:#8a8686;}
#sisul_selet .total_price .price strong {display:block; font-family: 'Lato', sans-serif; letter-spacing: 0; font-size: 18px; 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:13px; 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%; z-index:1000000001; left:20px; right:20px; padding-top:35px; transform:translateY(-50%); background:#fff;}
.sisul_pop h2 {padding-left:22px; font-size:21px; color:#151515; font-weight:500; line-height:1;}
.sisul_pop .btn_pop_close {position:absolute; top:-22px; right:0px; width:45px; height:45px; background:url('/m/images/common/icon_pop_close.png') no-repeat center; background-size:contain;}
.sisul_pop .tab {padding:13px 22px 20px;}
.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:40px; font-size:12px; color:#969494; line-height:40px; text-align:center; white-space:nowrap;}
.sisul_pop .tab li.on button {color:#fff; background:#f88910;}
.sisul_pop .cbox {background:#ebebeb;}
.sisul_pop .scroll_cont {overflow-y:auto; height: calc(100vh - 320px);}
.sisul_pop .sisul_list {padding:0px 22px 22px 22px}
.sisul_pop .sisul_item label {padding:17px 80px 17px 40px;}
.sisul_pop .sisul_item .price {right:10px;}
/*
.sisul_pop .sisul_list {padding:25px;}
.sisul_pop .sisul_list li {width:100%;}
.sisul_pop .sisul_list ul {margin:-4px;}
.sisul_pop .sisul_list li {padding:4px;}

*/
.sisul_pop .btn_add_wrap {padding:0;}
.sisul_pop .btn_add {width:100%; height:50px; font-size:16px; color:#fff; line-height:50px; 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);}