p{word-break: keep-all;}
.fw500{font-weight:500}
#header{position:fixed;left:0;top:0;width:100%;background:#ddccb4;z-index:1000;line-height: 1.3;}
.header__top{position:relative;margin:0 20px;height:73px}
.header__top .logo{padding-top:15px}
.header__top .logo a{display:inline-block;width:182.5px;height:43px;background:url(../eng_images/common/logo-mobile.png) no-repeat 0 0;background-size:100% auto}
#btn_toggle{cursor:pointer;position:absolute;right:0;top:50%;transform:translateY(-50%)}
#btn_toggle .bar1,#btn_toggle .bar2,#btn_toggle .bar3{width:20px;height:2px;background-color:#857a6c;margin:6px 0;transition:.4s}
#btn_toggle.active .bar1{transform:rotate(-45deg) translate(-6px,4px)}
#btn_toggle.active .bar2{opacity:0}
#btn_toggle.active .bar3{transform:rotate(45deg) translate(-7px,-6px)}
#menuToggle{position:absolute;right:0;top:1.2rem;background:url(../images/common/menu.png) no-repeat 50% 50%;border:0;width:26px;height:26px}
#menuToggle.active{background:url(../images/common/menu-close.png) no-repeat 50% 50%}
#menuToggle{display:none}
@media screen and (min-width: 1023px) {
.nav__d__wrap{position:relative;max-width:1180px;margin:0 auto}
#menuToggle{display:block}
}
@media screen and (max-width: 1023px) {
  .nav{opacity:0;visibility:hidden;position:fixed;top:73px;left:0;width:100%;height:calc(100vh - 73px);background:#fff;overflow-y:auto;padding-bottom:50px;transition:all .35s}
  .nav.active{opacity:1;visibility:visible}
  .nav__wrap{padding:0 20px}
  .gnb > li{border-bottom:1px solid #dbdbdb}
  .gnb > li > a{display:block;position:relative;font-weight:500;color:#343434;font-size:20px;height:70px;line-height:70px}
  .gnb li br{display: none;}
  .gnb > li > a:before,.gnb > li > a:after{content:"";display:block;position:absolute;right:0;top:50%;margin-top:1px;width:15px;height:2px;background:#9e9e9e;opacity:.7;transition:all .25s}
  .gnb > li > a:after{transform:rotate(90deg)}
  .gnb > li > a.active:after{transform:rotate(0deg);opacity:0}
  .gnb > li > ul{display:none;padding-bottom:28px}
  .gnb > li > ul > li:first-child a{padding-top:0}
  .gnb > li > ul > li a{display:block;color:#7b7b7b;font-size:15px;padding:7px 0}
}
.nav__language{text-align:center;padding:35px 0 25px;line-height: 1.3;}
.nav__language a{display:inline-block;color:#9e9e9e;font-size:15px;font-weight: 500;}
.nav__language a.m{color: #7b7b7b;font-weight: 500;margin-right: 20px;font-size: 15px;}
.nav__language a.current{color:#000}
.nav__language .leng__cu_prev{position:relative;padding-right:12px;margin-right:11px}
.nav__language .leng__cu_prev:after{content:"";display:inline-block;position:absolute;right:0;top:3px;width:1px;height:14px;background:#ccc}
.nav__language .lang__cu + a{position:relative;padding-left:12px;margin-left:11px}
.nav__language .lang__cu + a:after{content:"";display:inline-block;position:absolute;left:0;top:3px;width:1px;height:14px;background:#ccc}
.nav__sns__list{text-align:center}
.nav__sns__list ul{display:inline-block}
.nav__sns__list ul li{float:left;margin-left:6px}
.nav__sns__list ul li a{display:block;width:39.5px;height:39.5px;background-repeat:no-repeat;background-image:url(../images/common/nav-sns.png);background-size:220px 39.5px}
.nav__sns__list ul li .sns-1{background-position:0 0}
.nav__sns__list ul li .sns-2{background-position:-45px 0}
.nav__sns__list ul li .sns-3{background-position:-91px 0}
.nav__sns__list ul li .sns-4{background-position:-136px 0}
.nav__sns__list ul li .sns-5{background-position:-181px 0}
.header__tel,.header__util{display:none}
@media screen and (min-width: 1024px) {
#header{background:#fff}
.header__top{height:127px;max-width:1180px}
.header__top .logo{padding-top:33px;margin:0 auto;width:280px}
.header__top .logo a{width:100%;height:61px;background:url(../eng_images/common/logo.png) no-repeat 0 0}
.header__tel{display:block;position:absolute;left:0;top:46px;padding-left:45px;background:url(../images/common/header-icon-tel.png) no-repeat 0 0;font-weight:500;height:34px;line-height:34px;font-size:26px}
.header__util{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);line-height: 1.3;}
.header__util a{display:inline-block}
.header__util a + a{margin-left:20px}
.header__util a.current{color:#000}
.header__util a.last{position:relative;padding-left:10px;margin-left:10px}
.header__util a.last:after{content:"";display:inline-block;position:absolute;left:0;top:6px;width:1px;height:12px;background:#ccc}
.nav{position:relative;top:inherit;overflow:hidden;height:65px;padding-bottom:0;background:#ddccb4;transition:all .4s}
.nav.active,.nav.hover{height:290px}
.nav__wrap{position:relative}
.nav__wrap:after{content:"";display:inline-block;position:absolute;left:0;top:65px;width:100%;height:1px;background:#000;opacity:.1}
#menuToggle{right:10px}
.gnb{margin:0 auto;max-width:1180px}
.gnb:after{content:"";display:block;overflow:hidden;clear:both}
.gnb > li{float:left;width:19.3%;text-align:center}
.gnb > li + li{position:relative}
.gnb > li + li:after{content:"";display:inline-block;position:absolute;left:0;top:23px;width:1px;height:20px;background:#000;opacity:.14}
.gnb > li > a{display:block;color:#343434;font-weight:500;font-size:17px;height:65px;line-height:65px}
.gnb > li > a:hover{color:#715329}
.gnb > li ul{padding-top:40px}
.gnb > li ul li{line-height:1.3}
.gnb > li ul li + li{padding-top:15px}
.gnb > li ul li a{font-size:14px;color:rgba(106,106,106,0.9);white-space:nowrap;transition:all .25s}
.gnb > li ul li a:hover{color:#7b7b7b}
#btn_toggle,.nav__language,.nav__sns__list{display:none}
}
@media screen and (min-width: 1180px) {
.header__top{margin:0 auto}
.gnb{margin:0 auto;max-width:1180px}
.gnb:after{content:"";display:block;overflow:hidden;clear:both}
.gnb > li{width:19.3%;}
.gnb > li > a{font-size:20px}
.gnb > li ul li a{font-size:18px;font-weight: 500;}
.subtit.pb70{padding-bottom: 70px;}
}
#contentsWraps{padding-top:192px}
@media screen and (max-width: 1023px) {
#contentsWraps{padding-top:73px}
}
.footer{background:#343434;text-align:center;padding:35px 0;line-height: 1.3;}
.footer__logo span{vertical-align:top;display:inline-block;width:200px;height:47px;background:url(../eng_images/common/logo-footer.png) no-repeat 0 0;background-size:100% auto;font-size:0;text-indent:-9999em}
.footer__link{padding:20px 0 15px;margin:0 6px;border-bottom:1px solid rgba(255,255,255,0.1);overflow:hidden;text-align:center}
.footer__link li{display:inline-block}
.footer__link li a{color:#fff;font-size:12px}
.footer__link li + li{position:relative;margin-left:8px;padding-left:9px}
.footer__link li + li:after{content:"";display:inline-block;position:absolute;left:0;top:6px;bottom:4px;background:#fff;opacity:.1;width:1px}
.footer__content{padding-top:27px}
.footer__sns{padding-bottom:30px}
.footer__sns li{display:inline-block;vertical-align:top}
.footer__sns li + li{margin-left:6px}
.footer__sns li a{display:block;width:41px;height:41px;background-repeat:no-repeat;background-image:url(../images/common/opacity.png);transition:all .35s}
.footer__sns li a:hover{background-image:url(../images/common/opacity.png)}
.footer__sns li .sns-1{background-position:0 0}
.footer__sns li .sns-2{}
.footer__sns li .sns-3{background-position:-48px 0}
.footer__sns li .sns-4{background-position:-95px 0}
.footer__sns li .sns-5{background-position:-142px 0}
.footer__tel{font-size:13px}
.footer__info span{display:inline-block;font-size:13px}
.footer__info span.block{display:block}
.footer__info span:nth-child(3){position:relative;margin-left:10px;padding-left:11px}
.footer__info span:nth-child(3):after{content:"";display:inline-block;position:absolute;left:0;top:4px;bottom:2px;background:#fff;opacity:.1;width:1px}
.footer .copy{padding-top:12px;font-size:13px}
@media screen and (min-width: 1024px) {
.footer{text-align:left;padding:50px 20px}
.footer__top{position:relative;padding-bottom:24px;margin-bottom:27px;border-bottom:1px solid rgba(255,255,255,0.1)}
.footer__logo span{width:238px;height:46px;background:url(../eng_images/common/logo-footer-v2.png) no-repeat 0 0;background-size:auto auto}
.footer__link{position:absolute;right:0;top:16px;border-bottom:0;padding:0}
.footer__link li a{font-size:18px}
.footer__link li + li{margin-left:17px;padding-left:18px}
.footer__content{padding-top:0;position:relative}
.footer__sns{padding-bottom:0;position:absolute;right:0;top:0}
.footer__sns li{float:left}
.footer__tel{font-size:18px}
.footer__info span{font-size:18px}
.footer__info span.block{display:inline-block}
.footer__info span:nth-child(2),.footer__info span:nth-child(3){position:relative;padding-left:11px;margin-left:10px}
.footer__info span:nth-child(2):after,.footer__info span:nth-child(3):after{content:"";display:inline-block;position:absolute;left:0;top:4px;bottom:4px;background:#fff;opacity:.1;width:1px}
.footer .copy{padding-top:18px;font-size:16px}
}
.gold{color:#7f684f}
.black{color:#343434}
.subtop{height:484px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover;text-align:center;position:relative}
.subtop .container{display:flex;justify-content:flex-start;align-items:center;text-align:left;height:100%}
.subtop h2{color:#fff;font-weight:500;font-size:46px;text-shadow:5px 5px 20px rgba(0,0,0,0.5)}
.subtop p{color:#fff;font-size:20px;text-shadow:5px 5px 20px rgba(0,0,0,0.5);line-height: 1.3;}
#breadcrumb{overflow:hidden;padding:25px 0 0}
#breadcrumb li{float:left;line-height:17px}
#breadcrumb li strong{font-weight:400}
#breadcrumb li .home{display:block;width:20px;height:17px;background:url(/asset/images/sub/home.png) no-repeat 0 0}
#breadcrumb li + li{background:url(/asset/images/sub/arrow.png) no-repeat 0 50%;padding-left:15px;margin-left:10px;color:#9e9e9e;font-size:16px}
#breadcrumb li:last-child{display: none;}
.subtit{color:#000;text-align:center;font-size:48px;font-weight:600;padding:110px 0 100px;letter-spacing: -.04em;}
@media screen and (min-width:1024px) {
.subtit.pb70{padding-bottom:60px;}
}
.tit__desc{text-align:center;color:#7b7b7b;line-height:1.6;font-size:18px}
#contents{padding-bottom:200px}
@media screen and (max-width: 1180px) {
#contentsWraps .container{padding-left:20px;padding-right:20px}
.subtit.pb70{padding-bottom: 60px;}
}
@media screen and (max-width: 768px) {
  .subtop h2{font-weight: 600;}
  #contents{padding-bottom:100px}
  .tit__desc{font-size:15px}
  .subtop{height:317px}
  .subtop h2{font-size:7.46667vw}
  .subtop p{font-size:4vw}
  #breadcrumb{padding-top:16px}
  #breadcrumb li{float:left;line-height:17px}
  #breadcrumb li .home{width:15px;height:13px;background-size:auto 100%}
  #breadcrumb li + li{background-size:6px auto;padding-left:12px;margin-left:6px;font-size:12px}
  .subtit{font-size:30px;padding:70px 0 25px;line-height: 1.2;}
  .subtit.pb70{padding-bottom: 25px;}
}

.brand_color{color: #b29772;}
