@charset 'utf-8';

/* standard css start */
html {margin:0; padding:0;}
body {margin:0; padding:0;font-family:"NanumGothic", "NanumGothicOTF", "Nanum Gothic", "Apple SD Gothic Neo", "Malgun Gothic","Dotum","Arial","sans-serif";font-size:12px; color:#F;}
ul, li, ol {list-style:none;}
img, fieldset {border:none;}
img, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, select, label, p, blockquote, table, th, td, button,
abbr, acronym, applet, audio, big, canvas, cite, dfn, code, samp, kbd, var, datalist, details, keygen, small, source, strike, sub, sup, tt {margin:0; padding:0;}
table {border-collapse:collapse;}
address {font-style:normal; font-weight:normal;}
caption {font-style:normal; display:none;}
th {font-style:normal; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal;}
em {font-style:normal;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block; padding:0; margin:0;}
button {cursor:pointer; display:block; border:none; background:none; font-family:inherit; color:#000;}
hr {display:none;}
legend {position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
input, button, select, textarea {vertical-align:top;}
label {vertical-align:top; cursor:pointer; display:inline-block;}
img {vertical-align:top;}
p, a {word-break:keep-all;}

/* font, line-height */
html, body, div, dl, form, ol, p, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, area,
a, b, br, i, img, small, span, strong, sub, sup, legend, fieldset, input, textarea {
}
html, body {
	width:100%;
	min-height:100%; 
	min-width:320px;
	line-height:normal; 
	font-family:sans-serif; 
	-webkit-text-size-adjust:none;
	color:#000;
}
html {-webkit-tap-highlight-color:rgba(0, 0, 0, 0); }
	html.no-svg, .no-svg body {height:auto; min-height:100%;}
html.height100, html.height100 body {height:100%;}
input, textarea, select {
	/*outline:none; */
	
	-webkit-border-radius:0; border-radius:0;	
	-moz-appearance:none; -webkit-appearance:none; appearance:none;
	-webkit-tap-highlight: transparent;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
input[type="text"][readonly], input[type="number"][readonly], input[type="tel"][readonly], input[type="search"][readonly] {background-color:#e5e5e5;}
input[type="search"]::webkit-search-cancel-button {-webkit-appearance: none;} 
input[type="checkbox"] {width:16px;height:16px;margin-top:-1px;border:2px solid #c1c4c8; background:#fff;}
input[type="checkbox"]:checked {background:url('../images/common/ico/ico_checkbox.png') no-repeat center; background-size:10px 10px;}
input[type="radio"] {width:20px;height:20px;margin-top:-3px;border:2px solid #c1c4c8; background:#fff;-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
input[type="radio"]:checked {background:#ff5707;}
label {color:#8b8b8b;} 
textarea {font-size:14px; padding:10px 12px; width:100%; border:1px solid #dddddd; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
textarea[readonly] {background-color:#eee;}

/* link */
a {text-decoration:none; cursor:pointer; color:#000;}


/* layout */
.wrapper {position:relative; max-width:640px; height:100%; margin:0 auto; overflow-x:hidden;}
#content-body {position:relative; right:0; width:100%; min-height:100%; -moz-transition:right .5s; -webkit-transition:right .5s; transition:right .5s; z-index:20; background-color:#fff;}
.wrapper.on #content-body {right:260px;}
.wrapper #content-body .content-overlay {content:''; position:absolute; top:0; right:0; left:0; height:0; overflow:hidden; z-index:120;}
.wrapper.on #content-body .content-overlay {bottom:0; height:auto;filter:Alpha(opacity=40);opacity:0.4; background:#000;}

#content {width:100%;position:relative;padding-bottom:18px;}
.sub_warp{padding:10px;}
.container {padding:25px 15px 25px 15px;}
.container.wide {padding:15px 0 0;}
.container.widewh {padding:0;}

/* header */
#header {width:100%;}
.header {width:100%; min-height:74px; position:relative;border-bottom:1px solid #dcdcdc;}
.header .tit_h1 {text-align:center; min-height:74px; line-height:74px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;color:#fff;}
.header .tit_h1.logo {position:relative; width:180px; height:61px; top:18px;  margin:0 auto; padding:0; font-size:0; color:rgba(255,255,255,0); }
.header .tit_h1.logo img {width:100%}
.header .btnMenu {position:absolute; top:25px; right:17px; text-indent:-9999px; overflow:hidden; width:27px; height:22px; background:url('../images/common/btn/btn_menu.png') no-repeat center; background-size:27px 22px;}
.header .btnTel {position:absolute; top:25px; left:17px; text-indent:-9999px; overflow:hidden; width:26px; height:22px; background:url('../images/common/btn/phone.png') no-repeat center; background-size:26px 22px;}


/*sub_menu*/
.sub_menu ul:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
.sub_menu ul li{position:relative;width:20%;height:35px;float:left;text-align:center;line-height:35px;letter-spacing:-1px;border-bottom:1px solid #dcdcdc; background-color:#616265}
.sub_menu ul li:before{content:"";display:block;position:absolute;top:12px;left:0;width:1px;height:10px;background-color:#dcdcdc;vertical-align:-2px}
.sub_menu ul li:nth-child(6n-6):before{display:none;}
.sub_menu ul li a{display:block;color:#fff;}
.sub_menu ul li a.active {color:#fff;background-color:#85888d;}

.sub_menu2 ul {width:100%}
.sub_menu2 ul:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
.sub_menu2 ul li{position:relative; margin:0 auto; height:30px;float:left;text-align:center;line-height:30px;letter-spacing:-1px;border-bottom:1px solid #dcdcdc;}
.sub_menu2 ul li:before{content:"";display:block;position:absolute;top:0;left:0;width:1px;height:30px;background-color:#dcdcdc;}
.sub_menu2 ul li:nth-child(6n-6):before{display:none;}
.sub_menu2 ul li a{display:block;color:#9e9e9e;}
.sub_menu2 ul li a.active {color:#sub_menu2;font-weight:bold}
.sub_menu2 ul li.menu02 {width:50%}
.sub_menu2 ul li.menu03 {width:33%}
.sub_menu2 ul li.menu04 {width:25%}

/* side */
#side {position:fixed; top:0; right:-260px; width:260px; height:100%; overflow:auto; z-index:10;}
#side .side_logo{padding:40px 0 27px;text-align:center;}
#side .side_logo img{width:117px;height:100px;}

#side .tree-menu {border-top:1px solid #bdbbbb;}
#side .tree-menu li{border-bottom:1px solid #bdbbbb;}
#side .tree-menu li.sub{height:46px; overflow:hidden; -moz-transition:height .5s; -webkit-transition:height .5s; transition:height .5s;border-bottom:1px solid #bdbbbb;}
#side .tree-menu li.sub.active {height:auto;}
#side .tree-menu a {display:block; padding:0 20px;}
#side .tree-menu > ul > li > a, #side .tree-menu > ul > a > li  {position:relative; height:46px; line-height:46px; color:#000; font-size:20px;}
#side .tree-menu li.plus > a:after {content:''; position:absolute; width:14px; height:8px; top:50%; margin-top:-4px; right:22px; background:url('../images/common/ico/iconTreeArr.png') no-repeat center; background-size:100%;}
#side .tree-menu li.plus.active > a{font-weight:bold;font-size:20px;}
#side .tree-menu li.plus.active > a:after {background-image:url('../images/common/ico/iconTreeArr_open.png');}
#side .tree-menu li > ul {border-top:1px solid #bdbbbb;}
#side .tree-menu li li{border:none;font-size:15px;padding:10px 0;}
#side .tree-menu li li a{padding:0 30px;}
#side .tree-menu li .location{padding-left:30px;}
#side .tree-menu li .location li{ border-bottom:1px solid #bdbbbb}
#side .tree-menu li .location li a{display:inline-block;padding:0;}

#side .util{height:64px;margin-top:22px;text-align:center;border-top:1px solid #e7e7e7;}
#side .util:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
#side .util li{width:33.3%;float:left;position:relative;}
#side .util li:before{content:"";display:block;position:absolute;top:14px;left:0;width:1px;height:34px;background-color:#d5d5d5;}
#side .util li:first-child:before{display:none;}
#side .util li a{display:block;font-size:11px;padding:47px 0 0;height:12px;line-height:12px;letter-spacing:-1px;}
#side .util li a:before {position:absolute;top:0;left:0;content:'';width:100%;height:30px;margin-top:8px;display: block;vertical-align:top;background-position:center;background-repeat:no-repeat;background-size:contain;}
#side .util li.ic_tel a:before {background-image:url('../images/common/ico/ico_sidebt_01.png');}
#side .util li.ic_reservation a:before {background-image:url('../images/common/ico/ico_sidebt_02.png');}
#side .util li.ic_entertainer a:before {background-image:url('../images/common/ico/ico_sidebt_03.png');}

/* footer */
.customer {width:95%; margin:0 auto; padding:20px 0 20px 0}
.customer img {width:100%}
#footer {width:100%;text-align:center;padding:15px 0 10px;z-index:100;border-top:1px dotted #cdd1d4; color:#a1a1a1; line-height:18px; background-color:#616265}
#footer address{color:#000;font-size:10px;}

/* swipe slider */
.main-container {position:relative;}
.main-container img{width:100%}
.main-container + #footer {margin-top:0;}
#slider {position:relative; z-index:2; float:left; height:100%; font-size:26px; -webkit-transform:translate3d(0,0,0);}
.swipe-hook {width:100%; overflow:hidden;}
.swipe-item-wrap {position:relative; z-index:21;}
.swipe-item-wrap:after {content:''; clear:both; display:block; height:0;}
.swipe-item {-webkit-box-sizing:border-box; position:relative; z-index:3;  display:block; float:left; width:100%; background:transparent; -webkit-transform:translate3d(0,0,0);}
.swipe-item .image {display:block;}
.main-container .bul-wrap {width:100%;height:10px;margin:8px 0 15px;	text-align:center;line-height:1px;font-size:1px; z-index:10;}
.main-container .bul-wrap a {background:#cbcfd2; display:inline-block; width:10px; height:10px; border-radius:10px; margin:0 3px; vertical-align:middle;}
.main-container .bul-wrap a:last-child {margin-right:0;}
.main-container .bul-wrap a.active {background:#1c71c6;}

/* tab_area */
.tab_area {width:100%;padding-top:20px}
.tab_area ul:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
.tab_area ul li{width:25%;float:left;text-align:center; }
.tab_area ul li img{width:95%; }
/*
.tab_area{margin-bottom:2px;border-top:1px solid #f1f1f1;border-bottom:1px solid #f1f1f1;}
.tab_area ul{height:28px;}
.tab_area ul:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
.tab_area ul li{position:relative;width:25%;float:left;text-align:center;}
.tab_area ul li:before{content:"";display:block;position:absolute;top:4px;left:0;width:1px;height:20px;background-color:#f3f3f3;vertical-align:-2px}
.tab_area ul li:first-child:before{display:none;}
.tab_area ul li a{display:block;line-height:28px;letter-spacing:-1px;}
.tab_area ul li.active a{color:#fff;background-color:#f490c9;}
.tab_area ul li.active:before{display:none;}
.cont-view{display:none;}
.cont-view img{width:100%}
.cont-view-on{display:block;}

.img_list{}
.img_list:after {content:''; clear:both; display:block; height:0;visibility:hidden;}
.img_list li.big{width:66.3%;}
.img_list li{width:33%;padding:0.15%;float:left;}
.img_list li a{display:block;padding:1px;}
*/
/* media query */
@media(min-width:641px){
	.wrapper {padding-right:260px; margin:0;}
	#content-body.roll-book #header {right:260px;}
	#side {display:block; position:absolute; top:0; right:0; width:260px; visibility:visible;}
	.wrapper.on #content-body {right:0;}
	.controller-wrap {left:260px; right:0; width:auto; max-width:640px;}
	.floorNum {left:260px;}
	.header .btnMenu {display:none;}

	.web-view .wrapper {padding-left:0; margin:0 auto; background-color:none; max-width:none;}
	.web-view #content-body.roll-book #header {left:260px;}
	.web-view #side {position:fixed; right:-260px; visibility:visible;}
	.web-view .wrapper.on #content-body {left:260px;}
	.web-view .controller-wrap {right:0; left:0; width:auto; max-width:none;}
	.web-view .header .btnMenu {display:block;}
}
@media (min-width:901px) {
	#content-body.roll-book #header {right:inherit; width:640px;}
	.controller-wrap .share-modal {width:900px;}
}

/* content */
.content {margin:0 auto; width:95%; max-width:680px; text-align:left;line-height:18px; font-size:14px; padding-bottom:30px;color:#797979}
.content .title {width:100%; line-height:24px; margin-bottom:14px; border-bottom:1px dotted #cdd1d4; font-weight:bold; padding-top:20px}
.content .content_title {border-left:4px solid #264278; font-size:16px; padding-left:5px;margin-bottom:8px}
.content .content_title_space{margin-top:40px}
.content .content_txt{background:url('/images/main/bul.gif') no-repeat left center;padding-left:5px; line-height:26px;font-size:14px;}
.content .service_page li {padding-bottom:64px}
.content .service_page li.service_page_txt {width:100%; font-size:14px; line-height:24px; margin-right:10px}
.content .service_page li.service_page_txt2 {width:100%; font-size:14px; line-height:24px;}
.content .service_page .service_title {border-left:4px solid #264278; font-size:20px;  color:#243e71; padding-left:5px;margin-bottom:8px;}
.content .service_page .service_txt{background:url('/images/main/bul.gif') no-repeat left center;padding-left:5px; line-height:26px;font-size:14px; color:#243e71}

.content .phone img {width:50%; padding:5px 0 5px 0}
.content .phone .line3 {height:10px; line-height:10px; padding:10px}
.content .hair {margin:0 auto; width:95%;}
.content .hair img {width:100%}
.content .hair li {width:32%}
.content .hair li.btw {padding:0 5px 0 5px}
.content .hair .btw2 {padding:20px 0}
.content .movi {margin-top:20px; padding-top:20px; padding-bottom:20px; text-align:center}

.content .paging { width:100%; font-size:18px;}
.content2 {margin:0 auto; max-width:680px; text-align:center}
.content2 img {width:100%;}

.timg {width:100%}
.timg img {width:100%}

.cat {margin:0 auto; max-width:680px; text-align:center; padding-top:20px; padding-bottom:20px}
.cat .cat_inner {margin:0 auto; width:80%;}
.cat .cat_inner img {width:100%}
.cat .cat_inner li {width:32%; float:left}
.cat .cat_inner li.space01 {padding:0 5px 0 5px}
.cat .cat_inner .space02 {padding-top:28px}
.cat .cat_inner .space03 {padding-top:8px}
.cat .cat_inner li img {width:100%}
.cat .cat_inner ul {padding-bottom:30px}

.cat_t {margin:0 auto; text-align:center}
.cat_t img{width:90%;padding-bottom:10px}

/* °¶·¯¸® */
.gal_board {margin:0 auto; width:95%;}
.gal_board ul {height:142px;}
.gal_board li {width:29%; padding:0 6px 20px 6px;float:left }
.gal_board li img {width:100%; border:1px solid #ee8fc9}
.gal_board li div {font-size:12px; width:100%; height:20px; line-height:20px; overflow:hidden;}
.gal_board2 {margin:0 auto; width:95%; height:40px;}
.gal_board2 a {color:#676767}
/* board_read */
.view_tit{overflow:hidden;padding:16px 0 14px;border-top:solid 1px #e6e6e6}
.view_tit .tit_view{display:block;margin:0 10px;font-size:17px;line-height:17px;color:#000;word-break:break-all}
.view_tit .info_append{margin:3px 10px 0;font-size:12px;line-height:14px;color:#9294a4}
.view_tit .info_append .num_ruliweb{display:inline-block;margin-left:4px}
.view_tit .info_append .txt_bar{padding:0 3px;color:#e9e9e9}
.view_cont{padding:15px 0 5px;border-top:solid 1px #e6e6e6}
.view_cont .board_desc{margin:0 10px;font-size:15px;line-height:23px}

.view_cont .board_desc img,.view_cont .board_desc iframe{max-width:100%}
.view_cont .board_desc {color:#848484;font-size:15px}

.read_cont_table .read_cont_td{font-size:15px;line-height:23px}
.view_cont .message{display:none}
/* °Ô½ÃÆÇ Àбâ */
.board_title {font-weight:bold; font-size:12px}
.board_read_td01 {width:120px; background-color:#efefed; font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.board_read_td02 {font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.board_read_td02 img {width:60px}

.postscript_td01 {width:20%; background-color:#efefed; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.postscript_td02 {width:30%; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.postscript_td03 {font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.comm img {max-width:95%}


/* board_list */
.board_wrap {margin:0 auto; width:95%;}
.list_board li.sticky{background-color:#f2fbee;font-weight:bold}
.list_board li{overflow:hidden;width:100%;border-bottom:solid 1px #e1e1e1}
.list_board .link_cont{display:block;overflow:hidden;padding:11px 0 10px; line-height:17px;color:#303030;text-decoration:none;word-break:break-all}
.num_reply{margin-left:2px;font-weight:bold;color:#319526}
.list_board .txt_desc{display:block;margin-top:4px;font-size:12px;line-height:14px;color:#9294a4}
.list_board .txt_desc .txt_bar{display:inline-block;padding:0 4px;color:#ededed}
.list_board .txt_desc .num_ruliweb{display:inline-block;margin-left:4px}
.list_board .tit_category{font-weight:bold;color:#808296;}
.sticky .tit_category{color:#538e17}
.list_board .tit_category2{font-weight:bold;color:#1357f4;}
.list_board .tit_category3{font-weight:bold;color:#d60e27;}
.sticky .tit_category2{color:#1357f4}
.link_cont .txt_subject {color:#3d3d3d}
.link_cont a{color:#000; font-size:14px}

.tab_menu{;width:100%;border-top:solid 1px #122442;}
.tab_menu .list_boardmenu{overflow:hidden; background-color:#404250}
.tab_menu .list_boardmenu li{float:left;width:25%;height:35px; text-align:center}
.tab_menu .list_boardmenu .link_menu{display:block;height:34px;border-right:solid 1px #494b59;border-bottom:solid 1px #2c2e3c;color:#fff;background-color:#404250;-webkit-box-shadow:inset 1px 0 0 #2c2e3c;box-shadow:inset -1px 0 0 #2c2e3c;line-height:34px;text-shadow:0 -1px 0 #0c0d12}

.table_cat {font-size:14px; font-weight:500; padding-top:10px; overflow:hidden;width:100%;border-bottom:solid 1px #e1e1e1}
.table_cat .table_cat01 a {color:#c8021b}
.table_cat .table_cat02 a {color:#0748b4}

/* gallery_board */
.list_gallery {margin:0 auto; width:95%;}
.list_gallery li{width:30%; min-height:170px; padding:8px 5px 8px 5px; float:left; text-align:center}
.list_gallery li a img {width:100%;border:1px solid #5d5d5d}
.list_gallery li ul.gall_inner li {display:block}
/* board_read */
.view_tit{overflow:hidden;padding:16px 0 14px;border-top:solid 1px #e6e6e6}
.view_tit .tit_view{display:block;margin:0 10px;font-size:17px;line-height:17px;color:#000;word-break:break-all}
.view_tit .info_append{margin:3px 10px 0;font-size:12px;line-height:14px;color:#9294a4}
.view_tit .info_append .num_ruliweb{display:inline-block;margin-left:4px}
.view_tit .info_append .txt_bar{padding:0 3px;color:#e9e9e9}
.view_cont{padding:15px 0 5px;border-top:solid 1px #e6e6e6}
.view_cont .board_desc{margin:0 10px;font-size:15px;line-height:23px}

.view_cont .board_desc img,.view_cont .board_desc iframe{max-width:100%}
.view_cont .board_desc {color:#848484;font-size:15px}

.read_cont_table .read_cont_td{font-size:15px;line-height:23px}
.view_cont .message{display:none}
/* °Ô½ÃÆÇ Àбâ */
.board_title {font-weight:bold; font-size:12px}
.board_read_td01 {width:120px; background-color:#efefed; font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.board_read_td02 {font-size:12px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.board_read_td02 img {width:60px}

.postscript_td01 {width:20%; background-color:#efefed; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd; font-weight:bold}
.postscript_td02 {width:30%; font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.postscript_td03 {font-size:13px; text-align:left; padding:5px; border-bottom:1px solid #dddddd}
.comm img {max-width:95%}


/* °Ô½ÃÆÇ ±Û¾²±â */
.textarea {width:93%; height:100px;}
.td01 {text-align:right; padding-right:5px; background-color:#f3f3f3}
.td02 {text-align:left; padding-left:5px; }
.textarea2 {width:90%; height:50px;}