/* common */
@import url('font.css');
* {padding:0;margin:0; -webkit-text-size-adjust:none; -moz-text-size-adjust: none; -ms-text-size-adjust: none}
/* {box-sizing:border-box !important;-moz-box-sizing:border-box !important;-webkit-box-sizing:border-box !important;}*/
html,input {font-family: "notokr", sans-serif;font-size:14px;}
ul {font-size:0}
ul,ol,dl {list-style:none}
ul li {display:inline-block;vertical-align:top;font-size:14px;}
a,a:link,a:visited,a:hover  {text-decoration:none}
img {border:0;max-width:100%;width:auto}
table {border-spacing:0;border-collapse:collapse}
.clear {clear:both}
.green {color:#2fe19c}
.blue {color:#1764d6}
.red {color:#d70000 !important}
.red2 {color:#dd2a2a}
.left {float:left}
.right {float:right}
.left_align {text-align:left !important}
.right_align {text-align:right !important}
.center {text-align:center}
.space5 {clear:both;height:5px}
.space10 {clear:both;height:10px}
.space20 {clear:both;height:20px}
.space25 {clear:both;height:25px}
.space30 {clear:both;height:30px}
.space40 {clear:both;height:40px}
.space50 {clear:both;height:50px}
.space60 {clear:both;height:60px}
.space80 {clear:both;height:80px}
.pc1000 {display:block}
.mobile1000 {display:none}
.pc840 {display:block}
.mobile840 {display:none}
.pc640 {display:block}
.mobile640 {display:none}
.pc480 {display:block}
.mobile480 {display:none}
.pc360 {display:block}
.mobile360 {display:none}
.hide_scroll {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
.hide_scroll::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
select::-ms-expand { display: none; }
.wr1280 {max-width:1280px;margin:0 auto}
div.scroll {width:100%;overflow:auto;}
div.scroll table {white-space:nowrap;border-collapse:collapse;min-width:640px}
div.scroll2 {width:100%;overflow:auto;}
div.scroll2 table {width:100%;white-space:nowrap;border-collapse:collapse}
div.scroll1000 {width:100%;overflow:hidden;}
div.scroll1000 table {white-space:nowrap;border-collapse:collapse;min-width:1000px}
div.scroll840 {width:100%;overflow:hidden;}
div.scroll840 table {white-space:nowrap;border-collapse:collapse;min-width:840px}
.tab_content div.ss_menu {display:none}
.tab_content div.ss_menu:nth-of-type(1) {display:block}


/* wrap */
#wrap {}



/* header */
#header {}
#header .top {padding:0 2%;background:url(img/top_bg.gif) repeat-x bottom center;height:85px}
#header .top_menu li {padding:25px 25px 0 0}
#header .top_menu li  a {font-size:16px;color:#121212}
#header .top_menu li:last-child {padding-top:28px; cursor:pointer;}



/* container */
#container {clear:both}
#container .item_detail {/*float:left;*/ width:56%}
#container .item_detail .item_detail_content {padding:0 10px; position:relative;}
#container .item_detail .item_detail_content .item_tab{position:absolute; left:0; top:0; text-align:left; width:100%;}
#container .item_detail .item_detail_content .item_tab li{display:inline-block; width:25%}
#container .item_detail .item_detail_content .item_tab li a{display:block; padding:0 8px; background:rgba(0,0,0,0.5); text-align:center; color:white; line-height:30px; border-radius:0 0 999px 0;}
#container .item_detail .item_detail_content .item_tab li a:hover, #container .item_detail .item_detail_content .item_tab li a.on{color:yellow;}

#container .item_info {transition:all 0.5s ease;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;}
#container .item_info {position:absolute;top:100px;right:0;/*width:31.5%;max-width:600px;float:right;padding:0 6.25%*/;background:#fff;width:44%;margin:0 auto;z-index:9999}
#container .item_info .item_info_content {max-width:600px;margin:0 auto;padding:0 4%}
#container .item_info h1 {font-size:26px;font-weight:500;color:#000;line-height:1.4;letter-spacing:-1px}
#container .item_info h2 {font-size:38px;font-weight:600;color:#000;line-height:1.4;padding:5px 0;letter-spacing:-0.5px}
#container .item_info h3 {font-size:30px;font-weight:500;color:#777777;line-height:1.4}
#container .item_info .start {display:inline-block;background:#7b7b7b;font-size:/*18px*/ 16px;font-weight:500;color:#fff;padding:/*5px 15px*/ 8px 25px;margin-top:10px}
#container .item_info .period {font-size:16px;color:#666;padding-top:10px}
#container .item_info select {display:block;width:100%;padding:20px;font-size:15px;color:#000; -webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url(img/bot_arrow.png) no-repeat 95% 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-top:20px;border:1px solid #000}
#container .item_info button {display:block;width:100%;margin-top:10px;background:#000;padding:20px 0;font-size:15px;font-weight:500;color:#fff;text-align:center;border:none;cursor: pointer;}
#container .item_info .img_roll {padding-top:10px}
#container .item_detail2 {width:100%}
#container .item_detail2 .item_detail_content {padding:0 10px}
#container .item_info2 {width:94%;padding:0 3%;background:#fff;padding-top:15px}
#container .item_info2 h1 {font-size:40px;font-weight:600;color:#000;line-height:1.4}
#container .item_info2 h2 {font-size:34px;font-weight:500;color:#000;line-height:1.4}
#container .item_info2 h3 {font-size:30px;font-weight:500;color:#777777;line-height:1.4}
#container .item_info2 .start {display:inline-block;background:#7b7b7b;font-size:18px;font-weight:500;color:#fff;padding:5px 15px;margin-top:10px}
#container .item_info2 .period {font-size:16px;color:#666;padding-top:10px}
#container .item_info2 select {display:block;width:100%;padding:20px;font-size:15px;color:#000; -webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url(img/bot_arrow.png) no-repeat 95% 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;margin-top:20px;border:1px solid #000}
#container .item_info2 button {display:block;width:100%;margin-top:20px;background:#000;padding:20px 0;font-size:15px;font-weight:500;color:#fff;text-align:center;border:none;cursor: pointer;}
#container .item_info2 .img_roll {padding-top:60px}
#container .detail_content {padding:40px 0;border-top:1px solid #e8e8e8;min-height:400px}
#container .detail_content .detail_banner_ico{text-align:center; margin:0 auto 40px auto; padding:0;max-width:1000px}
#container .detail_content .detail_banner_ico li{display:inline-block;margin:0 0 0 8px; vertical-align:bottom; font-size:20px;width:22%;font-weight:500;color:#666;cursor:pointer}
#container .detail_content .detail_banner_ico li.on {color:#007236}
#container .detail_content .detail_banner_ico li:first-child{margin:0;}


/* sub container */
#sub_container * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
#sub_container  {margin-bottom:60px}
#sub_container .position {display:block;font-size:14px;color:#363636;text-align:right;padding:18px 0}
#sub_container .position span {color:#999}
#sub_container .position .sub_position {text-align:right;padding-top:18px}
#sub_container .position .sub_position li {font-size:14px;color:#888}
#sub_container .position .sub_position li:nth-of-type(2n) {width:30px;height:20px;background:url(img/rarrow.gif) no-repeat center center;vertical-align: middle;}
#sub_container .position .sub_position li.on {background:#000;color:#fff;padding:0 5px;border-radius: 3px;}
#sub_container .sub_title {margin:30px 0 40px;font-size:32px;font-weight:600;color:#000;letter-spacing: -0.02em;text-align:center}
#sub_container input[type="text"],#sub_container input[type="password"], #sub_container input[type="search"], #sub_container input[type="number"], #sub_container input[type="email"], #sub_container input[type="tel"] {max-width:160px;width:90%;padding:8px 10px;border:1px solid #e3e3e3}
#sub_container .login {max-width:500px;margin:0 auto;text-align:center;padding:0 2.5%}
#sub_container .login input[type="text"],#sub_container .login input[type="password"] {max-width:100%;width:90%;padding:8px 10px;border:1px solid #e3e3e3}
#sub_container .login .login_con {border-top:2px solid #000;border-bottom:1px solid #eee;padding:15px 0}
#sub_container .login table {display:table;width:100%}
#sub_container .login table th {font-size:14px;color:#363636;text-align:left;padding:8px 0 8px 7%}
#sub_container .login table td {text-align:left;padding:8px 0 8px;text-align:left}
#sub_container .login table td input {width:90%;font-size:14px;color:#363636;height:34px;line-height:34px;border:1px solid #e3e3e3}
#sub_container .login ul {width:100%}
#sub_container .login ul li {height:50px;line-height:50px;font-size:14px}
#sub_container .login ul li:first-child {width:40%;text-align:left;color:#888}
#sub_container .login ul li:last-child {width:60%;text-align:right;color:#ddd}
#sub_container .login ul li:last-child a {color:#363636;padding:0 7px}
#sub_container .login button {display:block;margin-top:30px;width:100%;height:50px;line-height:50px;background:#252a2b;font-family:'notokr';font-size:15px;font-weight:500;color:#fff;border:1px solid #252a2b; cursor:pointer;}
#sub_container .login  .login_txt {margin:50px 0 20px;font-size:14px;color:#888;line-height:1.7;text-align:left}
#sub_container .login .mem_reg {display:block;width:100%;height:50px;line-height:50px;font-family:'notokr';font-size:15px;font-weight:500;color:#252a2b;border:1px solid #c2c2c2}
#sub_container select {display:block;padding:6px 10px;font-family:'notokr',sans-serif;font-size:14px;color:#000; -webkit-appearance: none;-moz-appearance: none; appearance: none; background:#fff url(img/bot_arrow.gif) no-repeat 96% 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;border:1px solid #e3e3e3}
#sub_container table.tbl_reg {display:table;width:100%}
#sub_container table.tbl_reg caption {border-top:2px solid #000}
#sub_container table.tbl_reg tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_reg th {background:#fafafa;padding:15px;text-align:left;font-size:14px;font-weight:normal;color:#000;min-width:110px}
#sub_container table.tbl_reg th span {font-size:14px;font-weight:600;color:#e40000;padding-right:3px;vertical-align: middle;}
#sub_container table.tbl_reg td {padding:10px 2%}
#sub_container table.tbl_reg td span {padding-left:15px;font-size:14px;color:#999;letter-spacing:-0.02em ;}
#sub_container table.tbl_reg td select {max-width:140px;width:100%}
#sub_container table.tbl_reg td label {padding-right:25px}
#sub_container .type_public .tbl_reg li:nth-of-type(2n),
#sub_container .type_agency .tbl_reg li:nth-of-type(2n) {padding:9px 0 0;line-height:14px;width:30px;text-align:center}
#sub_container input[type="text"].info_name {max-width:295px;width:90%;padding:8px 10px;border:1px solid #e3e3e3;font-size:14px}
#sub_container .reg_title {margin:60px 0 15px;font-size:22px;font-weight:600;color:#121212}
#sub_container table.tbl_reg td .date select,
#sub_container table.tbl_reg td .hp select {width:80px}
#sub_container table.tbl_reg td .hp input {width:80px}
#sub_container table.tbl_reg  .select_agency select {float:left;max-width:355px;width:50%}
#sub_container .tbl_reg .use_agree {border:1px solid #e3e3e3;padding:15px;overflow-y:scroll;margin:15px 0 20px;height:80px}
#sub_container table.tbl_reg input.agency_in {float:left;max-width:355px;width:50%}
#sub_container table.tbl_reg input[type="file"] {background:#000;height:50px;line-height:50px;color:#fff}
#sub_container .type_agency .txt_hp {display:inline-block;padding-top:5px}
#sub_container .type_agency dl dt {clear:both;float:left;width:70px;line-height:35px;font-size:14px;color:#999;padding:2px 0}
#sub_container .type_agency dl dd {float:right;width:calc(100% - 70px);;padding:2px 0}
#sub_container .type_agency .bank input[type="text"] {max-width:280px}
#sub_container .type_agency .bank select {max-width:302px}
#sub_container .mypage_tab {width:100%;}
#sub_container .mypage_tab li {background:#fafafa;width:33.3%;text-align:center;height:60px}
#sub_container .mypage_tab li a {display:block;height:60px;line-height:60px;font-size:16px;color:#363636;border:1px solid #eee;border-bottom:2px solid #000;margin-top:-1px;margin-left:-1px}
#sub_container .mypage_tab li a.on {border:1px solid #000;background:#fff;border-bottom:#fff;border-top:1px solid #000;border-right:1px solid #000;margin-right:1px}
#sub_container .refer {font-size:14px;color:#777;padding-top:10px}
#sub_container table.tbl_basic {display:table;width:100%}
#sub_container table.tbl_basic caption {border-top:2px solid #000}
#sub_container table.tbl_basic tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_basic th {background:#fafafa;padding:15px;font-size:14px;font-weight:normal;color:#000;min-width:110px}
#sub_container table.tbl_basic th span {font-size:14px;font-weight:600;color:#e40000;padding-right:3px;vertical-align: middle;}
#sub_container table.tbl_basic td {padding:10px 2%;line-height:1.8}
#sub_container table.tbl_basic_lr td {padding:10px 0;line-height:1.8}
#sub_container table.tbl_basic tr.cancel td {color:#888;text-decoration: line-through;}
#sub_container table.tbl_basic a.btn_detail {display:inline-block;background:#949494;width:75%;margin:0 auto;font-size:14px;color:#fff;line-height:30px}
#sub_container table.tbl_basic a:hover.btn_detail {background:#000;color:#fff}
#sub_container table.tbl_basic td .date select {width:80px}
#sub_container table.tbl_basic td .date input {padding:0 10px;width:160px;line-height:30px}
#sub_container table.tbl_basic td .date li:nth-of-type(2n) {line-height:30px;padding:0 5px}
#sub_container table.tbl_basic td .date input::placeholder {color:#999;}
#sub_container table.tbl_basic td .date input::-webkit-input-placeholder {color:#999;}
#sub_container table.tbl_basic td .date input:-ms-input-placeholder {color:#999;}
#sub_container table.tbl_basic_center {display:table;width:100%}
#sub_container table.tbl_basic_center caption {border-top:2px solid #000}
#sub_container table.tbl_basic_center tr {border-bottom:1px solid #e3e3e3;text-align: center;}
#sub_container table.tbl_basic_center th {background:#fafafa;padding:15px;font-size:14px;font-weight:normal;color:#000;min-width:110px}
#sub_container table.tbl_basic_center th span {font-size:14px;font-weight:600;color:#e40000;padding-right:3px;vertical-align: middle;}
#sub_container table.tbl_basic_center td {padding:10px 10px}
#sub_container table.tbl_basic_center img {vertical-align: middle;}
#sub_container .btn_info_file {display:inline-block;background:#e6e6e6;width:95px;margin:0 auto;font-size:14px;color:#333;line-height:30px;border:1px solid #ccc;text-align:center}
#sub_container a.btn_info_edit, #sub_container a.btn_info_del {color:#333}
#sub_container .btn_reserve {display:inline-block;background:#252a2b;max-width:165px;min-width:110px;width:13.75%;padding:17px 0;text-align:center;font-family:'notokr';font-size:15px;font-weight:500;color:#fff;border:none;margin:30px 4px 0}
#sub_container .btn_end {background:#aaa !important}
#sub_container .btn_add_reserve {display:block;width:110px;height:35px;line-height:35px;text-align:center;background:#252a2b;font-size:14px;font-weight:normal;color:#fff}
#sub_container .companion {position:relative;display:none;background:#fff;position:absolute;top:50%;left:50%;padding:35px;border:7px solid #000;width:800px;margin:0 auto;transform:translate(-50%,-50%);z-index:99999}
#sub_container .companion .reg_title {margin:0 0 15px;font-size:22px;font-weight:600;color:#121212}
#sub_container .companion .close {position:absolute;right:40px}
#sub_container .member_search {margin-top:55px}
#sub_container .member_search ul li:nth-of-type(1) select {width:10%;min-width:80px}
#sub_container .member_search ul li:nth-of-type(2) input[type="search"] {width:15%;min-width:160px;margin:0 4px}
#sub_container .member_search ul li:nth-of-type(3) input[type="submit"] {background:#494c51;display:inline-block;width:70px;height:34px;line-height: 34px;text-align:center;border:none;color:#fff}
#sub_container table.tbl_basic_reserve {display:table;width:100%;min-width:1000px}
#sub_container table.tbl_basic_reserve caption {border-top:2px solid #000}
#sub_container table.tbl_basic_reserve tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_basic_reserve th {background:#fafafa;padding:15px;font-size:14px;font-weight:normal;color:#000;text-align:center}
#sub_container table.tbl_basic_reserve td {padding:10px 4px;line-height:1.8;white-space: nowrap}
#sub_container table.tbl_basic_reserve .res_ok {color:#d12727}
#sub_container table.tbl_basic_reserve .res_cc {color:#363636}
#sub_container table.tbl_basic_reserve .res_ing {color:#326bc8}
#sub_container table.tbl_basic_reserve .cancel {color:#999;text-decoration: line-through;}
#sub_container .reserve_step .date {background:#000;height:60px;line-height:60px;text-align:center;font-weight:500;color:#fff}
#sub_container .reserve_step .date li {font-size:22px}
#sub_container .reserve_step .date li:nth-of-type(2) {padding:0 20px}
#sub_container .reserve_step .date li img {vertical-align: middle;}
#sub_container .reserve_step .tbl_calendar {display:table;width:100%;table-layout:fixed;margin-top:15px}
#sub_container .reserve_step .tbl_calendar * {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;}
#sub_container .reserve_step .tbl_calendar th {background:#8f8f8f;border-right:1px solid rgba(255,255,255,0.15);height:50px;font-size:15px;font-weight:normal;color:#fff}
#sub_container .reserve_step .tbl_calendar th:last-child {border-right:none}
#sub_container .reserve_step .tbl_calendar td {border:1px solid #d9d9d9;margin-right:-1px;margin-top:0;padding:7px 15px 20px; vertical-align:top; height:156px;}
#sub_container .reserve_step .tbl_calendar td.today{background:#ddffdd !important;}
#sub_container .reserve_step .tbl_calendar td .day {font-size:15px;color:#363636}
#sub_container .reserve_step .tbl_calendar td .day small{font-size:12px; float:right; margin-top:4px; width:calc(100% - 32px); text-align:right;}
#sub_container .reserve_step .tbl_calendar td:nth-of-type(7n+1) .day {font-size:15px;color:#ee4848}
#sub_container .reserve_step .tbl_calendar td .day.blue{color:#1764d6;}
#sub_container .reserve_step .tbl_calendar td .content {display:inline-block;float:right;text-align:right;}
#sub_container .reserve_step .tbl_calendar td .price {font-size:18px;font-weight:500;color:#000}
#sub_container .reserve_step .tbl_calendar td .reason{padding:10px 0 20px; color:#999; white-space:normal;}
#sub_container .reserve_step .tbl_calendar td dl {display:block;clear:both;padding:10px 0 20px}
#sub_container .reserve_step .tbl_calendar td dl dt {clear:both;float:left;line-height:1.7}
#sub_container .reserve_step .tbl_calendar td dl dt a {font-size:14px;color:#363636}
#sub_container .reserve_step .tbl_calendar td dl dd {float:right;font-size:14px;padding-left:10px;line-height:1.7}
#sub_container .reserve_step .tbl_calendar td dl dd .reserve_end {color:#e50a0a}
#sub_container .reserve_step .tbl_calendar td dl dd .reserve_ing {color:#0072bc}
#sub_container .reserve_step .tbl_calendar td dl dd .reserve_ing var, #sub_container .reserve_step .tbl_calendar td dl dd .reserve_end var{color:black; font-style:normal;}
#sub_container .reserve_step .tbl_calendar td dl dd .reserve_ing em, #sub_container .reserve_step .tbl_calendar td dl dd .reserve_end em{color:red; font-style:normal;}
#sub_container .reserve_step .etc_nobg {margin-top:20px;font-size:14px;color:#777;line-height:1.8}
#sub_container .reserve_step .etc_nobg b {color:#000;font-weight:500}
#sub_container .etc {margin-top:25px;background:#f6f6f6;padding:15px;line-height:1.7}
#sub_container .rtitle {font-size:22px;font-weight:600;color:#121212;height:60px;line-height:60px;}
#sub_container table.tbl_basic_reserve .rtitle {font-size:22px;font-weight:600;color:#121212}
#sub_container table.tbl_basic_h {display:table;width:100%;overflow:auto}
#sub_container table.tbl_basic_h caption {border-top:2px solid #000}
#sub_container table.tbl_basic_h tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_basic_h th {background:#fafafa;padding:15px;font-size:15px;font-weight:500;color:#000;text-align:center;border-right:noe;}
#sub_container table.tbl_basic_h th:last-child {border-right:none}
#sub_container table.tbl_basic_h td {padding:10px 4px;line-height:1.8;white-space: nowrap;border-right:none;text-align:center;line-height:40px;height:40px;padding-left:20px;padding-right:20px}
#sub_container table.tbl_basic_h .btn_reserve {display:inline-block;background:#252a2b;max-width:110px;min-width:110px;width:13.75%;height:auto;line-height:35px;text-align:center;font-family:'notokr';font-size:15px;font-weight:400;color:#fff;border:none;margin:0;padding:0}
#sub_container table.tbl_basic_h td:last-child {border-right:none}
#sub_container table.tbl_basic_h .btn_rnd {background:#c9c9c9};
#sub_container table.tbl_basic_v {display:table;width:100%;overflow:auto}
#sub_container table.tbl_basic_v caption {border-top:2px solid #000}
#sub_container table.tbl_basic_v tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_basic_v th {background:#fafafa;padding:15px;font-size:14px;font-weight:400;color:#000;text-align:center;border-right:1px solid #e3e3e3;}
#sub_container table.tbl_basic_v th:last-child {border-right:none}
#sub_container table.tbl_basic_v td {padding:20px 4px;line-height:1.5;white-space: nowrap;border-right:1px solid #e3e3e3;text-align:left;padding-left:20px;padding-right:20px}
#sub_container table.tbl_basic_v td b {font-weight:500}
#sub_container table.tbl_basic_v .btn_reserve {display:inline-block;background:#252a2b;max-width:110px;min-width:110px;width:13.75%;height:auto;line-height:35px;text-align:center;font-family:'notokr';font-size:15px;font-weight:400;color:#fff;border:none;margin:0;padding:0}
#sub_container table.tbl_basic_v td:last-child {border-right:none}
#sub_container table.tbl_basic_v .btn_rnd {background:#c9c9c9;}
#sub_container table.tbl_basic_v .left20 {padding-left:20px}
#sub_container table.tbl_option {display:table;width:100%}
#sub_container table.tbl_option caption {border-top:2px solid #000}
#sub_container table.tbl_option tr {border-bottom:1px solid #e3e3e3}
#sub_container table.tbl_option th {background:#fafafa;padding:15px;font-size:14px;font-weight:normal;color:#000;min-width:110px;}
#sub_container table.tbl_option th span {font-size:14px;font-weight:600;color:#e40000;padding-right:3px;vertical-align: middle;}
#sub_container table.tbl_option td {padding:10px 2%}
#sub_container table.tbl_option td span {padding-left:15px;font-size:14px;color:#999;letter-spacing:-0.02em ;}
#sub_container table.tbl_option td select {max-width:140px;width:100%}
#sub_container table.tbl_option td select.type {width:200px;margin-right:5px}
#sub_container table.tbl_option td .type {vertical-align: top;padding-top:5px;padding-left:5px}
#sub_container table.tbl_option td label {line-height:40px}
#sub_container table.tbl_option td .wide {max-width:300px}
#sub_container .btn_submit {display:inline-block;background:#252a2b;width:275px;padding:17px 0;text-align:center;font-family:'notokr';font-size:15px;font-weight:500;color:#fff;border:none;margin:30px auto 0; cursor:pointer;}
#sub_container .btn_submit2 {display:inline-block;background:#252a2b;width:170px;padding:17px 0;text-align:center;font-family:'notokr';font-size:15px;font-weight:500;color:#fff;border:none;margin:30px 4px; cursor:pointer;}
#sub_container table.tbl_option td select.small {width:85px}
#sub_container table.tbl_option .info_date li:nth-of-type(2n) {line-height:30px;padding:0 5px}
#sub_container table.tbl_basic_h td.airplane {line-height:1.8}
#sub_container .btn_edit, #sub_container .btn_del {font-size:14px;color:#777}
.filebox label { display: inline-block; padding: .5em .75em; color: #fff; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #949494; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2;line-height:20px !important}
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
#sub_container .tbl_basic .right_align {text-align:right}
#sub_container .tbl_basic .right_align ul {float:right;width:250px}
#sub_container .tbl_basic .right_align li {display:inline-block;width:32.3%;text-align:center}
#sub_container .tbl_basic .right_align li a {font-size:14px;color:#999;text-decoration: underline;cursor: pointer;}
#sub_container .tbl_basic .agree_content {height:250px;overflow:auto}
#sub_container .tbl_basic .agree_con1,
#sub_container .tbl_basic .agree_con2,
#sub_container .tbl_basic .agree_con3,
#sub_container .tbl_basic .agree_con4,
#sub_container .tbl_basic .agree_con5,
#sub_container .tbl_basic .agree_con6,
#sub_container .tbl_basic .agree_con7{display:none;width:100%;white-space: normal;padding:15px 0;}
#sub_container .tbl_basic .th100 {width:100%;text-align:left}
#sub_container .tbl_option .item_title {font-size:16px;font-weight:500;color:#121212}
#sub_container .tbl_option .point input[type="text"] {text-align:right;max-width:100px}
#sub_container .tbl_option .point label {padding-left:10px}
#sub_container .margin_t0 {margin-top:0 !important}
#sub_container a.payment {display:inline-block;height:38px;line-height:38px;font-size:14px;color:#fff;padding:0 25px;background:#fff;border-radius:20px;margin-left:5px;border:1px solid #dfdfdf;color:#777;max-width:160px;text-align:center}
#sub_container a.payment.on {background:#000;color:#fff;border:1px solid #000}
#sub_container .sub_tab {background:#fafafa;border-top:2px solid #000;border-bottom:1px solid #eee}
#sub_container .sub_tab ul {max-width:530px}
#sub_container .sub_tab ul li {width:32.3%;margin:15px 0.5%}
#sub_container .sub_tab ul li a {display:block}
#sub_container .tab_content {border-bottom:1px solid #eee;padding:20px 25px}
#sub_container .tab_content img {vertical-align: middle;}
#sub_container .tab_content .info_step {font-size:14px;color:#888;padding:10px 0}
#sub_container .tab_content dl dt {clear:both;float:left;width:85px;line-height:35px;margin-top:7px}
#sub_container .tab_content dl dd {float:right;width:calc(100% - 85px);line-height:35px;margin-top:7px}
#sub_container .tab_content dl dd select.bank {width:33.3%;min-width:180px;line-height:28px}
#sub_container .tbl_basic .reserve_ok {text-align:center;padding:40px 0}
#sub_container .tbl_basic .reserve_ok h1 {width:100%;font-size:24px;font-weight:400;color:#000;text-align:center}
#sub_container .tbl_basic .reserve_ok .reserve_no {font-size:18px;font-weight:600;color:#121212;padding:10px 0 5px}
#sub_container .tbl_basic .reserve_ok .tour.agency {font-size:14px;color:#363636}
#sub_container .tbl_basic .reserve_ok_etc {text-align:left;line-height:1.8}



/* footer */
#footer * {transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;}
#footer {background:#313739;padding:75px 0}
#footer .fcon {width:78%;max-width:1485px;margin:0 auto}
#footer .fcon .copyright {float:left;width:calc(100% - 540px - 6%);font-size:14px;color:#c0c2c2;line-height:1.75}
#footer .fcon .copyright .txt a{color:inherit;}
#footer .fcon .title {font-size:13px;font-weight:600;color:#c0c2c2;padding-bottom:25px}
#footer .fcon .tel {font-size:36px;font-weight:800;color:#fff;padding:0 0 20px;line-height:1.3}
#footer .fcon .tel a{color:inherit;}
#footer .fcon .kakao{width:80%;}
#footer .fcon .payment {float:right;max-width:540px;text-align:left}
#footer .fcon .payment ul {width:100%}
#footer .fcon .payment ul li {width:9%;padding:3px 0.5%}


@media all and (max-width : 1500px){

    #header .top {padding:0}
    #footer .fcon {width:96%;max-width:100%}
    #footer .fcon .copyright {float:left;width:calc(100% - 540px - 5%);}

}

@media all and (max-width : 1200px){

    .wr1280 {width:96%;padding:0 2%}
    /*#container .item_info {width:36.5%;padding:0 3%}*/
	#container .item_info .item_info_content {padding:0 6%}
    #container .item_info h1 {font-size:24px}
    #container .item_info h2 {font-size:36px}
    #container .item_info h3 {font-size:25px}
    #container .item_info .start {font-size:16px}

    #footer .fcon .copyright {width:47%;padding-right:3%}
    #footer .fcon .payment {width:47%;padding-left:3%}
    #footer .fcon .payment ul li {width:10.5%;padding:3px 1%}


}

@media all and (max-width : 1000px){

    div.scroll1000 {width:100%;overflow:auto;}
    #sub_container .companion {width:80%}
    #footer {background:#313739;padding:40px 0}
    #footer .fcon .tel {font-size:30px}
    #footer .fcon .copyright {float:none;width:100%;padding-right:0}
    #footer .fcon .payment {float:none;width:100%;padding-left:0;margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,0.3);max-width:100%}
    #footer .fcon .payment ul li {width:9%;padding:4px 0.5%}

	#container .detail_content .detail_banner_ico {display:flex;flex-direction:row;justify-content:space-around;}
	#container .detail_content .detail_banner_ico li {width:auto}
}


@media all and (max-width : 1000px){

    .pc840 {display:none}
    .mobile840 {display:block}

    #header .top {height:auto}
    #header .top .logo img {width:200px}
    #container .item_info2 .img_roll {padding-top:30px}
    #container .item_info2 .img_roll .swiper-slide img {width:100%}
    #container .item_info2 h1 {font-size:22px;font-weight:500;letter-spacing:-1px}
    #container .item_info2 h2 {font-size:34px;font-weight:600;letter-spacing:-0.5px}
    #container .item_info2 h3 {font-size:16px}
    #container .item_info2 .start {font-size:15px}
    #sub_container .position {display:none}
    #sub_container .sub_title {background:#000;font-size:24px;font-weight:500;color:#fff;padding:12px 0;margin-top:0}
    #sub_container table.tbl_reg td span {padding-left:0}
    #sub_container input[type="text"],#sub_container input[type="password"] {max-width:auto;width:90%;padding:8px 10px;border:1px solid #e3e3e3}
    #sub_container table.tbl_reg  .select_agency select {float:left;max-width:355px;width:100%}
    #sub_container .type_agency ul.left {float:none;}
    #sub_container .reserve_step .date {height:50px;line-height: 50px;}
    #sub_container .reserve_step .date li {font-size:20px}
    #sub_container .reserve_step .tbl_calendar th {height:40px;line-height:40px;}
    #sub_container .reserve_step .tbl_calendar td {padding:7px 10px 15px}
    #sub_container .reserve_step .tbl_calendar td dl {padding:5px 0 15px}
    #sub_container .reserve_step .tbl_calendar td dl dt, #sub_container .reserve_step .tbl_calendar td dl dd {line-height: 1.5;}
    #sub_container .rtitle {font-size:20px;font-weight:600;color:#121212;height:50px;line-height:50px ;}
    div.scroll840 {width:100%;overflow:auto;}
    #sub_container .tbl_basic .left_align {float:left;width:calc(100% - 200px)}
    #sub_container .tbl_basic .right_align ul {float:right;width:200px}
    #sub_container .tbl_basic .reserve_ok {padding:20px 0}
    #sub_container .tbl_basic .reserve_ok h1 {font-size:20px}
    #sub_container .tbl_basic .reserve_ok .reserve_no {font-size:16px;font-weight:600;padding:5px 0 5px}

	.mobile840 .item_detail {/*float:left;*/ width:100% !important; margin-top:16px;}
	.mobile840 .item_detail .item_detail_content {padding:0 10px; position:static !important;}
	.mobile840 .item_detail .item_detail_content .item_tab{position:static !important;}
	.mobile840 .item_detail .item_detail_content .item_tab li{display:inline-block; width:calc(50% - 1px) !important; margin:0 0 2px 2px;}
	.mobile840 .item_detail .item_detail_content .item_tab li:nth-of-type(odd){margin-left:0 !important;}
	.mobile840 .item_detail .item_detail_content .item_tab li a {background:#999 !important; border-radius:0 !important;}
	#container .item_detail .item_detail_content .item_tab li a {line-height:45px}
	.mobile840 .item_detail .item_detail_content .item_tab li a:hover, #container .item_detail .item_detail_content .item_tab li a.on{background:black !important;}

	#container .detail_content .detail_banner_ico {padding:0 2%}
	#container .detail_content .detail_banner_ico li {font-size:18px}


}


@media all and (max-width : 640px){
    .pc640, .gap {display:none}
    .mobile640 {display:block}
    #sub_container .companion {width:70%}
    #sub_container .sub_tab ul li {display:block;width:94%}
    #sub_container a.payment {display:block;max-width:100%}
    #footer .fcon .payment ul li {width:10.5%;padding:4px 1%}


}


@media all and (max-width : 480px){
    #header .top_menu li {padding-right:15px}
	#sub_container .sub_title {font-size:20px}
    #sub_container .position {margin-bottom:10px}
    #sub_container .login button {margin-top:10px}
    #sub_container .login .login_txt {margin:20px 0 15px}
    #container .item_info2 h1 {font-size:25px}
    #container .item_info2 h2 {font-size:20px}
    #container .item_info2 h3 {font-size:15px}
    #container .item_info2 .start {font-size:15px}
    #sub_container .login .login_txt {line-height: 1.5;}
    #sub_container .btn_submit2 {width:140px}
    #sub_container .sub_tab {padding:10px 0}
    #sub_container .sub_tab ul li {margin:10px 0.5%}
    #sub_container .login table th {padding-left:4%}
    #footer .fcon .payment ul li {width:13.66%;padding:4px 1.5%}

	#container .detail_content .detail_banner_ico li img {width:70px}
	#container .detail_content {padding:25px 0}
}


@media all and (max-width : 360px){
.pc360 {display:none}
.mobile360 {display:block}
#container .detail_content .detail_banner_ico li {font-size:16px}
}



.panel {
    /*font-family:'notokr','Nanum';*/
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      position: fixed;
      z-index: 999999;
      top: 0;
      height: 100%;
      width: 320px;
      background-color: #383b42;
    }
    .panel .moff {display:none}
    .panel .ninja-btn {
      transition: all 0.2s ease-in-out;
      -webkit-transition: all 0.2s ease-in-out;
      -moz-transition: all 0.2s ease-in-out;
      -o-transition: all 0.2s ease-in-out;
      -ms-transition: all 0.2s ease-in-out;
      display: inline-block;
      float: left;
      cursor: pointer;
      padding: 30.285714px 31px;
      position: absolute;
      z-index: 2;
      top: -25px;
      width: 25px;
      height: auto;
    }
    .panel .ninja-btn span,
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      transition: all 0.3s ease-in-out;
      -webkit-transition: all 0.3s ease-in-out;
      -moz-transition: all 0.3s ease-in-out;
      -o-transition: all 0.3s ease-in-out;
      -ms-transition: all 0.3s ease-in-out;
      width: 0px;
      height: 2px;
      background-color: #fff;
    }
    .panel .ninja-btn span {
      position: relative;
      display: inline-block;
      float: left;
      margin-top: 9.09090909px;
    }
    .panel .ninja-btn span:before,
    .panel .ninja-btn span:after {
      content: "";
      position: absolute;
      left: 0;
    }
    .panel .ninja-btn span:before {
      top: -9.09090909px;
    }
    .panel .ninja-btn span:after {
      top: 9.09090909px;
    }

    /*메뉴 클릭후, 메뉴 버튼을 활성화 시켰을때 속성*/
    .panel .ninja-btn.active span {
      background-color: transparent;
    }
    .panel .ninja-btn.active span:before,
    .panel .ninja-btn.active span:after {
      top: 0;
    }
    .panel .ninja-btn.active span:before {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
    }
    .panel .ninja-btn.active span:after {
      -webkit-transition-delay: 0.09s;
      -moz-transition-delay: 0.09s;
      -o-transition-delay: 0.09s;
      -msa-transition-delay: 0.09s;
      transition-delay: 0.09s;
      transform: rotate(135deg);
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
    }
    /* 안보이는 패널위치고정 */
    .panel-overlay,.panel-overlay2 {
      position: fixed;
      top: 0;
      z-index: 99998;
      width: 100%;
      height: 100%;
      display: none;
      background-color: rgba(0, 0, 0, 0.6);
      cursor: pointer;
    }
    .panel.left {
      right: -800px;
    }
    /*패널 버튼 부분 위치*/
    .panel.left .ninja-btn {
      left: 770px;top:0;
    }
    /* 패널이 활성화 되었을때 */
    .panel.left.active {
      right: 0;
      overflow: scroll;
      overflow-x:hidden;
      overflow-y:auto;
      z-index:9999999;
    }
    .panel.left.active .ninja-btn {
      left: 100%;
      margin-left: -70px;
    }
    .panel ul li {display:block}
    .panel ul li.sub-menu{
    }


    .mmenu ul {
      width:100%;
      margin:0;
      list-style:none;
    }
    .mmenu ul > li{
      display:block;
      border-bottom:1px solid rgba(255,255,255,0.3);
    }
    .mmenu  ul > li > a.tmenu{
      height:45px;
      line-height:45px;
      display:block;
      text-decoration:none;
      color:#fff;
    background:#555 url("../img/icon_toggle_plus.gif") no-repeat 95% center;
    font-size:15px;
    padding-left:35px;
    letter-spacing:-1
    }
	.mmenu  ul > li > a.tmenu:hover, .mmenu  ul > li > a.tmenu.on{
		color:yellow;
	}
    .mmenu .login_area {height:155px;background:#2f2f2f;text-align:center;font-size:15px}
    .mmenu .login_area .btn_login {display:inline-block;margin:30px auto 0;width:100px;height:40px;line-height:38px;background:#000;color:#fff;}
    .mmenu .login_area .btn_new {display:inline-block;width:35%;height:38px;border:1px solid #616161;text-align:center;line-height:38px;margin-top:22px;color:#fff}
    .mmenu .sub_list {background:#dee0e6;padding:10px 0}
    .mmenu .sub_list a {display:block;line-height:30px;height:30px;padding-left:40px;font-size:97%;color:#034042}