/****** 공통 영역 ******/
/* 공통 클래스, 레이아웃 */


/* 체크박스 */
input[type="checkbox"] { /*display:none;*/ }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-2px 10px 0 0; vertical-align:middle; background:url('../images/common/ckbx.png') no-repeat; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('../images/common/ckbx_ck.png') no-repeat; }
/* input focus */
input:focus { outline: 1px solid #3ec5ad }
/* input placeholder */
input::placeholder, textarea::placeholder { color: #aaa; }
/* 라디오박스 */
input[type="radio"] { display:none; }
input[type="radio"] + label { color:#f2f2f2; font-family: Arial, sans-serif; }
input[type="radio"] + label span { display:inline-block; width:20px; height:20px; margin:-1px auto; vertical-align:middle; background:url('../images/common/rdbx.png') no-repeat; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('../images/common/rdbx_ck.png') no-repeat; }
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ background-color: #f9f9f9 !important; }



/* header */
html,body{ -webkit-text-size-adjust: none; overflow-x: hidden; -webkit-overflow-scrolling: touch; background: #eae3dd; }
.background_box { width: 100%; height: 100%; position: fixed; z-index: 15; background: rgba(0,0,0,0.4); display:none; }
#header { background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 999; width: 100%; margin: auto; display: flex; align-items: center; justify-content: center; flex-flow: row wrap; }
.nav_sub { width: 100%; height: auto; background-color: white; border-bottom: 1px solid #e3e2e2}
.nav { width: 100%; height: 35px; max-width: 1280px; padding: 0 20px; margin: auto; display: flex; justify-content: flex-end; align-items: center; flex-flow: row nowrap; }
.nav_area { width: 100%; height: 100%; max-width: 1280px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
.menu_sub { width: 65%; }
.logo_area { width: 25%; height: 90px; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; transition: all 0.2s ease-in-out; }
.logo_area > a { margin-left: 15px; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 12px !important; background: #d6a370; color: #ffffff; }
.logo_area > a:nth-of-type(2) {width:55px;}
.logo { width: 100%; max-width: 197px; min-width: 197px; height: auto; cursor: pointer; transition: all 0.2s ease-in-out; cursor: pointer; }
.bar_line { width: 1px; height: 15px; margin: 0 8px; background-color: #999999; }
.menu { position: relative; width: 100%; height: 90px; max-width: 1280px; margin: auto; display: flex; justify-content: space-around; align-items: center; flex-flow: row nowrap; }
.menu li { width: 100%; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; padding-left: 20px }
.menu li p { width: auto; color: #c7c7c7; font-size: 16px; font-weight: 400; cursor: pointer; display: inline; text-align: center; letter-spacing: -1px;}
.menu li p:hover { color: #d6a370; transition: all 0.3s; -webkit-transition: all 0.3s; }
.menu li p .space { display: inline; }
.menu li p .line_feed { display: none; }
.menu_hamburger { display: none; }
.mobile_menu_tit { display: none !important; }
.bullet { display: none !important; }
.logo_area > a {width:max-content; padding-left: 5px; padding-right: 5px; margin-left: 10px;}
.logo_area > a.KWS_logout {width:max-content; }

/* 전체 서브 메뉴 */
.sub_menu { display: none; }
/* .all_sub_menu_area_sub { width: 100%; position: fixed; left: 0; background: rgba(0,0,0,0.5);  justify-content: center;  display:none;} */
.all_sub_menu_area_sub { width: 100%; position: absolute; left: 0; background: rgba(0,0,0,0.5);  justify-content: center;  display:none;}
.all_sub_menu_area_sub::before { width: 100%; position: absolute; left: -100%; background: rgba(0,0,0,0.5);  justify-content: center;  display:block; top: 90px; }
.all_sub_menu_area_sub > div { width: 100%; max-width: 1280px; display: flex; justify-content: flex-start; align-items: center; flex-flow:row nowrap; margin-left: auto; margin-right: auto;}
.all_sub_menu_area { width: 65%; max-width:1280px; height: auto; margin: auto; display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: flex-start; }
.bin { width:19%; height:230px; display:block;}
.all_sub_menu {width:100%; height: auto; max-width: 1280px; padding: 0 0 20px 20px;}
.all_sub_menu li { position: relative; font-size: 14px; font-weight: 300; width: 100%; padding: 5px 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-items: center; cursor: pointer; color: #ededed ; letter-spacing: 0px;word-break: keep-all;}
.all_sub_menu li::before { position: absolute; top: 12.5px; left: -10px; content: ''; width: 3px; height: 3px; border-radius: 3px; background: transparent; margin-right: 5px; margin-top: 2px; }
.all_sub_menu li:hover { color: #d6a370; transition: all 0.3s; -webkit-transition: all 0.3s; }
.all_sub_menu li:hover:before { background: #d6a370; }
.menu_sub:hover .all_sub_menu_area_sub {display: flex;}

/* 서브의 서브 */
.sub_pdt_menu { width: 100%; max-width: 1180px; margin: auto; border-bottom: 1px solid #ddd; display: flex; justify-content: center; flex-flow: row wrap; }
.sub_pdt_menu li { margin: 15px; }
.sub_pdt_menu a { font-size: 16px; font-weight: 500; }


@media all and (max-width: 1300px){
    .menu li {justify-content: space-around; }
    .all_sub_menu li {justify-content: center;}
    .all_sub_menu li::before { position: static;}
    .nav_admin { display: none; }
    .logo_area { width: 35%; transition: all 0.5s ease-in-out; padding-left:20px;}
    .menu_sub { width: 90%; transition: all 0.5s ease-in-out; }
    .bin {width:0;}
    .all_sub_menu_area {width:100%;}
	.ytb-btn {margin-right:20px;}
	.all_sub_menu_area_sub > div {width:90%;margin-left: 0;margin-right: 0;}
	.all_sub_menu_area_sub {justify-content:flex-start;}
}
@media all and (max-width:1050px){
    .menu li p .space{ display: none; }
    .menu li p .line_feed{ display: inline; }
}
@media all and (max-width:1020px){
    #header{ padding: 0; height:55px;}
    .background_box {background-color: rgba(0,0,0,0);}
    .all_sub_menu_area_sub {display: none !important;}
    .nav{ padding: 0 20px }
    .nav_area{ display: flex; justify-content: flex-end; flex-flow: row wrap; overflow: visible;}
    .logo_area{ justify-content: flex-start; height:54px;}
    .logo{ height:30px; min-width: 0; max-width: none; width:138px; }
/*  */

	.menu{ display: none; width: 100%; height: auto; background: rgba(0, 0, 0, 0.5);  margin-top: 0px;  flex-flow: row wrap; padding: 0; overflow: hidden; }
    .menu li{ width: 100%; padding: 0; font-size: 15px; cursor: pointer; x-flow: row wrap; justify-content: space-between; border-top: 1px solid #3c3c37; z-index: 99; }
    .menu li p{ padding: 10px 20px; font-size: 16px; font-weight:300; color: #c7c7c7;; }

    .menu_hamburger{ width: 35px; height: 24px; position: absolute; cursor: pointer; top: 13px; right:20px; display: block; }
    .menu_hamburger div{ width: 100%; height: 2.5px; background: #d5a26f !important; position: absolute; left: 0; transition: all 0.3s ease-in-out; }
    .menu_hamburger div:nth-of-type(1){ top: 0; }
    .menu_hamburger div:nth-of-type(2){ top: 50%; right:0; left: 0; margin: auto; }
    .menu_hamburger div:nth-of-type(3){ top: 100%; }
    .bullet { display: block !important; }

    .nav_admin { display: none; }
    .logo_area { width: 100%; }

    .sub_menu { background: rgba(0, 0, 0,0); display: none; width: 84%; padding: 10px 20px; position: static; top:49px; left:0; z-index: 1000; box-shadow: 1px 1px 3px 1px transparent; color:#c7c7c7;}
    .sub_menu li{ margin: 0; padding: 3px 0; border-left: 0 solid;  border: 0; font-weight: 300;}
    .sub_menu li:hover{ font-weight: normal; border-left: 0px solid; color:#d5a26f;}

}
@media (max-width: 760px){
    .menu_hamburger { top: 13px }
    .menu .active{ top: 13px }
    .sub_menu {width:80%;}
}
@media all and (max-width:620px) {
    /* .logo { min-width: 295px } */
    #header {background-color: rgba(0,0,0,0.8);}
    .menu {background-color: rgba(0,0,0,0.8);}
    .sub_pdt_menu li { margin: 10px 15px; }
    .sub_pdt_menu a { font-size: 14px; }
    .sub_menu {width:70%;}
}
@media all and (max-width:430px) {
    .sub_menu {width:65%;}


    .logo_area > a {margin-left: 5px;}
}
@media all and (max-width:380px){
    .logo_area{ padding: 0 0 0 13px; height: 55px; }
    /* .logo{ min-width: 140px; } */
    .menu_hamburger{ width: 30px; }
    /* .logo_area > a { margin-left: 5px;} */
    .logo {width: 100px; height: auto;}

}


/****** 서브 페이지 공통 ******/
.sub_title_area { width: 100%; height: 280px; background-position: center; background-repeat: repeat; background-size:  cover; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; transition: all 0.2s ease-in-out; background-color: #333333; }
.sub_title_area > p { font-family: 'Nanum Myeongjo', serif; color: rgb(255,255,255); font-size: 51px; font-weight: bold; letter-spacing: -2px; margin-top: 93px; text-shadow: 2px 2px 8px rgba(0,0,0,0.7); }
.sub_title_area > div { color: rgb(99,129,69); font-size: 16px; cursor: default; }
.sub_title_area > div > span { cursor: pointer; }
.sub_nav { width: 100%; height: auto; display:block; border-top: 1px solid #cfc1b6; border-bottom: 1px solid #cfc1b6; }
.sub_nav ul { width: 100%; height: 45px; margin: auto; max-width: 1280px; display: flex; align-items: center; justify-content: flex-start; flex-flow: row nowrap; }
.sub_nav ul li { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; font-size: 20px; cursor: pointer; }
.sub_nav ul li:nth-of-type(1) { width: 80px; height: 100%; border-left: 1px solid #cfc1b6; border-right: 1px solid #cfc1b6; }
.sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3) { width: 185px; height: 100%; border-right: 1px solid #cfc1b6; position: relative; padding: 0 20px ;}
.sub_nav .menu_name, .sub_nav .sub_menu_name { width: 185px; color: #777777; font-weight: 400; letter-spacing: -1px; font-size: 14px; transition: all 0.2s ease-in-out; }
.sub_nav .menu_select, .sub_nav .sub_menu_select { width: 185px !important; position: absolute; top: 45px; left: -1px; z-index: 10; border: 1px solid #c4c4c4; background-color: #d6c8ba; display: none; }
.sub_nav i { color: #cfc1b6; transition: all 0.2s ease-in-out; }
.sub_nav .menu_select p, .sub_nav .sub_menu_select p { padding: 0 0 0 20px; height: 45px; color: #333; display: flex; flex-flow: row wrap; justify-content: left; align-items: center; letter-spacing: -1px;  font-size: 14px; border-bottom: 1px solid #bdb2a7; }
.sub_nav .menu_select p:hover, .sub_nav .sub_menu_select p:hover { color: #333333; background: #b6aa9e; }
.content_title { width: 100%; max-width: 1280px; height: 180px; margin: 0 auto; padding: 50px 0; }
.content_title dt { display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 58px; line-height: 54px; }
.content_title dt::before { z-index: -1; top: 30px; content: ''; display: block; position: absolute; width: 100%; height: 5px;  background-image: url(../../../img/bg_con_tit04.gif); }
.content_title dt > span { padding: 0 25px; background: #eae3dd; display: inline-block; text-align: center; font-size: 45px; font-weight: 400; letter-spacing: -3px; color: rgb(51,51,51); }
.content_title dd { text-align: center; font-size: 18px; font-weight: 400; color: #555555; margin-top: 10px; letter-spacing: -1px; }
@media (max-width: 1300px){
    .content_title dd {padding:20px;}
}
@media (max-width: 760px){
    .content_title dt > span {font-size: 30px;}
    .content_title dd {font-size: 15px;}
}
@media (max-width: 620px){
    .content_title dt > span {font-size: 25px;}
    .content_title dd {font-size: 15px;}
}

.sub_nav .menu_hide{ display: none; }

/* 컨텐츠 영역 */
#container_wr{ width: 100%; height: auto; }


@media (max-width:960px){

    /****** 서브 페이지 공통 ******/
    .sub_title_area { height: 230px; }
    .sub_title_area > p{ font-size: 28px; margin-top: 110px; }
    .sub_title_area > div{ font-size: 16px; }
    .sub_nav ul{ padding: 0; }
    .sub_nav ul li{ font-size: 18px; }
    .sub_nav ul li:nth-of-type(1){ display: none; }
    .content_title { padding-left: 20px; padding-right: 20px; }
    .content_title dt{ font-size: 30px; }
}

@media (max-width: 760px){
    /* #header { top: -7px; } */
    .content_title { padding: 50px 0; }
}


@media (max-width:480px){
    /****** 서브 페이지 공통 ******/
    .sub_nav ul li:nth-of-type(2), .sub_nav ul li:nth-of-type(3){ width: 50%; }
    .sub_nav .menu_select, .sub_nav .sub_menu_select { width: 100% !important; }
    .sub_nav .menu_name, .sub_nav .sub_menu_name{ width: 100%; font-size: 16px; }
    .sub_nav .menu_select p, .sub_nav .sub_menu_select p{ font-size: 16px; }
    .content_title { padding: 50px 0 30px 0; }
}
@media (max-width: 479px){
    .content_title { padding: 30px 0; height: auto; }
    .sub_nav .menu_name, .sub_nav .sub_menu_name { font-size: 13px; }
    .sub_nav .menu_select p, .sub_nav .sub_menu_select p { font-size: 13px; height: 35px; }
    .content_title dt { font-size: 25px; }

}

/* footer */
footer { position: relative; width: 100%; background: #535353; padding: 30px 0 !important; }
footer > div.footer_p2 {display: none;}
footer > div.footer_p1 { width: 100%; max-width: 1280px; margin: auto; display: flex; justify-content: space-between; flex-flow: row wrap; }
footer > div.footer_p1 > div:nth-of-type(1) { width: 30%; display: flex; justify-content: center; align-items: flex-start; }
footer > div.footer_p1 > div:nth-of-type(1) > img { width: 100%; max-width: 232px; }
footer > div.footer_p1 > div:nth-of-type(2) { width: 70%; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li { padding: 5px 0; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl { display: flex; justify-content: flex-start; align-items: center; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dd { padding: 0 20px 0; border-right: 1px solid #686868; height: 14px; line-height: 10px; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dd:nth-of-type(1) { padding-left: 0; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dt { width: 16.6%; margin-top: -3px; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dt > a > img { width: 30px;  }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dd:nth-of-type(5) { border: none; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl > dd > a { word-break: keep-all; display: block; text-align: center; height: 20px; color: #b4b4b4; font-size: 14px; font-weight: 400; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > ol > li { line-height: 22px }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > ol > li > h4 { margin-right: 23px; word-break: keep-all; color: #777777; font-size: 14px; font-weight: 300; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > ol > li:nth-of-type(1) { display: flex; justify-content: flex-start; }
footer > div.footer_p1 > div:nth-of-type(2) > ul > li > ol > li > p { word-break: keep-all; color: #777777; font-size: 15px; font-weight: 400; }
@media all and (max-width:1020px){
    footer {padding:20px 0 !important}
    footer > div.footer_p1 {max-width: 100%;}
    footer > div.footer_p1 > div:nth-of-type(1) {width:100%;align-items: center;}
    footer > div.footer_p1 > div:nth-of-type(1) > img {max-width: 150px; margin-bottom: 20px;}
    footer > div.footer_p1 > div:nth-of-type(2) {width:100%; display: flex; justify-content: center; align-items: center;}
    footer > div.footer_p1 > div:nth-of-type(2) > ul > li {text-align: center;}
    footer > div.footer_p1 > div:nth-of-type(2) > ul > li > dl {justify-content: center;}

}
@media all and (max-width:640px){
    footer {padding:20px 0 !important}
    footer > div.footer_p1 {display: none !important;}
    footer > div.footer_p2 {display: block;}

    footer > div.footer_p2 > div > ul { width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap;}
    footer > div.footer_p2 > div > ul > li { padding: 5px 0; width:100%; text-align: center;}
    footer > div.footer_p2 > div > ul > li > dl { display: flex; justify-content: space-around; align-items: center; }
    footer > div.footer_p2 > div > ul > li > dl > dd {height: 14px; line-height: 10px;}
    footer > div.footer_p2 > div > ul > li:nth-of-type(2) {margin-bottom:5px;}
    footer > div.footer_p2 > div > ul > li:nth-of-type(2) > a { width: 16.6%; margin-top: -3px; }
    footer > div.footer_p2 > div > ul > li:nth-of-type(2) > a > img { width: 30px;}
    footer > div.footer_p2 > div > ul > li:nth-of-type(3) {border-top: 1px solid #3c3c3c}
    footer > div.footer_p2 > div > ul > li:nth-of-type(3) > img {height:24px;}
    footer > div.footer_p2 > div > ul > li > dl > dd > a { word-break: keep-all; display: block; text-align: center; height: 20px; color: #b4b4b4; font-size: 14px; font-weight: 400; }
    footer > div.footer_p2 > div > ul > li > ol > li { line-height: 22px }
    footer > div.footer_p2 > div > ul > li > ol > li > h4 {word-break: keep-all; color: #777777; font-size: 12px; font-weight: 300; }
    footer > div.footer_p2 > div > ul > li > ol > li:nth-of-type(1) { display: flex; justify-content: center; }
    footer > div.footer_p2 > div > ul > li > ol > li > p { word-break: keep-all; color: #777777; font-size: 12px; font-weight: 400; }
}
@media all and (max-width:355px){
  footer > div.footer_p2 > div > ul > li > dl > dd > a {font-size: 12px;}
}
/* 공통 popup */
.pravacy_wrap { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); display: flex; justify-content: center; align-items: center; display: none; }
.pravacy_wrap > div:nth-of-type(1) { position: relative; width: 100%; max-width: 890px; height: 580px; margin: auto; background: #eae3dd; border: 10px solid #6c5b49; }
.pravacy_wrap > div > button { position: absolute; z-index: 999; top: -10px; right: -60px; width: 50px; height: 50px; background: #6c5b49 !important; }
.pravacy_wrap > div > div { width: 100%; height: 560px;  padding: 20px 30px;  overflow: auto; }
.pravacy_wrap > div > div > p { word-break: keep-all; font-size: 16px; font-weight: 300; letter-spacing: -1px; line-height: 28px }
.pravacy_wrap > div > div > p > b { font-size: 17px; font-weight: 600; }
.pravacy_wrap > div > div > p > b:nth-of-type(1) { font-size: 22px; }
.pravacy_wrap > div > div > p > span { width: 100%; display: inline-block; text-align: right }
.layer_open { overflow: hidden; }
@media all and (max-width:1000px){
  .pravacy_wrap > div > button {right: 0px;}
}




/* GNB 메뉴 */
.nav h1 { float: left; }
.nav h1 a { display: block; }
.gnb { float: right;padding-top: 9px; }
.gnb > li { float: left;position: relative;width: 134px;text-align: center; }
.gnb > li > a { padding-bottom: 19px;font-weight: 600; }
.gnb_depth2 { display: none;position: absolute;top: 36px; left:7px;z-index: 100;width: 100%;height: 230px;padding: 15px 0 0;border-left: 1px solid #e7e7e7; }
.gnb > li:first-child .gnb_depth2 { border-left: none; }
.gnb_depth2:hover { background: #f6fcfe; }
.gnb_depth2 li { width: 130px; }
.gnb_depth2 li a { display: block;padding: 10px 0 9px;font-size: 13px;color: #333 }
.gnb_depth2 li a:hover{color: #28aacf}
.gnb_bg { display: none;position: absolute;right: 0;top: 45px;z-index: 99;width: 800px;height: 230px;background: white; }



/* 파3예약 신청서 */

.pg_form .form-horizontal .form-row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px; margin-bottom: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #cccccc; align-items: center;}

.pg_form .form-horizontal .control-label {text-align: left;line-height: 38px;padding-left:30px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
	float: left; position: relative;width: 100%;padding-right: 5px;padding-left: 5px;
}

.pg_form .time-btn {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;  touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;	  user-select: none;background-image: none;
	border: 1px solid transparent;border-radius: 4px;width:100%;line-height:24px;border:1px solid #cccccc;
}

.pg_form .form-control {
	display: inline-block;width: 100%;height: calc(1.5em + .75rem + 2px);padding: .375rem .75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;
	color: #495057; background-clip: padding-box;border: 1px solid #cccccc;border-radius: .25rem;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background-color: transparent;
}


.col4 {width:33.33333333%;float:left;}
.pdr5 {padding-right:2px;}
.pdl5 {padding-left:2px;}
.pdm5 {padding-left:2px;padding-right:2px;}
.dis {background-color:#cccccc;color:#999;}
.off {background-color:#f1f1f1;color:#cccccc;}
.time-on {border:1px solid #d6a370;background-color:#d6a370;color:#ffffff;}
@media (min-width: 768px){
	.form-horizontal .control-label {text-align: left;line-height: 38px;}
	.m-select1 {padding-left:0;}
	.m-select2 {padding-right:0;}
}
@media (max-width: 767px){

    .pg_form .form-horizontal .control-label {padding-left:5px;}
    .pg_form .form-horizontal .form-row {padding-bottom: 0; margin-bottom: 0; border: 0;}
    .pg_form .form-horizontal .form-row>div {padding-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #cccccc;}
	.m-select1 {margin-bottom:5px;padding-left:0;padding-right:0;}
	.m-select2 {padding-left:0;padding-right:0;}
}
.btn-submit {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;user-select: none;background-image: none;color:#d6a370;
	border: 1px solid #d6a370; line-height:24px;width:100px;margin-right:10px !important;background-color:#ffffff;
}
.btn-delete {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;user-select: none;background-image: none;color:#ea1d1d;
	border: 1px solid #ea1d1d;border-radius: 4px;line-height:24px;width:100px;margin-left:10px !important;background-color:#fef3f3;
}
.btn-cancel {
	display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;
	white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;  touch-action: manipulation;cursor: pointer;
	-webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none;	  user-select: none;background-image: none;
	border: 1px solid #dddddd;border-radius: 4px;line-height:24px;width:100px;background-color:#fcfcfc;color:#666666;
}



@media (min-width: 768px){
	.col-sm-12 {width: 100% !important;}
	.col-sm-11 {width: 91.66666667% !important;}
	.col-sm-10 {width: 83.33333333% !important;}
	.col-sm-9 {width: 75% !important;}
	.col-sm-8 {width: 66.66666667% !important;}
	.col-sm-7 {width: 58.33333333% !important;}
	.col-sm-6 {width: 50% !important;}
	.col-sm-5 {width: 41.66666667% !important;}
	.col-sm-4 {width: 33.33333333% !important;}
	.col-sm-3 {width: 25% !important;}
	.col-sm-2 {width: 16.66666667% !important;}
	.col-sm-1 {width: 8.33333333% !important;}
}



.bottom-btn {width: 100%;
    margin-top: 50px !important;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    transition: all 0.2s ease-in-out;
    justify-content: center;
}
.bottom-btn .btn{
    margin-right: 20px;
    background-color: #d6a370 !important;
    color: #ffffff;
    border-radius: 0;
    border-color: #d6a370 !important;
    font-weight: 500 !important; 
    font-size: 18px !important; padding: 15px 20px;
    min-height: 60px;
    max-width: 400px;
    width: 100%; margin-right: 0 !important;

}


/* 예약 취소 팝업 */
.cancel_tt {font-size:24px; font-weight:bold;text-align:center;}
.cancel_tt > span {color:#ff0000;}
.cancel_stt {text-align:center;color:#666666;}
.cancel_table {width: 100%; text-align: center; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;margin-top:20px;margin-bottom:20px;}
.cancel_table td {padding-top:20px;padding-bottom:20px; color: #666;width:25%;font-weight:bold;}
.cancel_table td:nth-child(1) {background-color:#f1f1f1;}
.cancel_table td:nth-child(3) {background-color:#f1f1f1;}

@media screen and (max-width:767px) {
    .cancel_table tr {display: flex; align-items: center; flex-wrap: wrap; align-items: stretch;}
    .cancel_table td {width: 50%; display: flex; align-items: center; justify-content: center; padding: 10px;}
    .cancel_table td:nth-child(1) {border-bottom: 1px solid #e3e3e3;}
    .cancel_table td:nth-child(2) {border-bottom: 1px solid #e3e3e3;}

}


/* 퀵메뉴 */
.quick {position: fixed; right: 100px; bottom: 5%; z-index: 99; text-align: center; background-color: #ffffff; border-radius: 5px; border: 2px solid #ac7c4b; box-sizing: border-box;}
.quick a {display: block; padding: 10px;}
.quick-icon {width: 50px; height: 50px; background: #c4302b; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; }
.quick-icon img {width: 30px;}
.quick p {margin-top: 10px; line-height: 1.2; color: #000000; font-weight: 500;}
.quick .img {width: 80px;}
.quick-icon {display: none;}

.quick:hover p{color: #ac7c4b;}

@media screen and (max-width:1440px){
    .quick {right: 10px;}
}

@media screen and (max-width:1050px) {
    .quick {background-color: transparent; border: none; bottom: 10px;}
    .quick a {padding: 0;}
    .quick p{display: none;}
    .quick .img {display: none;}
    .quick-icon {display: flex; margin-left: 10px;}
}

@media all and (max-width:380px){
	.quick-icon {width: 40px; height:40px; }
	.quick-icon img {width: 20px;}
}
@media all and (max-width:320px){
	.quick-icon {width: 30px; height:30px; }
	.quick-icon img {width: 16px;}
}

.ytb-btn { z-index: 99; text-align: center; background-color: #ffffff; border-radius: 5px; border: 2px solid #ac7c4b; box-sizing: border-box;}
.ytb-btn a {display: block; padding: 6px;}
.ytb-btn .quick-icon {width: 50px; height: 50px; background: #c4302b; display: flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto; }
.ytb-btn .quick-icon img {width: 30px;}
.ytb-btn p {font-size:12px; margin-top: 4px; line-height: 1.2; color: #000000; font-weight: 500;}
.ytb-btn .img {width: 60px;}
.ytb-btn .quick-icon {display: none;}

.ytb-btn:hover p{color: #ac7c4b;}

@media screen and (max-width:1440px){
    .ytb-btn {right: 10px;}
}

@media screen and (max-width:1050px) {
    .ytb-btn {background-color: transparent; border: none; bottom: 10px;}
    .ytb-btn a {padding: 0;}
    .ytb-btn p{display: none;}
    .ytb-btn .img {display: none;}
    .ytb-btn .quick-icon {display: flex; }
}