@charset "utf-8";

#sub {letter-spacing:-.02em;}
/* sub header */
#sub #header {background:#fff; height:110px;}
#sub #header .sitelogo a {background-image:url('../img/layout/logo-b.png');}
#sub #header #gnb>ul>li>a {line-height:110px; color:#333;}
#sub #header #gnb>ul>li>a:hover {color:#ac9547;}
#sub #header .search-icon {background-image:url('../img/layout/search-icon-b.png');}
#sub #header .sitemap-btn span {background:#000;}

.real-cont {padding:100px 0 200px;}
.real-cont.type02 {padding-bottom: 0;}
/* sub-visual */
.sub-visual {height:420px; background:#fff; margin-top:110px; position:relative; border-bottom:1px solid #ddd;}
.sub-visual .tit-box {display:flex; height:100%; flex-direction:column; justify-content:center;}
.sub-visual .tit-box p {font-size:30px; line-height:1.2em; color:#c4a46e; font-weight:500; font-family:'Montserrat'; margin-bottom:32px;}
.sub-visual .tit-box h2 {font-size:70px; line-height:1.1em; color:#000;}
.sub-visual .img {position:absolute; bottom:1px; right:15px; z-index:-1;}
/* sub01 */
.about .cnt01 {margin-bottom:170px;}
.about .cnt01 .img-box {height:450px; display:flex; justify-content:center; align-items:center; margin-bottom:80px; background:url('../img/sub/about01bg.jpg') center center no-repeat; background-size:cover;}
.about .cnt01 .col {display:flex;}
.about .cnt01 .tit-box {width:100%; max-width:630px;}
.about .cnt-tit p {font-size:30px; line-height:1.3em; color:#c4a46e; font-family:'Cormorant'; font-weight:700; position:relative; padding-top:34px; margin-bottom:18px;}
.about .cnt-tit p:before {content:''; width:50px; height:4px; background:#c4a46e; position:absolute; top:0; left:0;}
.about .cnt-tit h4 {font-size:50px; line-height:1.4em; color:#000; font-weight:600; }
.about .cnt01 .txt-box {width:1%; flex:1 1 auto;}
.about .cnt01 .txt-box p {font-size:24px; color:#666; line-height:1.5em; margin-bottom:32px;}
.about .cnt02 {background:url('../img/sub/about02bg.jpg') center center no-repeat; background-size:cover; padding:150px 0 180px;}
.about .cnt02 .cnt-tit {margin-bottom:66px;}
.about .cnt02 .cnt-tit h4 {color:#fff;}
.about .cnt02 .col {display:flex; position:relative;}
.about .cnt02 .col:before,
.about .cnt02 .col:after {content:''; width:300px; height:1px; margin-top:-1px; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); position:absolute; top:50%;}
.about .cnt02 .col:before {left:-299px;}
.about .cnt02 .col:after {right:-299px;}
.about .cnt02 .col .row {width:33.333333%; padding:82px 20px; text-align:center; position:relative; z-index:11;}
.about .cnt02 .col .row:before {content:''; width:100%; height:100%; background:url('../img/sub/about02-row.png') no-repeat; background-size:contain; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1;}
.about .cnt02 .col .row .num {font-size:100px; margin-bottom:12px; line-height:1.1em; font-family:'Cormorant'; font-weight:700; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:inline-block;}
.about .cnt02 .col .row p {font-size:30px; line-height:1.3em; color:#fff;}
.about .cnt03 {padding:150px 0 0;}
.about .cnt03 .map-box {margin-bottom:100px;}
.about .cnt03 .map-box:last-child {margin-bottom:0;}
.about .cnt03 .cnt-tit {margin-bottom:74px;}
.about .cnt03 .cnt-tit h4 {color:#000;}
.about .cnt03 .maps {height:450px; margin-bottom:44px;}
.about .cnt03 .maps iframe {width:100%; height:100%;}
.about .cnt03 .txt-box {position:relative; padding-right:150px;}
.about .cnt03 .txt-box dl {display:flex; margin-bottom:12px; font-size:22px; line-height:1.5em;}
.about .cnt03 .txt-box dt {width:75px; color:#000; font-weight:600;}
.about .cnt03 .txt-box dd {width:1%; flex:1 1 auto; color:#666;}
.about .cnt03 .txt-box .btns {position:absolute; display:flex; right:0; top:0; justify-content:flex-end; align-items:center;}
.about .cnt03 .txt-box .btns a {width:60px; height:60px; display:block; margin-left:10px; border-radius:50%; overflow:hidden; transition:all 0.6s;}
.about .cnt03 .txt-box .btns a.link {background:#575654;}
.about .cnt03 .txt-box .btns a.print {background:#ad9547;}
.about .cnt03 .txt-box .btns a.link:hover {background:#ad9547;}
.about .cnt03 .txt-box .btns a.print:hover {background:#575654;}
.about .cnt03 .txt-box .btns a img {transition:all 0.6s;}
.about .cnt03 .txt-box .btns a:hover img {transform:scale(0.8);}
/* 검색바 */
.search_bar {max-width:700px; width:100%; margin:0 auto 100px; border:1px solid #b2a88a; padding:15px 20px; border-radius:50px; display:flex; box-shadow:0 0 20px rgba(212,211,206,0.6);}
.search_bar .sch_input {border:0; width:calc(100% - 50px); line-height:50px; padding:0 10px; outline:none; font-size:22px; color:#000;}
.search_bar .sch_input::placeholder {color:#000; font-size:22px;}
.search_bar .sch_btn {width:50px; height:50px; border:0; background-color:#ac9547; border-radius:50%; transition:all 0.6s;}
.search_bar .sch_btn:hover {background:#D5B57C;}
/* members-list */
.members-list {}
.members-list .col {display:flex; flex-wrap:wrap; padding:0 80px;}
.members-list .col .row {width:50%; padding:0 60px; margin-bottom:120px;}
.members-list .inner {display:block;}
.members-list .inner .img-box .pic {position:relative; height:0; padding-bottom:116%; overflow:hidden; transition:all 0.6s; background:#f5f5f5;}
.members-list .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.members-list .inner .txt-box {position:relative; padding-right:42px; padding-left:10px; display:flex; align-items:center; height:110px; border-bottom:1px solid #ddd; transition:all 0.6s;}
.members-list .inner:hover .txt-box {border-bottom-color:#ac9547;}
.members-list .inner .txt-box .name {font-size:35px; font-weight:700; color:#000; line-height:1.3em; width:auto;}
.members-list .inner .txt-box .txt {width:1%; flex:1 1 auto; font-size:24px; line-height:1.5em; color:#000; padding-left:20px;}
.members-list .inner .txt-box span {position:absolute; top:50%; margin-top:-2px; width:20px; height:3px; background:#ddd; right:11px; transition:all 0.6s;}
.members-list .inner:hover .txt-box span {background:#ac9547;}
/* members-visual */
.s2_view .sub-visual {display:none;}
#sub .s2_view #header {background:transparent;}
#sub .s2_view #header.hactive {background:#fff;}
#sub .s2_view #header .sitelogo a {background-image:url('../img/layout/logo-w.png');}
#sub .s2_view #header.hactive .sitelogo a {background-image:url('../img/layout/logo-b.png');}
#sub .s2_view #header #gnb>ul>li>a {color:#fff;}
#sub .s2_view #header.hactive #gnb>ul>li>a {color:#000;}
#sub .s2_view #header #gnb>ul>li>a:hover {color:#ac9547;}
#sub .s2_view #header .search-icon {background-image:url('../img/layout/search-icon-w.png');}
#sub .s2_view #header.hactive .search-icon {background-image:url('../img/layout/search-icon-b.png');}
#sub .s2_view #header .sitemap-btn span {background:#fff;}
#sub .s2_view #header.hactive .sitemap-btn span {background:#000;}
.members-visual {height:970px; position:relative; background:url('../img/sub/members-visual.jpg') center center no-repeat; background-size:cover; padding-top:200px;}
.members-visual .col {display:flex; height:calc(100% - 200px);}
.members-visual .txt-box {max-width:560px; width:100%; padding-top:70px;}
.members-visual .txt-box .tit {padding-bottom:30px; margin-bottom:40px; position:relative; border-bottom:1px solid #ddd; z-index:1;}
.members-visual .txt-box .tit:after {content:''; width:60px; height:2px; right:0; bottom:-1px; z-index:2; position:absolute; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%);}
.members-visual .txt-box .tit p {font-size:25px; line-height:1.3em; font-family:'Montserrat'; font-weight:600; margin-bottom:24px; background:linear-gradient(to right, #A58343 0%, #D5B57C 10%, #BF9D5D 34%, #C3AB8A 64%, #D1B174 90%, #7B613E 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; display:inline-block;}
.members-visual .txt-box .tit h2 {font-size:70px; line-height:1.2em; color:#fff;}
.members-visual .txt-box .tit h2 span {font-size:40px; font-weight:300; line-height:1.4em; display:inline-block; margin-left:35px;}
.members-visual .txt-box .txt li {font-size:22px; line-height:1.7em; color:#fff; position:relative; padding-left:15px;}
.members-visual .txt-box .txt li:before {content:''; width:3px; height:3px; background:#fff; position:absolute; top:16px; left:0; border-radius:50%;}
.members-visual .img-box {width:1%; flex:1 1 auto; padding-left:20px; display:flex; justify-content:flex-end; align-items:flex-end;}
/* members-view */
.members-view .tit-box {border-bottom:1px solid #ac9547; padding-bottom:32px; margin-bottom:32px;}
.members-view .tit-box h3 {font-size:50px; color:#000; line-height:1.2em; position:relative;}
.members-view .tit-box h3:before {content:''; width:10px; height:10px; background:#ac9547; position:absolute; top:-2px; left:-30px;}
.members-view .txt-box {margin-bottom:46px;}
.members-view .txt-box p {font-size:20px; line-height:1.7em; color:#666;}
/* sub03 */
.drinking .cnt01 {margin-bottom:166px;}
.drinking .cnt01 .title {margin-bottom:92px; text-align:center;}
.drinking .cnt01 .title h3 {font-size:50px; line-height:1.4em; color:#000; font-weight:600; margin-top:20px; padding-top:24px; position:relative;}
.drinking .cnt01 .title h3:after {content:''; width:50px; height:4px; background:#c4a46e; position:absolute; top: 0; left:50%; margin-left:-25px;}
.drinking .cnt01 .title h3 span {display:inline-block; position:relative; color:#c4a46e; z-index:1;}
.drinking .cnt01 .title h3 span:before {content: ''; width:100%; height:45%; background:#c4a46e; opacity:0.2; position:absolute; bottom:8px; left:0; z-index:-1;}
.drinking .cnt01 .title p {font-size:25px; line-height:1.4em; color:#666;}
.drinking .cnt01 .title p.red {font-size: 50px; color: #FC3441; font-weight: 700;}
.drinking .cnt01 .mob-col {display:none;}
.drinking .cnt01 .pc-col {display:flex; margin:0 -100px;}
.drinking .cnt01 .col .row {width:50%; padding:0 100px;}
.drinking .cnt01 .inner .img-box {margin-bottom:34px;}
.drinking .cnt01 .inner .txt-box p {font-size:25px; line-height:1.5em; color:#c4a46e; font-weight:500; margin-bottom:18px;}
.drinking .cnt01 .inner .txt-box h4 {font-size:40px; line-height:1.4em; color:#000; font-weight:600;}
.drinking .cnt01 .inner01 {margin-bottom:220px;}
.drinking .cnt01 .inner02 {margin-top:210px; margin-bottom:260px;}
.drinking .doc-tit {margin-bottom:58px;}
.drinking .doc-tit h4 {font-size:50px; line-height:1.25em; color:#000; font-weight:600; position:relative; padding-top:36px;}
.drinking .doc-tit h4:before {content:''; width:50px; height:4px; background:#c4a46e; position:absolute; top:0; left:0;}
.drinking .cnt-tit {margin-bottom:32px;}
.drinking .cnt-tit h5 {font-size:34px; line-height:1.4em; color:#ad9547; font-weight:600; position:relative; padding-left:22px;}
.drinking .cnt-tit h5:before {content:''; width:6px; height:6px; background:#ad9547; position:absolute; top:20px; left:0; border-radius:50%;}
.drinking .table-box {margin-bottom:74px;}
.drinking table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #ad9547; text-align:center;}
.drinking table thead th {background:#f7f4ec; border-right:1px solid #ddd; font-size:22px; line-height:1.6em; font-weight:600; color:#ad9547; padding:22px 10px;}
.drinking table thead th:last-child {border-right:0;}
.drinking table tbody th {background:#f9f9f9; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:22px; font-weight:600; padding:26px 10px;}
.drinking table tbody th:last-child {border-right:0;}
.drinking table tbody td {background:#fff; border-bottom:1px solid #ddd; border-left:1px solid #ddd; font-size:22px; padding:26px 15px;}
.drinking .cnt02 {margin-bottom:180px;}
.drinking .cnt02 .col {display:flex; flex-wrap:wrap; margin:0 -7px -14px;}
.drinking .cnt02 .col .row {width:25%; padding:0 7px; margin-bottom:14px;}
.drinking .cnt02 .inner {background:#f7f7f7; padding:50px 20px; text-align:center; height:100%;}
.drinking .cnt02 .inner .icon {padding-bottom:35px; margin-bottom:16px; position:relative;}
.drinking .cnt02 .inner .icon:after {content:''; width:30px; height:4px; background:#c4a46e; position:absolute; bottom:0; left:50%; margin-left:-15px;}
.drinking .cnt02 .inner p {font-size:24px; line-height:1.5em; color:#000;}
.drinking .cnt03 .box {background:#f7f7f7; padding:50px 20px; margin-bottom:74px;}
.drinking .cnt03 .box ol {display:flex; justify-content:center;}
.drinking .cnt03 .box ol li {padding:0; text-align:center; width:200px; position:relative;}
.drinking .cnt03 .box ol li:after {content:''; width:12px; height:24px; background:url('../img/sub/drinking-arrow.png') no-repeat; background-size:cover; position:absolute; top:58px; right:-6px;}
.drinking .cnt03 .box ol li:last-child:after {display:none;}
.drinking .cnt03 .box ol li .num {font-size:19px; line-height:28px; width:28px; background:#c4a46e; color:#fff; border-radius:50%; position:relative; z-index:1; margin:0 auto -14px;}
.drinking .cnt03 .box ol li .icon {margin-bottom:24px;}
.drinking .cnt03 .box ol li p {font-size:24px; color:#666; line-height:1.5em;}
/* sub04 */
.notable-list .col {display:flex; flex-wrap:wrap; margin:0 -24px;}
.notable-list .row {width:33.333333%; padding:0 24px; margin-bottom:44px;}
.notable-list .inner {background:#fff; border:1px solid #ddd; padding:50px 40px 40px; transition:all 0.6s;}
.notable-list .inner:hover {border-color:#000;} 
.notable-list .inner .tit-box {margin-bottom:28px;}
.notable-list .inner .tit-box p {font-size:18px; line-height:30px; padding:0 10px; display:inline-block; margin-bottom:24px; color:#fff;}
.notable-list .inner .tit-box p.case01 {background:#ad9547;}
.notable-list .inner .tit-box p.case02 {background:#575654;}
.notable-list .inner .tit-box p.case03 {background:#021226;}
.notable-list .inner .tit-box h4 {font-size:26px; line-height:1.3em; font-weight:600; color:#000; height:calc(1.3em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.notable-list .inner .img-box {width:100%; max-width:260px; margin:0 auto; padding-bottom:36px;}
.notable-list .inner .img-box .pic {position:relative; height:0; padding-bottom:128.33%; overflow:hidden; transition:all 0.6s; box-shadow:0 0 20px rgba(144,144,144,0.11);}
.notable-list .inner .img-box .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.notable-list .inner .txt-box {display:flex; justify-content:space-between; align-items:center; padding-top:26px; border-top:1px solid #ddd; flex-wrap:wrap;}
.notable-list .inner .txt-box p {font-size:20px; line-height:1.4em; color:#000; width:110px; font-weight:700;}
.notable-list .inner .txt-box ul {width:1%; flex:1 1 auto; display:flex; justify-content:flex-end; height:100%;}
.notable-list .inner .txt-box ul li {margin-left:10px;}
.notable-list .inner .txt-box ul li .img {border-radius:50%; overflow:hidden; width:70px; height:70px;}
.notable-list .inner .txt-box ul li .img .pic {position:relative; height:0; padding-bottom:100%; overflow:hidden; transition:all 0.6s; background:#f7f7f7;}
.notable-list .inner .txt-box ul li .img .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
/* sub04 view */
.notable-view .title {margin-bottom:30px; text-align:center;}
.notable-view .title p {font-size:20px; color:#fff; line-height:35px; padding:0 11px; margin-bottom:20px; display:inline-block; font-weight:700;}
.notable-view .title p.case01 {background:#ad9547;}
.notable-view .title p.case02 {background:#575654;}
.notable-view .title p.case03 {background:#021226;}
.notable-view .title h3 {font-size:50px; line-height:1.3em; color:#000;}
.notable-view .content {border-top:1px solid; border-bottom:1px solid; border-color:#ac9547; min-height:290px; padding:36px 0; margin-bottom:36px;}
.notable-view .content p {font-size:20px; line-height:1.7em; color:#666;}
.notable-view .people {padding-bottom:100px; border-bottom:1px solid #ddd;}
.notable-view .people h4 {font-size:40px; line-height:1.15em; color:#000; margin-bottom:64px;}
.notable-view .people .col {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center;}
.notable-view .people .txt-box {max-width:430px; width:100%; margin:24px 0;}
.notable-view .people .txt-box p {font-size:80px; line-height:1em; color:#d5caa3; opacity:0.5; font-family:'Cormorant'; font-weight:700;}
.notable-view .people .img-box {max-width:700px; width:100%;}
.notable-view .people ul {display:flex;}
.notable-view .people ul li {margin-left:18px;}
.notable-view .people ul li .pic {width:212px; height:212px; border-radius:50%; background:#f5f5f5; overflow:hidden;}
.notable-view .people ul li .pic img {object-fit:cover; width:100%;}
/* sub05 */
.column-list {padding:0 120px;}
.column-list ul {display:flex; flex-wrap:wrap;}
.column-list ul li {padding:0 60px; width:50%; margin-bottom:120px;}
.column-list ul li a {display:block;}
.column-list ul li a .thumb .pic {position:relative; height:0; padding-bottom:128%; overflow:hidden; transition:all 0.6s;}
.column-list ul li a .thumb .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.column-list ul li a .txt-box {padding:36px 0 44px; border-bottom:1px solid #ddd; transition:all 0.6s;}
.column-list ul li a:hover .txt-box {border-color:#ad9547;}
.column-list ul li a .txt-box .tit {font-size:28px; margin-bottom:24px; line-height:1.4em; color:#000; font-weight:600; height:calc(1.4em * 1 * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.column-list ul li a .txt-box .txt {font-size:20px; line-height:1.7em; color:#666; height:calc(1.7em * 1 * 3); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
/* sub07 */
.location .wrap {display: flex;}
.location .img-box {max-width: 610px; width: 100%;}
.location .img-box .wrap {position: absolute; top: 0; left: 83px; width: 443px;}
.location .img-box button {position: absolute; display: block; width: 10px; height: 10px; background: #c4a46e; border: none; border-radius: 50%;}
.location .img-box button.active {background:#967c4f;}

.location .img-box button:after {position: absolute; top: 50%; left: 50%; content: ''; width: 30px; height: 30px; background: rgba(196,164,110,0.2); border-radius: 50%; transform:translate(-50%, -50%);}
.location .img-box button.active:after {animation: bounce 1s linear infinite;}
@keyframes bounce {	0% {width:0; height:0; opacity:1;}100% {width:30px; height:30px; opacity:0.7;}}

.location .img-box .btn01 {top: 24%; left: 29%;}
.location .img-box .btn02 {top: 27%; left: 42%;}
.location .img-box .btn03 {top: 31%; left: 35%;}
.location .img-box .btn04 {top: 25%; left: 20%;}
.location .img-box .btn05 {bottom: 24%; right: 13%;}
.location .img-box .btn06 {bottom: 31%; right: 9%;}
.location .img-box .btn07 {bottom: 39%; right: 25%;}
.location .img-box .btn08 {top: 49%; left: 40%;}
.location .img-box .btn09 {bottom: 25%; left: 27%;}
.location .tab-wrap {max-width: 790px; width: 100%;} 
.location .tab-menu .tabs {display: flex; align-items: center; margin-bottom: 30px;}
.location .tab-menu .tabs li {position: relative; flex: auto; text-align: center;}
.location .tab-menu .tabs li:after {position: absolute; top: 50%; margin-top: -9px; right: 0; content: ''; width: 1px; height: 18px; background: #ddd;}
.location .tab-menu .tabs li:last-child:after {display: none;}
.location .tab-menu .tabs li.active a {font-weight: 700; color: #c4a46e;}
.location .tab-menu .tabs li a {font-size: 20px; color: #555;}
.location .map {height: 400px;}
.location .map.empty {border: 1px solid #ddd;}
.location .map iframe {width:100%; height:100%;}
.location .tab-cont .text-box {background: #f7f7f7; padding: 45px 50px 42px;}
.location .tab-cont .text-box .title {display: flex; justify-content: space-between; margin-bottom: 15px;}
.location .tab-cont .text-box .title h3 {font-size: 34px; font-weight: 600; line-height: 1.3em; color: #000;}
.location .tab-cont .text-box .title .tel {display: flex; align-items: center;}
.location .tab-cont .text-box .title .icon {margin-right: 15px;}
.location .tab-cont .text-box .title p {font-size: 24px; font-weight: 600; line-height: 1.3em; color: #c4a46e;}
.location .tab-cont .text-box .title p a {display: inline;}
.location .tab-cont .text-box .address p {font-size: 24px; line-height: 1.6em; color: #666;}
.location .tab-cont .text-box .address p span {color: #c4a46e;}