@charset "utf-8";
/* CSS Document */
/*************************************************************************** Main */
#main .visual { position:absolute; height:939px; overflow:hidden; }
#main .visual01 { width:1920px; left:0; }
#main .visual02 { width:1920px; left:40%; }
#main .visual03 { width:1920px; left:60%; }
#main .visual04 { width:1920px; left:80%; }
/* #main .visual02 { width:1920px; left:44%; }
#main .visual03 { width:1920px; left:72%; } */

#main .visual .visual-set1 { position:absolute; left:0; top:0; width:1920px; height:939px; }
#main .visual .visual-set2{ position:absolute; left:0; top:0; width:1920px; height:939px; }

#main .visual .visual-set1 .visual-cover { position:absolute; left:0; top:0; background:url(../../img/00_main/visual_cover_01.png); width:1920px; height:939px; }
#main .visual .visual-set2 .visual-cover { position:absolute; left:0; top:0; background:url(../../img/00_main/visual_cover_02.png); width:1920px; height:939px; }

#main .visual .visual-set2 .visual-txt1 .txt1{ margin-top:25px; }
#main .visual .visual-set .visual-txt1 .txt1{ font-size: 12px; font-weight: 600; }
#main .visual .visual-set1 .visual-txt1 .txt1{ color: #fff; }
#main .visual01 .visual-set2 .visual-txt1 .more-btn { margin-top:35px; }
#main .visual02 .visual-set2 .visual-txt1 .more-btn { margin-top:35px; }
#main .visual03 .visual-set2 .visual-txt1 .more-btn { margin-top:35px; }
#main .visual04 .visual-set2 .visual-txt1 .more-btn { margin-top:35px; }

#main .visual .visual-set1 .visual-txt1 .txt1{ margin-top:25px; }
#main .visual .visual-set1 .visual-txt1 .more-btn { margin-top:35px; }
/* #main .visual02 .visual-set1 .visual-txt1 .more-btn { margin-top:86px; }
#main .visual03 .visual-set1 .visual-txt1 .more-btn { margin-top:86px; } */
#main .visual .visual-set1 .visual-txt1 .more-btn a { display:inline-block; width:97px; height:34px; background:url(../../img/00_main/v_set1_more_btn.png) no-repeat 0 0; text-indent:-9999px; }
#main .visual .visual-set1 .visual-txt1 .more-btn a:hover { background-position: 0 -34px;}

#main .visual01 .visual-set2 { display:none; }
#main .visual02 .visual-set1 { display:none; }
#main .visual03 .visual-set1 { display:none; }
#main .visual04 .visual-set1 { display:none; }

#main .visual .visual-img { position:absolute; left:0; top:0; width:1920px; height:939px; }

#main .visual02 .visual-img { left:-40%; }
#main .visual03 .visual-img { left:-60%; }
#main .visual04 .visual-img { left:-80%; }

#main .visual .visual-box { position:absolute; top:241px; text-align:center; }

#main .visual .visual-box .visual-txt2 a { color:#fff; font-family: 'Open Sans', sans-serif; font-weight:600; font-size:16px; }

#main .visual .visual-box .visual-txt2 .txt1 { margin-top:30px; }
#main .visual .visual-box .visual-txt2 .back-btn { margin-top:20px; }

#main .visual .visual-box .visual-txt2 .back-btn a { display:inline-block; width:48px; height:48px; background:url(../../img/00_main/btn_back.png) no-repeat 0 0; text-indent:-9999px; }
#main .visual .visual-box .visual-txt2 .back-btn a:hover { background-position: 0 -48px; }

#main .visual .visual-box .visual-txt2{ display:none; }

#main  .visual-box .visual-txt2 ul { position:relative; margin:30px auto; width:360px; overflow:hidden; }
#main  .visual-box .visual-txt2 ul.align-center { display: flex; justify-content: center; align-items: center; }
#main  .visual-box .visual-txt2 ul li { position:relative; float:left; width:50%; }
#main  .visual-box .visual-txt2 ul li a { display:inline-block; width:180px; line-height:30px; }
#main  .visual-box .visual-txt2 ul li a:hover { background:#fff; color:#261510;  }
#main  .visual-box .visual-txt2 .back-btn { margin-top:30px; }

#main .visual01 .visual-box .visual-txt2 ul li { width: 100%; }

#main .visual04 .visual-set1 .visual-txt1 .img { margin-top:109px; }
/* .visual 패널이 3개인 경우 (visual03 -> visual04로 변경됨) */
/* #main .visual03 .visual-set1 .visual-txt1 .img { margin-top:109px; } */

#main .left-btn { position:absolute; left:40px; top:450px; display:none; }
#main .right-btn { position:absolute; right:40px; top:450px; display:none; }


#main-banner { position:fixed; top:73px; right:100px; z-index:99999; }
#main-banner .close-con { position:absolute; left:70px; top:39px; }

/*************************************************************************** brand */
#brand .brand-img { max-width: 100%; }
#brand .brand-slider { position:absolute; left:540px; top:564px; width:500px; height:325px; overflow:hidden; }
#brand .brand-slider ul li { position:absolute; }


/*************************************************************************** menu */
.menu-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.menu-link { position: relative; }
.menu-link a { display: block; width: 100%; height: 100%; }
.menu-link-txt { position: absolute; left: 35px; top: 38px; line-height: 30px; }
.menu-link-txt h2 { font-size: 28px; font-weight: 600; }
.menu-link-txt h2 span { display: block; font-size: 14px; }


