body{font-size:16px; color:#292929; line-height:1.6;}
#header,
#container,
#contents,
#footer {float:left; width:100%; position:relative;}

@media screen and (max-width: 768px) {
	body { -webkit-text-size-adjust: none; }
}
@font-face {
    font-family: 'NanumSquareNeo-Variable';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_11-01@1.0/NanumSquareNeo-Variable.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

.between {display: flex; justify-content: space-between;}
.display-flex-center {display: flex; justify-content: center; align-items: center;}
.bullet {width:120px; height: 2px; background-color: #C99953; margin: 0 auto;}

/* header */
#header {height:55px;padding-top:11px; background:#fff; position:fixed; top:0; z-index:900; border-bottom:1px solid #ddd;}
#header h1#logo img {height:32px;}
#header .btn_menu img,
#header .btn_reserve img {height:25px; margin-top:4px;}
#header h1#logo {width:100%; text-align:center;}
#header .btn_menu,
#header .btn_reserve {position:absolute; top:0;}
#header .btn_menu {left:10px;}
#header .btn_reserve {right:10px;}
#header #gnb {min-width:270px; width:72%; background:#fff; position:absolute; top:0; left:0; display:none;}
#header #gnb .top {padding-top:17px; height:56px; border-bottom:1px solid #e7e7e7;}
#header #gnb .top .tit {height:20px; margin-left: 15px;}
#header #gnb .top .btn_close {position:absolute;right:10px; top:50%; margin-top:-13px;}
#header #gnb .top .btn_close img {height:26px;}
#header #gnb .btn_login /*{margin-top:10px; margin-right:10px;}*/
#header #gnb .btn_login li {margin-left:3px;}
#header #gnb .btn_login span {display:inline-block; padding:3px 15px; text-align:center; color:#272727; line-height:23px; font-size: 13px; background:#fff; white-space: nowrap; font-family: 'NanumSquareNeo-Variable'; border-left: 1px #e7e7e7 solid; border-bottom: 1px #e7e7e7 solid;}
#header #gnb .nav li {width:100%;}
#header #gnb .nav > li {border-bottom:1px solid #e7e7e7;}
#header #gnb .nav > li > a {display:inline-block; width:100%; color:#292929; font-size:17px; letter-spacing: -1px; background:url(../_images/ico_plus.png) right 10px center no-repeat; background-size:auto 26px; line-height:1;padding:10px; font-family: 'NanumSquareNeo-Variable';}
#header #gnb .nav > li .depth {background:#fff; padding: 6px 0; display:none; border-top: 1px solid #e7e7e7;}
#header #gnb .nav > li .depth > li > a {padding:6px 10px; color:#292929; font-size:14px; font-family: 'NanumSquareNeo-Variable'; letter-spacing: 0.025em;}
#header #gnb .nav > li .depth2 > li > a {padding:6px 20px; color:#292929; font-size:16px;}


/* footer */
#footer {background:#000; padding: 15px 15px 75px 15px; font-family: 'NanumSquareNeo-Variable';}
#footer strong {display:inline-block; color:#a4a4a4; font-size:13px;}
#footer p {margin-top:10px; font-size:12px;color:#717171}
#footer .btt_nav {margin-top:10px; font-size:11px; color:#a4a4a4;}

#container {margin-top:55px;}

#roll_main .thumb {position:absolute; bottom:10px;}
#roll_main .thumb a {width:7px; height:7px; border-radius: 50%; background-color: rgba(255,255,255,.3); display:inline-block;}
#roll_main .thumb a.on {background:#fff; }

#roll_sub .slide_btn {position:absolute; top:50%; margin-top:-15px;}
#roll_sub .slide_btn img {height:30px;}
#roll_sub .slide_btn.slide_prev {left:10px;}
#roll_sub .slide_btn.slide_next {right:10px;}

#content.main .mid_nav {border-top:1px solid #f2f2f2; border-bottom:1px solid #f2f2f2;padding:10px 0; color:#cbcbcb; text-align: center; width: 100%; }
#content.main .mid_nav li {margin:0 3px; }
#content.main .mid_nav li.m { }
#content.main .mid_nav a {color:#292929; font-size:13px; font-weight:700; font-family: 'NanumSquareNeo-Variable';}
#content.main .mid1,
#content.main .mid2,
#content.main .mid3,
#content.main .mid4 {padding:15px 5px;}
#content.main .mid1 table th {vertical-align:top;}
#content.main .mid1 table th span {display:inline-block; width:100%; text-align:center; color:#fff; line-height:20px; font-size:15px; font-weight:400; background:#878787; font-family: 'NanumSquareNeo-Variable';}
#content.main .mid1 table td {padding-left:5px; color:#383838; font-size:13px;}
#content.main .mid1 table td ul li {margin-right:10px; letter-spacing:-1px;}
#content.main .mid1 table td ul li:last-child {margin-right:0;}

#content.main .mid2 {padding-top:0;}
#content.main .mid2 .review {border-top:2px solid #eee; padding-top:10px;}
h3.tit {font-size:16px; color:#606060; font-weight:400; line-height: 1.5; height: 30px; border-bottom: 2px #666 solid; font-family: 'NanumSquareNeo-Variable'; letter-spacing: -0.030em;}
/*h3.tit p {font-size:16px; color:#606060; font-weight:400; line-height: 1.5; height: 30px; border-bottom: 2px #666 solid; font-family: 'NanumSquareNeo-Variable'; letter-spacing: -0.030em;}*/
h3.tit strong{color:#272727;}
h3.tit .more{float:right; font-size:12px; color:#383838; margin-top:5px;}
#content.main .review {position:relative;}
#content.main .review .btn_slide {position:absolute; top:50%; margin-top:-15px;}
#content.main .review .btn_slide img {height:30px;}
#content.main .review .btn_slide.slide_prev {left:0}
#content.main .review .btn_slide.slide_next {right:0}
#content.main .mid2 .review #review_roll {height:76px; overflow:hidden; padding:0 15px; margin-top: 10px;}
#content.main .mid2 .review li {padding-top:10px; float:left; width:33.3333%; padding:0 5px;}
#content.main .mid2 .review li a { display:inline-block;width:100%; float:left;}
#content.main .mid2 .review li img {width:100%;}

/*리뷰*/
#real_review {float: left;  padding: 1.2rem 1.2rem;}
#real_review img {max-width: 100%;}
#real_review .title {font-size: 1.5em;}
#real_review .title h3 {font-family: 'GmarketSansLight';}
#real_review .title h3 span {color:#BB874D; font-family: 'GmarketSansMedium';}
#real_review .review_box td {padding: 0 3px 5px 2px; font-size: 0; vertical-align: top; width: 33.33%; }


#content.main .mid3 {background:#fff}
#content.main .mid3 .review #column_roll {overflow:hidden; padding:0 15px; margin-top: 10px;}
#content.main .mid3 .review li {float:left; width:50%; padding:0 5px;}
#content.main .mid3 .review .btn_slide {position:absolute; top:50%; margin-top:-30px;}
#content.main .mid3 .review li a {border-top:4px solid #eee; display:inline-block;width:100%; float:left; font-family: 'NanumSquareNeo-Variable';}
#content.main .mid3 .review li img {width:100%; border: 1px #272727 solid;}
#content.main .mid3 .review li p {width:100%; float:left; color:#383838; line-height:1.2; margin-top:5px; }
#content.main .mid3 .review li p.p1 {font-weight:600; color: #272727;}
#content.main .mid3 .review li p.p2 {font-size:12px; color: #888;}

#content.main .mid4 {padding: 1.3rem 1.2rem;}
#content.main .mid4 ul.list {margin-top:1px; font-size:12px;}
#content.main .mid4 ul.list li {border-bottom:1px solid #e3e3e3; padding:5px 10px; width:100%; font-family: 'NanumSquareNeo-Variable';}

#content.sub { float: left; padding: 10px;}
#content.sub img { max-width: 100%; height: auto !important;}


/*칼럼*/
#column {float: left; padding: 1.8rem 1.2rem; background: #f9f9f9;}
#column .title {text-align: center;}
#column .title ul {height: 58px;}
#column .title ul li:first-child {font-size: 0.8em; font-family: 'NanumSquareNeo-Variable';}
#column .title ul li:last-child {font-size: 1.5em; font-family: 'NanumSquareNeo-Variable';}
#column .title ul li span {color: #B58B4D; font-weight: bolder; }
#column .columnroom {}
#column .columnroom img {max-width: 100%; width: 720px;}

#mid5 {float: left; margin: 0 auto;}
#mid5 .inforoom {position: relative; padding: 25px 0; text-align: center;}
#mid5 .inforoom .info_tit {display: inline-block; vertical-align: top; position: relative; text-align: right; padding-right: 15px;}
#mid5 .inforoom .info_tit p:first-child {font-size: 16px; color: #444; font-family: 'NanumSquareNeo-Variable';}
#mid5 .inforoom .info_tit p:last-child {font-size: 10px; letter-spacing: 0.025em; color: #999; margin-top: -4px; font-family: 'NanumSquareNeo-Variable';}
#mid5 .inforoom .info_wrap {display: inline-block; vertical-align: top; position: relative; padding-left: 25px; text-align: left;}
#mid5 .inforoom .info_wrap::before {content: ''; top: 0; left: 0; position: absolute; width: 1px; height: 100%; background: rgba(0,0,0,.1);}
#mid5 .inforoom .info_wrap li {display: inline-block;}
#mid5 .inforoom .info_wrap .normal li:first-child {font-family: 'NanumSquareNeo-Variable';}
#mid5 .inforoom .info_wrap .normal li:last-child {font-family: 'GmarketSansLight'; color: #6B6B6B;}
#mid5 .inforoom .info_wrap .bold li:first-child {font-family: 'NanumSquareNeo-Variable'; font-weight: bolder;}
#mid5 .inforoom .info_wrap .bold li:last-child {font-family: 'NanumSquareNeo-Variable'; color: #AC1215; font-weight: bolder;}
#mid5 .map {}
#mid5 .map a {}
#mid5 .map a img {max-width: 100%;width: 720px;}

.btn_main {margin-top:10px;}
.btn_main > li {width:33.333%; padding:0 1px; float:left;}
.btn_main > li img {width:100%; float:left;}

#location {height:39px; line-height:30px; background:#fff; padding:0 18px; font-family: 'NanumSquareNeo-Variable'; border-bottom: #ddd 1px solid;}
#location > ul > li{font-size:16px; margin-right:10px;}
#location > ul > li:first-child{color: #B47D40; font-weight: 500;} 
#location ul {color: #272727; margin-top: 3px;}
#location .btn_sub {position:absolute; right:10px; top:50%; margin-top:-11px;}
#location .btn_sub img {height:22px;}
#location .sub_nav {display:none; background-color: rgba(4,9,17,0.8); width: 100%; padding:8px 18px; position:absolute; right:0; top:38px; z-index:10;}
#location .sub_nav li {width:100%; float:left; color:#fff; line-height:1; padding:6px 0; font-size: 15px;}
#location .sub_nav li ul {padding-left:8px;}

#content { font-size: 13px}

section.sub {padding:15px 10px 30px 10px;}
table {float:left; width:100%; color:#606060; font-size:15px; }
table.write th,
table.write td {padding:5px 0; text-align:left; border-bottom: solid 1px #d1d1d1; }
table.write td div.wrap img {max-width:100% !important;}

td .cont_wrap { float: left; padding: 10px;}
td .cont_wrap img,
td .cont_wrap iframe,
td .cont_wrap video { max-width: 100%; height: auto !important;}

table.list th,
table.list td {padding:10px 0; text-align:left; border-bottom:1px solid #d1d1d1; font-size:15px; color:#606060;}
table.list th span {display:inline-block; width:100%; line-height:30px; text-align:center; color:#fff; font-weight:700;}
table.list th span.m1 {background:#646464;}
table.list th span.m2 {background:#1baad1;}
table.list td {padding:0 5px;}
table.list td span,
table.list td p{width:100%; font-size:12px;}

span.head {display:inline-block; text-align:center; line-height:37px; height:37px; width:37px; color:#fff; border-radius:50%; background:#202020;}
table.list tr td {padding:10px 0 !important;}
span.head.h2 {background:#999;margin-top:20px;}
table.list tr td a {text-align:left; width:100%; float:left; line-height:1.6;}
table.list tr.re_tr td {background:#f1f1f1; display:none;}
table.list tr.re_tr td div.wrap {line-height:1.6; padding:20px 0 50px 0; text-align:left;}

table.advice td .viewRe {text-indent: 0;background-color:#fff;border:3px solid #e4e4e4;width:220px;padding:10px 20px; position:absolute;top:35px;left:10px;z-index:900; display:none; text-align: center;}
table.advice td .viewRe label {display:inline-block;}
table.advice td .viewRe input {height:35px;}
table.advice td .viewRe ul.c_wrap li {margin:0 5px; margin-top:10px;}
table.advice td .viewRe ul.c_wrap li .btn {background:#202020; color:#fff; padding:0 20px; line-height: 30px;}

.write .certify_box {text-indent: 0;background-color:#fff;border:3px solid #e4e4e4;width:270px;padding:20px; position:absolute;top:35px;left:20px;z-index:900; display:none; text-align: center;}
.write .certify_box label {display:block; margin: 0; text-align: center}
.write .certify_box label small {line-height: 35px; color: #ff5600;}
.write .certify_box input {    width: 100px; height:35px; float: none; text-align: center; font-size: 14px;}
.write .certify_box ul.c_wrap li {margin:0 5px; margin-top:10px;}
.write .certify_box ul.c_wrap li .btn {background:#202020; color:#fff; padding:0 20px; line-height: 30px;}

input[type=text],
input[type=password],
input[type=file],
textarea,
select {float:left; border:1px solid #dbdbdb; width:100%; height:35px; padding:0 10px; font-size:15px;}
textarea {height:250px;}

.term {border:1px solid #dbdbdb; height:135px; overflow:hidden; overflow-y:auto; padding:10px; font-size:12px;}
ul.btn_wrap {margin-top:10px;}
ul.btn_wrap li {margin:0 2px;}
ul.btn_wrap li .btn{width:75px; padding:0;}
 
.btn {display:inline-block; padding:0 20px; line-height:30px; text-align:center; color:#fff !important;}
.btn1 {background:#767676;}
.btn2 {background:#1baad1;}

.find_ul li {position:relative;}
.find_ul li .find {position:absolute; right:10px; top:50%; margin-top:-9px}
.find_ul li .find img {height:18px;}

ul.paging {margin-top:10px;}
ul.paging li {margin:0 1px;}
ul.paging a,
ul.paging span {display:inline-block; line-height:30px; color:#606060; font-size:16px;}
ul.paging span {width:30px; text-align:center; border-radius:4px; border:1px solid #1baad1; }
ul.paging span.on {background:#1baad1;color:#fff; }

.apply_wrap label.radio-chk {display:inline-block; position:relative;margin-left:0; margin-right:20px;}
.radio-chk input[type=radio] {vertical-align: middle; margin-right:3px; padding: 0px 3px;}

._drop-box ._drop-con {height:0; overflow: hidden}
._drop-box._active ._drop-con {height:auto;}

.datae-wrap {width:100%; padding:10px 0;}
.datae-wrap .calender-wrap {margin-bottom:10px;}
.datae-wrap .calender-wrap header,
.datae-wrap .time-wrap header {position:relative; }
.datae-wrap ._drop-box header:after {
	content:"◀"; display:inline-block; position:absolute; right:10px; top:50%;
	-webkit-transform: translate(0, -50%) rotate(90deg);-moz-transform: translate(0, -50%) rotate(90deg);-ms-transform: translate(0, -50%) rotate(90deg);-o-transform: translate(0, -50%) rotate(90deg);transform: translate(0, -50%) rotate(90deg);
}
.datae-wrap ._drop-box._active header:after{
	-webkit-transform: translate(0, -50%) rotate(-90deg);-moz-transform: translate(0, -50%) rotate(-90deg);-ms-transform: translate(0, -50%) rotate(-90deg);-o-transform: translate(0, -50%) rotate(-90deg);transform: translate(0, -50%) rotate(-90deg);
}
.calender-wrap .btt,
.time-wrap .btt {height:auto; line-height:1; padding:5px 0;}
.calender-wrap .con-wrap {padding:10px 5px; height:auto;}
.calender-wrap .top-wrap {padding:5px 0;}
.calender-wrap .tbl {float:none;}
.calender-wrap .tbl th,
.calender-wrap .tbl td {padding:2px 0;}
.time-wrap ._time-load {height:auto; width:100%}
.time-wrap .con-wrap {padding:5px;}
.datae-wrap span.dec {text-align: right; width:100%; display:block;}
.status .reseve {color:blue}
.status .reseve.not {color:red}

.page-sub-content {padding-bottom:50px;} 
.re-container .from-wrap a.btn {color:#666 !important;}

/*foot fix*/
#ft_navi {display: block; position: fixed; bottom: 0; left: 0; right: 0; height: 60px; background: #FFF;box-shadow: 0 0 10px rgb(0 0 0 / 20%); z-index: 9999;} 
#ft_navi ul {max-width: 1024px; width: 100%; margin: 0 auto; font-family: 'NanumSquareNeo-Variable'; letter-spacing: -0.030em;}
#ft_navi li {width: 20%; display: block; float: left; text-align: center; color: #333; padding-top: 10px;}
#ft_navi li i {height: 20px; display: block; /*margin-bottom: 3px;*/}
#ft_navi li img {height: 22px;}
#ft_navi li span {font-size:12px;}


#plusfriend-chat-button{ bottom:20px; left:69%; z-index:1000000; cursor:pointer; position:fixed; -webkit-overflow-scrolling:touch !important;
    animation:cubic-bezier(0.1, 0, 0.6, 1); 
}