@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.9em;font-family:"Nanum Gothic", sans-serif; font-weight:400; background:#fff; color:#555;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: "Nanum Gothic", sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: "Nanum Gothic", sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: "Nanum Gothic", sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


/*input*/
input.frm_input , select.frm_input , textarea.frm_input{border:1px solid #ccc; color:#333; padding:3px 5px; border-radius:5px; background-color:#fff !important; margin-bottom:5px;}
input.full_input , select.full_input , textarea.full_input{width:100%;}
input.required, select.required {border:1px solid #2bace5 !important;}
input.read_only, select.read_only {background-color:#eee !important;}
input.auto_full, select.auto_full {background-color:#eee !important; border:1px solid #dcdc00 !important;}
input.error, select.error {border:1px solid #ff0000 !important;}
input::placeholder {color:#aaa; font-size:0.8em;}

/*공용*/
.hd_tit {width:100%; text-align:center; color:#fff; background:#2256a6; padding:5px 0;}
.idx_hd_wrap {display:flex; width:100%; padding:10px 20px;}
.idx_hd_wrap a.logo {font-size:3em; width:119px; margin:0 auto; font-family: "Black Han Sans", sans-serif;}

.hd_wrap {display:flex; width:100%; padding:10px 20px;}
.hd_wrap a.logo {width:50%; text-align:left; margin:0 auto;}
.hd_wrap .login {width:50%; text-align:right; line-height:50px; color:#161363; font-size:0.9em;}

.gnb {margin:0 15px;}
.gnb ul {display:flex; padding:10px 0;}
.gnb ul li {width:calc(25% - 6px); margin-left:8px; text-align:center; border:2px solid #fff; box-shadow:0 0 10px #fff; border-radius:200px;}
.gnb ul li:first-child {margin-left:0; background:url('/img/gnb_icon01.png') #2256a6 10px no-repeat;}
.gnb ul li:nth-child(2) {background:url('/img/gnb_icon02.png') #2256a6 10px no-repeat;}
.gnb ul li:nth-child(3) {background:url('/img/gnb_icon03.png') #2256a6 10px no-repeat;}
.gnb ul li:nth-child(4) {background:url('/img/gnb_icon04.png') #2256a6 10px no-repeat;}
.gnb ul li a {display:block; color:#fff; font-weight:400; padding:10px 0 10px 20px;}

#wrapper {padding:10px 15px;}

.ft_wrap {border-top:1px solid #ddd; color:#ccc; text-align:center; padding:20px 0; margin:15px; font-size:0.8em;}

.bt_wrap {width:100%; text-align:center; margin:50px auto 20px;}
a.bt_check {display:inline-block; background:#2256a6; color:#fff; width:150px; padding:10px;}
a.bt_cancel {display:inline-block; background:#aaa; color:#fff; width:150px; padding:10px;}

.basic_tb {text-align:center; width:100%; border-top:2px solid #aaa; font-size:0.85em; letter-spacing:-1px;}
.basic_tb th {padding:5px 0; border-bottom:1px solid #ccc; border-left:1px solid #eee; background:#dbd8f9;}
.basic_tb td {padding:5px 0; border-bottom:1px solid #ccc; border-left:1px solid #eee;}
.basic_tb th:first-child , .basic_tb td:first-child {border-left:0;}
.basic_tb td a {display:block; padding:2px 5px; background:#aaa; border-radius:15px; font-size:0.9em; color:#fff;}

.page_num {width:100%; text-align:center; margin:20px 0;}
.page_num a {display:inline-block; margin:0 3px; padding:3px; color:#999;}
.page_num a.select {color:#333; font-weight:700;}
.page_num a.bt {border:1px solid #ccc; border-radius:5px; padding:3px 8px;}

/*idx*/
.idx_wrap { }
.idx_wrap h3 {font-weight:700; color:#000; margin-top:30px;}

.idx_bg {width:100%; height:650px; background:url('/img/idx_bg.png') center bottom no-repeat; background-size:cover; color:#fff; font-weight:800; font-size:2em; line-height:1.5; padding:80px 30px; text-shadow: 0 0 20px #000; }

.idx_mb {width:100%; display:flex; margin:20px 0;}
.idx_mb a {display:block; width:calc(50% - 4px); margin:0 2px; padding:20px 0; background:#c8c8c8; color:#fff; text-align:center; font-weight:700;}
.idx_mb a.join {background:#2256a6;}

.idx_company {text-align:center; color:#000; margin-top:30px;}
.idx_company h3 {font-weight:800; margin-bottom:10px;}
.idx_company span {font-weight:800;}

.idx_reserve {width:100%; margin:0 auto; padding:0 20px; text-align:center;}
.idx_reserve select {width:100%; margin:5px 0; border-radius:5px; border:1px solid #000; padding:10px;}
.idx_reserve button {width:100%; margin:5px 0; border-radius:5px; background:#2256a6; border:0; color:#fff; text-align:center; padding:10px;}

/*sub*/
h2.title {font-size:1.5em; font-weight:800; margin:20px 0; text-align:center;}

.item_list {width:100%;}
.item_list ul {display:block;}
.item_list ul li {position:relative; display:flex;background:#fff; margin:15px 0; padding:20px; box-shadow:0 0 10px #ddd; line-height:1.5; color:#3e3e3e;}
.item_list li:after {display:block;visibility:hidden;clear:both;content:""}
.item_list ul li p {font-size:1.3em; font-weight:900; letter-spacing:-1px;}
.item_list .img{width:25%;}
.item_list .info{width:75%; padding-left:20px;}
.item_list ul li .bookmark_link {position:absolute; display:flex; top:15px; right:20px;}
.item_list ul li .bookmark_link a { width:50px; height:50px; line-height:50px; border-radius:100px; text-align:center; margin:0 2px;}
.bookmark_link a.bt_reserve {background:#2256a6; font-weight:800; color:#fff;}
/*
.bookmark_link a.bt_bookmark_cancel {background:url('/img/bt_bookmark_cancel.png') #c8c8c8 center center no-repeat;}
.bookmark_link a.bt_bookmark_add {background:#c8c8c8; color:#fff; font-size:1.5em;}
*/

.info a.bt_bookmark_cancel {display:block; background:url('/img/bt_bookmark_cancel.png') #c8c8c8 10px 0 no-repeat; background-size:contain; color:#fff; border-radius:20px; padding:0 40px;}
.info a.bt_bookmark_add {display:block; background:#c8c8c8; color:#fff; border-radius:20px; padding:0 10px;}

.item_day {}
.item_day h2 {font-size:1.5em; font-weight:700; text-align:center; margin-bottom:10px;}
.item_day p {line-height:1.5;}

.item_cal {margin-top:20px; width:100%; background:#fff;}
.item_cal p {text-align:center; padding:15px 0; font-weight:700; color:#000; background:#f8f8f8;}
.item_cal p a {font-size:0.8em; border:1px solid #eee; background:#f8f8f8; padding:3px 8px; margin:0 8px; border-radius:15px; color:#999;}
.item_cal table{width:100%; text-align:center;}
.item_cal th {padding:8px 0;}
.item_cal td {padding:8px 0; color:#ccc; font-weight:800;}
.item_cal td.datacell { color:#333;}
.item_cal .today {background:#eee; border-radius:100px;}
.item_cal .select {background:#2256a6; color:#fff!important; border-radius:100px;}
.item_cal .sun {color:#c50c0c;}
/*.item_cal .sat {color:#4980b3}*/

.item_time {display:inline-block; width:100%; font-size:0.8em; margin-top:30px;}
.item_time_btn {display:inline-block; float:left; width:calc(50% - 7px);  margin-left:10px; margin-bottom:10px;}
.item_time_btn:first-child , .item_time_btn:nth-child(2n+1) {margin-left:0;}
.item_time_btn input[type=radio] {display: none;}
.item_time_btn label {display: block;}
.item_time_btn input[type=radio]:checked + label { background:#ffbf4f;}
.item_time_btn input[type=radio] + label { padding:15px 5px; background:#f2f2f2; border:1px solid #ccc; border-radius:5px;}
.item_time_btn label span {color:#333; font-size:1.5em; font-weight:800; margin:0 5px 0 10px;}

.item_time_disabled {display:inline-block; float:left; width:calc(50% - 7px);  margin-left:10px; margin-bottom:10px;}
.item_time_disabled:first-child , .item_time_disabled:nth-child(2n+1) {margin-left:0;}
.item_time_disabled input[type=radio] {display: none;}
.item_time_disabled label {display: block;}
.item_time_disabled input[type=radio]:checked + label { background:#ffbf4f;}
.item_time_disabled input[type=radio] + label { padding:15px 5px; background:#fff; border:1px solid #f2f2f2; border-radius:5px;}
.item_time_disabled label span {color:#333; font-size:1.5em; font-weight:800; margin:0 5px 0 10px;}

.reserve_list {}
.reserve_list ul {}
.reserve_list ul li {display:flex; background:#fff; margin:15px 0; padding:20px; box-shadow:0 0 10px #ddd; color:#3e3e3e; line-height:1.5;}
.reserv_list_info {width:calc(100% - 60px);}
.reserv_list_info p {font-size:1.3em; line-height:1.2; margin-bottom:10px; font-weight:800;}
.reserv_list_more {width:60px; text-align:center; font-weight:800;}
.reserv_list_more a {display:inline-block; color:#fff; background:#2256a6; text-align:Center; border-radius:200px; line-height:45px; width:45px;}
.reserv_list_more p {line-height:1.2; margin-top:10px;}
.reserv_list_cancel {background:#f2cdcd !important;}
.reserv_list_cancel .reserv_list_more p {color:#b91313 !important;}
.reserv_list_end {background:#d4d4d4 !important; color:#fff !important;;}
.reserv_list_end p {color:#999;}
.reserv_list_end .reserv_list_more p {color:#555 !important;}


.reserve_check {}
.reserve_check ul {}
.reserve_check ul li {background:#fff; margin:15px 0; padding:10px 20px; box-shadow:0 0 10px #ddd; border-radius:15px;}
.reserve_check ul li span {font-weight:700; width:80px; display:inline-block;}

.reserve_end {margin:80px 0; text-align:Center; color:#999; font-weight:400; font-size:1.2em;}
.reserve_end b {font-weight:700; color:#000; font-size:1.2em;}
.reserve_end span {font-weight:700; color:#6b5aff; font-size:1.2em;}

.noti_list {}
.noti_list ul {}
.noti_list ul li {background:#fff; margin:15px 0; padding:20px; box-shadow:0 0 10px #ddd; color:#3e3e3e; line-height:1.5;}
.noti_list ul li p {font-weight:800; width:90px;}

.sound_only{display:none;}