@charset "utf-8";
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,600,700&display=swap');*/
/*font-family: 'Montserrat', sans-serif;*/
/*@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&display=swap');*/
/*font-family: 'Noto Sans KR', sans-serif;*/
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
/* @import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap'); */

*{
    font-family: 'NanumSquareRound';
    list-style: none;
    text-decoration: none;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    color: #333;
    letter-spacing: -0.6px;
    font-weight: 600;
}

/*------------------------------------------------------------- 초기화 css -------------------------------------------------------------*/
* {margin:0; padding:0; box-sizing:border-box; word-break: keep-all;}
html,body{max-width: 100%; min-height: 100%;}
html{overflow-x: hidden;}
body{background: #fff; font-style: normal; font-size: 16px; font-weight: 300; color: #0333; line-height: 1.2; letter-spacing: -0.5px;}
ul, li, dl,dt,dd {margin:0;padding:0;list-style:none}
a{color:#333;text-decoration:none;}
img {border: 0; font-size: 0; max-width: 100%;}
h1, h2, h3, h4, h5, h6{font-size:1em;}
textarea, select{font-size:1em}
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(/source/img/sel_arrow02.png) no-repeat center right 10px;
}
select::-ms-expand {display: none;}
input, button{margin:0;padding:0;font-size:1em}
input[type="submit"], button{cursor:pointer}
table, tr, td { border-collapse: collapse;}
p{word-break: keep-all;}
input[type="teext"], input[type="tel"], input[type="password"], input[type="email"], input[type="search"], textarea {
	-webkit-border-radius:10px; /* 모서리 스타일 제거 */
	-webkit-appearance:none; /* 인풋내 그림자 제거 */
}
input[type="email"] {-webkit-border-radius:10px;}
input[type="teext"]::placeholder, input[type="tel"]::placeholder, input[type="password"]::placeholder, input[type="email"]::placeholder, input[type="search"]::placeholder, textarea::placeholder{color: #0f0f0f;}
input::placeholder{color: #0f0f0f;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary{display: block;}
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }
audio:not([controls]) { display: none; height: 0; }
[hidden], template { display: none; }
a { text-decoration: none; background-color: transparent; color: inherit; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { margin-top: 0px;    margin-bottom: 0px;    border: 0;   border-top: 1px solid #000000;}
pre { overflow: auto; }
code, kbd, pre, samp { /*font-family: monospace, monospace;*/ font-size: 1em; }

/* Forms ========================================================================== */
input, optgroup, select, textarea {
    color: inherit;   /* 1 */
    font: inherit;    /* 2 */
    margin: 0;    /* 3 */
	box-sizing: border-box;
}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    border: none;
}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="radio"] {
    box-sizing: border-box;    /* 1 */
    padding: 0;     /* 2 */
}

/** * Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/** * OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/** * `border`, `margin`, `padding`을 일치. */
fieldset { border: none; margin: 0 2px; /* padding: 0.35em 0.625em 0.75em; */ }

/** * 1. IE 8/9/10/11에서 `color`는 상속되지 않는다. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** * IE 8/9/10/11에서 기본 세로 스크롤바를 제거 */
textarea { overflow: auto; resize: none; }

/** * `font-weight`는 상속되지 않는다.(applied by a rule above). * 주의: OS X의 Chrome과 Safari에서 기본값을 변경하는 것은 안전하지 않다. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
.wrapper{width: 1280px; max-width: 100%; margin: 0 auto;}
/*------------------------------------------------------------- //초기화 css -------------------------------------------------------------*/

#hd_pop{position: absolute; z-index: 999; /*left: 50px; top: 120px;*/}
.hd_pops { position: absolute; }
.hd_pops_footer{display: inline-block; width: 100%; overflow: hidden; background: #fff;}
.hd_pops_reject {
	display: inline-block;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;}
.hd_pops_close {
	display: inline-block;
    border: none;
    background: #fff;
	font-weight: 400;
    color: #0f0f0f;
    line-height: 23px;
    padding: 0 10px;
}
/*------------------------------------------------------------- //팝업 css -------------------------------------------------------------*/


/*------------------------------------------------------------- 공통 css -------------------------------------------------------------*/
.font_bak{padding-left: 30px; font-weight: 400;}
.area_box{width: 100%; height: 140px; resize: none; border:1px solid #dedede; padding: 20px; letter-spacing: -0.5px; color: #555666;}
.terms_subtitle{margin-bottom: 15px; letter-spacing: -1.2px; font-size: 1.3em; font-weight: 500; color: #333333;}
.star_red{color: #da0000;}
.msg_look{letter-spacing: -1px; font-weight: 300; color: #555; margin-top: 5px;}
.same_mbbox{width: 427px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400;}
.same_mbboxx{width: 100%; height: 45px; margin: 0; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; font-size: 16px; font-weight: 400; border-radius: 10px;}
.same_mbboxx1{width: 100%; height: 45px; margin: 2px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbboxx2{width: calc(60% - 5px); width: -webkit-calc(60% - 5px); width: -moz-calc(60% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: left;}
.same_mbboxx3{width: calc(40% - 5px); width: -webkit-calc(40% - 5px); width: -moz-calc(40% - 5px); height: 45px; margin: 10px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; float: right;}
.same_mbbox2{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox3{width: 395px; height: 45px; margin: 5px 0 0 5px; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox4{width: 185px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555;}
.same_mbbox5{width: 210px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox55{width: 350px; height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.same_mbbox6{width: calc(100% - 160px); width: -webkit-calc(100% - 160px); width: -moz-calc(100% - 160px); height: 45px; margin: 5px 0; padding-left: 10px; border: 1px solid #dedede; color: #555; font-size:16px;}
.mid_sel{margin: 0 9px;}

.up_textda{clear: both; font-size: 16px; font-weight: 400; color: #000;margin-bottom: 5px;}
.up_textda span{color: #FFA200;    vertical-align: middle;}

.info_title{width: 100%; height: 295px; background: url("/img/newimg/subbanner3.png") no-repeat; background-size: cover;}
.info_title .info_bigtitle{padding-top: 80px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 400; color: #fff;}
.info_title .point_line{margin: 10px 0 20px; text-align: center;}
.info_title .info_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #fff;}

.terms_titlebox{padding-top: 150px; padding-bottom: 10px; font-size: 40px; font-weight: 600; color: #333; position: relative; }
/* .terms_titlebox:before{display: block; content:""; width: 104px; height: 104px; border-radius: 50%; background: #f2fbfe; z-index: -1; position: absolute; left: 100%; top: 30%; -webkit-transform: translateX(-30%);
-moz-transform: translateX(-30%);
-ms-transform: translateX(-30%);
-o-transform: translateX(-30%);
transform: translateX(-30%);}
.terms_titlebox:after{display: block; content:""; width: 138px; height: 1px; background: #E32424; z-index: 0; position: absolute; left: 115%; top: 60%; left: calc(100% + 20px); left: -webkit-calc(100% + 20px); left: -moz-calc(100% + 20px)} */

.hidden_link_wr{position: fixed; width: 100%; background: #fff; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); z-index: 50; top: 0; transition: 0.5s;}
.hidden_link_wr div{position: absolute; top: -100px; width: 100%; height: 40px; line-height: 2.5; text-align: center; font-weight: 400;  background: #fff; border-bottom: 1px solid #ddd; -webkit-box-shadow: 1px 5px 10px rgba(0,0,0,.2); -moz-box-shadow: 1px 5px 10px rgba(0,0,0,.2); box-shadow: 1px 5px 10px rgba(0,0,0,.2); transition: 0.5s;}
.pd100 { padding: 100px;}

/*헤더 hidden menu*/
.hidden_link_wr a.hidden_link_1:hover, .hidden_link_wr a.hidden_link_1:focus{/* top: 0; z-index: 50; */}
/*------------------------------------------------------------- //공통 css -------------------------------------------------------------*/

/* ========== add iframe css  ========== */
/* 01 - search main */
.top_title {
  background: #f8f8f8;
  padding: 65px 40px 40px 40px;
  margin-bottom: 30px;
}
.top_title h3 { font-size: 30px; font-weight: 700; margin: 0;}
.top-nav { 
  display: flex; 
  justify-content: space-between; 
  margin-top: 15px;
  gap: 3px;
}
.top-nav ul { display: flex; gap: 3px;}
.top-nav .topL { display: flex; gap: 3px; }
.top-nav .topL a {
  border: 1px solid #dedede;
  background: #fff;
  color: #717171;  
  border-radius: 8px; 
  padding: 0 25px;
  font-weight: 700;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-nav .topL a:hover { background: #e8b600; color: #fff;}
.topR ul li {
  border-radius: 8px; 
  font-weight: 700;
  height: 40px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.top-nav .topR .talk { background: #FAE300; padding: 9px 16px; min-width: 36px; }
.top-nav .topR .talk img { margin-right: 5px;}
.top-nav .topR .resv-chk { background: #FF932F; color: #fff; padding: 0;}
.top-nav .topR .resv-chk a { padding: 10px 25px; }
.top-nav .topR .resv-chk:hover { background: #f27f14; }
.top-nav .topR .talk:hover { background:#f5d502 }

/* 02 - reservation form */
.rent-info-dl { margin-left: 50px; margin-top: 30px;}
.rent-info-dl dl { display: flex; flex-wrap: wrap; align-items: center; }
.rent-info-dl dl dd { width: 15%; border: none; height: 30px;}
.rent-info-dl dl dt { width: 85%; color: #818181; }
.resv-bottom {
  margin-top: -1px;
  padding: 30px;
  background: #f8f8f8;
  border: 1px solid #d0d0d0;
  text-align: left;
}
.resv-bottom .rev_info { padding: 0; }
.resv-tit { font-size: 16px; color: #a1a1a1; }
.resv-data { font-size: 20px; color: #333; margin: 0; }
.resv-data span { color: #a1a1a1; }
.resv-price { font-size: 20px; color: #FF9C27; font-weight: 800; }
.resv-time { font-size: 16px; color: #a1a1a1; }
.resv-btn-area { 
  display: flex; 
  gap: 5px; 
  justify-content: center; 
  margin-top: 30px; 
  margin-bottom: 100px;
}
.resv-btn { 
  background: #b9b9b9; 
  color: #fff;
  font-size: 18px;
  padding: 15px 50px;
  font-weight: 700;
  border-radius: 8px;
}
.resv-btn-ok { background: #e8b600; }
.info_title2 { margin-bottom: 10px; }
.acpt-a { text-decoration: underline; }

/* 예악확인 */
.sub-p { color: #818181;}
.resv-chk-cancle { 
  margin-top: 0px; 
  font-size: 18px;
  width: 100%;
  height: 65px;
  border-radius: 10px;
  background: #fff;
}
@media (max-width: 992px) {
  .resv-bottom { padding: 30px 20px; }
}
@media (max-width: 768px){ 
  .i-cnt { width: 96%; padding: 0; }
  .top_title { padding: 65px 30px 30px 30px; }        
  .topR ul li { font-size: 14px; height: 36px; }
  .top-nav .topL a { font-size: 14px; padding: 0 15px; height: 36px; }
  .top-nav .topR .resv-chk a { padding: 0px 15px; }
  .resv-btn-area { justify-content: center; margin-top: 20px; }
}
@media (max-width: 557px) {
  .top_title { padding: 65px 20px 15px 20px; }
  .top-nav { border-top: 1px solid #e0e0e0; padding-top: 15px; }
  .top-nav .topL a {
    border: none;
    background: transparent;
    padding: 0;
    margin-right: 8px;
    font-size: 15px;
  }        
  .top-nav .topR .talk { padding: 0 5px; }
  .top-nav .topR .talk img { width: 32px; margin-right: 0; }
  .top-nav .topR .talk span { display: none; }
}
@media (max-width: 425px) {
  .top_title h3 { font-size: 26px; }
  .resv-btn-area .resv-btn { width: 50%; padding: 15px 0; }
}
@media (max-width: 360px) {
  .top_title { padding: 65px 15px 15px 15px; }
  .top-nav .topR .resv-chk a { padding: 0 8px; }
}

/* ========== The End add iframe css  ========== */

.gnbWrap{
    padding-top: 10px; padding-bottom: 8px; width: 890px; margin: 0 auto;
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {position: absolute; top: 10%; right:5%; transform: translateY(-50%);}
.menu>a{width: 100%;height: 100%; display: block;}

a.close{
    width: 50px; height: 50px; position: absolute; right: 5px; top: 0; color: #000; line-height: 50px; text-align: center;opacity:1.0;
}
.left_gnbWrap{
    height: 100%;
    width: 100%;
    position: fixed; right: -100%; top: 0;
    background-color: #fff;
    padding-top: 50px;
    z-index: 999;
    transition: all 0.3s;
	display: none;
}
.left_gnbWrap.on{
    right:0;
	display: block;
}
.left_gnb>li{
    width: 100%; border-bottom: 1px solid #ddd;
}
.left_gnb>li>a{
    display: block; text-align: center; line-height: 50px;
    width: 100%; height: 50px; background-color: #fff;
    color: #0f0f0f;
}
.left_gnb>li>a.on{
    background-color: #E32424; color: #fff;
}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block; text-align: center; line-height: 50px; width: 100%; height: 50px; border-top: 1px dashed #ddd; background-color: #fff; color: #555;
}
.left_gnb>li>ul>li:first-child>a{border-top: none;}
.left_gnb>li>ul>li>a:hover{color: #E32424;}

.sub_navbox{display: none; position: absolute; width: 100%; height: 273px; padding-top: 15px; box-shadow: 1px 10px 10px rgba(0,0,0,0.1); background: #fff; z-index: 2; border-top: 1px solid #e7e7e7;}
.sub_box2da{width: 1280px; height: 100%; margin: 0 auto;}
.sub_leftbox{float: left; width: 42.6%; height: 100%;}
.sub_rightbox{float: left; width: 57.4%; height: 100%;}
.sub_menuji{float: left; height: 100%;}
.menu_mlja1{}
.menu_mlja2{margin-left: 40px;}
.menu_mlja3{margin-left: 40px;}
.menu_mlja4{margin-left: 50px;}
.menu_mlja5{margin-left: 50px;}
.sbmu_li a{display: block; padding: 15px 10px 5px; text-align: center; letter-spacing: -1px;  font-size: 18px; font-weight: 300; color: #555; }

.plus_text {text-align :left; font-weight:400; padding-top:5px;}
.plus_text.red {color:red;}
.tb_st01.tbl_add td:nth-of-type(2) {width:20%;}
.tb_st01.tbl_add td:nth-of-type(1) {width:20%;}

/*------------------------------------------------------------- head(snb) css -------------------------------------------------------------*/
.snb_linebox{width: 100%; height: 44px; border-bottom: 1px solid #e7e7e7;}
.snb_linebox .snb_midbox{width: 1280px; height: 100%; margin: 0 auto;}
.sub_ul{float: right; height: 100%;}
.sub_ul .snb_li{float: left; margin: 0 5px; /* padding: 10px 0; */ line-height: 43px;}
.sub_ul .snb_li .snb_acolor{font-size: 15px; font-weight: 300; color: #555555;}
.first_btn{display: inline-block;}
/*------------------------------------------------------------- //head(snb) css -------------------------------------------------------------*/

/*------------------------------------------------------------- head(gnb) css -------------------------------------------------------------*/
.nav_box{
  overflow: hidden; 
  position: absolute; 
  top: 0px; left: 0; 
  z-index: 100; 
  width: 100%; 
  height: 90px; 
  border-bottom: 1px solid #D68100; 
  background: #fff; 
  transition: 0.3s;
}
/* .nav_box:after{content: ""; display: block; width: 100%; height: 1px; background: #e7e7e7; position: absolute; top: 90px; left: 0;} */
.nav_box.on{height: 320px;}
.nav_box .nav_marginbox{width: 1280px; height: 100%; margin: 0 auto;}
.logo_click{display: inline-block; float: left; width: 280px; height: 100%; margin: 0;}
.logo_link{display: block; padding: 18px 0;}

.gnb_box{float: right; width: calc(100% - 280px); width: -webkit-calc(100% - 280px); width: -moz-calc(100% - 280px); height: 100%;}
.gnb_box .gnb_ulbox{float: right; height: 100%;}
.gnb_box .gnb_ulbox li:nth-child(6) a { padding-right: 0; }
.gnb_limenu{position: relative; float: left;}
.gnb_limenu.on{color: #E32424;}
.gnb_limenu.on:after{content: ""; display: block; width: 100%; height: 3px; background: #E32424; position: absolute; top: 87px; left: 0; z-index: 5;}
.gnb_link{
  display: block; 
  position: relative; 
  padding: 0 35px; 
  line-height: 90px; 
  letter-spacing: -.5px; 
  font-size: 20px; 
  font-weight: 700;
}
.alink_marginbak{padding-right: 0;}
.bugermenu{display: none;}

.gnb_2dp{display: none; margin: 22px 0 -8PX; text-align: center;}
.gnb_marginbak .gnb_2dp{margin-right: -40px;}
.gnb_2dp > li{margin: 0;}
.gnb_2dp > li > a{display: block; padding: 8px 0; font-size: 18px; font-weight: 300; color: #555;}

/*------------------------------------------------------------- //head(gnb) css -------------------------------------------------------------*/


/*------------------------------------------------------------- tali css -------------------------------------------------------------*/
.footer_upbox {
  width: 100%; 
  background: #535353; 
  margin-top:50px; 
}
.footer_upbox .footer_bottomline {
  width: 100%; 
  height: 65px; 
  border-bottom: 1px solid #696969;
}
.footer_marginbox { padding: 0 40px; }
.line_guidebox1{float: left; /* width: 35%; */ height: 65px;}
.line_guidebox2{float: right; /* width: 65%; */ height: 65px;}

.line_guidebox1 .guideline_ul{width: 100%; height: auto;}
.line_guidebox1 .guideline_ul:after{content: ""; display: table; clear: both;}
.guide_li{float: left; color: #fff;}
.guide_li .a_listchk{display: block; padding: 25px 20px 25px 0; letter-spacing: -0.5px; font-size: 14px; font-weight: 600; /*color: #555555;*/}
.guide_li .use-poii { font-weight: 500; color: #e0e0e0;}
.leftmarginbak{padding-left: 0 !important; margin-left: 0 !important;}

.line_guidebox2 .jiwon_center{width: 100%; height: 100%;}
.center_li{float: left;}
.center_li .a_listchk{display: block; /* padding: 21px; */padding: 25px 15px; letter-spacing: -0.5px; font-size: 14px; font-weight: 300; color: #555555;}
.rightmarginbak{padding-right: 0 !important;}

.last_address { padding: 25px 40px 40px 40px; }
.last_address .business_class{margin: -5px -20px; font-size: 0;}
.last_address .business_class .business_li{
  display: inline-block; 
  padding: 5px 20px; 
  letter-spacing: -0.1px; 
  font-size: 14px; 
  font-weight: 500; 
  color: #e0e0e0; 
  line-height: 1.4;
}
.copy_text{
  margin-top: 10px; 
  font-size: 14px; 
  font-weight: 500; 
  color: #e0e0e0;
}

/*.top_btn{display: block; position: absolute; top: 50%; right: 0px; z-index: 50; width: 40px; height: 40px; margin-top: -20px; border: 0; border-radius: 50%; line-height: 40px; text-align: center; background: #E32424; cursor: pointer;}
.top_btn i.arrow{border: solid #fff; border-width: 0 1px 1px 0; padding: 3px;color:#fff}*/

.ft_wa_mark{position: absolute; top: 25px; right: 0;}
/*------------------------------------------------------------- //tail css -------------------------------------------------------------*/


/*#main{height: calc(100vh - 134px); margin-top: 0px; padding-top: 90px; background: #fff url('../img/gj/main_bg01.jpg') no-repeat center/cover;}*/
#main{ width: 100%; height: 700px; display: inline-block;}
.main_sec .main_sec_wr{padding: 0 30px;}
.main_sec01{width: 100%; text-align: center;}
.main_top_txt01{display: block; font-size: 56px; font-weight: 400; color: #fff; letter-spacing: -3px;}
.main_top_txt01 b{font-weight: 600;}
.main_top_txt02{display: block; margin-top: 20px; font-size: 26px; font-weight: 400; color: #fff;}

.main_sec02{margin-top: 40px;}
.main_sec02 .main_sec_wr{padding-top: 40px; border-top: 1px solid rgba(255,255,255,0.4);}
.main_contents{margin: 0 -20px; font-size: 0;}
.main_contents > li{display: inline-block; width: 33.333%; padding: 0 20px; font-size: 14px; vertical-align: top;}
.main_link{display: table; width: 100%; height: 138px; padding: 0 40px; border-radius: 12px; font-size: 0;}
.main_link01{background: #E32424; color: #fff}
.main_link02{margin-top: 15px; background: rgba(0,0,0,0.4);}
.main_link_in{display: table-cell; vertical-align: middle;}
.main_link_icon{display: inline-block; width: 71px; vertical-align: middle;}
.main_link_txt{display: inline-block; width: calc(100% - 71px); padding-left: 30px; vertical-align: middle;}
.main_link_txt01{font-size: 26px; font-weight: 400; color: #fff; letter-spacing: -2px; }
.main_link_txt02{margin-top: 10px; font-size: 16px; font-weight: 400; color: #f7f7f7;}
.main_link_txt03{font-size: 26px; font-weight: 400; color: #f7f7f7;}
.main_link_txt04{margin-top: 10px;font-size: 30px; font-weight: 400; color: #f7f7f7;}

.main_adv{display: block; height: 400px; border-radius: 12px 12px 0 0; overflow: hidden; background: #ddd; text-align: center;}
.main_adv img{display: inline-block; max-height: 100%;}
.main_board_inner{min-height: 445px; padding: 35px 40px 0; border-radius: 12px; background: rgba(0,0,0,0.4);}
.main_board_tit{padding-bottom: 20px;}
.main_board_tit span{float: left; font-size: 26px; font-weight: 400; color: #fff;}
.main_board_tit a{float: right; padding-top: 5px; font-size: 16px; font-weight: 300; color: #ddd;}
.main_board_contents{}
.main_board_contents > li{padding: 15px 0; border-top: 1px dashed #bebec0;}
.main_board_contents > li > a{display: block;}
.main_board_contents_tit{width: 100%; font-size: 16px; font-weight: 300; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.main_board_contents_date{padding-top: 9px; font-size: 16px; font-weight: 300; color: #fff;}

.pic_box{width: 1220px; height: 80px; margin: 90px auto 0; border-radius: 15px; background: #f7f7f7;}
.pic_box .picbox_tbl{width: 100%; height: 80px;}
.point_put{float: left; margin: 17px 7px;}
.point_put .point_txt{letter-spacing: -0.8px; font-size: 1em; font-weight: 500; color: #0f0f0f;}
.first_point{margin-left: 10px;}
.same_putbox{width: 300px; height: 45px; padding-left: 20px; border: 1px solid #dddddd; border-radius: 10px;}
.same_putbox2{width: 155px; height: 45px; padding-left: 20px; border: 1px solid #ddd; border-radius: 10px; color: #555666;}
.accept_btn{width: 170px; height: 45px; border: none; border-radius: 10px; font-size: 1em; color: #fff; background: #E32424;}

select {
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	background: url("../img/newimg/barrow_con.png") no-repeat 97% 50%; /* 화살표 모양의 이미지 */
}
select::-ms-expand { display: none; }/* IE 10, 11의 네이티브 화살표 숨기기 */

.f_content{width: 1220px; height: 320px; margin: 150px auto 0;}
.f_content .click_gopage{width: 100%; height: 100%; overflow: hidden;}
.subpage_list{float: left; width: 360px; height: 100%; border: 1px solid rgba(108, 114, 121, 0.7); border-radius: 10px; background: rgba(0,0,0,0.5); text-align: center;}
.subpage_list thead{border-bottom: 1px solid #fff; vertical-align: top; width: 100%; display: inline-block;}
.subpage_list tbody{vertical-align: top;display: block;}
.subpage_list tr{vertical-align: top; display: inline-block; width: 100%;}
.subbox_margin{margin: 0 67px; /* border: none; background: none; */}
.push_my{display: block; height: 100%; text-align: center;}
.hook_top{margin-top: 73px;}
.hook_top2{margin-top: 62px;}
.big_fontda{margin: 40px 0 23px;}
.plus_btn{margin-top: 20px;}

.ntlittle_tbl{width: 85%; height: 100%; margin: 0 auto; display: inline-block; vertical-align: top;}
.line_bb{padding: 20px 0; /* border-bottom: 1px solid #fff; */ display: inline-block; vertical-align: top; overflow: hidden;}
th.line_bb{float: left;}
td.line_bb{float: right; padding: 25px 0;}
tr:first-child .td_listtxt {border-top: none;}
.mlja_btn{display: block; text-align: right;}
.td_listtxt{border-top: 1px solid #fff; vertical-align: middle; display: block; width: 100%; padding: 19px 0;}
.notice_gogo{display: block;}
.look_txt{letter-spacing: -0.8px; font-size: 1em; color: #fff; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.look_date{letter-spacing: -1px; font-size: 1em; color: #555; text-align: left; margin-top: 5px;}
.last_linebak{border-bottom: none;}
.tbl_captitle{display: none;}

/*------------------------------------------------------------- sub css -------------------------------------------------------------*/
.sub{margin-top: 90px;}

.nolook_cpt{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}

/* sub_visual */
.sub_title{width: 100%; height: 295px;}
.sub_title .sub_bigtitle{padding-top: 130px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 600; color: #000;}
/* .sub_title .sub_bigtitle:after{content: ""; display: block; width: 28px; height: 2px; margin: 15px auto 20px; background: #E32424;} */
.sub_title .sub_minititle{letter-spacing: -0.8px; text-align: center; font-weight: 300; color: #000;}

/*sub_location*/
.sub_location{border-bottom: 1px solid #ddd;}
.sub_location ul{font-size: 0;}
.sub_location ul li{display: inline-block; border-right: 1px solid #ddd; text-align: center;}
.sub_location ul li:first-child{border-left: 1px solid #ddd;}
.sub_location ul li a{display: block; padding: 20px 0; font-size: 18px; font-weight: 400; color: #555;}
.sub_location ul li.active a{background: #e8b600; font-weight: 400; color: #000;}
.sub_location ul.child-2 li{width: 50%;}
.sub_location ul.child-3 li{width: 33.333%;}
.sub_location ul.child-4 li{width: 25%;}
.sub_location ul.child-5 li{width: 20%;}


/*.information_bg{background: url(../img/gj/sub_information_bg.jpg) no-repeat top center; background-attachment: fixed;}*/
.information_bg{background: url(../img/cs_ban_bg2.png) no-repeat top center; background-attachment: fixed;}

/* sub_contents*/
.sub_contents{width:100%; padding: 60px 0 100px;}

	/*tab*/
.tab_btn{font-size: 0; text-align: center;}
.tab_btn > ul{display: inline-flex; padding: 20px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; font-size: 0;}
.tab_btn > ul > li{display: inline-block; padding: 0 50px; border-left: 1px solid #ddd; font-size: 18px; font-weight: 300; color: #555; cursor: pointer;}
.tab_btn > ul > li:first-child{border-left: 0;}
.tab_btn > ul > li.on{font-weight: 400; color: #E32424;}
.tab_contents{margin-top: 50px;}
.tab_contents > div{display: none;}
.tab_contents > div:first-child{display: block;}

	/*table*/
.tb_st01{width: 100%;}
.tb_st01 th{padding: 13px 0px; border-top: 1px solid #E32424; border-left: 1px solid #ddd; background: #f7f7f7; font-size: 16px; font-weight: 400; color: #0f0f0f;}
.tb_st01 th:first-child{border-left: 0;}
.tb_st01 td{padding: 18px 10px; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; font-size: 16px; font-weight: 400; color: #555;}
/* .tb_st01 td:first-child{border-left: 0;} */
.tb_st01 .no_border{border-left: 0;}
.tb_st01 td.ta_l{text-align: left;}


/*들여쓰기*/
ul.hypen{margin: -3px 0;}
ul.hypen > li{padding: 3px 0 3px 10px; text-indent: -10px;}
ul.dot{margin: -3px 0;}
ul.dot > li{padding: 3px 0 3px 10px; text-indent: -10px;}

/*text_icon*/
.icn_St-01{position: relative; padding-left: 12px;}
.icn_St-01:before{content: ""; display: block; width: 2px; height: 14px; background: #E32424; position: absolute; top: 3px; left: 0;}

/*주의문구*/
.caut_txt{padding: 10px 0 0 10px; font-size: 16px; font-weight: 300; color: #555; text-align: left; text-indent: -10px;}

/*스크롤 문구*/
.scroll_drag{display: none; text-align: center; font-size: 16px; color: #555; font-style: italic; padding: 15px 0 0;}

.arrow{
    display: inline-block;
    border: solid black;
    border-width: 0 1px 1px 0;
    padding: 3px;
}

.up{transform: rotate(-135deg);}
.down{transform: rotate(45deg);}
.right{transform: rotate(-45deg);}
.left{transform: rotate(135deg);}
/*------------------------------------------------------------- //sub css -------------------------------------------------------------*/

.choos_btn{width: 200px; height: 50px; border: none; letter-spacing: -0.8px; border: 1px solid #E32424; background: #fff; color: #E32424;}
.choos_btn:hover{background: #E32424; color: #fff;}
.resv_btn{width: 100%; height: 50px; border: none; letter-spacing: 0; border: 1px solid #e8b600; background: #fff; color: #000; font-weight: 600; }
.resv_btn:hover{background: #e8b600; color: #fff;}
.same2_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #E32424;}
.same3_btn{display: block; padding: 20px; text-align: center; color: #fff; background: #555999;}

/* 로그인 체크박스 */
.save_idbox {/* position:absolute; bottom: 0; left:0; */ padding-top: 5px;}
.save_idbox input[type="checkbox"]{display: none;}
.save_idbox input[type="checkbox"] + label {color:#555; font-size: 16px; margin-top: 2px;}
.save_idbox input[type="checkbox"] + label:hover {color:#2172f8}
.save_idbox input[type="checkbox"] + label span {position:absolute;bottom: 0; left:0;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.save_idbox input[type="checkbox"]:checked + label {color:#000}
.save_idbox input[type="checkbox"]:checked + label span {background:url('/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/*------------------------------------------------------------- 로그인 css -------------------------------------------------------------*/
#mb_login{width: 100%; height: auto;}
#mb_login .mbskin_box{float: left; width: 59%; height: 100%; padding: 0 0 0 90px;}
.login_tttxt{padding-top: 100px; letter-spacing: -1.5px; text-align: center; font-size: 2.5em; font-weight: 500;}
#login_fs legend{display: none;}

.login_ulbox{float: left; width: 400px; height: 120px;}
.login_ulbox2{float: left; width: 170px; height: 120px; margin-left: 7px;}

.lg_littlebox{width: 100%; height: 55px;}
.lg_littlebox:first-child{margin-bottom: 10px;}
.lg_samebox{width: 100%; height: 100%; padding-left: 20px; border: 1px solid #ddd; color: #555; border-radius: 0 !important;}
.lg_samebox::placeholder{color: #555 !important;}

.lg_going{width: 100%; height: 100%;}
.lg_gogosing{width: 100%; height: 100%; border: none; font-size: 1.15em; background: #E32424; color: #fff;}

#login_info{clear: both; width: 100%; height: auto;;}
.login_if_auto{position: relative; width:100%; /*height: 20px; padding-top: 15px;*/}
.save_idbox label{margin-left: 25px; color: #555;}
.login_if_lpl{width: 100%; height: auto; margin-top: 15px;}
.goaway_box{width: 100%; height: 100%;}
.goaway_box .goaway_li{float: left; width: 400px; height: 100%;}
.goaway_box .goaway_li2{float: left; width: 170px; height: 100%; margin-left: 7px;}
.goaway_box .goaway_li a,
.goaway_box .goaway_li2 a{display: block; letter-spacing: -1px; text-align: center;}
.idpw_push{padding: 15px; color: #555; border: 1px solid #e7e7e7; background: #f7f7f7;}
.j_start{padding: 15px; color: #fff; border: 1px solid #555; background: #555;}

.mb_midbox{width: 100%; height: auto;; margin: 250px auto 200px; padding: 50px 70px; border: 1px solid #d0d0d0;}
.mb_midbox:after{content: ""; display: table; clear: both;}
.mblog_box{float: left; width: 41%; height: 100%; border-right: 1px solid #ddd;}
.login_ttda{padding: 0; letter-spacing: -1.3px; font-size: 1em; font-weight: 400; color: #555;}
.last_btbak{padding-top: 20px; font-size: 18px; font-weight: 400; color: #333; line-height: 1.5;}
.log_bigtt{letter-spacing: -2px; font-size: 40px; font-weight: 400; color: #E32424;}
.line_midda{width: 82%; margin: 0 auto; border: 1px solid #ddd;}

.mid_boxg{float: left; width: 5%; height: 100%;}
/*------------------------------------------------------------- //로그인 css -------------------------------------------------------------*/
.sub_ct_title{ margin-bottom: 20px; font-size: 30px; font-weight: 400; color: #E32424; text-align: center;}
.sub_ct_title:after{content: ""; display: none; width: 1px; height: 31px; margin: 15px auto 20px; background: #E32424;}
.sub_ct_title_expl{font-size: 18px; font-weight: 400; color: #333; text-align: center;}
.sub_ct_title_expl2{margin-top: 25px; font-size: 16px; font-weight: 300; color: #555; line-height: 1.5; text-align: center;}

#car_sec01{text-align: center;}
.car_cnt_tb th{font-weight: 300; color: #0f0f0f;}
.car_cnt_tb td{font-weight: 300; color: #555;}
.car_cnt_tot{padding: 17px 0; border-bottom: 1px solid #ddd;  font-size: 16px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail{padding: 30px 50px; text-align: left; }
.car_cnt_detail > ul{margin-top: 20px; font-size: 0;}
.car_cnt_detail > ul:first-child{margin-top: 0;}
.car_cnt_detail > ul > li{display: inline-block;  font-size: 16px; vertical-align: top; line-height: 1.5;}
.car_cnt_detail > ul > li:nth-child(1){width: 144px; font-weight: 400; color: #0f0f0f;}
.car_cnt_detail > ul > li:nth-child(2){width: calc(100% - 144px); font-weight: 300; color: #555;}
.car_cnt_detail > ul > li.icn_St-01:before{top: 6px;}
.car_cnt_detail input[type="checkbox"] { 
  width: 20px; height: 20px;
  transform: translateY(2px); 
  margin-right: 5px;
}

#car_sec02{margin-top: 80px;}
.car_intro_all{border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.car_intro_comp{padding: 40px 30px; border-top: 1px dashed #ddd; font-size: 0;}
.car_intro_comp:first-child{padding-top: 30px; border-top: 0;}
.car_intro_comp_l{display: inline-block; width: 200px; font-size: 16px; vertical-align: top;}
.car_intro_comp_r{display: inline-block; width: calc(100% - 200px); font-size: 16px; vertical-align: top;}
.car_intro_txt{font-size: 24px; font-weight: 400; color: #0f0f0f;}
.car_intro_photo{margin: -15px; font-size: 0;}
.car_intro_photo > li{display: inline-block; padding: 15px; vertical-align: top;}
.car_intro_photo > li > a{border: 1px solid #dddddd;display:inline-block;}

#car_sec03{margin-top: 80px; text-align: center;}
.person_current_tb th{ font-weight: 300; color: #0f0f0f;}
.person_current_tb td{ font-weight: 300; color: #555;}
.person_current_tb tr.col th{border-top: 1px solid #ddd;}

#car_sec04{margin-top: 80px; text-align: center;}
.performance_tb th{ font-weight: 300; color: #0f0f0f;}
.performance_tb td{ font-weight: 300; color: #555;}
.performance_tb tr.col th{border-top: 1px solid #ddd;}

.use_app_comp_all{margin-top: 60px; border-top: 1px solid #ddd;}
.use_app_comp{width: 100%; padding: 40px 0 50px; border-top: 1px dashed #ddd;}
.use_app_comp01{border-top: 0;}
.use_app_comp_inner{font-size: 0;}
.use_app_comp_left{display: inline-block; width: 160px; padding-left: 30px; font-size: 16px; vertical-align: top;}
.use_app_comp_right{display: inline-block; width: calc(100% - 160px); padding: 0 30px 0 50px; font-size: 16px; vertical-align: top;}
.use_app_comp_tit{font-size: 36px; font-weight: 600; }

.receipt_all{width: 100%; height: auto; padding-top: 0px; }
#rcp_go{overflow: hidden;}
.rece_box{width: 1200px; margin: 0 auto;}
.rece_box .rcp_ulbox{float: left; width: calc(50% - 30px); width: -webkit-calc(50% - 30px); width: -moz-calc(50% - 30px); overflow: hidden;}
.rece_box .rcp_ulbox.rcp_ulbox_r{float: right;}
/*.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{ margin-top: 40px; }*/
.rece_box .mid_boxda{float: left; width: 5%;}
.rcp_ulbox .rcp_write{width: 100%; height: auto; overflow: hidden; margin-bottom: 20px; font-weight: 400;}
.rcp_ulbox .rcp_write .same_mbboxx1{margin: 10px 0; /* margin: 5px 0; */}
#msg_Address{margin-top: 10px; display: block;}
.rcp_ulbox .rcp_write.rcp_href{width: 50%;float:left}
.rcp_ulbox .rcp_write.rcp_href_l{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:left}
.rcp_ulbox .rcp_write.rcp_href_r{width: calc(50% - 5px); width: -webkit-calc(50% - 5px); width: -moz-calc(50% - 5px); float:right}
.box_shasha{width: 100%; height: 75px;}
.md_view{float: left; width: 157px; height: 45px; margin: 25px 0 0; background: #f4f4f4;}
.md_margin{margin: 25px 10px;}
.modal_go{display: block; text-align: center; padding: 10px;  box-sizing: border-box; color: #555;}
.rcp_write select{background-position: 95% 50%; color: #555; font-weight: 300;}
.ju_mbboxx{float: left; width: 75%; height: 45px; margin: 5px 0 10px; padding-left: 10px; border: 1px solid #dedede; color: #0f0f0f; border-radius: 10px;}
.src_jicgo{float:left;width: 22%; height:45px; line-height:45px; margin-top:5px; margin-left: 5px; border:0px;border-radius: 10px}

.addr_sch_wr{width: 100%; display: block; font-size: 0;}
.addr_sch_wr li{overflow: hidden; width: 15%; display: inline-block; padding-left: 10px;}
.addr_sch_wr li:first-child{padding: 0; width: 55%;}
.addr_sch_wr li .src_jicgo{width: 100%; margin-left: 0; font-size: 16px; margin: 10px 0; background: #f7f7f7; border: 1px solid #ddd;}
.addr_sch_wr li .ju_mbboxx{font-size: 16px; width: 100%; margin: 10px 0;}

.rcp_btnbox{width: 100%; clear: both; text-align: center;margin-bottom: 100px; }
.rcp_btnbox .choos_btn{margin-top: 40px;}
.src_3box{margin-bottom: 15px;}

.rece_box input[type="text"]::placeholder{font-weight: 300; color: #555;}
.car_box{width: 1280px; height: auto; margin: 0 auto;}
.car_introduce_out_div{width:100%;overflow-x:scroll;}
.car_introduce{width: 1280px; height: auto; margin-bottom: 100px; border-bottom: 1px solid #E32424;}
.car_introduce caption{display: none;}
.car_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #E32424;}
.car_td{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.car_td .carimg_mg{margin: 20px 30px;}
.car_end{border-right: 0;}
.car_btx{border-bottom: 0;}
.car_ppd{padding: 0 10px;}
.car_tr_03 .car_end{padding: 60px 0;}
.car_box2{display:none;}

/* 예약확인 */
.resv_chk_box {
    padding: 60px 80px 40px 80px;
    margin: 70px auto;
    width: 30%;
    border: 1px solid #e0e0e0;
}
.resv_chk_box .box_head { text-align: center; }
.resv_chk_box .box_head h3 { font-size: 26px; font-weight: 600;}
.resv_chk_box .box_head p { margin-top: 10px;}
.resv_chk_box .resv_chk { margin-top: 100px; }
.chk_input { height: 65px; }
.resv_chk_btn { 
  width: 100%; 
  border-radius: 10px; 
  margin-top: 10px; 
  height: 65px; 
  font-size: 20px; 
  font-weight: 700;
  background: #e8b600; 
  color: #fff;
}
.lst_chk_btn { width: 100%; border-radius: 10px; margin-top: 10px; height: 65px; font-size: 20px; background: #fff; color: #000; line-height: 55px;border: 1px solid }
.resv_box { 
  max-width: 1200px; 
  padding: 50px 80px; 
  font-weight: 600;
  border: 1px solid #e0e0e0;
}
.mt30 { margin-top: 30px; }
.resv_box .add_ul .add_service { 
    border-radius: 30px; 
    border: 1px solid #e0e0e0; 
    padding: 5px 15px; 
    font-size: 14px; color: #a4a4a4;
    margin-right: 3px; margin-bottom: 3px;
}
.resv_box .add_ul { display: flex; flex-wrap: wrap; }
.info_all{width: 100%; height: 100%; margin-bottom: 100px; }
.info_hdbox{width: 1280px; height: auto; margin: 0 auto;}
.textbox_info{width: 100%; height: auto; margin-bottom: 30px;}
.f_infotxt{letter-spacing: -1.5px; font-size: 20px; font-weight: 500; color: #0f0f0f; margin-bottom: 20px;}
.sub_infotxt{width: 100%; height: auto; margin-top: 10px; margin-left: 20px;}
/* .bt_infotit{letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #0f0f0f;} */
.bt_infotxt{letter-spacing: -1px; font-size: 17px; font-weight: 400; color: #333; line-height: 1.7;}
.bt_infotxt_0{margin-bottom: 15px;}
.last_infotxt{letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #333;}
.blue_txt{margin-left: 15px; color: #0f20ff;}
.blue_txt2{color: #0f20ff;}
.ft_infored{margin-top: 30px; letter-spacing: -1px; color: #da0000;}
.pri_table{margin-bottom: 20px; text-align: center;}
.pri_table th{font-weight: 400;}
.pri_table td{padding: 0 20px;}
.info_tblbox{width: 100%; height: 650px;}
.tbl_allbox{width: 100%; height: 450px;}
.info_tbl{float:left; width: 33.3%; height: 420px;}
.info_tbl:last-child .lesion_tbl{border-right: none;}
.info_tbl caption{display: none;}
.lesion_tbl{width: 100%; height: 100%; border-bottom: 1px solid #E32424; border-right: 1px solid #E32424;}
.info_th{padding: 10px; border-right: 1px solid #ddd; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #fff; background: #E32424;}
.info_tds{border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #555;}
.info_end{border-right: 0 !important;}
.info_btx{border-bottom: 0 !important;}
.notic_mbox{display: none;}
.not_viewbox{width: 100%; height: auto;}
#bo_v{width: 100%; height: auto; margin: 0 auto;}
#bo_v .view_tbl{width: 100%; height: 100%; display: block; }
.view_tbl .not_looktbl {width: 100%; height: 100%; border-top: 2px solid #e8b600; display: block;}
.view_tbl .not_looktbl tr th:last-child { text-align: right; }
.view_tbl .not_looktbl tbody { border-bottom: 1px solid #ddd; }
#bo_v .not_looktbl caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.not_looktbl thead, .not_looktbl tbody, .not_looktbl tr, .not_looktbl td, .not_looktbl tfoot{width: 100%; display: block;}
.not_looktbl thead tr{font-size: 0;}
/* .not_looktbl tfoot{padding: 20px;} */

/*본문표 - 오류*/
.not_looktbl td.bonmoon_txt table{width: 70%;}
.not_looktbl td.bonmoon_txt thead{display: table-header-group;}
.not_looktbl td.bonmoon_txt tbody{display: table-row-group;}
.not_looktbl td.bonmoon_txt tr{display: table-row;}
.not_looktbl td.bonmoon_txt td{display: table-cell; width: auto;}

.bo_vc_w{ padding: 20px; }
.view_notth{
    border-bottom: 1px solid #ddd; 
    letter-spacing: -0.5px; font-size: 20px; color: #333; 
    height: 80px; line-height: 80px;
    padding: 0 20px;
    display: inline-block;
}
.text_leftgo{text-align: left; width: calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px); display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_rightline { font-size: 16px; font-weight: 400; }
.view_pdx{ font-size: 1em; color: #555; width: 150px; display: inline-block; text-align: left; }
.mot_text{ font-size: 16px; color: #a4a4a4; font-weight: 400;}

.file_tr{}
.file_th{width: 100%; display: block; text-align: left;}
.file_ul{padding: 10px; border-bottom: 1px solid #ddd; width: 100%;}
.file_icon{display: inline-block; vertical-align: top; margin-right: 10px;}
.file_icon_txt{color: #0f20ff; font-weight: 300 !important; font-size: 16px !important; display: inline-block; vertical-align: top;}

.view_mibth{padding: 15px; border-bottom: 1px solid #ddd; text-align: left; }
.ck_udown{display: block;}
.click_down{margin-left: 20px; letter-spacing: -1px; font-size: 1em; font-weight: 400; color: #0f20ff;}

.bonmoon_txt{padding: 20px 30px; border-bottom: 0px solid #333; letter-spacing: -1px;  font-size: 16px; font-weight: 300; color: #555; width: 100%; display: block; min-height: 300px; -ms-word-break: break-word; word-break: break-word; line-height: 1.6;}

.bo_vc_w_wr{width: 100% ;height: 100%; margin-bottom: 20px; }
.daet_title{margin: 0 0 20px; letter-spacing: -1px; font-size: 20px; font-weight: 400; color: #333;}
.bo_vcbox{width: 100%; height: 80px; overflow: hidden; display: none;}
.bo_vcli{float: left; margin-right: 5px;}
.bovc_txt{margin-bottom: 8px; text-align: left;}
.captcha_box,
.view_input{width: 250px; height: 45px; padding-left: 10px; border: 1px solid #ddd;}
#captcha_img{float: right; width: 110px; height: 45px; margin-left: 5px; border: 1px solid #ddd; background: #f7f7f7; box-sizing: border-box;}
#captcha_reload{display: none;}
.btn_rightgo{float: right; margin-right: 0; /* margin-top: 24px; */}
.view_gobtn{width: 180px; height: 45px; border: none; font-size: 1em; font-weight: 400; border: 1px solid #E32424; background: #fff; color: #E32424;}
.view_txtarea{width: 100%; height: 125px;}
.view_daetchang{width: 100%; height: 100%; padding: 10px; resize: none;}
.btn_confirm2{/* width: 100%; height: 35px; */  text-align: left; margin-bottom: 0; margin-top: 10px; overflow: hidden;}

#bo_vc_empty{padding: 60px 30px; border-top: 1px solid #ddd; background: #F7F7F7; }
.cmt_contents{margin-top: 10px; text-align: left;}
.om_wrap{position: relative; padding: 30px 40px; border-top: 1px solid #ddd; background: #f7f7f7;}
.bo_vl_xcon{/* position: absolute; top: 5px; right: 10px; */display: inline-block;}
.bo_vc_act{margin-top: 5px;}
.bo_vc_act li{display: inline-block; padding: 5px 8px; border: 1px solid #ddd; background: #f7f7f7;}
.bo_vd_date2 { font-size: 16px; float: right; }
.bo_vd_date2 i,time { color: #a4a4a4 }
.date_name {font-size: 16px; font-weight: 400; text-align: left; }
.date_name span { color: #a4a4a4; }

#bo_v_info{position: relative; margin: 25px 0 50px; }
.vw_gongul{position: absolute; top: 15px; right: 0;}
.vw_gongul .vw_gongli{float: left; margin: 0 5px;}
.vw_dpbye a{}
#bo_v_info #bo_v_top{ display: flex; justify-content: space-between; }
.bo_v_com{width: 100%; height: 100%; overflow: hidden; margin: 30px 0; }
.bo_v_com li span { color: #fff; font-size: 18px; }
.last_chkview{ border: 1px solid #ddd; text-align: center; }
.last_midda{ margin: 0 5px 0 0; border-radius: 10px; }
.last_midda:last-child { margin-right: 0; }
.last_midda a{ display: block; height: 40px; line-height: 40px; }
.del { background: #e8b600; border:none; }
.lst { background: #fff; border:none; height: 50px}
.txt_wh { color: #fff; }
.last_chkview a{display: block; padding: 0 20px; font-size: 16px; }
.wr_edt { display: flex; }

.view_btn{width: 90px; height: 50px; line-height: 50px; border: 1px solid #ddd; background: #f7f7f7; text-align: center;}
.view_btn a{display: block; font-size: 16px;}

.adm_tagbox{position: absolute; top: 0; right: 0;}
.btn_bo_user .adm_usrli{float: left; margin: 0 5px;}

#bo_list2{width: 100%; height: auto;}
.notice_box{position: relative; height: auto; margin: 0 auto;}
.notice_box .notice_wrap{position: relative; width: 100%;}
.look_notice{width: 100%; height: 100%; border-top: 2px solid #e8b600;}
.look_notice caption{position: absolute; width: 0; height: 0; overflow: hidden; font-size: 0;}
.look_notice thead tr{border-bottom: 1px solid #ddd;}
.look_notice tbody tr{border-bottom: 1px solid #ddd;}
.not_th{padding: 20px 0; letter-spacing: -1px; font-size: 1em; font-weight: 400;}
.not_td{padding: 20px 0; letter-spacing: -1px; text-align: center; font-size: 1em; font-weight: 300; width: 12%;}
.td_chk {width: 10px;}
.td_subject{padding-left: 30px !important; text-align: left; width: 52%;}
.td_num2{width: 8%;}
.td_num{width: 8%;}
.td_datetime { color: #bcbcbc; font-weight: 600; }
.sv_member, .sv_guest { color: #9f9f9f;}

/* a.btn_b01.btn{display: none;} */
.fa-list{display: none !important;}

.bo_fx{width: 100%; margin-top: 40px; overflow: hidden;}
.bo_fx .more_opt{display: inline-block; float: left; font-size: 0;}
.bo_fx .more_opt li{display: inline-block;}
.bo_fx .more_opt li:first-child{margin-right: 10px;}
.bo_fx .more_opt li button{font-size: 16px;}
.bo_fx .adm_btda{border: 1px solid #ddd; background: #f7f7f7; width: 100px; line-height: 50px;}
.bo_fx .vw_bojago{border: none; background: none;}
.bo_fx .btn_bo_user{display: inline-block; float: right;}
.bo_fx .btn_bo_user li{width: 100%; height: 100%;}
.write_ntbtn{ display: block; width: 180px; height:50px; line-height: 50px; text-align: center; background: #E8B600; border-radius: 10px;}

/*글쓰기*/
#bo_w{width: 100%; height: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius: 30px; padding: 5% 7%; }
.bo_wtboxda{width: 1280px; height: auto; margin: 0 auto 100px;}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .wr_content textarea{padding: 10px;}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
/*#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}*/
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {width: 100%; padding-right:120px; padding-left: 10px; height: 45px;}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:0;right:5px;line-height:45px;height:45px; border: none; background: none;}
#bo_w .bo_w_link label {position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_link .frm_input {width: 100%; padding-left:140px; height: 45px;}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px; line-height:43px; width:130px; font-size:1.2em; text-align:center; color:#b2b2b2; border-right: 1px solid #aaa;}
#bo_w .bo_w_flie .frm_file {width: 80%; padding-left:140px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #aaa;background:#fff;color:#000;vertical-align:middle;padding:5px;height:45px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
.write_field { display: flex; align-items: center; margin-bottom: 30px; }
.write_field input::placeholder { color: #A4A4A4;}
.write_field label { width: 120px; }
.scret_wr { margin: -20px 0 30px 110px;}
.scret_wr input { width: 16px; height: 16px; margin-right: 5px; margin-top: -8px; }
.wr_txtarea { padding: 30px; margin-top: 0px; height: auto; }
.cke_sc { display: none;}

/* 글쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:45px;right:0;width:350px;height:auto; border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:0.92em;font-style:italic;color:#555}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

#bo_w .write_div.btn_confirm { margin-top: 70px; text-align: center; }
.btn_confirm a {
    width: 120px; height: 50px; 
    border: 1px solid #ddd; 
    text-align: center; letter-spacing: -1px; font-size: 18px; color: #555; 
    background: #fff; 
    display: inline-block; line-height: 50px;
    border-radius: 10px;
}
.btn_confirm button {
    width: 120px; height: 50px; 
    text-align: center; letter-spacing: -1px; font-size: 18px; color: #fff; 
    background: #E8B600; 
    display: inline-block; line-height: 50px;
    border-radius: 10px;
}

.bo_sch_wrap{text-align: center; margin-top: 20px;}
.bo_sch #sfl{display: inline-block; width: auto; vertical-align: middle; height: 40px; border: 1px solid #ddd; padding: 0 5px; font-size: 14px;}
.bo_sch .sch_bar{display: inline-block; width: auto; vertical-align: middle; font-size: 0;}
.bo_sch .sch_bar #stx{width: 152px; height: 40px; padding: 5px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #ddd;}
.bo_sch .sch_btn{display: inline-block; width: 40px; height: 40px; vertical-align: middle; font-size: 14px; border-radius: 0; border: 1px solid #E32424; border-left: 0; background: #E32424; color:#fff;}

#null_area{height:80px;}

.quick{display: block; width: 76px; background: #e8b600; position: fixed;z-index: 500; right: 0; top: 50%; -webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%); text-align: center;}
.quick ul{font-size: 0; padding: 12px 0;}
.quick li{display: block;}
.quick a{display: block; padding: 25px 38px;}
.quick a.quick_01{width: 17px; height: 30px; background: url(/source/img/icon_fb.png) no-repeat center center;}
.quick a.quick_02{width: 26px; height: 25px; background: url(/source/img/icon_in.png) no-repeat center center;}
.quick a.quick_03{width: 28px; height: 23px; background: url(/source/img/icon_bl.png) no-repeat center center;}
.quick a.quick_04{width: 28px; height: 25px; background: url(/source/img/icon_ka.png) no-repeat center center;}
.quick a.quick_05{padding: 20px 0; display: block; border-top: 1px solid rgba(255,255,255,0.3);}
/* .quick a.quick_05:before{width: 100%; height: 1px; background: rgba(255,255,255,0.3); display: block; content:"";} */
.quick a.quick_05 .quick_05_img{width: 24px; height: 22px; background: url(/source/img/icon_mo.png) no-repeat center center; display: inline-block; margin-bottom: 10px;}
.quick a.quick_05 p{font-size: 16px; color: #fff; font-weight: 400;}

.quick a.quick_04 {
    width: 28px;
    height: 25px;
    background: url(../img/icon_ka.png) no-repeat center center;
}


.ta_l_add{}
.ta_l_add li{}
.ta_l_add .ta_pop_btn{
	font-weight: 500; 
	color: #fff; 
	cursor: pointer;
	background: #E32424;
	padding: 0 10px 3px;
	border-radius: 5px;
	border: 1px solid transparent;
}
.ta_l_add .ta_pop_btn:hover{
	background: #fff;
	border-color: #E32424;
	color: #E32424;
}
.tbl_add_wr{padding: 0; height: 0; overflow: hidden;}
.tbl_add_wr.act{padding: 50px 0; height: 100%;}
.tb_st01 th.th_mark{width: 150px;}
.tbl_add{margin-top: 20px;}
.tb_st01.tbl_add td{padding: 8px 10px;}

/*------------------------------------------------------------- 반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/
@media (max-width:1440px) { .resv_chk_box { width: 70%; } }
@media (max-width:1290px){
	.snb_linebox .snb_midbox{width: 100%; padding: 0 20px;}
	.nav_box .nav_marginbox{width: 100%; padding: 0 20px;}
	.alink_marginbak{padding-right: 0;}
	.sub_box2da{width: 100%;}
	.sub_leftbox{display: none;}
	.sub_rightbox{display: inline-block; float: right; width: auto;}
	.menu_mlja5{margin-right: 10px;}
	/* 헤드 */
	.f_content{width: 100%;}
	.subbox_margin{margin: 0 36px;}
	.subpage_list{width: 31%;}
	.logo_click{width: 200px;}
	.logo_link{padding: 24px 0;}
	.gnb_box{
		width: calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: -moz-calc(100% - 200px);
	}
	.gnb_link{padding: 0px 10px;}
	.gnb_marginbak .gnb_2dp{margin-right: -5px;}
	.gnb_2dp > li > a{font-size: 16px;}
	.footer_upbox .footer_bottomline .footer_marginbox{width: 100%; padding: 0 20px;}
	.guide_li .a_listchk{padding: 25px 5px;}
	.center_li .a_listchk{padding: 25px 10px;}
	.last_address{width: 100%; padding: 25px 20px;}
	#null_area{height:80px;}

	/***메인***/
	#main{height: auto; padding-bottom: 90px;}
	.main_contents{margin: 0 -2%;}
	.main_contents > li{width: 50%; padding: 0 2%;}
	.main_contents > li.main_link_box{width: calc(100% - 414px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 414px;}
	.main_contents > li.main_bord_box{display: block; width: 100%; margin-top: 30px;}
}
@media (max-width:1150px){
	.gnb_limenu{padding: 0 25px;}
	.menu_mlja2{margin-left: 10px;}
	.menu_mlja3{margin-left: 12px;}
	.menu_mlja4{margin-left: 20px;}
	.menu_mlja5{margin-right: 47px; margin-left: 17px;}
	.f_content{width: 100%;}
	.subbox_margin{margin: 0 15px;}
	.subpage_list{width: 32%;}
	.two_btmargin{margin-bottom: 15px;}
	.big_fontda{margin: 45px 0 28px;}
	.plus_btn{margin-top: 0;}
	.center_li .a_listchk{padding: 25px 7px;}
}
@media (max-width:1023px){
	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.sub_navbox{display: none !important;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_line{padding-left: 20px;}
	.sub_ul .snb_li{margin: 0 3px;}
	.snb_li.snb_li_mo_none{display: none;}
	.sub_ul .snb_li .snb_acolor{font-size: 13px;}
	.hidden_link_menu{display: none !important;}
	.nav_box.on{height: 90px !important;}
	.gnb_2dp{display: none !important;}
	/* 메인 컨텐츠 */
	.main_contents > li.main_link_box{width: calc(100% - 380px);}
	.main_contents > li.main_link_box:after{content: ""; display: table; clear: both;}
	.main_contents > li.main_adv_box{width: 380px;}
	.main_link{height: 113px;}
	.main_link_txt01{font-size: 24px;}
	.main_link_txt03{font-size: 22px;}
	.main_link_txt04{font-size: 26px;}
}
@media (max-width:930px){
	#nav_top{border-bottom: 1px solid #ddd;}
	.snb_tab{width: 100%; height: 64px; padding-left: 40px; border-bottom: 1px solid #ddd;}
	.snb_ligo{float: left; margin: 18px 5px;}
	.liner{font-size: 0.6em; color: #555;}
	.snb_ligo a{display: block;  padding: 3px; font-size: 0.85em; font-weight: 400; color: #555;}
	.x_conbox{margin-left: 330px; cursor: pointer;}

	/* 헤드 */
	.pic_box{width: 750px;}
	.bak_list{display: none;}
	.subbox_margin{margin: 0 2%;}
	.hook_line{clear: both; padding-left: 10px; text-align: center;}
	/* 메인 컨텐츠 */
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}	
}
@media (max-width: 768px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_top{margin-top: 40px;}
	.subpage_list tbody tr:last-child{display: none;}
	.f_content{width: 90%; height: auto; margin: 20px auto 0;}
	.subbox_margin{margin: 0 30px;}
	.subpage_list{float: none; width: 100%; /* height: 240px; */ margin-top: 15px;}
	.subbox_margin{margin-left: 0; margin-right: 0;}
	.two_btmargin{margin-bottom: 15px;}
	.hook_line{margin-top: 40px;}
	.sp-slides-container{height: 1000px;}
	.sp-mask, .sp-grab{height: 1000px !important;}
	.sp-slides{height: 1000px;}
	.sp-slide, .sp-selected{height: 1000px !important;}
	.sp-image-container{height: 1000px !important;}
	.big_fontda.big_fontda01{margin: 30px 0 0px;}
	.big_fontda{margin: 30px 0 0;}
	.plus_btn{margin-top: 10px; margin-bottom: 35px;}
	/* 메인 컨텐츠 */
	.footer_upbox{height: auto;}
	.center_li .a_listchk{padding: 8px 5px;}
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	.last_address .business_class{height: auto; margin: 0 auto;}
	.last_address .business_class .business_li{clear: both; margin: 5px 0; padding: 0;}
	.last_address {padding: 15px 20px 20px;}
	.line_guidebox2{height: auto;}
	.line_guidebox2 .jiwon_center{overflow: hidden; padding: 8px 0;}
	.line_guidebox1{height: 55px;}
	.footer_upbox .footer_bottomline{height: 55px;}
	.guide_li .a_listchk{padding: 20px 5px; font-size: 13px;}
	.tb_st01 td:first-child{word-break: break-all;}
  /***예약확인***/
  .resv_chk_box { width: 96%; padding: 60px 40px; margin: 0 auto; }
	/* 푸터 */
	#null_area{height:0px;}
}
@media (max-width: 672px) {
	#menu-container .menu-list{width: 480px;}
	.x_conbox{margin-left: 170px;} 
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
}
@media (max-width: 500px){
	.gnb_limenu{display: none;}
	.bugermenu{display: block; margin: 32px 8px;}
	.gnb_link{padding: 15px 0px;}
	/* 헤드 */
	.hook_top{margin-top: 30px;}
	.hook_top2{margin-top: 28px;}
	.hook_line{/* width: 70px; padding-left: 20px; */ margin-top: 30px;}
	.sub_title .sub_bigtitle { font-size: 1.5em; }

	/*** 문의글 작성 ***/
	#bo_w .write_div { margin-top: 20px; }
	.sub_contents { padding: 20px 0; }
	.scret_wr { margin: -20px 0 30px 0; font-size: 14px; }
	.wr_txtarea { margin-top: 0; }
	#bo_w .write_div.btn_confirm { margin-top: 30px; }
	.write_field { flex-wrap: wrap; }
    
  /*** 예약확인 ***/
	.chk_input { height: 50px; }
	.resv_chk_btn { height: 50px; }
  .lst_chk_btn { height: 50px; line-height: 35px}
    
  /* 푸터 */
	.ft_baklist{display: none;}
	.ft_maglist{margin-left: 0 !important;}
	
}
@media (max-width: 480px){
	#menu-container .menu-list{width: 100%;}
	.snb_tab{padding-left: 30px;}
	.x_conbox{margin-left: 150px;}
	.sp-slides-container{height: 1040px;}
	.sp-mask, .sp-grab{height: 1040px !important;}
	.sp-slides{height: 1040px;}
	.sp-slide, .sp-selected{height: 1040px !important;}
	.sp-image-container{height: 1040px !important;}
	.line_guidebox1{height: auto; }
}
@media (max-width: 420px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}
	.subbox_margin{margin-left: 0; margin-right: 0;}
}
@media (max-width: 380px){
	.snb_tab{padding-left: 10px;}
	.x_conbox{margin-left: 80px;}
	#bo_w { box-shadow: none; padding: 0% 3%; }
	.subbox_margin{margin-left: 0; margin-right: 0;}
  .resv_chk_box { padding: 40px 25px 25px 25px;}
}
@media (max-width: 350px){ .x_conbox{margin-left: 30px;} }
/*------------------------------------------------------------- //반응형 헤더/푸터 메인 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
  .car_box{width: 90%;}
	.oper_box{width: 100%;padding: 0 20px;}
	.history_box{width: 100%; padding: 0 20px;}
	.his_ul .his_li .center_moa{padding: 20px 10px;}
	.day_bb{margin: 0 15px;}
}
@media (max-width: 1024px){
	.his_ul .his_li{width: 50%; margin: 0 0 40px;}
	.mid_mlja{margin: 0;}
}
@media (max-width: 930px){
	.my_tab{display: none;}
}
@media (max-width: 768px){
	.respon_li1{display: none;}
	.respon_li2{display: block;}
	.terms_titlebox{padding-top: 60px; padding-bottom: 40px; font-size: 26px;}
	.terms_titlebox:before{width: 84px; height: 84px; top: 20%;}
	.terms_titlebox:after{width: 98px; top: 55%;}
	.history_box .his_ul{margin: 0;}
	.his_ul .his_li{width: 100%; margin: 0 0 20px; padding: 0; height: auto;}
	.his_ul .his_li .center_moa{padding: 10px 10px 40px;}
	.mid_mlja{margin: 0;}
	.ey_money{width: 100%; display: block; overflow-x: auto;}
	.pg_ul .pg_li{width: 35px;}
	.arrow_cc{height: 35px;}
	.num_a{padding: 8px; height: 35px;}
	.margin_li{margin: 0 1px !important;}
	.pg_ul .pg_li{margin: 0 3px;}
}
@media (max-width: 480px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}
	.title_wd2{width: 100%;}
	.terms_titlebox:before{width: 64px; height: 64px; top: 30%; left: 95%;}
	.terms_titlebox:after{width: 35px; left: calc(100% + 10px); left: -webkit-calc(100% + 10px); left: -moz-calc(100% + 10px);}
}
@media (max-width: 320px){
	.respon_li1{display: none;}
	.respon_li2{display: none;}
	.respon_li3{display: block;}
	.his_ul .his_li .center_moa{padding: 10px 5px 30px;}
	.his_ul .his_li{width: 100%; margin: 0 0 20px;}
	.mid_mlja{margin: 0;}

  /* 예약확인 */
  .resv_chk_box .box_head h3 { font-size: 22px; }
  .resv_chk_box .box_head p { font-size: 14px; }
  .resv_chk_box .resv_chk { margin-top: 50px; }
  .car_box{display: none;}
  .car_box2{display: block; width: 90%; margin: 0 auto;}
  .car_ul{width: 100%; height: 470px; margin-bottom: 20px; border: 1px solid #E32424;}
  .car_ul2{width: 100%; height: 300px; margin-bottom: 20px; border: 1px solid #E32424;}
  .car_li{width: 100%; height: 50px; border-bottom: 1px solid #fff; background: #E32424;}
  .car_liend{border-bottom: none !important;}
  .sarang_txt{text-align: center; padding: 10px;  font-size: 1em; font-weight: 300; color: #fff;}
  .car_liimg{width: 100%; height: 170px; margin: 10px 0; border-bottom: 1px solid #ddd;}
  .car_sstxt{font-size: 1em; font-weight: 300; text-align: center; color: #555;}
  .car_2ul{width: 100%; height: 120px; margin-top: 15px;}
  .car_2img{float: left; width: 50%; height: 100%; padding: 0 10px; box-sizing: border-box;}
  .car_2img img{width: 100%; height: 100%; }
  .car_3img{width: 100%; height: 100%; padding: 0 10px; box-sizing: border-box;}
  .car_3img img{width: 100%;}
}

@media (max-width: 1280px){
	.info_hdbox{width: 90%;}
	/* 이용안내 공통 큰 박스 */
	.eybang_info .eybang_ul{height: 550px;}
	/* 이용방법 */
	.baecha_box{height: 880px;}
	.baecha_box .bc_ul{width: 815px; margin: 0 auto;}
	.bd_mid{margin-left: 0; margin-right: 0;}
	.app_callbox{height: 1200px;}
	.app_callbox .app_ul{width: 600px; margin: 0 auto;}
	.app_mid{margin-right: 0;}
	.web_callbox{height: 2350px;}
	.web_callbox .web_ul{width: 625px; margin: 0 auto;}
	.web_mid{margin-left: 0;}
}
@media (max-width: 900px){
	.baecha_box .bc_ul{width: 700px; margin: 0 auto;}
	.bc_li{width: 50%;}
	.bc_li img{width: 100%;}
}
@media (max-width: 850px){
	.eybang_info .eybang_ul{height: 800px;}
}
@media (max-width: 768px){
	/* 이용방법 */
	.info2_tbl{width: 100%; height: auto;}
	.jubsu_tbl{width: 100%;}
	.baecha_box{height: 680px;}
	.baecha_box .bc_ul{width: 520px;}

	.app_callbox{height: 1050px;}
	.app_callbox .app_ul{width: 520px;}
	.app_li{width: 50%;}
	.app_li img{width: 100%;}

	.web_callbox{height: 1950px;}
	.web_callbox .web_ul{width: 520px;}
	.web_li{width: 100%;}
	.web_li img{width: 100%;}
	/* 접수방법 */
}
@media (max-width: 550px){
	.info_tbl{float: none; clear: both; width: 100%;}
	.info_tblbox{height: auto;}
	.tbl_allbox{height: auto;}
	.lesion_tbl{border-bottom: none; border-right: none;}
	/* 이용대상 및 서류접수 */

	.eybang_info .eybang_ul{width: 240px; height: 1330px; margin: 0 auto;}
	.eybang_li{float: none; clear: both; margin-right: 0; margin-bottom: 10px;}
	.info2_tbl{width: 100%; height: auto;}
	.eyong_tbl2{width: 100%; height: 100%;}
	.eyong_tbl{width: 100%; height: 100%;}
	/* 이용방법 */

	.baecha_box{height: 470px;}
	.baecha_box .bc_ul{width: 400px;}
	.app_callbox{height: 800px;}
	.app_callbox .app_ul{width: 400px;}
	.web_callbox{height: 1550px;}
	.web_callbox .web_ul{width: 400px;}
	/* 접수방법 */
}
@media (max-width: 400px){
	.title_wd3{width: 100%;}
	/* 이용대상 및 서류접수 */

	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 300px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 300px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 300px;}
	/* 접수방법 */
}
@media (max-width: 320px){
	/* 이용대상 및 서류접수 */

	.sub_infotxt{margin-left: 10px;}
	/* 이용방법 */
	.baecha_box{height: 370px;}
	.baecha_box .bc_ul{width: 280px;}
	.app_callbox{height: 620px;}
	.app_callbox .app_ul{width: 280px;}
	.web_callbox{height: 1200px;}
	.web_callbox .web_ul{width: 280px;}
	/* 접수방법 */
}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.rece_box{width: 90%;}
	.ju_mbboxx{width: 75.5%;}
	
	.my_reception{width: 90%;}
	
}
@media (max-width: 1150px){
	.ju_mbboxx{width: 74%;}
	
	
}
@media (max-width: 1024px){
	
	.tbl_wrap{overflow-x: auto;}
	.look_reception{min-width: 1280px;}
	.rece_box .rcp_ulbox{width: calc(50% - 10px); width: -webkit-calc(50% - 10px); width: -moz-calc(50% - 10px);}
	
}
@media (max-width: 768px){
	.rece_box{height: auto;}
	.rece_box .rcp_ulbox{float: none; clear: both; width: 100%; height: auto;}
	.rece_box .mid_boxda{display: none;}
	.rece_box .rcp_ulbox.rcp_ulbox_r.rcp_ulbox_rr{margin-top: 0;}
	
	
}
@media (max-width: 400px){
	
	.title_wd4{width: 100%;}
	.paging_box{}
	.pg_ul .pg_li{}
	
}
@media (max-width: 320px){
	.ju_mbboxx{width: 73%;}
	.addr_sch_wr li{padding-left: 5px;}
	
	.pg_ul .pg_li{}
	/* .num_a{padding: 14px 0;} */
	
}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1024px){
	.not_lastth1{display: none;}
	.not_lasttd1{display: none;}
	.not_endline{border-right: none;}
}
@media (max-width: 930px){
	.adm_tagbox{top: 20px;}
}
@media (max-width: 768px){

	.look_notice thead{display: none;}
	.not_td{/*display: block; width: 100%;*/ text-align: left; padding: 3px 0;}
	.not_td.td_num2{display: none;}
	.not_td.td_subject{display: block; width: 100%; padding: 5px 0 8px !important;}
	.not_td.td_name {display: inline-block; width: 48%; float: left;}
	.not_td.td_datetime {display: inline-block; width: 48%; float: right; text-align: right; padding-right: 3px;}
	.not_td.not_lasttd1{display: none;}
	.look_notice tbody tr{padding: 15px 10px; display: block; overflow: hidden;}
	.bo_fx .adm_btda{width: 80px;}
	.write_ntbtn{width: 80px;}
	.bo_fx{margin-top: 20px;}

}
@media (max-width: 400px){

}
@media (max-width: 320px){

}
/*------------------------------------------------------------- // 반응형 페이지 css -------------------------------------------------------------*/
/*-------------------------------------------------------------  뷰 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	#captcha_audio{display: none;}
	.view_pdx{padding-left: 10px; padding-right: 10px;}
	.view_rightline{padding-right: 20px;}
}
@media (max-width: 1024px){
	.vw_gongul{top: unset; bottom: -30px;}
	.captcha_box, .view_input{width: 200px;}
	.not_td.td_subject .bo_tit {width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
	.not_td.td_subject .bo_tit a{width: 100%;}
	/* .look_notice{display: block;}
	.not_td{width: 100px; display: inline-block;}
	.not_td.td_num2{width: 50px;}
	.not_td.td_chk{width: 50px;} */
}
@media (max-width: 768px){
	.my_tab2{display: none;}
	.bo_vc_w{padding: 0;}
	.bo_vcbox{height: auto;}
	.bo_vcli{width: calc(33.33% - 5px); width: -webkit-calc(33.33% - 5px); width: -moz-calc(33.33% - 5px);}
	.bo_vcli.btn_rightgo{width: 100%; display: block; margin-top: 8px; margin-bottom: 8px;}
	.bo_vcli.btn_rightgo .view_gobtn{width: 100%; }
	.captcha_box, .view_input{width: 100%;}
	.vw_gongul{bottom: -30px; top: unset;}
	#bo_vc_empty{padding: 40px 20px;}
	.text_leftgo{width: 100%; display: block;}
	.view_pdx{ display: inline-block; width: calc(50% - 2px); width: -webkit-calc(50% - 2px); width: -moz-calc(50% - 2px); margin-top: -20px; }
	.view_notth{border-bottom: none; padding: 0 10px; height: 60px; line-height: 60px; }
	.file_ul{border-top: 1px solid #ddd; border-bottom: none;}
	.view_rightline{text-align: left; border-right: none;}
	.not_looktbl thead{border-bottom: 1px solid #333;}
	.look_notice{display: block;}
	.look_notice tbody{width: 100%; display: block;}
	.view_btn{width: 60px;}

}
@media (max-width: 650px){

	.daet_title{margin: 0 0 10px;}
	.bo_vcli{width: 100%;}
	.bovc_txt{margin-top: 10px; margin-bottom: 5px;}
	.last_chkview.last_midda{width: 90px;}
	.last_chkview.last_midda a{margin-left: 0;}
	.last_chkview{width: 60px;}
	.last_chkview a{padding: 0; margin-left: -10px;}
	.last_chkview a i{display: none;}
	#bo_v_info{margin: 20px 0 80px;}

	.bt_infotxt_ta{overflow-x: auto;}
	.pri_table{width: 700px;}

}
@media (max-width: 400px){
	.bo_vcli{float: none; clear: both;}
	#captcha_img{float: none; clear: both; margin-left: 0;}

	.view_notth{padding: 13px 5px 5px;}
	.view_pdx{padding: 0 5px 13px;}
	.file_ul{padding: 3px 5px;}
	.file_ul li{padding: 5px !important;}
	.bonmoon_txt{padding: 10px 5px;}
	.comment_textbox{padding: 10px 5px;}
}
/*------------------------------------------------------------- // 뷰 반응형 페이지 css -------------------------------------------------------------*/

/*-------------------------------------------------------------  글쓰기 반응형 페이지 css -------------------------------------------------------------*/
@media (max-width: 1280px){
	.bo_wtboxda{width: 90%;}
}
@media (max-width: 800px){
	#bo_w .bo_w_tit #btn_autosave{top: -45px;}
}
/*------------------------------------------------------------- // 글쓰기 반응형 페이지 css -------------------------------------------------------------*/


@media (max-width: 1280px){	.same_mbbox{width: 60%;}	.location_midbox{width: 90%;}}
@media (max-width: 1024px){	.same_mbbox{width: 50%;}	/* .jb_btn{width: 45%;} */	.filebox label{width: 110px;}	.jb_btn{width: 110px;}
    .same_mbbox6{width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px);}
    .loca_ul .loca_li{width: 45%;}	.src_box .src_tt{width: 25%;}	.src_box .src_tt2{width: 24%;}	.src_box .src_tt3{width: 9%;}	.src_look{padding-left: 10px;}	.src_box .src_tt2:last-child{width: 100%; margin: 10px 0;}    .main_top_txt01 b{display: block;}
}
@media (max-width: 900px){
	.member_ingbox #register_form{height: auto;}	.customer_box{float: none; width: 100%; clear: both; padding-right: 0;}	.midde_boxing{display: none;}
	.customer_boxright{float: none; width: 100%; clear: both; padding-left: 0;}	.same_mbbox{width: 427px;}	/* .jb_btn{width: 171px;} */
	.phone_box{height: 200px;}	.phone_ul{float: none; clear: both; width: 100%;}	.injeung_box{float: none; clear: both;}
}
@media (max-width: 767px){
    .loc_search{height: 270px;}	.src_box .src_tt{width: 80%;}	.src_box .src_tt3{width: 19%; margin: 0 0 0 1%;}	.src_box .src_tt3.src_tt3_fin{width: 100%; margin: 8px 0 0 0;}
    .src_box .src_tt.src_tt_fin{width: 100%;}	.src_box .src_tt2{width: 100%; margin: 8px 0;}	.loca_ul .loca_li{width: 100%; margin-right: 0; margin-bottom: 15px;}

    /*메인*/
    .main_contents{}
    .main_contents > li.main_link_box{display: block; width: 100%;}
    .main_contents > li.main_adv_box{margin-top: 30px;width:320px;}
    .main_contents > li.main_bord_box{display: inline-block; width: 50%;}
    .main_board_inner{min-height: 315px;}

}
@media (max-width: 694px){
    /*메인*/
    #main{padding-top: 50px;}    .main_top_txt01{font-size: 30px;}    .main_top_txt02{font-size: 20px;}
    .main_sec02{margin-top: 50px;}    .main_contents > li.main_link_box,    .main_contents > li.main_adv_box,    .main_contents > li.main_bord_box{display: block; width: 100%;}
    .main_contents > li.main_adv_box,    .main_contents > li.main_bord_box{margin-top: 20px;}
    .main_link{padding: 0 25px;}    .main_link02{margin-top: 10px;}    .main_link_icon{width: 45px;}
    .main_link_txt01{font-size: 20px;}    .main_link_txt02{font-size: 14px;}	.main_link_txt03{font-size: 18px;}	.main_link_txt04{font-size: 18px;}
    .main_board_inner{padding: 30px 25px 0;}    .main_board_tit span{font-size: 20px;}
}
@media (max-width: 530px){
	.phone_box{height: 250px;}	.phone_ul{height: 110px;}	.filebox label{width: 90px;}	.jb_btn{width: 90px;}
	.same_mbbox6{width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);}	.customer_write .dd_nanugi .nanugi_li{width: 100%;}
	.same_mbbox55{width: 100%;}
}

@media (max-width: 400px){
	.same_mbbox{width: 196px;}	.same_mbbox3{width: 100%;}	.same_mbbox5{width: 170px;}	.phone_ul{height: 140px;}	.title_wd6{width: 100%;}
}
@media (max-width: 380px){
}
@media (max-width: 320px){
	.same_mbbox{width: 176px;}
}



ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
li.li1{float:left;padding:0px;margin:0px;display:none;margin:10px 0px;}
li.li0{float:left;padding:0px;margin:0px;display:block;}
.bar1{display:none}
@media (max-width: 1280px){
	ul.ul1{float:left;padding:0px;margin:0px;clear:both;width:100%;}
	li.li1{float:left;padding:0px;margin:0px;display:none}
	li.li0{float:left;padding:0px;margin:0px;display:block}
}
@media (max-width: 720px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
	li.li1{float:left;padding:0px;margin:0px;display:block;margin:10px 0px;}
.pick_all{height:2000px;}
}

@media (max-width: 320px){
	.li1.bar1{display:none}
	li.li0{float:left;padding:0px;margin:0px;display:none}
}


.sound_only{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.sound_only2{display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
.new_icon{display:none}

.pg_wrap {clear:both;display:block;margin: 25px auto 100px;text-align: center;}
@media(max-width:768px){
	.pg_wrap{margin:20px auto 50px;}
}
.pg {text-align:center; display: flex; justify-content:center; align-items:center;}
.pg_page, .pg_current {display:inline-block; width: 40px; height:40px; line-height:40px; text-align: center; border:1px solid #ccc; margin: 0 3px; font-size:14px;}
@media(max-width:768px){
	.pg_page, .pg_current {width: 30px; height:30px; line-height:30px;}
}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;  text-decoration:none;}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fafafa;padding:0;border:1px solid #ccc}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#E8B600;border:1px solid #E8B600;color:#fff;font-weight:500;}