/* 
Reset CSS
Copyright @ Uhm Yong Sung
2014/01/17
reset.css
*/

/* NanumGothic WebFont -Free License- */
/*@import url('http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb');*/

* {margin:0; padding:0; border:0; outline:0; vertical-align:top; font-family:dotum; font-weight:normal; font-size:12px;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul,li,ol,dl,dt,dd {list-style:none;}
img, video {max-width:100%;}
a {text-decoration:none; color:#000;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
body {font-size:100%; line-height:1;}
label {cursor:pointer;}
legend,hr,caption {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
i,em,address {font-style:normal; font-weight:normal;}

body {background:#fff;}
#wrap {width:100%; }
#header {width:100%; min-width:1540px; background:#fff;}
#content {width:1700px; height:100%; min-height:580px; margin:30px auto 0 auto;}
.xe_content {color:#999;}
.bd_tmb_lst .tmb_wrp {border:none;}

.rd_fnt, .rd_ft_nav{border:none;}
.tmb_wrp .padding {padding: 6%; position:absolute; bottom: 0;}
.tmb_wrp .tl {
    display: block;
    padding: 6px 0;
    font-size: 15px;
    line-height: 14px;
    white-space: normal;
    letter-spacing: -1px;
    color: #FFF;
}
.tmb_wrp .tl2 {font-family:noto sans; color:#919191;}
.extraVarsList a {color:#999;}

.h_area {
	width:1540px;
	height:157px;
	margin:0 auto;
	padding:40px 0 0 0;
}

.header_bar {
	width:100%;
	height:30px;
}
.hb_area {
	width:1540px;
	height:30px;
	margin:0 auto;
}
.logo {
	width:249px;
	height:61px;
	margin:0 auto;
	/*background:url(/images/logo.png);*/
}
/*.logo a { width:249px; height:61px; margin:0 auto;}*/
.g_menu {float:right;}
.g_category {float:right;}
.c_col1 {float:right; height:119px;margin-top:10px;}
.c_col2 {float:right; height:119px;margin-top:10px;}
.c_col1 .c_label {float:right; width:90px; height:20px;margin-bottom:20px; background:url(/images/menu/m_c1.jpg) no-repeat;}
.c_col2 .c_label {float:right; width:134px; height:41px;margin:20px 0;background:url(/images/menu/m_c2.jpg) no-repeat;}
.c_col1 ul, .c_col2 ul {float:right;}
.c_col1 li, .c_col2 li {margin-bottom:12px;}
.b_category {float:right; margin:50px 0 0 0;}
.b_category li {float:right; width:100px; height:34px; margin-right:5px; }
.b_category li a {float:right; width:100px; height:34px;}
.b_product {margin-bottom:12px; background:url(/images/menu/m_b1.jpg);}
.b_res_inq {margin-bottom:12px; background:url(/images/menu/m_b2.jpg);}
.b_res_ide {margin-bottom:12px; background:url(/images/menu/m_b3.jpg);}
/*.b_bbs_qna {background:url(/images/menu/m_b4.jpg);}*/

/*.b_product:hover {background:url(/images/menu/m_b1_on.jpg);}
.b_res_inq:hover {background:url(/images/menu/m_b2_on.jpg);}
.b_res_ide:hover {background:url(/images/menu/m_b3_on.jpg);}
.b_bbs_qna:hover {background:url(/images/menu/m_b4_on.jpg);}*/

.rd_fnt, .rd_ft_nav {border-top:none;}

/*Product*/
.prod_main {display:block; width:980px; margin:0 auto; }
.prod_title {
    display: block;
    width: 980px;
    margin: 0 auto;
    padding: 60px 0 58px 0;
}
.prod_main img {padding:23px 0 40px 0; margin:0 auto; display:block;background:#fff; }
.prod_tab {
		display:block; 
		width:925px; 
		margin:0 auto;     
		border-color: #333; 
}
.prod_tab .menu {
	margin: 0;
    border-top: 2px solid #dddddd;
}

.prod_tab .menu .hide{display:none;}

.prod_tab .menu.last {
    border-bottom: 2px solid #dddddd;
}
.prod_tab .menu h3{
	font-size:16px;
	font-weight:bold;
	color: #353535;
	text-decoration: none;
    display: block;
    background:#ffffff;
	padding: 16px 22px;
	cursor:pointer;
}
.prod_tab .menu h3:hover{
	color:#566977;
	background:#ffffff;
}

/*About*/
.about_main {
    display: block;
    width: 838px;
    margin: 0 auto;
	padding-top:85px;
}
.footer {width:1540px; margin:0 auto; background:#fff; border:none; }
/*.foo_sign {width:297px; height:59px; margin:0 auto; background:url(/images/foo_sign.jpg);}*/
.foo_icon{display:block;width:100px; margin:0 auto; margin-bottom:50px;}
.foo_icon a {float:right; width:27px; height:27px;}
.icon_blog {background:url(/images/icon_blog.jpg); }
.icon_insta {background:url(/images/icon_insta.jpg);margin-right:10px;}
.foo_info {margin:0 auto;width:392px; height:58px; background:url(/images/foo_info.jpg); clear:both;}

/* Reservation */
.res_logo {width:1600px; display:table-cell; vertical-align:middle;}
.res_logo img {padding-top:23px; margin:0 auto; display:block; }
.res_menu {display:block; width:674px; margin:0 auto; padding-top:97px;}
.res_menu a {float:right; width:296px; height:254px;}
.res_write { background:url(/jb_reservation/image/btn_write.jpg);}
.res_write:hover {background:url(/jb_reservation/image/btn_write_hover.jpg);}
.res_search {margin-right:82px;background:url(/jb_reservation/image/btn_search.jpg);}
.res_search:hover {background:url(/jb_reservation/image/btn_search_hover.jpg);}

.res_search_area {display:block; width:674px; margin:0 auto; padding-top:164px;}
.res_search_area img {margin:0 auto; display:block;}

.search_bar {width:230px; display:block; margin:32px auto 0;}
.search_input {width:174px; height:22px; margin-right:3px;}
.search_btn {float:right;}
.search_back {margin-top:76px;}

.extraVarsList td p {color: #ff9800; font-weight: bold;}


/* 2017/01/27 아래로 수정~~ */
#wrap { width:1540px; margin:0 auto; overflow:hidden; }

#header { min-width:160px; width:160px;
	position:fixed;
	float: right;
	left:0;
	right:1350px;
	margin:-70px auto 0;
	background:#fff;
}

.g_category {
	margin:0;
}

.logo { margin:70px auto 0; }
.h_area { background:#fff; width:100%;}

.hb_area { background:#fff; width:100%; margin-top:50px; margin-left:220px; overflow:hidden; }

.c_col1 {
	float:none;
	margin:0;
}


.c_col1 ul {
	clear:both;
	text-align:right;
}

.c_col2 {
	text-align:right;
}

#content { 
	float:left;width:1160px; margin:0 auto;
	margin-left:210px;
}
.con_main {
	padding:0;
}
.footer { clear:both; font-family:Malgun-Gothic; font-weight:normal; font-size:11px;}

@media (min-width: 768px) {
    #header_m { display: none;} 
}

@media (max-width: 768px) {
    #wrap { width: 100%;}
    #header { display: none;}
    #content { width: 100%; margin-left:0; padding: 10px; min-height: auto; }
    .footer { width: 100%;}
    #header_m { display: block; margin-top: 20px; } 
    .logo { display: none; }
    .navbar-brand { margin: 0 auto; margin-right: auto !important; width: 80%; }
    .hb_area { margin: 20px auto;  width: 80%;}
    .bd_tmb_lst li { width: 100% !important; }
    .con_main { width: 100%; min-height: auto; }
    .prod_main { width: 100%; }
    .prod_title { width: 100%;  padding: 0;}
    .prod_tab { width: 100%;}
    .prod_tab .menu .hide li img { width: 100%; }
    .bx-controls-direction { display: none;}
    .res_menu { width: 100%; padding-top: 10px; }
    .res_menu a { display: block; margin: 10px auto; float: unset; }
    .bd_tmb_lst .tmb_wrp, .bd_tmb_lst.gall_style2 .tmb_wrp { max-width: 100% !important; }
    .navbar-light .navbar-nav .nav-link { font-size: 1.2rem; font-weight: 700; }
    .nav-item { padding: 5px; border-bottom: 1px solid; }
    .res_search_area { width: 100%; padding-top: 60px;}
    .search_back { margin-top: 30px; }
    .nav-arrow-right {
       display: inline-block;
       font-size: 0.6em;
       position: absolute;
       top: 1rem;
       right: 0;
     }
    .navbar-toggler-icon {
       width: 2.0em !important; 
       height: 2.0em !important;
       background-size: 120% 120% !important;
     }
}