@charset "utf-8";
/* ===============================================================
    Z-index Notice
    * Cursor                ->  99999
    * Modal Video           ->  999
    * Header                ->  950
    * Panel Nav             ->  940
    * Bottom Fixed Button   ->  930
=============================================================== */
/* ===============================================================
    * Reset 
=============================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;overflow-x: hidden;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a {text-decoration: none; color: inherit;}
img {vertical-align: top;}
input[type="text"],input[type="tel"],input[type="email"],input[type="password"],input[type="search"],select,textarea,
button {border-radius: 0;-webkit-border-radius: 0;appearance: none;-webkit-appearance: none;outline:none;border: none;background: none;}
button {cursor: pointer;}
select::-ms-expand {display: none;}
.swiper-button-next, .swiper-button-prev {outline: none;}
* {box-sizing: border-box;}


/* ===============================================================
    * Layout & Font & Width & Color
=============================================================== */
html {font-size: 62.5%;}
body {font-family: 'RixGoL', sans-serif; font-size: 16px; line-height: 1; font-weight: normal; color: #666;}
.font1 {font-family: 'Montserrat', cursive; font-weight: 500;}
.font2 {font-family: 'Montserrat', sans-serif;}
.font3 {font-family: 'RixGoR', sans-serif;}
.font4 {font-family: 'RixGoB', sans-serif;}
.bold {font-weight: bold;}
.ttu {text-transform: uppercase;}
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}

.color1 {color: #e3a259 !important;}
.bg1 {background: #e3a259 !important; color: #fff !important;}
.bg2 {background: #e3a259 !important; color: #fff !important;}
.hover-color:hover {background: #e3a259 !important; border: 1px solid #e3a259 !important; color: #fff !important;}

.swiper-button-next:after, .swiper-button-prev:after {content:'';}
.width-max {max-width: 1430px; width: 100%; margin: 0 auto; padding: 0 15px;}
.clb:after {content:''; display: block; clear:both;}
.fl {float:left;} .fr {float:right;}
.none-pc {display: none;}
@media (max-width: 820px){
    .none-pc {display: block;}
    .none-mo {display: none;}
    .swiper-pagination-bullet-active {background: #e3a259 !important;}
}


/* ===============================================================
    * Custom Cursor 
=============================================================== */
.cursor,.cursor2,.cursor3{position: fixed;border-radius: 50%;	transform: translateX(-50%) translateY(-50%);pointer-events: none;left: -100px;top: 50%}
.cursor{background-color: #fff;height: 0;width: 0;z-index: 99999;}
.cursor2,.cursor3{height: 36px;width: 36px;z-index:99998;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out}
.cursor2.hover,.cursor3.hover{-webkit-transform:scale(2) translateX(-25%) translateY(-25%);transform:scale(2) translateX(-25%) translateY(-25%);border:none;}
.cursor2{border: 2px solid #fff;box-shadow: 0 0 22px rgba(255, 255, 255, 0.6);}
.cursor2.hover{background: rgba(255,255,255,.1);box-shadow: 0 0 12px rgba(255, 255, 255, 0.2);}
.scale-up .cursor2,.scale-up .cursor3{opacity: 0;}
.cursor-dark .cursor2,.cursor-dark .cursor3{border: 2px solid #4b4d64;box-shadow: 0 0 14px rgba(75, 77, 100, 0.3);}
.cursor-dark .cursor2.hover,.cursor-dark .cursor3.hover{background: rgba(75, 77, 100, 0.3);border: none;box-shadow: 0 0 14px rgba(75, 77, 100, 0.2);}
.video-cursor .cursor2.hover,.video-cursor .cursor3.hover{opacity: 0;}
@media (max-width: 820px){
    .cursor,.cursor2,.cursor3{display: none}
}


/* ===============================================================
    * Common Banner 
=============================================================== */
.cm-banner {width: 100%; height: 500px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.cm-banner__tit {position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); text-align: center; color: #fff;}
.cm-banner__tit h2 {font-family: 'Montserrat', sans-serif; font-size: 70px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; margin-bottom: 20px;}
.cm-banner__tit p {font-size: 20px; line-height: 26px;}
.cm-banner__arrow {position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); font-size: 20px; color: #fff;}
@media (max-width: 820px){
    .cm-banner {height: 150px;}
    .cm-banner__tit h2 {font-size: 40px; margin-bottom: 10px;}
    .cm-banner__tit p {width: 90%; margin: 0 auto; font-size: 14px; line-height: 20px;}
    .cm-banner__arrow {display: none;}
}