body{ position: relative;background: #fff url(assets/images/pattern-1.png) left top repeat;color: #000;font: 500 17px/1.7 Jost,serif;counter-reset: section;overflow-x: hidden;}p{ margin: 10px auto;}a{ cursor: pointer;text-decoration: none;color: #000;}a:hover{ color: #d9aa60;}hr{ position: relative;display: table;clear: both;margin: 40px auto;width: 100%;height: 1px;background-color: #d9aa60;}:focus,a:focus,button:focus,input:focus{ outline-width: medium;outline-color: #000!important;}h1,h2,h3,h4,h5,h6{ margin: 0;position: relative;}#page-title h1,.h1 small{ color: #000;font: 500 15px/1 Jost,serif;display: block;margin: 10px auto;text-transform: uppercase;letter-spacing: 2px;}#page-title h1:only-child,.h1,h2#append{ color: #000;font: 700 82px/1.1 "Nanum Myeongjo",serif; }.dividerLead,.h2,.more-to-explore span,h2{ color: #000;font: 700 50px/1.1 "Nanum Myeongjo",serif;position: relative;}.h3,h3{ color: #000;display: block;position: relative;font: 500 22px/1.1 Jost,serif;}.h4,h4{ color: #000;display: block;position: relative;font: 500 20px/1.1 Jost,serif;text-transform: uppercase;}@media (min-width:1100px) { .title-wide { width:130%; } }main ul{ list-style: none;padding: 0;margin: 10px 0;text-align: left;overflow: hidden;}main ul li{ position: relative;display: block;margin: 0 0 10px 26px;padding-left: 24px;line-height: 1.6;}main ul li:before{ content: "\e933";color: #d9aa60;position: absolute;left: 0;top: 4px;font-size: .5em;}[class^=btn]{ position: relative;z-index: 1;display: inline-block;vertical-align: middle;cursor: pointer;text-align: center;transition: .3s all;font: 500 13px/1.2 Jost,serif;text-transform: uppercase;letter-spacing: 2px;color: #fff;min-width: 285px;margin: 10px;padding: 14px 10px;background-color: #000;}[class^=btn]:hover{ background-color: #a77a33;color: #fff;}.btn-alt{ background-color: #000;border: 3px solid #d9aa60;}.btn-alt:hover{ background-color: #d9aa60;color: #000;}.btn-thr{ background-color: #a77a33;}.btn-thr:hover{ background-color: #000;}#fixed-tabs a{ font-size: 17px;text-transform: none;font-weight: 400;}#fixed-tabs a strong{ font-weight: inherit;}#fixed-tabs .ra{ background-color: #d49f4b;}#fixed-tabs .call{ background-color: #000;}#fixed-tabs .fr,#fixed-tabs .map{ background-color: #777;}#fixed-tabs .fb{ background-color: #4d70a8;}#fixed-tabs .gg{ background-color: #dc4e41;}header{ position: fixed;z-index: 100;left: 0;top: 0;width: 100%;background-color: #fff;transition: .3s all;box-shadow: 0 3px 6px rgba(0,0,0,.2);}header:focus-within{ z-index: 500;}header .logo{ position: relative;z-index: 1;}header .logo img{ max-height: 83px;}header .hd-container{ flex: 1;display: flex;align-items: center;gap: 20px;padding: 10px 0 0;}header .hd-info{ margin: 0 0 0 auto;text-align: right;}header .pho{ color: #000;font-size: 23px;font-weight: 500;line-height: 1;}header .phy{ color: #000;font-size: 16px;}header .pho,header .phy{ margin: 0;display: block;position: relative;}header .pho:hover,header .phy:hover{ color: #d9aa60;}header .ra{ margin: 0;min-width: 290px;}@media (min-width:1025px){ .place-nav{ max-width: 1300px;margin: 0 auto;padding: 0 10px;display: flex;justify-content: space-between;align-items: center; } nav{ flex: 0 1 100%; } nav, nav ul li, nav ul li a{ position: relative; } nav > ul{ padding: 0;max-width: 980px;margin: auto; } nav ul{ margin: auto;list-style: none;display: flex;justify-content: space-around; } nav ul li a{ display: block;color: #fff; } nav ul li a:hover{ color: #fff; } nav > ul > li{ flex: 1 1 auto;text-align: center; } nav > ul > li:last-of-type:after{ display: none; } nav > ul > li > a{ padding: 6px;font-size: 16px;color: #000; } nav > ul > li > a span{ color: #000; } nav > ul > li:hover > a{ color: #a77a33; } nav ul li:hover > ul{ display: block;visibility: visible;animation-name: fadeIn;animation-duration: .25s;animation-fill-mode: both; } nav ul ul{ display: none;min-width: 280px;width: 100%;padding: 0;position: absolute;z-index: 3;left: 0;text-align: left;background-color: #000;box-shadow: 10px 17.3px 25px rgba(0,0,0,.2); } nav > ul > li:last-child ul{ right: 0;left: auto; } nav ul ul li > a{ padding: 10px 12px;font-size: 14px;line-height: 1.3;text-transform: none; } nav ul ul li:hover > a{ background-color: #a77a33;color: #fff; } nav ul ul ul{ left: 100%;top: 0;background-color: #d9aa60; } nav ul ul ul li button i:before{ content: "\e825"!important; } nav ul ul ul ul{ top: auto;left: 0;position: relative;display: block;box-shadow: none;background-color: #cf9437; } nav ul ul ul ul li a{ padding-left: 2em;padding-left: 2em; } nav ul ul ul ul li a{ background-color: #d1983f; } nav ul ul ul ul li:hover a{ background-color: #805d27; } .has-submenu button, .has-submenu span > a{ display: inline-block;line-height: 1;color: #fff; } .has-submenu.open > ul{ display: block; } .has-submenu.open > ul :focus{ background-color: rgba(255,255,255,.2); } nav li button{ display: inline-block;padding: 0; } nav > ul > li.has-submenu > a > button{ color: #a77a33; }}.fix-nav header{ position: fixed!important;animation-duration: 1s;animation-fill-mode: both;z-index: 100;}.fix-nav header .logo img{ max-height: 60px;}@media (max-width:1024px){ .hd-info{ display: flex;align-items: center;margin-right: 10px;justify-content: flex-end;text-align: center; } header .pho{ font-size: 30px; } header .logo{ padding: 8px; } header .logo img{ max-height: 70px; } #hd-top, #main-nav, header .hd-btns, header .phy, header [class^=btn], header nav ul{ display: none; } .nav-down{ box-shadow: 0 3px 7px rgba(24,23,24,.2); } .nav-up{ transform: translateY(-100%); } .mean-container .mean-nav, body, header{ transition: all .3s; } body{ right: 0; } .attach header{ position: fixed!important;box-shadow: 0 3px 7px rgba(24,23,24,.35); } .attach header .top-nav{ display: none!important; } body.mean-active header{ left: -80%;transform: none; } body.mean-active{ overflow: hidden;right: 80%; } body.mean-active:before{ z-index: 98;content: "";opacity: .7;background-color: #000;position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-image: none;height: inherit; } body.mean-active .mean-container .mean-nav{ right: 0; } .mean-container{ display: flex!important;flex-flow: row nowrap;align-items: center;justify-content: space-between; } .mean-container .mean-bar{ background-color: #d9aa60;width: 70px;min-height: 70px;display: flex;flex-direction: column;justify-content: center;align-items: center;align-self: stretch;margin-left: 8px; } .mean-container .meanmenu-reveal{ display: block;color: #fff; } .mean-container a.meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .mean-bar .icon-menu{ position: relative;display: table;transition: .3s all;z-index: 1;margin: 0 0 5px 5px; } .mean-container .meanmenu-reveal .icon-menu:before{ font-size: 30px;content: "|||";transform: rotate(90deg) scaleY(1.6);letter-spacing: 3.2px; } .mean-container .mean-bar .icon-menu:after, .mean-container .meanmenu-reveal.meanclose:after{ content: "MENU";font-style: normal;position: absolute;left: 48%;transform: translateX(-50%);bottom: -10px;letter-spacing: 1px;font-size: .55em;font-weight: 700; } .mean-container .meanmenu-reveal.meanclose i:before{ transform: rotate(45deg);font-size: 60px;content: "+";margin: -5px 0 0 8px; } .mean-container .meanmenu-reveal.meanclose:after{ content: "CLOSE";bottom: 5px; } .mean-container .mean-nav{ position: fixed;right: -80%;margin: 0;top: 0;bottom: 0;width: 80%;overflow: auto;display: flex;flex-flow: column;justify-content: flex-start;background-color: #a77a33; } .mean-container .mean-nav ul{ font-size: 16px;padding: 0;margin: 0;width: 100%;list-style-type: none; } .mean-container .mean-nav ul li{ position: relative;width: 100%; } .mean-container .mean-nav ul li a{ display: block;padding: 1em 5%;padding-right: 58px!important;margin: 0;text-align: left;color: #fff;border-top: 1px solid rgba(255,255,255,.5);text-decoration: none;text-transform: uppercase; } .mean-container .mean-nav ul li li a{ padding: 1em 10%;border-top: 1px solid #f1f1f1;border-top: 1px solid rgba(255,255,255,.25);opacity: .75;text-shadow: none!important;visibility: visible; } .mean-container .mean-nav ul li.mean-first a{ border-top: none;margin-top: 0; } .mean-container .mean-nav ul li.mean-last a{ border-bottom: none;margin-bottom: 0; } .mean-container .mean-nav ul li li li a{ padding: 1em 15%; } .mean-container .mean-nav ul li li li li a{ padding: 1em 20%; } .mean-container .mean-nav ul li li li li li a{ padding: 1em 25%; } .mean-container .mean-nav ul li a:hover{ background: #252525;background: rgba(255,255,255,.1); } .mean-container .mean-nav ul li a.mean-expand{ width: 48px;line-height: 50px;font-size: 20px;padding: 0!important;text-align: center;position: absolute;right: 0;top: 0;z-index: 2;background: rgba(255,255,255,.1);border: none!important;border-left: 1px solid rgba(255,255,255,.4)!important;border-bottom: 1px solid rgba(255,255,255,.4)!important; } .mean-container .mean-nav ul li a.mean-expand:before{ content: "\e825";font-family: fontello;font-weight: 400;margin: 0;font-style: normal; } .mean-container .mean-nav ul li .mean-expand.mean-clicked:before{ content: "\e83a"; } .mean-remove{ display: none!important; } .mean-nav .social{ min-height: 66px;background-color: rgba(0,0,9,.4);margin: 0;padding: 10px 5px;justify-content: center; } .mean-nav .fo-title{ color: #fff;text-align: center; } .mean-nav .hours{ display: block;text-align: center;color: #fff;padding: 10px;margin: 10px auto auto; } .mean-nav .hours p{ display: table;text-align: left;font-size: 15px;margin: 10px auto 0;color: #fff; }}.play{ cursor: pointer;border: none;background-color: transparent;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;color: #000;font: 700 15px/1 Jost,serif,sans-serif;text-transform: uppercase;letter-spacing: 1.5px;text-align: center;transition: .3s all;}.play i{ width: 75px;height: 75px;border-radius: 50%;background-color: #fff;display: block;color: #000;display: inline-flex;align-items: center;justify-content: center;font-size: 30px;margin: 10px;transition: .3s all;}.play i:before{ margin: auto;padding-left: 5px;}.play:hover{ color: #d9aa60;}.play:hover i{ background-color: #d9aa60;color: #fff;}[data-embed] .close,[data-vimeo] .close{ cursor: pointer;line-height: 1;background-color: #000;color: #fff;padding: 8px;text-transform: uppercase;z-index: 5;position: absolute;top: 0;right: 0;min-width: 160px;}[data-embed] .close i,[data-vimeo] .close i{ font-style: normal;font-size: 1.25em;line-height: 1;vertical-align: middle;display: inline-block;margin-bottom: 5px;}[data-embed] .close:focus,[data-vimeo] .close:focus{ background-color: #000;}[data-embed] .close:hover,[data-vimeo] .close:hover{ background-color: #1b1b1b;color: #fff;}[data-embed] .close i:before{ transform: rotate(45deg);}body.page_index .h2,body.page_index h2{ display: block;}body.page_index .h2 small,body.page_index h2 small{ display: block;font: 500 15px/1 Jost,serif;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 20px;}.split{ padding: 100px 10px;}.split .flex-ed{ max-width: 1150px;margin: auto;display: flex;align-items: center;justify-content: space-around;}.split article{ flex: 1;max-width: 500px;padding: 10px;margin: auto;}.split figure{ flex: 0 1 auto;}.split [class^=btn]{ margin-left: 0;}.deco{ position: relative;padding-left: 100px;}.deco:before{ width: 80px;height: 2px;background-color: #d9aa60;top: 50%;left: 0;content: "";display: block;position: absolute;}.home-split{ max-width: 11300px;height: 1px;background-color: #000;opacity: .3;margin: 0 auto;}#banner{ position: relative;max-width: 1300px;margin: 0 auto;display: flex;padding: 50px 15px;;align-items: center;}#banner h1{ font: 500 15px/1 Jost,serif;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;position: relative;padding-left: 100px;}#banner h1:before{ width: 80px;height: 2px;background-color: #d9aa60;top: 50%;left: 0;content: "";display: block;position: absolute;}#banner h2{ font-size: 82px;}#banner article{ padding: 10px;max-width: 600px;}#banner figure{ position: relative;max-width: 617px;padding-left: 40px;flex: 1 0 auto;}#banner figure img{ border-radius: 247px;}#banner figure .accent{ position: absolute;left: 0;bottom: -12%;}.callouts{ background-color: #fff;padding: 20px 20px;}.callouts .flex-ed{ gap: 10px;justify-content: space-around;align-items: center;max-width: 1400px;margin: 0 auto;}.callouts .flex-ed > *{ display: flex;align-items: center;gap: 10px;}.callouts .flex-ed a:hover h3{ color: #d9aa60;}.callouts figure{ width: 50px;height: 50px;border: 1px solid #d9aa60;border-radius: 50%;display: flex;align-items: center;justify-content: center;flex: 0 1 auto;}.callouts h3{ font-size: 18px;}#meet .flex-ed{ max-width:1130px; align-items: flex-start;justify-content: space-between;}#meet figure{ position: relative;padding-right: 60px;padding-bottom: 60px;z-index: 2;}#meet figure img{ margin: 0;}#meet figure .seal{ position: absolute;right: 0;bottom: 0;}#meet article{ max-width: 550px;margin: 0;position: relative;z-index: 1;}#meet .quote{ position: relative;padding: 25px 0;margin: 40px 0 20px;display: block;font: 700 26px/1.2 "Nanum Myeongjo",serif;}#meet .quote:before{ position: absolute;left: -300px;right: -2000px;top: 0;bottom: 0;background-color: #fff;z-index: -1;content: "";box-shadow: 0 3px 6px rgba(0,0,0,.2);}#meet .signature{ font: 500 15px/1 Jost,serif;text-transform: uppercase;letter-spacing: 2px;margin-bottom: 10px;}#meet .signature img{ margin: 0 0 10px;}#meet [class^=btn] { padding:14px 25px; }@media (min-width:1250px){ #meet article p{ width: 110%; } #meet .quote{ width: 110%; }}#team{ background-color: #000;position: relative;}#team figure{ padding: 40px;}#team figure img{ filter: grayscale(1);opacity: .5;}#team h2{ color: #fff;font-size: 62px;}#team .btn{ margin: 30px 0 0;}#team article{ width: 100%;position: absolute;left: 50%;top: 55%;transform: translate(-50%,-50%);text-align: center;}#reviews{ position: relative;padding: 90px 10px 110px;text-align: center;justify-content: center;text-align: center;max-width: 1150px;margin: 0 auto;}#reviews .slick-reviews{ max-width: 100%;margin: 0 auto;}#reviews .slick-reviews .slick-slide{ padding: 0;margin: 0;font-size: 26px;line-height: 1.4;font-weight: 400;}#reviews .slick-list{ overflow: visible;}#reviews .contain{ max-width: 720px;margin: 0 auto;}#reviews .face{ display: flex;justify-content: center;}#reviews .face img{ border-radius: 50%;margin: 0 -25px 0 0;position: relative;}#reviews .face i{ width: 100px;height: 100px;background-color: #d9aa60;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 32px;border-radius: 50%;}#reviews author{ display: flex;font-size: 18px;margin: 10px 0;flex-direction: column;font: 500 17px/1 Jost,serif;text-transform: uppercase;letter-spacing: 2px;}#reviews author star{ display: block;letter-spacing: 4px;display: block;margin-bottom: 10px;}#reviews author star:before{ color: #d9aa60;}#reviews article{ flex: 1;padding: 10px;position: relative;}#reviews article:after{ position: absolute;right: 0;top: 0;bottom: 0;content: "";background-color: #d9aa60;width: 2px;}#reviews .slick-controls{ margin-top: 40px;}#reviews .slick-arrow{ width: 40px;height: 40px;max-width: 40px;}#reviews .slick-arrow svg{ height: 18px;}@media (min-width:1025px){ #reviews{ display: flex;align-items: flex-start;text-align: left;gap: 60px; } #reviews .face{ position: absolute;left: 50px;top: -130px; } #reviews article{ max-width: 370px; } #reviews .slick-controls{ justify-content: flex-start; } #reviews author{ text-align: left; } #reviews [class^=btn]{ margin-left: 0; }}#services{ background-color: #eee;text-align: center;padding: 90px 10px;position: relative;}#services:before{ position: absolute;left: 0;top: 0;bottom: 0;right: 60%;content: "";background: url(assets/images/index-services-deco.png) right center no-repeat;}#services h2 small{ display: inline-block;}#services article{ max-width: 980px;margin: 0 auto;}#services .cards{ display: flex;justify-content: center;flex-wrap: wrap;gap: 80px;margin: 45px auto 30px;}#services .cards > *{ position: relative;}#services .cards figure{ overflow: hidden;}#services .cards figure img{ border-radius: 93px;}#services .cards h3{ position: absolute;left: 0;bottom: 25px;right: 0;padding: 10px;color: #fff;font-size: 17px;text-transform: uppercase;letter-spacing: 2px;text-shadow: 0 3px 6px rgba(0,0,0,.2);transition: .3s;}#services .cards a:hover figure img{ filter: blur(1.5px);}#services .cards a:hover h3{ bottom: 40%;}#office .flex-ed{ max-width: 1580px;}#office article{ margin: auto 0 0;}#office figure{ max-width: 806px;}#office .slick-office{ max-width: 806px;}#office .slick-office .slick-arrow{ top: auto;bottom: 0;left: -60px;right: auto;width: 40px;height: 40px;line-height: 40px;transform: none;}#office .slick-office .slick-arrow svg{ height: 18px;}#office .slick-office .slick-slide img{ display: block!important;}#office .slick-office #prev{ bottom: 50px;}#office .slick-controls{ margin: 15px 0 0;}@media (min-width:1300px){ #office .h2{ width: 110%; }}#options{ padding: 100px 0;text-align: center;}#options .flex-ed{ max-width: 1150px;margin: 45px auto 0;gap: 40px;}#options .flex-ed > *{ position: relative;}#options .flex-ed > :before{ width: 2px;position: absolute;left: 60px;top: 40%;bottom: 0;content: "";background-color: #d9aa60;}#options .flex-ed h3{ text-transform: uppercase;}#options .flex-ed article{ padding: 20px 10px;text-align: left;max-width: 400px;margin-left: 120px;}#options .flex-ed [class^=btn]{ margin: 15px 0 0;}#find{ padding: 50px 0 130px;}#find figure{ overflow: hidden;border-radius: 200px;max-width: 400px;margin-top: -50px;}#find article{ max-width: 530px;}#find article > p{ max-width: 470px;margin: 1em 0;}#find .flex-ed{ background-color: #fff;border-radius: 30px;padding: 0 30px 60px;}#find #map.active{ border-radius: 0;flex: 1;}#ask{ padding: 0;background: #292929;position: relative;z-index: 1;}#ask:before{ position: absolute;left: 0;top: 0;width: 100%;bottom: 0;background: url(assets/images/pattern-2.png) left top repeat fixed;content: "";opacity: .2;filter: invert(1);pointer-events: none;z-index: -1;}#ask .flex-ed{ max-width: 1400px;}#ask article{ margin: auto;max-width: 400px;text-align: center;}#ask h2{ color: #fff;}#ask figure{ max-width: 50%;}#ask figure img{ margin: 0;width: 100%;}#ask input:not([type=submit]),#ask select,#ask textarea{ background-color: transparent;border-bottom: 1px solid #bebebe;color: #fff;padding: 10px 5px;font-size: 16px;}#ask input:not([type=submit]):focus,#ask select:focus,#ask textarea:focus{ background-color: #000;color: #fff;}#ask input[type=checkbox]:focus{ background-color: transparent;}#ask select{ max-width: 100%;padding: 10px 0;color: #fff;}#ask textarea{ height: 115px;}#ask .flex-ed{ gap: 15px;}#ask .inline{ display: flex;justify-content: space-between;padding: 10px 5px 20px;border-bottom: 1px solid #bebebe;color: #fff;}#ask .inline label{ margin-right: auto;text-align: left;}#ask .inline span{ display: flex;align-items: center;margin: 0 0 0 10px;}#ask .inline span input{ background-color: transparent;margin: 0 10px 0 0;border: 1px solid #fff;margin: 0 5px;border-radius: 0;width: 15px;height: 15px;padding: 0;line-height: 1;}#ask .inline span input:after{ left: 0;top: 0;color: #d9aa60;}#ask .btn{ min-width: 240px;margin: 10px 0 0;}#ask ::placeholder{ color: #fff;}#ask ::-webkit-input-placeholder{ color: #fff;}.social{ text-align: center;margin: 0;display: flex;justify-content: space-around;}.social a{ position: relative;display: inline-block;margin: 5px;font-size: 18px;color: #d9aa60;width: 40px;height: 40px;line-height: 40px;}.social a:hover{ color: #000;}footer{ background-color: #fff;padding: 70px 0 0;text-align: center;border-top: 8px solid #d9aa60;}footer a{ color: #000;}footer a:hover{ color: #d9aa60;}footer .fo-title{ color: #000;display: block;margin-bottom: 10px;text-align: center;font-size: 14px;text-transform: uppercase;letter-spacing: 2px;}footer #fo-contents{ max-width: 700px;margin: 40px auto;display: flex;justify-content: space-around;gap: 10px;padding: 10px;line-height: 1.4;}footer .fo-info{ flex: 1;}footer .pho{ font-size: 23px;display: block;margin-bottom: 15px;}footer .phy{ font-size: 18px;display: block;font-weight: 400;}footer .fo-split{ width: 6px;background: url(assets/images/fo-split.png) left top repeat-y;}footer .hours{ margin: 0;font-weight: 400;flex: 1;}footer .hours label{ font-weight: 500;}footer .social{ justify-content: center;display: flex;gap: 10px;}#copy{ text-align: center;font-size: 16px;line-height: 1.2;font-weight: 400;max-width: 850px;margin: 0 auto;display: flex;gap: 10px;align-items: center;padding: 15px 15px 40px;}#copy a{ color: #d9aa60;}#copy a:hover{ color: #000;}#copy > div{ display: inline-block;}#copy > div:nth-child(2){ margin-right: auto;}#copy .icon-tnt{ display: inline-block;vertical-align: middle;margin: 0;font-size: 45px;vertical-align: -20%;}#copy .icon-tnt:before{ width: auto;}#page{ position: relative;display: block;width: 100%;margin: auto;padding: 30px 10px;max-width: 1170px;clear: both;}#page.has_divider{ padding-bottom: 0;padding-top: 0;}.page_index .internal{ display: none;}.center{ text-align: center;}main{ overflow: hidden;}@media (min-width:800px){ ul.two{ -webkit-column-count: 2;column-count: 2; }}@media (max-width:750px){ main ul li{ margin-left: 10px; } .block .elem-left, .block .elem-right, .elem-left, .elem-right{ display: table;float: none;margin: 20px auto;max-width: 100%; }}#interior-banner{ display: flex;flex-direction: column;justify-content: center;position: relative;text-align: center;padding: 30px 15px;}#interior-banner .contain{ max-width: 1200px;margin: auto;width: 100%;position: relative;z-index: 1;padding: 50px 20px;}#interior-banner .flex-title{ height: 100%;margin: 0;width: 100%;justify-content: center;gap: 20px;align-items: center;}#interior-banner .flex-title .contain{ flex: 1;width: 100%;max-width: 670px;margin: 0;text-align: left;padding: 10px;}#interior-banner .flex-title #intro{ max-width: 575px;}#interior-banner h1{ padding-left: 100px;}#interior-banner h1:before{ width: 80px;height: 2px;background-color: #d9aa60;top: 50%;left: 0;content: "";display: block;position: absolute;}#interior-banner #main-img{ flex: 0 1 auto;position: relative;}#interior-banner #main-img:before{ position: absolute;left: -40px;bottom: 0;width: 261px;height: 283px;background: url(assets/images/banner-deco.png) left top no-repeat;content: "";}#interior-banner #main-img img{ border-radius: 256px;}#static-banner{ display: none;}.why{ padding: 30px 0 15px;position: relative;}.why:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;background-color: #d9aa60;}.why h2{ text-align: center;font: 400 17px/1 Jost,serif;text-transform: uppercase;letter-spacing: 2px;}.why ul{ display: flex;justify-content: space-around;align-items: center;text-align: center;align-items: flex-start;margin-top: 15px;}.why ul li{ max-width: 280px;flex: 1 1 33%;padding: 0;margin: 10px;width: 100%;color: #fff;overflow: visible;line-height: 1.2;color: #000;}.why ul li:before{ content: "";width: 33px;height: 36px;background: url(assets/images/why-deco.png) left top no-repeat;position: static;display: block;margin: 0 auto 5px;}.page-divider{ display: block;max-width: 100%;width: 100%;position: relative;z-index: 1;}.block{ position: relative;display: table;clear: both;width: 100%;max-width: 100%;padding: 100px 10px;}.block:before{ content: "";position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;z-index: -1;}.block .contain{ display: flex;justify-content: space-between;align-items: flex-start;}.block h2{ margin-bottom: 15px;}.block .wrap{ height: 0;}.block article{ margin: auto 0;flex: 0 1 560px;}.block article p:first-of-type{ margin-top: 0;}.block ul li{ margin-left: 0;}.block .btn{ margin-left: 0;}.block .elem{ flex: 0 0 auto;position: relative;z-index: 3;}.block .elem img{ border-radius: 159px;}.block .elem-right{ order: 1;}.block:nth-of-type(odd):before{ background-color: #fff;box-shadow: 0 3px 6px rgba(0,0,0,.2);}.mini-block{ display: table;clear: both;max-width: 100%;width: 100%;margin: 30px auto;}.block.no_img{ text-align: center;}.meet-divider .block:before{ display: none;}.meet-center{ position: relative;}.meet-center article{ background-color: #000;color: #fff;padding: 80px 40px;}.meet-center article h2{ color: #fff;}@media (min-width:1025px){ .meet-center figure{ display: flex;justify-content: center; } .meet-center figure img{ max-width: fit-content; } .meet-center article{ max-width: 595px;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }}.more-to-explore{ position: relative;text-align: center;margin: 0 auto;padding: 40px 10px 60px;}.more-to-explore span{ display: block;font-size: 83px;margin-bottom: 25px;}.more-to-explore p{ padding: 10px;margin: auto;max-width: 1150px;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}.more-to-explore [class^=btn]{ min-width: 350px;margin: 5px;}#common{ display: flex;flex-flow: wrap;margin: 40px auto 0;max-width: 980px;text-align: center;}#common > *{ flex: 1 0 120px;margin: 0 1em 20px;}#common a:hover h3{ color: #d9aa60;}#common .off{ pointer-events: none;}#common .ic-color{ fill: #d9aa60;}#common .sv-icon,#common span{ justify-content: center;display: flex;min-height: 80px;align-items: center;margin-bottom: 10px;}#common h3{ font: 700 14px/1.1 Jost,serif;letter-spacing: 1.4;text-transform: uppercase;}.services-grid{ position: relative;margin: 0 auto 100px;display: flex;align-items: stretch;flex-wrap: wrap;gap: 20px 10px;}.services-grid > div{ flex: 1 0 373px;max-width: 373px;margin: 0 auto;background-color: #fff;border-bottom: 7px solid #d9aa60;}.services-grid h3{ display: flex;align-items: center;text-align: center;background-color: #000;color: #fff; font: 700 27px/1.2 "Nanum Myeongjo",serif; min-height: 100px;padding: 10px 15px;box-shadow: inset 0 0 0 4px #000,inset 0 0 0 5px #d9aa60;}.services-grid h3 a{ color: #fff;}.services-grid figure{ transition: .4s all;}.services-grid figure img{ width: 100%;}.services-grid ul{ display: block;width: auto;margin: 30px 25px;}.services-grid ul li{ line-height: 1.2;margin: 10px auto;}.services-grid ul li a{ color: #000;}.services-grid h3:hover a{ color: #d9aa60;}.services-grid ul li:hover a{ color: #d9aa60;}.services-grid #all{ max-width: 761px;background: url(assets/images/services-all.jpg) center top no-repeat;background-size: cover;min-height: 300px;display: flex;flex-direction: column;justify-content: center;align-items: center;flex: 1;text-align: center;}.services-grid #all .h2{ color: #fff;font-size: 48px;margin-bottom: 10px;transition: .3s;}.services-grid #all:hover .h2{ color: #d9aa60;}.landing{ display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;margin: 40px auto;gap: 20px;}.landing a{ flex: 0 1 30%;margin: 10px;text-align: center;display: block;max-width: 350px;}.landing a img{ transition: .3s;}.landing a:hover img{ filter: grayscale(1);}.styled-form{ text-align: center;}.styled-form .inline,.styled-form .input-content{ background-color: #000;text-align: left;}.input--filled .input__label::before,.styled-form .input__field:focus + .input__label::before{ border-color: #d9aa60;}.plan-include{ text-align: center;max-width: 933px;margin: 0 auto;position: relative;padding: 40px 0 50px;}.plan-include:before{ position: absolute;left: -1000px;right: -1000px;top: 0;bottom: 0;content: "";background: #d9aa60;z-index: -1;}.plan-include h3{ text-transform: uppercase;letter-spacing: 2px;}.plan-include .contain{ border-left: 1px solid #fff;border-right: 1px solid #fff;padding: 0 20px;margin-top: 30px;position: relative;}.plan-include .contain:after,.plan-include .contain:before{ position: absolute;left: -1000px;top: 50%;height: 1px;background-color: #fff;content: "";right: 100%;}.plan-include .contain:after{ left: 100%;right: -1000px;}.plan-include article{ background-color: #fff;padding: 20px;}.plan-include article ul{ max-width: 710px;margin: 0 auto;}.plan-include .discount{ background-color: rgba(0,0,0,.6);color: #fff;padding: 20px 10px;}.plan-include .discount .h3{ color: #fff;letter-spacing: 2px;text-transform: uppercase;font-size: 22px;}.plans{ text-align: center;padding: 50px 20px;}.plans h3{ text-transform: uppercase;letter-spacing: 2px;}.plans .flex-ed{ justify-content: center;gap: 8px;flex-wrap: wrap;margin-top: 15px;}.plans .flex-ed > *{ max-width: 378px;flex: 1;background-color: #d9aa60;min-height: 225px;display: flex;justify-content: center;flex-flow: column;align-items: center;color: #fff;padding: 10px;}.plans .flex-ed > * span{ display: block;}.plans .flex-ed > :nth-child(2){ background-color: #c29855;}.plans .flex-ed > :nth-child(3){ background-color: #a77a33;}.plans .flex-ed .title{ text-transform: uppercase;letter-spacing: 2px;font-size: 24px;color: #fff;}.plans .flex-ed .price{ font-size: 78px;line-height: 1;}.plans .flex-ed .price small{ display: block;font-size: 20px;text-transform: uppercase;letter-spacing: 2px;margin-top: 10px;}.plans .plan-fine{ max-width: 700px;padding: 30px 10px;margin: 0 auto;}.accordion{ margin: 0 auto;text-align: left;max-width: 1150px;}.accordion .toggle{ position: relative;cursor: pointer;clear: both;padding: 15px 70px 15px 40px;width: 100%;display: block;text-align: left;background-color: #fff;font: 500 19px/1 Jost,serif;}.accordion .toggle:hover .h2,.accordion .toggle:hover .h3,.accordion .toggle:hover h2,.accordion .toggle:hover h3{ color: #d9aa60;}.accordion .toggle:after{ content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24.101" height="13.647" viewBox="0 0 24.101 13.647"><g transform="translate(23.041 1.06) rotate(90)"><path d="M1082.2,353.147l11.837,10.99L1082.2,375.128" transform="translate(-1082.202 -353.147)" fill="none" stroke="%23fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/></g></svg>');font-family: fontello;position: absolute;top: 13px;right: 0;font-size: 24px;width: 50px;text-align: center;height: 50px;color: #000;background-color: #000;display: flex;align-items: center;justify-content: center;}.accordion .faq{ background-color: #fff;margin-bottom: 10px;}.accordion .faq.active .toggle:after{ background-color: #a77a33;transform: scaleY(-1);}.accordion .faq > div{ display: none;padding: 0 70px 20px 40px;}.accordion .faq > div p:first-of-type{ margin-top: 0;}.hours{ display: table;margin: 10px auto;text-align: left!important;}.hours label{ width: 120px;display: inline-block;font-weight: 700;}.contact{ display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;max-width: 1150px;margin: 0 auto 40px;}.contact h3{ margin: 10px auto;}.contact p{ margin: 15px 0 10px;line-height: 1.4;}.contact > div:first-child{ flex: 1 0 auto;margin-right: 20px;}.contact > div:last-child{ margin-right: 10px;}.slick-slider .slick-arrow{ position: absolute;left: 0;top: 50%;transform: translateY(-50%);}.slick-slider #next{ left: auto;right: 0;}.slick-controls{ display: flex;align-items: center;justify-content: center;gap: 10px;}.slick-controls #next{ order: 2;}.slick-arrow{ background-color: #000;font-family: fontello;font-size: 40px;left: 0;width: 60px;height: 60px;flex: 0 0 60px;display: flex;flex-direction: column;justify-content: center;align-items: center;border-radius: 50%;z-index: 5;transition: .3s all;}.slick-arrow:hover{ background-color: #a77a33;}#prev svg{ transform: scaleX(-1);}.slick-dots{ line-height: 1;}.slick-dots li{ line-height: 1;}.slick-dots li button{ padding: 0;}.slick-dots span{ cursor: pointer;background-color: #dcdcdc;height: 12px;width: 12px;border-radius: 50%;display: inline-block;margin: 0 5px;}.slick-dots .slick-active span{ background-color: #d9aa60;}.pagingInfo{ text-align: center;}.gallery{ max-width: 980px;margin: 40px auto;padding: 0;position: relative;}.slick-gallery{ position: relative;margin: 20px auto;text-align: center;}.slick-gallery .case{ display: flex;justify-content: center;gap: 20px;}.slick-gallery .case span{ margin: 0;position: relative;padding-bottom: 40px;}.slick-gallery .case span:after{ font-size: 19px;content: "Before";position: absolute;bottom: 5px;left: 0;right: 0;margin: auto;display: block;margin: auto;color: #000;}.slick-gallery .case span:last-of-type:after{ content: "After";}.slick-gallery figcaption{ margin: 5px auto;}#safety h3:after{ background-color: #000;}.cls-2,.cls-3,.cls-4{ stroke: #000;}.thinner .cls-2{ fill: #000;}.covid-icon{ border-color: #000;}@media (max-width:1024px){ .split .flex-ed{ flex-flow: column;text-align: center; } .split figure{ margin: 0 auto; } .split article{ margin: 0 auto;padding: 10px;max-width: 100%; } .split .btn{ margin: 10px auto; } #page { padding:30px 20px; } #page-title h1:only-child, .h1, h2#append{ font-size: 45px; } #interior-banner .contain{ padding: 40px 20px 20px; } #interior-banner .flex-title{ text-align: center; } #interior-banner .flex-title .contain{ max-width: 100%; } #interior-banner h1{ padding: 0; } #interior-banner h1:before{ display: none; } .flex-title{ display: block;text-align: center; } .flex-title #page-title{ text-align: center; } header .hd-container{ padding: 0; } header .hd-info{ display: none; } #main-img{ max-width: 511px;min-height: auto;margin: 10px auto 20px; } #main-img img{ display: block; } #intro{ margin: 20px auto;text-align: center; } .block{ text-align: center;padding: 40px 10px; } .block .contain{ display: block; } .block .btn{ margin: 10px auto; } .block h2, .block h3{ margin-bottom: 20px;text-align: center; } .block [class^=elem]{ float: none;margin: 10px auto 20px;max-width: 100%; } .block ul{ display: table;margin: 20px auto; } #banner h2{ font-size: 6vw; } #meet{ padding-top: 50px; } #meet figure{ margin-bottom: 30px;padding-right: 0; } #meet figure .seal{ right: 35px; } #meet article{ margin: auto;max-width: 100%; } #meet .signature img{ margin: 0 auto 10px; } #team{ padding: 12px 12px 80px; } #team figure{ padding: 12px 12px 50px; } #team article{ position: static;transform: none; } #team .btn { background:white; color:#000; } #reviews{ padding-bottom: 80px; } #reviews article:after{ display: none; } #services .cards{ gap: 15px; } #office{ padding: 0 0 100px; } #office article{ max-width: 100%; } #office figure{ order: -1;margin-bottom: 40px;max-width: 100%; } #office .slick-office .slick-arrow{ left: 50%;bottom: -10px; } #office .slick-office #prev{ bottom: -10px;margin-left: -45px; } #office .slick-office #next{ margin-left: 0; } #options .flex-ed{ flex-direction: column; } #options .flex-ed > :before{ display: none; } #options .flex-ed article{ margin: auto;text-align: center; } #find{ padding-bottom: 20px; } .deco{ display: inline-block!important; } #ask figure{ max-width: 100%; } #ask article{ padding: 70px 20px;max-width: 100%; } .services-grid{ justify-content: center;flex-wrap: wrap; } .services-grid > div{ margin: 0; } .services-grid #all{ max-width: 373px;flex: 0 1 373px;margin: 0; }}@media (max-width:768px){ #banner{ flex-direction: column; } #banner article{ text-align: center; } #banner h2{ font-size: 51px; } #banner figure{ padding-left: 20px; } #banner .accent{ max-width: 130px; } #interior-banner #main-img:before{ height: 150px;background-size: auto 100%; } #services .cards { max-width:500px; } .callouts .flex-ed{ flex-wrap: wrap;max-width: 270px;gap: 20px; } .callouts .flex-ed > *{ flex: 0 1 100%; } #services{ padding: 80px 15px; } #options{ padding: 80px 20px 0; } #find .flex-ed{ padding: 60px 20px; } .hd-info{ display: none; } .why ul{ flex-wrap: wrap; } .why ul li{ flex: 1 1 100%; } .contact{ text-align: center;display: block; } .contact > div:first-child, .contact p{ margin: 10px auto; } #map{ display: none; } #copy{ flex-direction: column;justify-content: center;align-items: center; } #copy > div:nth-child(1) span:last-child{ display: none; } #copy > div:nth-child(2){ margin: 0 auto; } footer #fo-contents{ flex-direction: column;align-items: center; }}@media (max-width:590px){ .deco{ padding-left: 0; } .deco:before{ display: none; } footer{ padding: 20px; } .services-grid > div{ flex: 1 0 100%; } #team h2{ font-size: 49px; } .dividerLead, .h2, .more-to-explore span, h2{ font-size: 45px; } header .hours label{ width: 100px; }}@media (max-width:400px){ .more-to-explore [class^=btn]{ min-width: 100%;width: 100%;margin: 8px auto; } [data-embed] .close{ font-size: 12px;min-width: 120px;padding: 4px; } #copy .icon-tnt{ font-size: 50px;margin-bottom: 8px; }} .has-h3 {clear: both; display: table; width: 100%; margin: 20px auto; text-align: left;}.has-h3 h3 {margin: 0 auto 10px;text-align: left;}.section-toggle {display: none;margin-top: 20px;}@media (max-width: 750px) { .has-h3, .has-h3 h3 {text-align: center;}}