@charset "utf-8";
/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

.only-desktop {display:block !important;}
.only-tablet {display:none !important;}
.only-mobile {display:none !important;}
.only-desktop-tablet {display:block !important;}
.only-tablet-mobile {display:none !important;}

#wrapper {position:relative; width:100%;}

#skipToContent a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skipToContent a:focus, 
#skipToContent a:active {width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px;}

.contain {width:100%; max-width:1460px; margin:0 auto; padding-left:30px; padding-right:30px;}
.contain:after {content:" "; display:block; clear:both;}

/* header */
#header {width:100%; z-index:100; top:0; left:0; position:fixed; transition:.2s; background-color:#fff; border-bottom:1px solid #e9e9e9;}
#header .contain {height:100px; max-width:1780px; position:relative;}
#header .sitelogo {margin-top:-24px; position:absolute; display:block; top:50%; left:30px; z-index:10;}
#header .sitelogo a {width:209px; height:48px; display:block; font-size:0; line-height:0; text-indent:-9999px; background-image:url('../images/common/logo_on.png'); background-position:0 0; background-repeat:no-repeat; background-size:contain;}

.header-hover #header {background-color:#fff !important;}
.header-hover #header .sitelogo a {background-image:url('../images/common/logo_on.png') !important;}
.header-hover #header #gnb > ul > li > a {color:#242424 !important;}

#header.header-white {background:none; border-bottom:1px solid rgba(221,221,221,.3);}
#header.header-white .sitelogo a {background-image:url("../images/common/logo.png");}
#header.header-white #gnb > ul > li > a {color:#fff;}

#header.header-white .btn-m-menu span,
#header.header-white .btn-m-menu span:before,
#header.header-white .btn-m-menu span:after {background-color:#fff;}

#sub #header.fixed {background-color:#fff; position:fixed; top:0; left:0; width:100%; border-bottom:1px solid rgba(221,221,221,.5);}
#sub #header.fixed .btn-m-menu span,
#sub #header.fixed .btn-m-menu span:before,
#sub #header.fixed .btn-m-menu span:after {background-color:#242424;}
#sub #header.fixed .sitelogo a {background-image:url(../images/common/logo_on.png);}
#sub #header.fixed #gnb > ul > li > a {color:#242424;}

#gnb {position:relative; width:100%; text-align:center;}
#gnb > ul {display:flex; justify-content:center; z-index:110;}
#gnb > ul > li {padding:0 30px;}
#gnb > ul > li > a {font-size:20px; height:100px; letter-spacing:-.03em; display:flex; align-items:center; justify-content:center; position:relative; text-align:center; color:#242424; z-index:5; font-weight:600;}
#gnb > ul > li:hover > a:before {bottom:0; left:50%; transform:translateX(-50%); border:solid transparent; content:""; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(61,65,157, 0); border-bottom-color:#1e2124; border-width:10px;}
#gnb > ul > li:hover > a {color:#cb9f58 !important;}

#gnb .submenu {display:none; position:absolute; z-index:10;}
#gnb > ul > li.m3 .submenu ul {margin:0 -365px;}
#gnb .submenu ul {display:flex;}
#gnb .submenu ul li {padding-right:35px;}
#gnb .submenu ul li:last-child {padding-right:0;}
#gnb .submenu ul li a {font-size:16px; display:block; color:#fff; line-height:60px; position:relative;}
#gnb .submenu ul li a:after {position:absolute; content:''; bottom:20px; transition:.2s; left:50%; width:0; right:0; background-color:#cb9f58; height:1px;}
#gnb .submenu ul li:hover a {color:#cb9f58;}
#gnb .submenu ul li:hover a:after {left:0; width:100%;}