/*************************************************************************** sub02 menu */
.sub-nav { width:100%; height:auto; background:#AF937D; }
/*.sub-nav.customer-nav { height:50px; }*/
.sub-nav ul { display: flex; overflow:hidden; margin-left:0px; }
.sub-nav ul li { flex: 1; }
/* .sub-nav ul li:nth-child(10) { display:none; } */

#sub02 .visual { position: relative; }
#sub02 .visual-txt { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; align-items: center; padding-left: 84px; font-size: 24px; font-weight: 600; line-height: 1.5; }

#sub02 .sub-nav ul li a { display:block; line-height:50px; text-align:center; color:#fff; }
#sub02 .sub-nav ul li a:hover, #sub02 .sub-nav ul li a.selected { font-weight:600; color:#b3a89d; background:#fff; }


#sub02 .menu-con { display: flex; overflow:hidden; }
#sub02 .menu-con .menu-visual { width: calc(108.45px * 5); overflow: hidden; }
#sub02 .menu-con .menu-visual img { display: block; width: 100%; }
#sub02 .con-box { display: flex; flex: 1; flex-direction: column; align-items: center; padding-top:40px; width:550px; max-height: 619px; text-align:center;  }

#sub02 .con-box .menu { display:inline-block; }
#sub02 .con-box .menu ul { overflow:hidden; }
#sub02 .con-box .menu ul.lunch { width:500px;}
#sub02 .con-box .menu ul.beef { width:475px;}
#sub02 .con-box .menu ul li a{ display:inline-block; color:#b3a89d; }
#sub02 .con-box .menu ul li:hover, #sub02 .con-box .menu ul li.selected, #sub02 .con-box .menu ul li.selected { color:#756657; border-bottom:1px solid #756657; }
#sub02 .con-box .menu ul li.selected a { color:#756657; }
#sub02 .con-box .menu ul li a:hover { color:#756657; }
#sub02 .con-box .menu ul li { float:left; font-family: 'Nanum Gothic', sans-serif;  font-size:16px; color:#b3a89d; padding:0 12.75px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #e7e8e8; line-height:42px; height:42px; }
#sub02 .con-box .menu ul li.br { line-height:1; }
#sub02 .con-box .menu ul.beef li { width: 19%; }
#sub02 .con-box .menu ul.lunch li { width:83px; font-size:14px; padding:10px 0 0 0; }
#sub02 .con-box .menu ul.wine li { width:24%; font-size:14px; padding:10px 0 0 0; }
#sub02 .con-box .menu ul li.w105 { width: 105px; }
#sub02 .con-box .menu.beef-menu ul li a { font-size:14px; line-height: 1; padding:10px 0 0 0; }
#sub02 .con-box .menu.beef-menu ul li { font-size:14px; }

#sub02 .menu-con .menu-desc { align-self: stretch; flex: 1; min-height: 0; padding-top: 72px; padding-bottom: 24px; padding-left: 32px; padding-right: 32px; color: #756657; overflow-y: auto; }
#sub02 .menu-con .menu-desc-icon { display: block; width: 100%; height: 10px; margin-bottom: 32px; background-image: url(../../img/02_menu/icon_menu_txt.png); background-position: center; background-repeat: no-repeat; }
#sub02 .menu-con .menu-desc-title { font-size: 18px; font-weight: 600; margin-bottom: 6px; }
#sub02 .menu-con .menu-desc-subtitle { margin-bottom: 15px; font-weight: 400; }
#sub02 .menu-con .menu-desc-subtitle.semibold { margin-bottom: 4px; font-weight: 600; }
#sub02 .menu-con .menu-desc-caption { font-size: 13px; }
#sub02 .menu-con .menu-desc .tag-wrap { display: flex; justify-content: center; gap: 8px; }
#sub02 .menu-con .menu-desc .tag-wrap .tag { padding: 4px 8px; background-color: #af937d; color: #fff; line-height: 1.1; border-radius: 12px; font-size: 13px; font-weight: 700; }
#sub02 .menu-con .menu-desc-notice { padding: 18px 18px 27px; border: 1px solid #e7e8e8; }
#sub02 .menu-con em { font-style: normal; font-weight: 600; }
#sub02 .menu-con .menu-desc .inner-tab-nav { display: flex; justify-content: center; margin-top: 30px; margin-bottom: 30px; }
#sub02 .menu-con .menu-desc .inner-tab-nav li { padding: 0 12px; }
#sub02 .menu-con .menu-desc .inner-tab-nav li.selected { font-weight: 600; }
#sub02 .menu-con .menu-desc .inner-tab-nav li + li { border-left: 1px solid #756657; }
#sub02 .menu-con .menu-desc .inner-tab-nav li a { color: inherit; }
#sub02 .menu-con .menu-desc table { position: relative; text-align: left; }
#sub02 .menu-con .menu-desc table caption { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
#sub02 .menu-con .menu-desc table tr { vertical-align: top; }
#sub02 .menu-con .menu-desc table tr.bt { border-top: 1px solid #756657; }
#sub02 .menu-con .menu-desc table th, #sub02 .menu-con .menu-desc table td { padding: 15px; }
#sub02 .menu-con .menu-desc table th, #sub02 .menu-con .menu-desc table td.pr0 { padding-right: 0; }


/*************************************************************************** sub03 restaurants */
/*#restaurants .sub-nav { height:50px; }*/
#restaurants .sub-nav ul { margin-left:0px; }
#restaurants .sub-nav ul li a { display:block; width:164px; line-height:50px; text-align:center; color:#fff; }
#restaurants .sub-nav.type02 ul li a { width:137px; }
#restaurants .sub-nav ul li a:hover, #restaurants .sub-nav ul li a.selected { font-weight:600; color:#b3a89d; background:#fff; }
#restaurants .restaurants-con { position:relative; }

/*#restaurants .map-btn { position:absolute; left:778px; top:772px; }*/
#restaurants .map-btn { position:absolute; left:778px; top:777px; display:none; }
/*************************************************************************** 04_Customer > News */
/*.customer-nav ul li a { display:block; width:245px; line-height:50px; text-align:center; color:#fff; }*/
.customer-nav ul { display: flex; }
.customer-nav ul li { flex: 1; }
.customer-nav ul li a { display:block; line-height:50px; text-align:center; color:#fff; }
.customer-nav ul li a:hover, .customer-nav ul li a.selected { font-weight:600; color:#b3a89d; background:#fff; }
.customer-page { padding: 34px 110px; padding-bottom:80px; }


.branch_choice { position:relative; width:260px; margin-left:620px; margin-bottom:10px; z-index:999; }
.branch_choice span { display:inline-block; width:159px; line-height:36px; background:url('../../img/04_customer/barch_choice_select.gif') no-repeat; color:#626262; padding-left:20px; font-size:14px; }

.branch_choice ul { position:absolute; width:179px; border-left:1px solid #b3a89d; border-right:1px solid #b3a89d; border-bottom:1px solid #b3a89d; background:#f5f5f5; right:0; top:35px;}
.branch_choice ul li{ height:22px; line-height:22px; font-size:14px; padding-top:10px; padding-bottom:10px; padding-left:20px; color:#666;}
.branch_choice ul li a:hover{ color:#a08870; font-weight:700;}

/******************************************************* board table */
table {width:100%; table-layout:fixed;}
.board {margin-top:0px; border-top:1px solid #b3a89d;}
.board th {font-size:14px; height:44px; line-height:44px; border-bottom:1px solid #d9e0e3; background-color:#f4f4f4; color:#6a6a6a; font-weight:700; letter-spacing:-1px; vertical-align: top;}
.board_list th {border-bottom:1px solid #d9e0e3; background-color:#f4f4f4; color:#666; font-weight:700; letter-spacing:-1px;}
.board td {height:22px; line-height:22px; padding:11px 0; border-bottom:1px solid #e6e6e6;}
.board thead th { text-align:center; background:#f4f4f4;}
.board td { vertical-align:top; color:#838383; padding-left: 10px; padding-right: 10px;}
.division { text-align:left !important; padding-left:20px !important;}
.board_list tbody td {text-align:center; vertical-align:top; color:#838383; font-size:12px;}
.board tbody td.title a {overflow:hidden; display:block; text-align:left; color:#6a6a6a; white-space:nowrap; text-overflow:ellipsis; font-size:14px;}
.board tbody td.title a:hover {text-decoration:none !important; font-weight:700;}
.board tbody td.num, .board tbody td.date, .board tbody td.visit {font-family:Arial;}
.board_list tbody tr:hover {color:#0072aa; font-weight:700;}
.board_list tbody tr:hover td.title a {color:#a08870;}
.board .btn_st03 {margin:-3px 0 -5px;}

/******************************************************* paginate */
/*
.paginate { height:14px; margin-top:31px; text-align:center; vertical-align:middle;}
.paginate .page_num {display:inline-block; overflow:hidden; vertical-align:middle; margin-left:40px; margin-right:40px;}
.paginate .page_num a {display:inline-block; cursor:pointer; font-size:14px; padding: 0 10px; color:#999999;}
.paginate .page_num a:hover { color:#a12323;}
.paginate .page_num .page_active { color:#a12323; font-weight:bold; }
*/
.paginate { height: 27px; margin-top: 20px; text-align: center;}
.paginate .page_num { display: inline-block; overflow: hidden;}
.paginate .page_num a { display: inline-block; margin: 0 2.5px; color: #756657; line-height: 34px; width: 34px; height: 34px; font-size: 13px; border:1px solid #eee;}
.paginate .page_num a:hover, .paginate .page_num a:focus, .paginate .page_num .page_active  { font-weight: bold; color: #fff; background:#a08870; border:1px solid #a08870; }
.paginate img { margin:0 2.5px; }

/******************************************************* board_view */
.board_view { border-bottom: 1px solid #b3a89d;}
.board_view > div { overflow: hidden; padding : 15px 20px; color: #474747; border-bottom: 1px solid #e6e6e6;}
.board_view div.tit { border-top: 1px solid #cccccc; background:#f4f4f4;}
.board_view div.tit p { float:left; color:#666; font-weight:700;}
.board_view div.tit p span { color:#b3a89d; padding-right:10px; }
.board_view div.tit .info {float:right; font-weight:normal; font-size:12px; padding-top:4px;}

.board_view div.txt_box { padding:25px; border-bottom: none; color:#6a6a6a; font-size:14px; line-height:1.5; text-align:justify;}
.board_view div.txt_box > p { margin-bottom:30px;}

.board_view ul.pn { overflow: hidden; font-size:14px;}
.board_view ul.pn a { color:#b3a89d; }
.board_view ul.pn dl { overflow: hidden;}
.board_view ul.pn dt {  float:left; padding: 11px 28px; padding-right:70px; height:18px; line-height:18px; color:#a08870; font-weight:bold;}
.board_view ul.pn dd {  overflow: hidden; padding: 11px 0 11px 28px; height:18px; line-height:18px; color:#6a6a6a; }
.board_view ul.pn dd span { color:#666; padding-left:15px;}
	.prev_page { border-bottom: 1px solid #e3e3e3;}
	.prev_page dt { background: url('../../img/04_customer/page_bar.gif') no-repeat right center;}
	.next_page dt { background: url('../../img/04_customer/page_bar.gif') no-repeat right center;}
/******************************************************* btn */

.btn_black {
	margin-left: 0px; padding: 9px 20px; text-align: center;
	line-height: 13px; background: #838383; color: #fff; font-size: 14px; font-weight: 700;
	letter-spacing:  0px;
	border: 1px solid #838383;
}
.btn_black:hover, .btn_black:focus{ background: #000; border: 1px solid #000; color: #fff;}

.btn_c {text-align:center; margin-top:30px;}


.btn_brown {
	margin-left: 0px; padding: 9px 20px; text-align: center;
	line-height: 13px; background: #b3a89d; color: #fff; font-size: 14px; font-weight: 700;
	letter-spacing:  0px;
}
.btn_brown:hover, .btn_brown:focus{ background: #a08870; color: #fff;}



/*************************************************************************** 04_Customer > EVENT */
#customer-event .event-list { width:100% }
#customer-event .event-list dl { border:1px solid #eee; padding:30px; overflow:hidden; margin-bottom:50px; }
#customer-event .event-list dl dt { float:left; width:340px; font-weight:700; }
#customer-event .event-list dl dd { position:relative; float:right; margin-left:35px; }

#customer-event .event-list dl dt .el-date { color:#756657; }
#customer-event .event-list dl dt .el-tit { color:#756657; font-size:24px; margin-top:15px; line-height:1.3em; letter-spacing:-0.8px; }
#customer-event .event-list dl dt .el-txt { color:#898989; margin-top:15px; font-weight:normal; }
#customer-event .event-list dl dt .el-icon { margin-top:15px; }

#customer-event .event-list dl dd .el-cover { position:absolute; left:0; top:0px; }



/*************************************************************************** 04_Customer > 상품권 */
#voucher {}
#voucher .customer-page { padding-top: 63px; }
#voucher .sub-tab { margin-bottom: 25px; }
#voucher .sub-tab ul { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
#voucher .sub-tab li {}
#voucher .sub-tab li.active {}
#voucher .tab-btn { height: 46px; padding: 0 18px; font-size: 16px; color: #b3a89d; background-color: transparent; border: none; border-bottom: 1px solid #e7e8e8; cursor: pointer; }
#voucher .tab-btn[data-tab="mobile"] {}
#voucher .tab-btn[data-tab="giftcard"] {}
#voucher li.active .tab-btn { color: #756657; border-bottom: 1px solid #756657; }
#voucher .tab-content { padding: 60px; border: 1px solid #dddddd; }
#voucher .tab-panel { height: 0; opacity: 0; pointer-events: none; }
#voucher .tab-panel.active { height: auto; opacity: 1; transition: opacity 0.5s ease; }
#voucher .tab-panel h3 { margin-bottom: 50px; font-size: 24px; text-align: center; font-weight: normal; line-height: 1.5; color: #666666; }
#voucher .tab-panel .use-tbl { margin-bottom: 84px; }
#voucher .tab-panel .use-tbl dl { display: flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; border-top: 1px solid #b3a89d; border-bottom: 1px solid #b3a89d; }
#voucher .tab-panel .use-tbl dl dt { width: 176px; padding: 20px 10px 20px 25px; box-sizing: border-box; background-color: #f5f5f5; }
#voucher .tab-panel .use-tbl dl dt b { display: block; margin-bottom: 15px; font-size: 16px; color: #666; }
#voucher .tab-panel .use-tbl dl dt span { color: #af937d; }
#voucher .tab-panel .use-tbl dl dd { width: calc(100% - 176px); padding: 40px 15px; box-sizing: border-box; }
#voucher .tab-panel .use-tbl dl > *:nth-child(1), #voucher .tab-panel .use-tbl dl > *:nth-child(2) { border-bottom: 1px solid #eee; }
#voucher .tab-panel .use-tbl dl dd ol { display: flex; align-items: center; }
#voucher .tab-panel .use-tbl dl dd li { position: relative; width: 35%; padding: 0 15px; box-sizing: border-box; text-align: center; }
#voucher .tab-panel .use-tbl dl dd li:nth-child(2) { width: 30%; }
#voucher .tab-panel .use-tbl dl dd li:not(:first-child)::before { content: ''; position: absolute; top: 50%; left: -11px; transform: translateY(-50%); width: 25px; height: 18px; background: url('../../img/04_customer/use_tbl_arr.png') center no-repeat; background-size: 100% auto; }
#voucher .tab-panel .use-tbl dl dd li b { display: inline-block; margin-bottom: 5px; color: #af937d; }
#voucher .tab-panel .use-tbl dl dd li p { font-size: 13px; color: #666; }
#voucher .tab-panel .use-guide {}
#voucher .tab-panel .use-guide h4 { position: relative; margin-bottom: 78px; font-size: 26px; text-align: center; font-weight: normal; color: #756657; }
#voucher .tab-panel .use-guide h4::before { content: ''; position: absolute; top: calc(100% + 20px); left: 50%; transform: translateX(-50%); width: 151px; height: 20px; background: url('../../img/04_customer/tit_deco.png') center no-repeat; background-size: 100% auto; }
#voucher .tab-panel .use-guide ul li { padding: 3px 0; letter-spacing: -0.5px; color: #666; }
#voucher .tab-panel#giftcard h3 { margin-bottom: 87px; }
#voucher .tab-panel .use-guide-wrap { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; gap: 0 30px; width: calc(100% + 30px); }
#voucher .tab-panel .use-guide-wrap .photo { width: 290px; }
#voucher .tab-panel .use-guide-wrap .photo img { width: 100%; }
#voucher .tab-panel .use-guide-wrap ul { width: calc(100% - 320px); }
#voucher .tab-panel .use-guide-wrap ul li { position: relative; padding-left: 12px; }
#voucher .tab-panel .use-guide-wrap ul li::before { content: ''; position: absolute; top: 12px; left: 0; width: 4px; height: 4px; border-radius: 2px; background-color: #666; }


/*************************************************************************** 07_Customer > 고객의 소리 */
.sub-visual { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; gap: 0 40px; padding: 40px 0 20px; background-color: #fff; }
.sub-visual p { font-size: 26px; font-weight: bold; line-height: 1.38; color: #666; }

#customer-voc .opinion-table { color:#6a6a6a;}
#customer-voc .opinion-table tr td { padding:7px 10px; border-top:1px solid #e6e6e6; }
#customer-voc .opinion-table tr:first-child td { border-top:1px solid #bbbbbb;}
#customer-voc .opinion-table tr:last-child td { border-bottom:1px solid #bbbbbb;}
#customer-voc .opinion-table tr td:first-child { padding-left:40px; font-weight:700; color:#6a6a6a; background:#f4f4f4; }
#customer-voc .opinion-table .bl {border-left:0;}
#customer-voc .opinion-table .br {border-right:0;}
#customer-voc .red { color:#a12323; }
#customer-voc .brown { color:#b3a89d; }
#customer-voc .agree-box { font-size:16px; font-weight:700; color:#666; padding-top:30px; padding-left:220px;  }
#customer-voc .agree-box span { padding-left:30px; }
#customer-voc .agree-box span:first-child { padding-left:0; }

#customer-voc .tit01 { position:relative; }
#customer-voc .comment { position:absolute; right:0; top:0; font-size:12px; color:#6a6a6a; }

#customer-contact .contact-title { display: flex; align-items: flex-end; font-size: 14px; color: #6a6a6a;}
#customer-contact .contact-title h3 { margin-right: 80px; font-size: 30px; line-height: 1; color: #666; }

#customer-contact .contact-form { position: relative; margin-top: 30px; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; color: #6a6a6a; }
#customer-contact .contact-form > div { display: flex; align-items: center; }
#customer-contact .contact-form > div + div { border-top: 1px solid #e6e6e6; }
#customer-contact .contact-form > div > div { flex: 1; }
#customer-contact .contact-form > p { position: absolute; right: 0; bottom: calc(100% + 5px); font-size: 12px; }
#customer-contact .contact-form > p span { color: #b3a89d; }
#customer-contact .contact-form label, #customer-contact .contact-form h4 { min-width: 160px; max-width: 160px; align-self: stretch; display: flex; align-items: center; margin-right: 10px; padding-left: 40px; background-color: #f4f4f4; font-weight: 700; color: #6a6a6a; }
#customer-contact .contact-form label span { margin-left: 4px; color: #b3a89d; }
#customer-contact .contact-form .form-type01 { width: 170px; margin: 7px 0; box-sizing: border-box; }
#customer-contact .contact-form .select-wrap { position: relative; flex-grow: 0; }
#customer-contact .contact-form .select-wrap:after { content: ''; position: absolute; top: 50%; right: 10px; width: 0; height: 0; border: 5px solid transparent; border-top-color: #6e6e6e; transform: translateY(-10%); pointer-events: none; }
#customer-contact .contact-form .select-wrap select { cursor: pointer; }
#customer-contact .contact-form select.form-type01:after { content: ''; position: absolute; right: 0; top: 0; width: 5px; height: 5px; background-color: #000; }
#customer-contact .contact-form .form-type01:focus-visible, #customer-contact .contact-form textarea:focus-visible { outline: 2px solid #999; }
#customer-contact .contact-form .form-type01[name='tel'] { width: 118px; }
#customer-contact .contact-form label[for='tel1'] ~ span,
#customer-contact .contact-form .form-type01[name='eml_id'] + span { margin: 0 10px; }
#customer-contact .contact-form .form-type01[name='title'] { width: 100%; }
#customer-contact .contact-form textarea[name='content'] { width: 100%; margin-top: 7px; padding: 7px; border: 1px solid #e6e6e6; background-color: #f5f5f5; color: #626262; resize: none; box-sizing: border-box; }
#customer-contact .contact-form textarea[name='content'] + p { margin-bottom: 7px; font-size: 12px; }
#customer-contact .contact-form .file-input-box { display: flex; padding-top: 7px; }
#customer-contact .contact-form .file-input-box ul { flex: 1; }
#customer-contact .contact-form .file-input-box .file-input-record { display: flex; margin-bottom: 7px; }
#customer-contact .contact-form .file-input-box .file-input-record input[type='text'] { flex: 1; margin: 0; }
#customer-contact .contact-form .file-input-box .file-input-record label { min-width: 0; margin: 0 15px; padding: 0 20px; cursor: pointer; background-color: #b3a89d; border: 2px solid #b3a89d; color: #fff; }
#customer-contact .contact-form .file-input-box .file-input-record input[type='file']:focus-visible + label { border-color: #000; }
#customer-contact .contact-form .file-input-box .file-more { position: relative; width: 30px; height: 30px; border: 1px solid #e6e6e6; background-color: transparent; cursor: pointer; }
#customer-contact .contact-form .file-input-box .file-more:before, #customer-contact .contact-form .file-input-box .file-more:after { content: ''; position: absolute; top: 50%; left: 50%; width: 50%; height: 3px; background-color: #b3a89d; transform: translate(-50%, -50%); }
#customer-contact .contact-form .file-input-box .file-more:after { transform: translate(-50%, -50%) rotate(90deg); }
#customer-contact .contact-form .file-input-box ~ p { font-size: 12px; }
#customer-contact .contact-form .file-input-box ~ p:last-of-type { margin-bottom: 7px; }
#customer-contact .contact-form .privacy-box .privacy-content { margin-top: 7px; padding: 20px; max-height: 200px; overflow-y: scroll; border: 1px solid #e6e6e6; background-color: #f5f5f5; color: #626262; }
#customer-contact .contact-form .privacy-box > div, #customer-contact .contact-form .privacy-box ul { display: flex; justify-content: flex-end; align-items: center; }
#customer-contact .contact-form .privacy-box ul li label { position: relative; justify-content: center;  min-width: 40px; margin-left: 20px; background-color: transparent; cursor: pointer; }
#customer-contact .contact-form .privacy-box ul li:last-of-type label { min-width: 85px; margin-left: 20px; }
#customer-contact .contact-form .privacy-box label:before, #customer-contact .contact-form .privacy-box label:after { content: ''; position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #e6e6e6; box-sizing: border-box; }
#customer-contact .contact-form .privacy-box label:after { top: 6px; left: 6px; width: 8px; height: 8px; border: none; }
#customer-contact .contact-form .privacy-box input:focus-visible + label:before { border-width: 2px; border-color: #6a6a6a; }
#customer-contact .contact-form .privacy-box input:checked + label:after { background-color: #d90037; }
#customer-contact .contact-form .privacy-box .privacy-notice { padding-left: 14px; text-indent: -14px; font-size: 12px; }

#customer-contact .contact-btn-wrap { margin-top: 40px; text-align: center; }
#customer-contact .contact-btn-wrap button { border: 1px solid #b3a89d; cursor: pointer; box-sizing: border-box; font-size: 18px; line-height: 1; }
#customer-contact .contact-btn-wrap button + button { margin-left: 20px; background-color: #fff; color: #6a6a6a; }

/*************************************************************************** 04_Customer > Sitemap */
#sitemap { overflow:hidden; margin-top:66px; }
#sitemap>div { float:left; width:170px; margin-right:50px; }
#sitemap>div.con4 { margin-right:0; }
#sitemap>div.con5 { margin-top:10px; clear:both; }
#sitemap>div.con6 { margin-top:10px; }


#sitemap>div p { font-family: 'Open Sans', sans-serif;
	font-size:18px; color:#b3a89d; font-weight:600; letter-spacing:-0.5px;
	padding-bottom:20px; border-bottom:1px solid #ede9e5;
}
#sitemap>div ul { margin-top:12px; }
#sitemap>div ul li a { display:block; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#666; line-height:25px; padding-left:13px; background:url(../../img/04_customer/sitemap_bul.gif) no-repeat 0 -11px ;
}
#sitemap>div ul li a:hover { font-weight:700; background-position: 0 11px ; }

/*************************************************************************** 04_recruit > recruit */
.recruit { padding:50px 112px 60px 110px; color:#666; font-size:12px; }
.recruit .title { text-align:center; }
.recruit .title img { display:inline-block; }
.recruit .title p { display:inline-block; padding-top:40px; padding-left: 40px; font-size:26px; font-weight:bold; line-height:1.38; text-align:left; }
.recruit .sub-title { font-size:22px; font-weight:bold; color:#ae6e2e; line-height:1.27; }

.table-recruit { border-top:1px solid #b3a89d; border-bottom:1px solid #b3a89d; }
.table-recruit thead { background:#f4f4f4; border-bottom:1px solid #eee; height:45px; line-height:45px; }
.table-recruit th { font-size:14px; background:url('../../img/05_recruit/table_bar.gif') no-repeat right center;}
.table-recruit th.bg-none { background:none; }
.table-recruit tr { border-bottom:1px solid #eee; }

.pl40 { padding-left:40px; }
.pl20 { padding-left:20px; }
.table-recruit td.bdb-b3a89d { border-bottom:1px solid #b3a89d; }

.table-store {  }
.table-store thead { background:#977145; color:#fff; }
.table-store th, .table-store td { border-right:1px solid #eee; height:35px; line-height:35px; }
.table-store tr { border-bottom:1px solid #eee; }

select { font-family: inherit; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select.select_type1 { display: inline-block; height: 30px; padding: 4px 10px; border: 0; color:#585049; font-size: 13px; line-height: 1.2; cursor: default; vertical-align: middle; background:#b3a89d; }
#restaurants .sub-nav { position: relative; width:100%; height:auto; background:#fff; text-align: center; }
#restaurants .select-wrap { overflow: hidden; position: relative; display: inline-block; margin-top: 33px; }
#restaurants select { position: relative; width: 638px; height: 40px; font-size: 14px; color: #fff;  background-image: url(../../img/common/btn_select.png); background-color: #bb985b; background-repeat: no-repeat; background-position: right 20px center; padding-left: 106px; }
#restaurants .select-wrap::before { content: '지점선택'; display: inline-block; position: absolute; left: 0px; top:10px; padding-left: 27px; padding-right: 15px; height: 20px; color: #fff; font-size: 14px; border-right: 1px solid #fff; z-index: 2; }

/*************************************************************************** 03_Restaurants > restaurants */
.restaurants-con { padding-top: 45px; padding-bottom: 60px; }
.restaurants-con-inner { width: 640px; margin-left: auto; margin-right: auto; }
.rest-visual { position: relative; margin-bottom: 35px; }
.rest-visual .control { position: absolute; top: 50%; left: 0; width: 100%; display: flex; justify-content: space-between; align-items: center; transform: translateY(-50%); z-index: 10; }
.rest-visual .control button { border: 0; background-color: #ffffff80; width: 37px; height: 39px; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; }
.rest-visual .control .rest-visual-prev { border-radius: 0 20px 20px 0; }
.rest-visual .control .rest-visual-next { border-radius: 20px 0 0 20px; }
.rest-visual .pagination { position: absolute; bottom: 0 !important; left: 0; width: 100%; z-index: 10; text-align: center; background-color: #ffffff40; }
.rest-visual .pagination .swiper-pagination-bullet { background-color: #fff; }
.rest-visual .pagination .swiper-pagination-bullet-active { background-color: #756657; }
.rest-title { display: flex; align-items: flex-end; margin: 0 auto; margin-bottom: 25px; padding-bottom: 10px; font-size: 40px; font-weight: 500; color: #756657; line-height: 1; border-bottom: 1px solid #eee; }
.rest-title .sub-title { margin-left: 0.5em; font-size: 24px; font-weight: 400; color: #b3a89d; }
.rest-table { margin: 0 auto 40px; display: flex; gap: 16px; }
.rest-table-row { flex: 1; display: flex; flex-direction: column; gap: 30px; }
.rest-table-cell-title { margin-bottom: 8px; font-size: 20px; font-weight: 600; color: #756657; }
.rest-table-cell-content { font-size: 14px; color: #666; line-height: 1.7; }
.rest-table-cell-content em { font-style: normal; font-weight: 600; }
.rest-table-cell-content .divider { display: block; width: 100%; height: 1px; margin: 5px 0; border-bottom: 1px dotted #b3a89d; }
.rest-recommend-list li { display: flex; word-break: keep-all; } 
.rest-recommend-list li:before { content: '•'; margin-right: 0.2em; color: #bb985c; } 
.rest-recommend-list li em { font-weight: 700; }
.rest-btn-wrap { display: flex; justify-content: center; gap: 10px; margin-top: 60px; }
.btn-rest-reservation { width: 146px; height: 40px; display: inline-flex; justify-content: center; align-items: center; background-color: #74645a; color: #fff; padding: 15px 20px; border-radius: 3px; text-align: center; font-size: 16px; font-weight: 500; box-sizing: border-box; white-space: nowrap; }



/*************************************************************************** Main > 지점슬라이드
.restaurants>ul{ position:relative; overflow:hidden; width:390px; height:460px;  }
.restaurants>ul>li { position:absolute; }
.restaurants .control { position:absolute; right:20px; bottom:23px;}
.restaurants .control>ul { overflow:hidden; }
.restaurants .control>ul>li { float:left; }
.restaurants .control>ul>li a { background:none; border:none; padding:0; vertical-align:top; }
.restaurants .control>ul>li a:hover{display:block; height:33px; background:#818181;}
/*************************************************************************** 01_About
.profile { margin-bottom:56px;}
.profile img:first-child { margin-bottom:20px;}
.message img:first-child { display:block; margin-bottom:20px;}

.location {width:920px; height:400px; margin-bottom:45px;}
.contact_dsc p {font-size:16px; font-weight:bold; color:#6e6e6e;}

/*************************************************************************** 02_Restaurants
.branch_gallery { padding-bottom:20px; }
.branch_gallery .branch_wrap { position:relative; height:50px; overflow:hidden; display:inline-block;}

.branch_gallery ul { position:relative; height:25px;}
.branch_gallery li { position:relative; display: inline; margin-left:5px; }
.branch_gallery li:first-child { margin-left:0; }
.branch_pager {height:50px; margin:20px auto;}
.branch_pager a { width:60px; height:50px; overflow:hidden; }
.branch_pager a:hover { width:60px; height:50px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:4px solid #a7926d; }
.branch_pager a:hover img { margin:-4px; }

.branch_active { width:60px; height:50px; display:inline-block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; border:4px solid #a7926d;  }

.branch_pager.cityhall { width:690px; margin:20px auto;}
.branch_pager.headoffice01 {width:410px; margin:20px auto;}
.branch_pager.headoffice02 {width:546px; margin:20px auto;}
.branch_pager.gangbyeon {width:546px; margin:20px auto;}
.branch_pager.sky {width:475px; margin:20px auto;}
.branch_pager.vip {width:475px; margin:20px auto;}
.branch_pager.myeongdong {width:546px; margin:20px auto;}

.branch_address { padding-top:30px; }
.branch_address tr{ height:44px; line-height:44px; font-size:14px; color:#6a6a6a; text-align:left; border-top:1px solid #bbbbbb; border-bottom:1px solid #bbbbbb;}
.branch_address tr:first-child th, .branch_address tr:first-child td {border-top:1px solid #bbbbbb !important;}
.branch_address tr th { background:#f4f4f4; border-top:1px solid #e6e6e6; text-align:left; padding-left:20px;}
.branch_address tr td { border-top:1px solid #e6e6e6; padding-left:20px;}
	.sub_tit { font-size:16px; margin:10px 0;}

.branch_map { padding-top:30px; }
.branch_map .location { width:920px; height:280px; background:#333; color:#fff}

/*************************************************************************** 03_Menu

.menu_dsc img {margin-bottom: 45px;}

.beef_dsc { height:410px; }
.beef_dsc dl:first-child {margin-left:0;}
.beef_dsc dl { float:left; width:260px; margin-left:70px; }
.beef_dsc dl dd { padding-top:20px; color:#6e6e6e; font-size: 14px; line-height: 1.5; text-align:justify;}
.beef_dsc dl dd p { margin-bottom:30px; }

.menusub_dsc img:first-child { margin-right:19px;}

.drink img { margin-bottom:45px;}

/*************************************************************************** 04_Customer > News

.branch_choice { position:relative; width:260px; margin-left:660px; margin-bottom:25px; }
.branch_choice span { display:inline-block; width:148px; height:25px; background:url('../../img/05_customer/barch_choice_select.gif') no-repeat; color:#626262; padding-left:20px; padding-top:11px; font-size:14px; }

.branch_choice ul { position:absolute; width:166px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; background:#f5f5f5; right:0; top:36px;}
.branch_choice ul li{ height:22px; line-height:22px; font-size:14px; padding-top:10px; padding-bottom:10px; padding-left:20px; color:#626262;}
.branch_choice ul li a:hover{ color:#a12323; font-weight:700;}

/******************************************************* board table
table {width:100%; table-layout:fixed;}
.board {margin-top:0px; border-top:1px solid #bbbbbb;}
.board th {font-size:14px; height:44px; line-height:44px; border-bottom:1px solid #d9e0e3; background-color:#f4f4f4; color:#6a6a6a; font-weight:normal; letter-spacing:-1px; vertical-align: top;}
.board_list th {border-bottom:1px solid #d9e0e3; background-color:#f4f4f4; color:#666; font-weight:normal; letter-spacing:-1px;}
.board td {height:22px; line-height:22px; padding:11px 0; border-bottom:1px solid #e6e6e6;}
.board thead th { text-align:center; background:#f4f4f4;}
.board td { vertical-align:top; color:#838383; padding-left: 10px; padding-right: 10px;}
.division { text-align:left !important; padding-left:20px !important;}
.board_list tbody td {text-align:center; vertical-align:top; color:#838383; font-size:12px;}
.board tbody td.title a {overflow:hidden; display:block; text-align:left; color:#6a6a6a; white-space:nowrap; text-overflow:ellipsis;}
.board tbody td.title a:hover {text-decoration:none !important; font-weight:bold;}
.board tbody td.num, .board tbody td.date, .board tbody td.visit {font-family:Arial;}
.board_list tbody tr:hover {color:#0072aa;}
.board_list tbody tr:hover td.title a {color:#a12323;}
.board .btn_st03 {margin:-3px 0 -5px;}

/******************************************************* paginate

.paginate { height:14px; margin-top:31px; text-align:center; vertical-align:middle;}
.paginate .page_num {display:inline-block; overflow:hidden; vertical-align:middle; margin-left:40px; margin-right:40px;}
.paginate .page_num a {display:inline-block; cursor:pointer; font-size:14px; padding: 0 10px; color:#999999;}
.paginate .page_num a:hover { color:#a12323;}
.paginate .page_num .page_active { color:#a12323; font-weight:bold; }

/******************************************************* board_view
.board_view { border-bottom: 1px solid #a9a9a9;}
.board_view > div { overflow: hidden; padding : 15px 20px; color: #474747; border-bottom: 1px solid #e6e6e6;}
.board_view div.tit { border-top: 1px solid #cccccc; background:#f4f4f4;}
.board_view div.tit p { float:left; color:#6a6a6a; font-weight:bold;}
.board_view div.tit p span { font-weight:normal;}
.board_view div.tit .info {float:right; font-weight:normal; font-size:12px; padding-top:4px;}

.board_view div.txt_box { padding:25px; border-bottom: none; color:#6a6a6a; font-size:14px; line-height:1.5; text-align:justify;}
.board_view div.txt_box > p { margin-bottom:30px;}

.board_view ul.pn { overflow: hidden; font-size:14px;}
.board_view ul.pn dl { overflow: hidden;}
.board_view ul.pn dt {  float:left; padding: 11px 28px; height:18px; line-height:18px; color:#a12323; font-weight:bold;}
.board_view ul.pn dd {  overflow: hidden; padding: 11px 0 11px 28px; height:18px; line-height:18px; color:#6a6a6a; }
.board_view ul.pn dd span { font-weight:700;}
	.prev_page { border-bottom: 1px solid #e3e3e3;}
	.prev_page dt { background: url('../../img/04_customer/page_bar.gif') no-repeat right center;}
	.next_page dt { background: url('../../img/04_customer/page_bar.gif') no-repeat right center;}
/******************************************************* btn

.btn_black {
	margin-left: 0px; padding: 9px 20px; text-align: center;
	line-height: 13px; background: #838383; color: #fff; font-size: 14px; font-weight: 700;
	letter-spacing:  0px;
	border: 1px solid #838383;
}
.btn_black:hover, .btn_black:focus{ background: #000; border: 1px solid #000; color: #fff;}

.btn_c {text-align:center; margin-top:30px;}

/*************************************************************************** 04_Recruit
.recruit_table {margin-top:60px; text-align:center; color:#838383;}
.recruit_table tr:first-child td { border-top:1px solid #bbbbbb;}
.recruit_table tr td { padding:17px 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
.recruit_table span{font-weight:700; color:#6a6a6a;}
.recruit_table .ta_l {text-align:left; padding-left:40px; line-height:1.3}
.recruit_table .bl {border-left:0;}
.recruit_table .br {border-right:0;}

/*************************************************************************** 05_Customer > Event
.event_list {width:920px; border-bottom:1px solid #e6e6e6; margin-bottom:31px;}
.event_list img {margin-bottom:10px;}
.event_list dl { display:inline-block; width:290px; height:304px; margin-left:21px; margin-bottom:33px;}
.event_list dl:first-child {margin-left:0;}
.event_list dl:nth-child(4) {margin-left:0;}
.event_list dl dt { position:relative; font-size:16px; font-weight:bold; margin-bottom:10px;}
.event_list dl dd {font-size:12px; color:#6a6a6a; line-height:22px;}
.event_list dl dd img {margin-right:5px;}

.event_list .event_complete {position:absolute; width:290px; height:250px; background:#000000; opacity:0.6; filter:alpha(opacity=60); top:0; display:block;}


/*************************************************************************** 05_Customer > 고객의 소리
#opinion .opinion-table { color:#6a6a6a;}
#opinion .opinion-table tr td { padding:7px 10px; border-top:1px solid #e6e6e6; }
#opinion .opinion-table tr:first-child td { border-top:1px solid #bbbbbb;}
#opinion .opinion-table tr:last-child td { border-bottom:1px solid #bbbbbb;}
#opinion .opinion-table tr td:first-child { padding-left:40px; font-weight:700; color:#6a6a6a; background:#f4f4f4; }
#opinion .opinion-table .bl {border-left:0;}
#opinion .opinion-table .br {border-right:0;}
#opinion .red { color:#a12323; }
#opinion .agree-box { font-size:16px; font-weight:700; color:#6a6a6a; padding-top:30px;  }
#opinion .agree-box span { padding-left:30px; }
#opinion .agree-box span:first-child { padding-left:0; }
#opinion .submit { display:block; margin:0 auto; text-align:center; font-size:15px; color:#fff; background:#838383; width:70px; line-height:33px;  }
#opinion .submit:hover { background:#000; }
#opinion .tit01 { position:relative; }
#opinion .comment { position:absolute; right:0; top:0; font-size:12px; color:#6a6a6a; }
*/