/*     1060475 : 메인 헤더/css      */
/*기존 헤더 푸터 지우기*/
#header {display:none;}
#footer {display:none;}
#sub_view #container {padding-top: 0px;}
.shgroup {display:none;}

*{font-family: "Noto Sans SC", sans-serif !important;}
body, h2, h3, h4, h5, h6, p, div, li, dt, dd, input, textarea, button, a, span  {font-family: "Noto Sans SC", sans-serif !important;}

/* =========================================================
   FIXED HEADER SPACE
========================================================= */
.lgen-sub-header-blank{display:block;width:100%;height:76px;}
.lgen-sub-header-blank.build_edit_mode{display:none;}

/* =========================================================
   HEADER AREA
========================================================= */
.lgen-sub-header-area{position:fixed;top:0;left:0;right:0;z-index:9000;width:100%;max-width:100%;margin:0;box-sizing:border-box;}
.lgen-sub-header-area *{box-sizing:border-box;}

/* BUILDER EDIT MODE */
.lgen-sub-header-area.build_edit_mode{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;max-width:100%!important;margin:0!important;z-index:10!important;}

/* =========================================================
   HEADER
========================================================= */
.lgen-sub-header{position:relative;width:100%;max-width:100%;height:76px;margin:0;background:#fff;border-bottom:1px solid #eee;}
.lgen-sub-header__inner{width:calc(100% - 80px);max-width:1440px;height:100%;margin:0 auto;display:flex;align-items:center;gap:40px;}


/* =========================================================
   LOGO
========================================================= */
.lgen-sub-logo{flex:0 0 auto;}
.lgen-sub-logo__link{display:flex;align-items:center;text-decoration:none;}
.lgen-sub-logo__link img{display:block;width:auto;max-width:190px;max-height:52px;margin:0;}


/* =========================================================
   PC NAVIGATION
========================================================= */
.lgen-sub-nav{flex:1;height:100%;display:flex;justify-content:flex-end;}
.lgen-sub-nav__list{display:flex;align-items:center;height:100%;margin:0;padding:0;list-style:none;}
.lgen-sub-nav__item{position:relative;display:flex;align-items:center;height:100%;margin:0;padding:0;}
.lgen-sub-nav__link{position:relative;display:flex;align-items:center;height:100%;padding:0 20px;color:#222!important;font-size:16px!important;font-weight:600;line-height:1!important;letter-spacing:.01em!important;text-decoration:none!important;white-space:nowrap;}
.lgen-sub-nav__link:after{content:"";position:absolute;right:20px;bottom:20px;left:20px;height:1px;background:#222;transform:scaleX(0);transform-origin:center;transition:transform .25s ease;}
.lgen-sub-nav__item:hover>.lgen-sub-nav__link:after{transform:scaleX(1);}


/* =========================================================
   PC DROPDOWN
========================================================= */
.lgen-sub-nav__dropdown{position:absolute;top:100%;left:50%;z-index:30;min-width:220px;padding:12px;background:#fff;border:1px solid #eee;box-shadow:0 18px 45px rgba(0,0,0,.12);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;}
.lgen-sub-nav__item:hover>.lgen-sub-nav__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0);}
.lgen-sub-nav__dropdown a{display:block;padding:11px 14px;color:#444!important;font-size:15px!important;font-weight:500;line-height:1.4!important;text-decoration:none!important;white-space:nowrap;transition:background .2s ease,color .2s ease;}
.lgen-sub-nav__dropdown a:hover{background:#f5f5f5;color:#111!important;}


/* =========================================================
   MOBILE BUTTON
========================================================= */
.lgen-sub-menu-button{display:none;position:relative;flex:0 0 44px;width:44px;height:44px;margin:0 0 0 auto;padding:0;border:0;background:none;cursor:pointer;}
.lgen-sub-menu-button span{position:absolute;left:9px;width:26px;height:2px;background:#222;}
.lgen-sub-menu-button span:nth-child(1){top:13px;}
.lgen-sub-menu-button span:nth-child(2){top:21px;}
.lgen-sub-menu-button span:nth-child(3){top:29px;}


/* =========================================================
   MOBILE MENU
========================================================= */
.lgen-sub-mobile-menu{position:fixed;top:0;right:-100%;z-index:9500;width:min(430px,90vw);max-width:100%;height:100vh;overflow-y:auto;background:#fff;transition:right .4s cubic-bezier(.7,0,.3,1);}
.lgen-sub-mobile-menu.lgen-sub-mobile-menu--open{right:0;}
.lgen-sub-mobile-menu__top{height:76px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eee;}
.lgen-sub-mobile-logo img{display:block;width:auto;max-width:170px;max-height:45px;margin:0;}


/* CLOSE BUTTON */
.lgen-sub-menu-close{position:relative;width:42px;height:42px;margin:0;padding:0;border:0;background:none;cursor:pointer;}
.lgen-sub-menu-close span{position:absolute;top:20px;left:8px;width:26px;height:2px;background:#222;}
.lgen-sub-menu-close span:first-child{transform:rotate(45deg);}
.lgen-sub-menu-close span:last-child{transform:rotate(-45deg);}


/* DIM */
.lgen-sub-menu-dim{position:fixed;inset:0;z-index:9400;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;pointer-events:none;transition:.3s ease;}
.lgen-sub-menu-dim.lgen-sub-menu-dim--open{opacity:1;visibility:visible;pointer-events:auto;}


/* =========================================================
   MOBILE NAV
========================================================= */
.lgen-sub-mobile-nav{padding:20px 25px 40px;}
.lgen-sub-mobile-nav__item{border-bottom:1px solid #e8e8e8;}
.lgen-sub-mobile-nav__head{min-height:65px;display:flex;align-items:center;}
.lgen-sub-mobile-nav__head>a{flex:1;color:#171717!important;font-size:17px!important;font-weight:600;line-height:1.35!important;letter-spacing:.01em!important;text-decoration:none!important;}
.lgen-sub-mobile-nav__toggle{position:relative;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;border:0;background:none;cursor:pointer;}
.lgen-sub-mobile-nav__toggle:before,.lgen-sub-mobile-nav__toggle:after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1px;background:#333;transform:translate(-50%,-50%);transition:.25s ease;}
.lgen-sub-mobile-nav__toggle:after{transform:translate(-50%,-50%) rotate(90deg);}
.lgen-sub-mobile-nav__item.lgen-sub-mobile-nav__open .lgen-sub-mobile-nav__toggle:after{transform:translate(-50%,-50%) rotate(0);}
.lgen-sub-mobile-nav__sub{display:none;padding:0 0 18px;}
.lgen-sub-mobile-nav__sub a{display:block;padding:7px 0;color:#777!important;font-size:15px!important;font-weight:400;line-height:1.5!important;text-decoration:none!important;}

/* =========================================================
   L GRACE ENGLISH FOOTER
========================================================= */
.lgen-footer{position:relative;width:100%;padding:50px 20px;background:#222;color:#fff; box-sizing: border-box;}
.lgen-footer__inner{width:100%;max-width:1440px;margin:0 auto;}
.lgen-footer__info{display:flex;align-items:center;flex-wrap:wrap;gap:7px 0;}
.lgen-footer__info p{position:relative;margin:0;padding:2px 16px;color:rgba(255,255,255,.7)!important;font-size:13px!important;font-weight:400;line-height:1.6!important;}
.lgen-footer__info p:first-child{padding-left:0;}
.lgen-footer__info p+ p:before{content:"";position:absolute;top:50%;left:0;width:1px;height:10px;background:rgba(255,255,255,.25);transform:translateY(-50%);}
.lgen-footer__info span{margin-right:5px;color:#fff!important;font-size:13px!important;font-weight:600;}
.lgen-footer__info a{color:rgba(255,255,255,.7)!important;text-decoration:none!important;}
.lgen-footer__name{color:#fff!important;font-weight:600!important;}
.lgen-footer__copyright{margin-top:12px;color:rgba(255,255,255,.4)!important;font-size:12px!important;line-height:1.5!important;}

/* =========================================================
   TABLET
========================================================= */
@media all and (max-width:1200px){
.lgen-sub-header__inner{width:calc(100% - 50px);gap:20px;}
.lgen-sub-nav__link{padding:0 12px;font-size:14px!important;}
.lgen-sub-nav__link:after{right:12px;left:12px;}
}

/* =========================================================
   MOBILE
========================================================= */
@media all and (max-width:1023px){
.lgen-sub-header-blank{height:64px;}
.lgen-sub-header{height:64px;}
.lgen-sub-header__inner{width:calc(100% - 30px);}
.lgen-sub-logo__link img{max-width:160px;max-height:42px;}
.lgen-sub-nav{display:none;}
.lgen-sub-menu-button{display:block;}
.lgen-sub-mobile-menu__top{height:64px;}
.lgen-footer{padding:40px 20px;}
.lgen-footer__info{display:block;}
.lgen-footer__info p{padding:3px 0;font-size:13px!important;}
.lgen-footer__info p+ p:before{display:none;}
.lgen-footer__copyright{margin-top:15px;}
}

/* =========================================================
   SMALL MOBILE
========================================================= */
@media all and (max-width:600px){
.lgen-sub-mobile-menu{width:100%;max-width:100%;}
}

/* =========================================================
   LANGUAGE
========================================================= */
.lgen-sub-lang{position:relative;flex:0 0 auto;margin-left:5px;}
.lgen-sub-lang__button{height:42px;display:flex;align-items:center;gap:8px;margin:0;padding:0 12px;border:1px solid #e1e1e1;background:#fff;color:#222;cursor:pointer;}
.lgen-sub-lang__button img{display:block;width:22px;height:auto;}
.lgen-sub-lang__button span{font-size:12px!important;font-weight:600;line-height:1!important;letter-spacing:.03em!important;}
.lgen-sub-lang__button i{display:block;width:6px;height:6px;margin-left:3px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg) translateY(-2px);transition:.2s ease;}
.lgen-sub-lang.is-open .lgen-sub-lang__button i{transform:rotate(225deg) translate(-1px,-1px);}
.lgen-sub-lang__dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:50;width:150px;padding:7px;background:#fff;border:1px solid #eee;box-shadow:0 12px 35px rgba(0,0,0,.1);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:.2s ease;}
.lgen-sub-lang.is-open .lgen-sub-lang__dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.lgen-sub-lang__dropdown a{display:flex;align-items:center;gap:10px;padding:10px;color:#555!important;font-size:13px!important;font-weight:500;line-height:1.2!important;text-decoration:none!important;transition:.2s ease;}
.lgen-sub-lang__dropdown a img{display:block;width:22px;height:auto;}
.lgen-sub-lang__dropdown a:hover{background:#f5f5f5;color:#111!important;}
.lgen-sub-lang__dropdown a.is-current{background:#f5f5f5;color:#111!important;font-weight:600;}


/* =========================================================
   MOBILE LANGUAGE
========================================================= */
.lgen-sub-mobile-lang{display:none;margin-top:28px;padding-top:24px;}
.lgen-sub-mobile-lang__button{width:100%;height:54px;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 14px;border:1px solid #ddd;background:#fff;cursor:pointer;}
.lgen-sub-mobile-lang__current{display:flex;align-items:center;gap:10px;}
.lgen-sub-mobile-lang__current img{display:block;width:24px;height:auto;}
.lgen-sub-mobile-lang__current span{color:#222!important;font-size:15px!important;font-weight:600;}
.lgen-sub-mobile-lang__button>i{display:block;width:7px;height:7px;margin-right:4px;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg) translateY(-2px);transition:.2s ease;}
.lgen-sub-mobile-lang.is-open .lgen-sub-mobile-lang__button>i{transform:rotate(225deg) translate(-1px,-1px);}
.lgen-sub-mobile-lang__dropdown{display:none;padding:7px;border:1px solid #ddd;border-top:0;background:#fafafa;}
.lgen-sub-mobile-lang__dropdown a{display:flex;align-items:center;gap:11px;padding:11px 10px;color:#555!important;font-size:14px!important;font-weight:500;line-height:1.3!important;text-decoration:none!important;}
.lgen-sub-mobile-lang__dropdown a img{display:block;width:24px;height:auto;}
.lgen-sub-mobile-lang__dropdown a.is-current{background:#fff;color:#111!important;font-weight:600;}

/* TABLET */
@media all and (max-width:1200px){
.lgen-sub-lang__button{padding:0 9px;}
.lgen-sub-lang__button span{display:none;}
}

/* MOBILE */
@media all and (max-width:1023px){
.lgen-sub-lang{display:none;}
.lgen-sub-mobile-lang{display:block;}
}

/*     1060435 : 한줄 텍스트      */
<!-- 상단 -->
.sub-hero--signature{position:relative;overflow:hidden;padding:60px 0 0;}
.sub-hero__inner{position:relative;z-index:2;text-align:center;max-width:none;padding:0; margin-top:50px;}
.sub-hero__copy{position:relative;z-index:3;max-width:1440px;margin:0 auto;}
.sub-hero__copy .eyebrow{margin-bottom:24px;color:#9b7a4d;font-size:20px;font-weight:500;letter-spacing:.08em;font-family:"Cormorant Garamond",serif !important; margin:0;}
.sub-hero__copy h2{margin:0; color:#3f3935;font-size:72px;line-height:1;font-weight:400;letter-spacing:-.06em;}
.sub-hero__copy p{margin:40px 0 0 0; color:#5e534a;font-size:20px;line-height:1.7;font-weight:400;word-break:keep-all;}
.sub-hero__visual{position:relative;margin-top:-100px;height:200px;width:100%;overflow:hidden;background:none;}
.sub-hero__visual:before{content:"";position:absolute;inset:0;background:url('/img_up/shop_pds/lgrace11/build/option/gong-tong-sang-dan1782270795311.jpg') no-repeat center/cover;transform:scale(1.08);transition:transform 4.8s ease;}
.sub-hero__visual:after{content:"";position:absolute;left:0;top:0;width:100%;height:180px;background:linear-gradient(to bottom,rgba(251,248,244,1) 0%,rgba(251,248,244,.88) 28%,rgba(251,248,244,.45) 62%,rgba(251,248,244,0) 100%);z-index:2;pointer-events:none;}
.sub-hero__visual.is-zoom-out:before{transform:scale(1);}
.signature-bg{display:none;}

@media(max-width:1200px){
.sub-hero__inner {margin-top:10px;}
.sub-hero__copy h2{font-size:6.5vw;}
.sub-hero__copy p{font-size:3vw;}
.sub-hero__visual{height:620px;}
}

@media(max-width:768px){
.sub-hero--signature{padding:30px 0 0;}
.sub-hero__copy{padding:0 20px;}
.sub-hero__copy .eyebrow{font-size:15px;}
.sub-hero__copy h2{line-height:1.06;}
.sub-hero__copy p{margin-top:28px;font-size:17px;}
.sub-hero__visual{margin-top:-100px;height:150px;width:100%;}
.sub-hero__visual:before{transform:scale(1.05);}
.sub-hero__visual:after{height:110px;}
}

/*     1060445 : BLANK 컨텐츠      */
.blank__1060445__ {box-sizing:border-box;display:block;position:relative;width:100%;height:100px}
.blank__1060445__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1060445__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1060445__ {height:50px}
}

/*     1060455 : BLANK 컨텐츠      */
.blank__1060455__ {box-sizing:border-box;display:block;position:relative;width:100%;height:150px}
.blank__1060455__.build_edit_mode {min-height:10px;border:1px dashed red;background:rgba(255,255,255,.1);}
.blank__1060455__.build_edit_mode:before {content:'Blank';display:block;position:absolute;top:50%;left:0;right:0;margin-top:-10px;padding:5px 0;font-size:13px;color:red;text-align:center;line-height:1}

@media all and (max-width:1023px){
	.blank__1060455__ {height:80px}
}

/*     1060485 : 푸터+js      */