.head-call {display:flex; width:213px; height:60px; right:30px; color:#fff; position:absolute; top:50%; transform:translateY(-50%); border-radius:10px; align-items:center; background:linear-gradient(270deg, rgba(171,119,46,1) 0%, rgba(217,168,83,1) 50%, rgba(179,129,58,1) 100%);}
.head-call .ico img {margin:0 15px 0 20px; vertical-align:middle;}
.head-call span {display:block; line-height:1.2em;}
.head-call .mont {font-size:24px; font-weight:700; letter-spacing:0;}

.head-call-m {display:none;}

.submenu-bg {display:none; position:absolute; top:100px; left:0; width:100%; background-color:#001940; z-index:1;}

/* for mobile */
.btn-m-menu {display:none;position:absolute;top:0;left:15px;width:40px;height:80px;text-align:center;text-indent:-9999em;z-index:130;}
.btn-m-menu span {position:absolute; right:50%; top:50%; width:16px; height:2px; background:#242424; border-radius:2px;}
.btn-m-menu span:before,
.btn-m-menu span:after {content:" "; position:absolute; left:0; width:24px; height:2px; background:#242424; transition-duration:0.3s, 0.3s; transition-delay:0.3s, 0s; border-radius:2px;}
.btn-m-menu span:before {top:-9px; transition-property:top, transform;}
.btn-m-menu span:after {bottom:-9px; transition-property:bottom, transform;}

.mobile-navigation {border-top:1px solid #ddd; display:block; position:fixed; top:80px; left:0; width:280px; height:100%; overflow:auto; transition:.3s ease-in-out; -ms-transform:translateX(-100%); transform:translateX(-100%); background:#fff; z-index:119;}
.mobile-navigation .nav-menu>ul>li {border-bottom:1px solid #dfdfdf;}
.mobile-navigation .nav-menu>ul>li>a {position:relative; padding:10px 18px; display:block; color:#333; font-size:17px; font-weight:500; line-height:1.3em;}
.mobile-navigation .nav-menu>ul>li>a:after {content:""; position:absolute; top:50%; right:15px; transform:translateY(-75%) rotate(45deg); width:10px; height:10px; border-right:2px solid #454545; border-bottom:2px solid #454545;}
.mobile-navigation .nav-menu>ul>li.active {background:#f4f4f4}
.mobile-navigation .nav-menu>ul>li.active>a {color:#fff; background:#001940;}
.mobile-navigation .nav-menu>ul>li.active>a:after {transform:translateY(-35%) rotate(-135deg); border-color:#fff}
.mobile-navigation .nav-menu>ul>li.home>a {padding:19px 18px;}
.mobile-navigation .nav-menu>ul>li.home>a:after {display:none;}
.mobile-navigation .nav-menu .submenu {display:none; margin:-1px 0 0 0; padding:10px 0;}
.mobile-navigation .nav-menu .submenu>ul>li>a {display:block; padding:3px 18px; color:#454545; font-size:15px; font-weight:400; line-height:1.4em;}
.mobile-navigation .nav-menu .submenu>ul>li>a:hover {color:#001940;}
.mobile-navigation .menu-close {position:absolute; top:15px; right:15px; width:30px; height:30px;overflow:hidden; text-indent:-999em;}
.mobile-navigation .menu-close:before, 
.mobile-navigation .menu-close:after {content:""; position:absolute; left:14px; height:30px; width:2px; background-color:#ddd;}
.mobile-navigation .menu-close:before {transform:rotate(45deg);}
.mobile-navigation .menu-close:after {transform:rotate(-45deg);}
.mobile-overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.52;z-index:98;}

html.menu-opened {overflow:hidden;}
html.menu-opened #header {background-color:#fff;}
html.menu-opened .mobile-navigation {-ms-transform:translateX(0); transform:translateX(0);}
html.menu-opened .mobile-overlay {display:block;}
html.menu-opened .btn-m-menu span {background:none !important;}
html.menu-opened .btn-m-menu span:before,
html.menu-opened .btn-m-menu span:after {transition-delay:0s, 0.3s; background-color:#242424 !important;}
html.menu-opened .btn-m-menu span:before {top:0; transform:rotate(45deg);}
html.menu-opened .btn-m-menu span:after {bottom:0; transform:rotate(-45deg);}

/* main */
#fp-nav {display:block; font-size:0;}
#fp-nav.left {left:0;}
#fp-nav ul li a.active + .fp-tooltip:after {background-color:#f1f1f1;}
#fp-nav ul li .fp-tooltip:after {margin-top:-5px; width:10px; height:10px; right:10px; background-color:#b2bac5;}
#fp-nav ul li .fp-tooltip.left {left:0;}
#fp-nav ul li, .fp-slidesNav ul li {padding:2px 0; min-width:100px;}
#fp-nav ul li a {position:relative;}
#fp-nav ul li a.active + .fp-tooltip:before {width:30px; height:30px;}
#fp-nav ul li a.active:before {position:absolute; content:''; top:14px; left:0; height:1px; background:#fff; width:80px;}

.fp-nav-color #fp-nav ul li a.active:before {background-color:#001940;}
.fp-nav-color #fp-nav ul li a.active + .fp-tooltip {color:#242424;}
.fp-nav-color #fp-nav ul li a.active + .fp-tooltip:before {border-color:#001940;}
.fp-nav-color #fp-nav ul li a.active + .fp-tooltip:after {background-color:#001940;}

.mont {font-family:'Montserrat';}

.main-sec {position:relative;}
.main-sec .txt {margin-top:-50px; max-width:1400px; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; position:absolute; width:100%; color:#fff; z-index:100;}
.main-sec .txt:after {width:421px; height:395px; top:50%; left:50%; transform:translate(-50%,-50%); background-image:url('../images/main/mv_box.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.main-sec .txt strong {font-size:40px; text-shadow:1px 3px 10px rgba(0,0,0,.15); letter-spacing:-.03em; line-height:1.3em; display:block;}
.main-sec .txt span {font-size:70px; margin:10px 0 25px; text-shadow:1px 3px 10px rgba(0,0,0,.15); letter-spacing:-.03em; line-height:1.2em; display:block;}
/* .main-sec .txt span b {font-weight:600; color:#cb9f58; text-shadow:#cb9f58 0 0 1px; display:inline-block; background:-webkit-linear-gradient(200deg, #aa762d, #cb9f58); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} */
/* .main-sec .txt span b {font-weight:600; display:inline-block; background:-webkit-linear-gradient(20deg, #ad7a32, #e5ad5a, #d1a45b); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} */
.main-sec .txt span b {font-weight:600; display:inline-block; background:-webkit-linear-gradient(0, #ce942e, #f2b661, #ce942e); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.main-sec .txt .mont {font-size:28px; letter-spacing:-.03em; line-height:1.2em;}

.visual-scroll {position:absolute; bottom:170px; left:50%; margin-left:-52px; z-index:10; line-height:0; animation:pulse 2s infinite; display:block;}

@-webkit-keyframes pulse {
 0% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);}
 50% {
 -webkit-transform:translate(0, 10px);
 transform:translate(0, 10px);}
 100% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);} 
}

@keyframes pulse {
 0% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);}
 50% {
 -webkit-transform:translate(0, 10px);
 transform:translate(0, 10px);}
 100% {
 -webkit-transform:translate(0, 0);
 transform:translate(0, 0);} 
}

.c-wh {color:#fff !important;}
.m-tit {margin-bottom:40px;}
.m-tit .fz50 {font-size:50px; letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.m-tit .fz40 {line-height:1.3em; color:#242424;}
.m-tit .fz20 {margin-top:15px; line-height:1.3em; color:#242424;}

.sec2-slider1 .slick-prev {left:-135px;}
.sec2-slider1 .slick-next {right:-135px;}

.sec2-slider2 .slick-prev,
.sec4bot .slick-prev {left:0;}

.sec2-slider2 .slick-next,
.sec4bot .slick-next {right:0;}

.main-sec2 .slick-arrow,
.sec4bot .slick-arrow {position:absolute; width:85px; height:12px; top:50%; transform:translateY(-50%); z-index:88; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.main-sec2 .slick-prev {background-image:url("/images/main/sec2_prev.png");}
.main-sec2 .slick-next {background-image:url("/images/main/sec2_next.png");}
.main-sec2 .slick-prev:hover {background-image:url("/images/main/sec2_prev_on.png");}
.main-sec2 .slick-next:hover {background-image:url("/images/main/sec2_next_on.png");}

.sec4bot .slick-prev {background-image:url("/images/main/sec2_prev.png");}
.sec4bot .slick-next {background-image:url("/images/main/sec2_next.png");}
.sec4bot .slick-prev:hover {background-image:url("/images/main/sec2_prev_on.png");}
.sec4bot .slick-next:hover {background-image:url("/images/main/sec2_next_on.png");}

.sec2-slider1 .items {margin:0 -10px;}
.sec2-slider1 .item {padding:0 10px;}
.sec2-slider1 .bg {padding-top:30px; overflow:hidden; background-image:url('../images/main/sec2_itembg.jpg'); background-size:cover; background-repeat:no-repeat; position:relative;}
.sec2-slider1 .image .thumb {position:relative; padding-bottom:119%; overflow:hidden; transition:all 0.2s ease-in-out;}
.sec2-slider1 .item:hover .thumb {transform:scale(1.05); transition:all 0.2s ease-in-out;}
.sec2-slider1 .image .thumb img {transition:transform .3s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.sec2-slider1 .cnt {padding:13px 40px; color:#fff; background-color:rgba(0,25,64,.80); position:absolute; bottom:0; left:0; width:100%;}
.sec2-slider1 .cnt:after {width:19px; height:16px; right:30px; bottom:20px; background-image:url('../images/main/sec2arrow.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.sec2-slider1 .cnt .info .name {padding-right:10px; font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.sec2-slider1 .cnt p {margin-top:10px; line-height:1.3em;}

.sec2-slider1 .cnt {min-height:112px;}

.sec2-slider2 .items {padding:0 130px;}
.sec2-slider2 .item {padding:0 5px;}
.sec2-slider2 .bg {background-color:#dde1ed; position:relative;}
.sec2-slider2 .thumb {position:relative; padding-bottom:87%; overflow:hidden; transition:all 0.2s ease-in-out;}
.sec2-slider2 .thumb img {transition:transform .3s; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.sec2-slider2 .image {overflow:hidden;}
.sec2-slider2 .item:hover .thumb {transition:all 0.2s ease-in-out; transform:scale(1.05);}
.sec2-slider2 .name {font-size:17px; bottom:3px; position:absolute; left:50%; transform:translateX(-50%); color:#000; font-weight:700; text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;}

.main-sec3 {background-image:url('../images/main/sec3bg.jpg'); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.main-sec3 .contain {position:relative;}
.main-sec3 .m-tit .fz50 {background:-webkit-linear-gradient(99deg, #aa762d, #cb9f58); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.main-sec3 .main-viewmore, .main-sec5 .main-viewmore {top:60px;}
.sec3-items {margin:0 -7px -14px; text-align:center; display:flex; flex-wrap:wrap;}
.sec3-items li {padding:0 7px; margin-bottom:14px; width:20%;}
.sec3-items li a {height:269px; position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:10px;}
.sec3-items li a:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:2px solid #aaafb5; border-radius:10px;}
.sec3-items .tit {font-size:30px; display:inline-block; color:#fff; font-weight:700; letter-spacing:-.03em; line-height:1.3em;}
.sec3-items p {margin-top:22px; line-height:1.5em; color:#fff;}
.sec3-items li .barogo {width:114px; padding:0 20px; transition:all 0.2s ease-in-out; display:flex; color:#ad7b32; opacity:0; height:0; border:1px solid #ad7b32; border-radius:30px; align-items:center; justify-content:space-between;}
.sec3-items li:hover a {background-color:#fff;}
.sec3-items li:hover a:after {border-color:#cca260;}
.sec3-items li:hover .tit {color:#ad7b32; border-bottom:2px solid #ad7b32;}
.sec3-items li:hover a .barogo {margin-top:30px; height:32px; opacity:1; transition:all 0.2s ease-in-out;}
.sec3-items li:hover p {color:#454545;}

.main-viewmore {font-size:15px; right:30px; letter-spacing:-.03em; position:absolute; color:#fff; font-weight:600;}
.main-viewmore a {padding-right:70px;}
.main-viewmore a:after {width:56px; height:56px; right:0; top:-15px; background-image:url('../images/main/main_viewmore.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}
.main-viewmore:hover a:after {background-image:url('../images/main/main_viewmore_on.png');}
.main-viewmore.ty2 {color:#ababab;}
.main-viewmore.ty2:hover {color:#001940;}
.main-viewmore.ty2 a:after {background-image:url('../images/main/main_viewmore2.png');} 
.main-viewmore.ty2:hover a:after {background-image:url('../images/main/main_viewmore2_on.png');} 

.sec4bg {background-size:cover; background-repeat:no-repeat;}
.sec4top {padding-top:200px; height:45vh; background-image:url('../images/main/sec4top.png');}
.sec4top .m-tit {margin-bottom:30px;}
#main .sec4bot {padding-top:40px; height:55vh; background-image:url('../images/main/sec4bot.jpg');}

.sec4top .contain {position:relative;}
.sec4top .main-viewmore {bottom:20px;}
.sec4top .form-wr {text-align:center;}
.sec4top .form-wr .serc .input {max-width:700px; width:100%; margin-right:-5px; height:44px; border:0;}
.sec4top .form-wr .serc .input:focus {outline:none !important;}
.btn-pack.custom {height:44px; width:44px; border:0; text-indent:-9999em; background:#fff url(../images/bbs/search_icon.png)50% 50% no-repeat;}

.sear-item {margin:20px 0 -10px; color:#fff; display:flex; flex-wrap:wrap; justify-content:center;}
.sear-item .in {padding:0 10px; margin-bottom:10px;}
.sear-item ul {max-width:450px; display:flex; flex-wrap:wrap; justify-content:center;}
.sear-item ul li {padding:0 10px 10px;}
.sear-item ul li a {font-size:15px; padding:0 17px; display:inline-block; position:relative; border:1px solid #fff; border-radius:30px; text-align:center;}
.sear-item ul li:hover a {background-color:#fff; color:#001940; font-weight:600;}





.sear-item input {appearance:none;}
.sear-item input[type="radio"] + label {padding:0 15px; display:inline-block; position:relative; border:1px solid #fff; border-radius:30px; text-align:center;}
.sear-item input[type="radio"] + label:before {width:60px; height:30px; display:none;}
.sear-item input[type="radio"]:checked + label:after {position:absolute; left:0; top:0; background:#fff; border-radius:30px;}
.sear-item input[type="radio"]:checked + label {font-weight:600; color:#001940; background:#fff;}

.sec4bot .contain {position:relative;}
.sec4bot .items {padding:0 105px;}
.sec4bot .item {padding:0 5px;}
.sec4bot .box {height:350px; padding:30px; position:relative; background-color:#fff;}
.sec4bot .box:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; transition:all 0.1s ease-in-out;}
.sec4bot .item:hover .box:after {border:3px solid #ad7a32; box-sizing:border-box; border-top:3px solid transparent; transition:all 0.1s ease-in-out; border-image:linear-gradient(90deg, #d6a758 0%, #ad7a32 100%); border-image-slice:1;}
.sec4bot .ty {line-height:30px; padding:0 15px; background-color:#001940; display:inline-block; color:#fff; border-radius:30px; text-align:center;}
.sec4bot .tit {margin:15px 0 20px; font-weight:600; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sec4bot p {font-size:14px; letter-spacing:-.03em; line-height:1.7em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden;}
.sec4bot .img {position:absolute; right:30px; bottom:30px;}
.sec4bot .date {font-size:14px; position:absolute; left:30px; bottom:30px; letter-spacing:-.03em; line-height:1.2em; color:#898989;}

.main-sec5 {background-image:url('../images/main/sec5bg.jpg'); background-position:50% 50%; background-size:cover; background-repeat:no-repeat;}
.main-sec5 .contain {position:relative;}
.main-sec5 .items {margin:0 -27px;}
.main-sec5 .item {padding:0 27px;}
.main-sec5 .box {position:relative;}
.main-sec5 .item:hover .box:after {opacity:1; transition:all 0.2s ease-in-out;}
.main-sec5 .box:after {opacity:0; position:absolute; content:''; top:0; transition:all 0.2s ease-in-out; left:0; right:0; bottom:0; border:3px solid #ad7a32; box-sizing:border-box; border-top:3px solid transparent; transition:all 0.1s ease-in-out; border-image:linear-gradient(90deg, #d6a758 0%, #ad7a32 100%); border-image-slice:1;}
.main-sec5 .thumb {position:relative; padding-bottom:68%; overflow:hidden;}
.main-sec5 .thumb img {position:absolute; top:50%; left:0; transition:.4s ease-in-out; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.main-sec5 .cnt {padding:15px 30px; background-color:#fff; position:relative;}
.main-sec5 .cnt:after {position:absolute; content:''; top:0; left:0; right:0; bottom:0; border:1px solid #ddd; border-top:0;}
.main-sec5 .cnt .name {color:#001940; font-weight:600; letter-spacing:-.03em;}
.main-sec5 .cnt .title {margin-top:10px; height:3em; color:#242424; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; text-overflow:ellipsis; overflow:hidden; font-weight:600; letter-spacing:-.03em; line-height:1.5em;}
.main-sec5 .cnt .date {font-size:14px; margin-top:20px; color:#777; letter-spacing:-.03em;}
.sec5-control {width:100%; max-width:210px; height:12px; position:absolute; bottom:-50px; left:50%; transform:translateX(-50%);}
.main-sec5 .slick-arrow {position:absolute; top:50%; margin-top:-6px; width:85px; height:12px; z-index:20; border:0; font-size:0; line-height:0; background-color:transparent; background-position:50% 50%; background-repeat:no-repeat; background-size:contain;}
.main-sec5 .slick-prev {left:0; background-image:url("../images/main/sec2_prev.png");}
.main-sec5 .slick-next {right:0; background-image:url("../images/main/sec2_next.png");}
.main-sec5 .slick-prev:hover {background-image:url("../images/main/sec2_prev_on.png");}
.main-sec5 .slick-next:hover {background-image:url("../images/main/sec2_next_on.png");}

.main-sec6 {background-image:url('../images/main/sec6bg.jpg'); background-size:cover; background-repeat:no-repeat;}

.local-tab ul {margin-bottom:20px; display:flex;}
.local-tab ul li {margin-right:10px;}
.local-tab ul li:last-child {margin-right:0;}
.local-tab ul li a {width:135px; height:44px; display:flex; border:1px solid rgba(221,221,221,.6); border-radius:5px; align-items:center; justify-content:center;}
.local-tab ul li.active a {font-weight:600; border-color:#b07e36; background:linear-gradient(100deg, rgba(172,121,48,1) 0%, rgba(217,168,84,1) 50%, rgba(173,122,50,1) 100%);}

.location .map {height:0; overflow:hidden;}
.location .map.on {height:auto;}

.mapflex {display:flex;}
.mapflex .col-l {flex:1 850px; max-width:850px;}
.mapflex .col-r {padding:35px 0 0 55px; flex:1;}
.mapflex .top {margin-bottom:45px;} 
.mapflex .name {font-weight:700; line-height:1.2em;}
#main .mapflex .addr {margin:15px 0;}
.mapflex .tel {font-weight:600; letter-spacing:-.03em; line-height:1.3em;}
.mapflex .tel.phone {margin-left:40px; display:inline-block;}
.mapflex .tel img {margin:-6px 10px 0 0; vertical-align:middle;}
.mapflex .bot strong {margin-bottom:20px; display:block; font-weight:600;}
.mapflex .subway {line-height:1.556em;}
.mapflex .subway span {width:100px; height:32px; font-weight:500; text-align:center; align-items:center; justify-content:center; color:#fff; border-radius:30px; display:flex;}
.mapflex .subway span.line-1 {margin-bottom:15px; background-color:#263c96;}
.mapflex .subway span.line-2 {margin-right:10px; background-color:#3cb44a; display:inline-flex;}


/* sub page */
.sub-visual {position:relative; height:370px; color:#fff; text-align:center; overflow:hidden; background-color:#000;}
.sv-txt-wrap {padding-top:150px; margin-bottom:60px; text-align:center;}
.sub-visual [data-aos=fade-up] {transform:translate3d(0,30px,0);}
.sub-visual .bg {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; transition:2s; opacity:.7; transform:scale(1.1); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.sub-visual .inner {margin-top:40px; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%;}
.loaded .sub-visual .bg {transform:scale(1); opacity:1;}

.sv-txt {font-size:60px; line-height:1.5em; color:#cb9f58; display:inline-block; text-align:center; position:relative; font-weight:700; letter-spacing:-.03em; background:-webkit-linear-gradient(359deg, #aa762d, #cb9f58,#aa762d, #cb9f58); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.sv-txt:before {display:block; width:100%; height:1px; content:''; position:absolute; top:100%; left:50%; transform:translateX(-50%); background:linear-gradient(100deg, rgba(172,121,48,1) 0%, rgba(217,168,84,1) 50%, rgba(173,122,50,1) 100%); animation:titlebar 0.8s 0.5s forwards; -webkit-animation:titlebar 0.8s 0.5s forwards; opacity:0;}

@keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:100%;}}
@-webkit-keyframes titlebar {from {opacity:0; width:1px;} to {opacity:1; width:100%;}}
@keyframes title {from {opacity:0;} to {opacity:1;}}
@-webkit-keyframes title {from {opacity:0;} to {opacity:1;}}

#contArea {width:100%; max-width:1460px; margin:0 auto; padding:0 30px;}
#contArea.wide {max-width:none; padding:0;}
#contArea.nonewide {max-width:1260px;}

/* foot-inquiry */
.fp-viewing-sec-footer .foot-inquiry {bottom:413px; transition:.7s linear;}
/* #sub .foot-inquiry {display:none;} */
.foot-inquiry {padding:18px 0; z-index:100; position:fixed; transition:.2s linear; border-top:1px solid #7a6542;bottom:0; left:0; right:0; width:100%; background-color:#06152a;}
.foot-inquiry .contain {display:flex;}
.foot-inquiry .col-l {padding-right:35px; margin-right:35px; border-right:2px solid #ddd; display:flex; align-items:center;}
.foot-inquiry .col-l .ico img {margin:-2px 20px 0 0; vertical-align:middle;}
.foot-inquiry .col-r {display:flex; flex:1; align-items:center;}
.foot-inquiry .wrap {display:flex;}
.foot-inquiry .flexbtn {display:flex; align-items:center;}
.foot-inquiry .item {margin-right:40px;}
.foot-inquiry .check {margin:0 55px; font-size:15px; letter-spacing:-.03em;}
.foot-inquiry .in-select {width:170px}
.foot-inquiry .item:last-child {margin-right:0;}
.foot-inquiry .input::-webkit-input-placeholder {color:#fff;}
.foot-inquiry .input:-moz-placeholder {color:#fff;}
.foot-inquiry .input::-moz-placeholder {color:#fff;}
.foot-inquiry .input:-ms-input-placeholder {color:#fff;}
.foot-inquiry .input:placeholder-shown {color:#fff;}
.foot-inquiry .input {max-width:170px; color:#fff; padding:0; background-color:unset; border:none; border-bottom:2px solid #fff;}
.foot-inquiry .input option {color:#242424;}
.foot-inquiry select.input {background:url('/images/common/foot_select.png') right 0 center no-repeat;}
.foot-inquiry .focus-gra {min-width:140px; line-height:43px; height:44px; padding:0 22px; font-weight:700;}
.foot-inquiry .buttons {margin:0;}

.tablet-block {display:none;}

/* 온라인 상담예약 메뉴 오픈 */
.reservation {padding:50px 40px ; position:fixed; top:0; right:0; width:520px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#06152a; color:#fff; z-index:110;}
.reservation-close {position:absolute; top:40px; right:40px;}
.reservation .tit {margin-bottom:20px;}
.reservation .tit strong {margin-bottom:10px; letter-spacing:-.03em; line-height:1.2em; display:block;}
.reservation .tit p {color:#b9babd;}
.reservation .list1 li {display:flex;}
.reservation .list1 p {color:#b9babd; letter-spacing:-.03em;}
.reservation .form {margin-bottom:60px;}
.reservation .form-agree {margin:0;}
.reservation .form-agree .check {text-align:left; color:#b9babd;}
.reservation .form-agree .check a {color:#06152a; font-weight:600; background-color:#fff; border-radius:2px;}
.reservation .item {margin-bottom:10px;}
.reservation .item .input {color:#06152a; font-weight:600; border-radius:5px;}
.reservation .item .input::-webkit-input-placeholder {color:#06152a;}
.reservation .item .input:-moz-placeholder {color:#06152a;}
.reservation .item .input::-moz-placeholder {color:#06152a;}
.reservation .item .input:-ms-input-placeholder {color:#06152a;}
.reservation .item .input:placeholder-shown {color:#06152a;}
.reservation .buttons {margin:0;}
.reservation .buttons .btn-pack {width:100%;}

html.reservation-opened {overflow:hidden;}
html.reservation-opened .reservation {-ms-transform:translateX(0); transform:translateX(0); z-index:140;}

/* footer */
#footer {font-size:15px; letter-spacing:-.03em;}
#footer .contain {position:relative;}

.foot-same {background-color:#010a17; color:#fff;}
.foot-top {border-bottom:1px solid #4e545d;}
.foot-top .contain {height:70px; display:flex; align-items:center;}
.foot-logo {flex:1;} 
.foot-top ul {display:flex;} 
.foot-top ul li {padding:0 15px; position:relative;}
.foot-top ul li:first-child {padding-left:0;}
.foot-top ul li:last-child {padding-right:0;}
.foot-top ul li:after {position:absolute; content:'|'; top:0; right:0; color:#4e545d;}
.foot-top ul li:last-child:after {display:none;}

#sub .foot-bot {padding:35px 0 120px;}
.foot-bot {padding:35px 0;}
.foot-bot .call {display:flex;}
.foot-bot .item {margin-right:70px;}
.foot-bot .item:last-child {margin-right:0;}
.foot-bot .call p {margin-bottom:10px; opacity:.7;}
.foot-bot .num {display:inline-block; font-weight:700; letter-spacing:-.03em; line-height:1.2em; color:#fff;}
.foot-bot .num img {margin:-5px 10px 0 0; vertical-align:middle;}

.toTop {position:absolute; top:10px; right:30px;}

.reservation-opened .quickmenu {right:520px; transition:.2s linear;}

#footer address {margin-top:30px; line-height:2em; font-style:normal;}
#footer address span {padding-right:35px;}

#main .quickmenu {top:50%; transform:translateY(-50%);}
#main #footer .quickmenu {display:none;}
.quickmenu {min-width:90px; position:fixed; right:0; color:#fff; top:50%; transform:translateY(-50%); text-align:center; z-index:101; transition:.2s linear;}
.quickmenu .top {padding:14px 4px; background-color:#06152a;}
.quickmenu .top a {padding:7px 0; display:block;}
/* .quickmenu .top a:first-child img {margin-left:7px;} */
.quickmenu .top a:hover {text-decoration:underline;}
.quickmenu .top a .ico {margin-bottom:7px; text-align:center;}
.quickmenu .top a small {font-size:13px; font-weight:600; display:block; line-height:1.2em;}
.quickmenu .top a p {font-weight:700; line-height:1.2em;}
.quickmenu .bot a {height:60px; position:relative; display:flex; align-items:center; justify-content:center; font-weight:600; background:linear-gradient(100deg, rgba(172,121,48,1) 0%, rgba(217,168,84,1) 50%, rgba(173,122,50,1) 100%); border-color:#b07e36; margin-top:-1px;}
.quickmenu .bot a:after {position:absolute; content:''; bottom:0; left:0; right:0; height:1px; background-color:#fff; opacity:.3;}
.quickmenu .bot a:last-child:after {display:none;}

.foot-adr {margin-top: 15px;}

.f-desktop {display:block;}
.f-tablet {display:none;}
.f-mobile {display:none;}