@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;200;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Qwitcher+Grypen:wght@400;700&display=swap');
@font-face {
    font-family: 'Paperlogy-8ExtraBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}



/* Header 사이즈 폰트는 별도 class 로 지정 */
/* Typho - Defult */
html {font-size:10px!important; word-break: auto-phrase;} 
body {color:#000;}
strong {font-weight:700!important;}

.t8 {font-size:0.8vh; line-height: 1.2vh;}
.t9 {font-size:0.9vh; line-height: 1.3vh;}
.t10 {font-size:1.0vh; line-height: 1.5vh;}
.t11 {font-size:1.1vh; line-height: 1.6vh;}
.t12 {font-size:1.2vh; line-height: 1.7vh;}
.t14 {font-size:1.4vh; line-height: 2.0vh;}
.t16 {font-size:1.6vh; line-height: 2.3vh;}
.t18 {font-size:1.8vh; line-height: 2.6vh;}
.t22 {font-size:2.2vh; line-height: 3.2vh;}
.t24 {font-size:2.4vh; line-height: 3.5vh;}
.t32 {font-size:3.2vh; line-height: 4.7vh;}
.t40 {font-size:4.0vh; line-height: 5.8vh;}
.t50 {font-size:5.0vh; line-height: 7.0vh;} /* lien height 수정 */
.t60 {font-size:6.0vh; line-height: 7.0vh;} /* lien height 수정 */
.t70 {font-size:7.0vh; line-height: 10.3vh;}
.t80 {font-size:8.0vh; line-height: 11.7vh;}
.t90 {font-size:9.0vh; line-height: 13.2vh;}

h1 {font-size:100px; line-height:110px; font-weight:600; padding-bottom:20px; letter-spacing:-2px; color:#000;}
h2 {font-size:26px; line-height:20px; font-weight:400; padding-bottom:60px; letter-spacing:-1px; color:#000;}
h3 {font-size:60px; line-height:70px; font-weight:300; letter-spacing:-1px; color:#000;}
h3>strong {font-weight:800;}
h4 {font-size:1.8rem; line-height: 2.4rem;} /* 대제목 사이즈 */ 
h5 {font-size:1.6rem; line-height: 2.0rem;} /* 소제목 사이즈 */ 
h6 {font-size:1.4rem; line-height: 1.8rem;} /* 소제목 사이즈 */ 

.w100 {font-weight:100!important;} .w200 {font-weight:200!important;} .w300 {font-weight:300!important;} .w400 {font-weight:400!important;} 
.w500 {font-weight:500!important;} .w600 {font-weight:600!important;} .w700 {font-weight:700!important;} .w900 {font-weight:900!important;} 
.ls_s {letter-spacing:-1px!important;} .ls_m {letter-spacing:-0.5px!important;} .ls_l {letter-spacing:1px!important;}
.family_serif {font-family: 'Noto Serif KR', serif;}
.cormorant {font-family: "Cormorant Garamond", serif;}
.justify {text-align:justify!important; text-justify: inter-word!important;}
.mt-10 {margin-top:-10px;}

/* Typho - Custom */
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a {opacity: 1;}
.nectar-highlighted-text {font-size:20px; line-height:30px; font-weight:400; color:#000;}
.nectar-highlighted-text[data-using-custom-color="false"]:not([data-style="text_outline"]) em {background-image: linear-gradient(to right, #e8eaff 0, #eef5ff 100%); font-weight:600;}
.foot_add {font-size:56px; line-height: 64px; font-weight:100; letter-spacing:-1px;}
.foot_add a {color:#000; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.foot_info {font-size:18px; line-height:28px; font-weight:200; padding-top:20px;}
.foot_info em {font-size:14px; margin:0px 10px; font-style: normal; font-weight:100; color:#00000050;}
.foot_tit_en {font-size:8.0rem; line-height: 9.0rem; font-family: "Cormorant Garamond", serif; font-weight:500!important; letter-spacing:-1px!important;}
.tit_en {font-size:9.0rem; line-height: 10.0rem; font-family: "Cormorant Garamond", serif; font-weight:500!important; letter-spacing:-1px!important;}
.copy_info {font-size:14px; line-height:24px;}
.main_wording {font-size:8.0vh!important; line-height: 9.0vh!important; font-weight:900!important;}
.gnb_global .nectar-text-reveal-button {font-size:6px!important; font-weight:600!important;}
.gnb_global a {padding-left:8px!important; padding-right:8px!important;}
.gnb_top {padding-left:20px; padding-right:20px;}
.about_tit {font-family: "Cormorant Garamond", serif; font-size:12vh; line-height:12vh; font-weight:500; letter-spacing:-1px;}
.about_stit {font-family: 'Noto Serif KR', serif; font-size:5vh; line-height:7vh; font-weight:400; letter-spacing:-1px;}
.about_sign {font-family: "Qwitcher Grypen", cursive; text-align:right; font-size:80px; font-weight: 400; font-style: normal; padding-top:40px;}
.about_dr {font-size:12px; font-weight:300; text-align:right; padding-top:20px;}
.about_dr strong {font-weight:600;}
.product_tit_black{font-size:46px; line-height:54px; font-weight:300; letter-spacing:-1px; padding:40px 0px 20px 0px;}
.product_tit_black strong {font-weight:800;}
.product_tit_fullwidth {font-size:50px; line-height:60px; font-weight:300; letter-spacing:-1px; padding-bottom:20px;}
.info_tit {font-size:50px; line-height:60px; font-weight:600; padding-bottom:10px;}
.info_stit {font-size:20px; line-height:30px; font-weight:400; padding-bottom:40px;}
.info_box {font-size:16px; line-height:32px; font-weight:300;}
.info_box strong {font-weight:400!important; padding-right:6px!important;}
.info_tit_block {font-size:28px; line-height:40px; font-weight:600; padding-bottom:10px;}
.info_txt_block {font-size: 18px; line-height: 36px; font-weight: 300;}  
.info_txt_block ul {list-style-type: disc; margin-left:10px;}  
.info_txt_block li {font-size: 18px;}  
.info_txt_block li::marker {font-size: 8px;}
.info_box_tit {font-size:50px; line-height:60px; font-weight:300; padding-bottom:10px; letter-spacing:-1px;}
.info_box_tit strong {font-weight:600;}
.info_txt_question {font-size:17px; line-height:28px;}

/* Style */
body #header-outer {background-color: rgba(255, 255, 255, 0.0);} /* Header opacity */
body #header-outer[data-full-width=true] #top nav>.buttons #header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a {padding-left:10px; padding-right:10px;}
body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button {-webkit-border-radius: 1px !important; margin:4px;}
body .wrap_page_menu_scroll {border-bottom: solid 1px #f1f1f1;}
body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a {font-size:18px; line-height:26px;font-weight:500; color:#000;}
body div[data-style="minimal_small"] .toggle > div .inner-toggle-wrap {padding-top:0.5em;}
#ajax-content-wrap .nectar-responsive-text[class*="font_size"] *, body .nectar-responsive-text[class*="font_size"] * {font-size:16px; line-height:26px;}
.fullwidth_50_block {min-height:500px; padding-top:420px;}
.nectar-cta[data-style=underline] .link_wrap .link_text:after {border-bottom: 1px solid #000;}
.main_block_50 {min-height:60vh;}
.main_block_50 p {padding:4px 0px;}
.nectar-button.large.see-through {border-width: 1px!important; -webkit-border-radius: 0px !important;}
.nectar-button span {font-weight:400; padding:4px 24px;}
.foot_icon {width:32px;}
.cosmosfarm-floating-menu .floating-menu-item {margin-bottom:15px!important;}
.img_deco {border-bottom-right-radius: 50px;}
.btn_foot {margin:4px;}
.kboard-default-poweredby {display:none;}

/* ---------------------------------------- Header Font Size ----------------------------------------  */
.nectar-text-reveal-button__text {font-size:0.8vw;} 
.gnb_global .nectar-text-reveal-button span {font-size:0.5vw!important;}
#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a {padding-left:1.0vw; padding-right:1.0vw;}
#header-outer #logo img {height:1.6vw;}
#header-outer #logo {top:0px;}

@media only screen and (min-width:1920px) and (max-width: 2560px) {
.nectar-text-reveal-button__text {font-size:0.7vw;} 
#header-outer[data-lhe="text_reveal"] #top nav > ul > li:not([class*="menu-item-btn"]) > a {padding-left:1.2vw; padding-right:1.2vw;}
#header-outer #logo {top:0px;}
}

/* 라운딩 옵션 */
@keyframes borderRadiusAnimation {
  from { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
  to { border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; } } 
.sub_top_round .row-bg-wrap { animation: borderRadiusAnimation 1s ease-in-out forwards; }
.img_deco {border-bottom-right-radius: 50px;}



/* layout */
.wpb_row {margin-bottom: 0px;} /* row 기본 마진 */
.sub_top {padding:10% 0%!important;}
.con_area_tit {margin-top:2%!important;}
.fullwidth {padding:0vw 1vw;}
.fullwidth_sub {padding:0vw 12vw;}
.fullwidth_50 {padding:0vw 2vw;}


/* Comm */
.wpb_wrapper>div {margin-bottom:0px;}

/* K board */
.container-wrap button[type="submit"] {padding:2px 16px!important;}


/* -------------------------------------------------- Media Query 480 --------------------------------------------------  */
@media only screen and (max-width:480px){ 
/* Typho - Coding */
html {font-size:12px;}  /* 모바일 폰트 rem 값 부모 */
body {font-size:16px;
.container {margin:0 auto; max-width:100%; padding:0 16px;}    /* 모바일 헤더 너비 */
.serif {font-family: 'Noto Serif', serif!important;}



h1 {font-size:48px; line-height:56px;}
h2 {font-size:16px; line-height:16px; margin-top:-8px; padding-bottom:0px;}
h3 {font-size:30px; line-height:38px; font-weight:300; letter-spacing:-1px;}

/* 🌈🌈🌈🌈 Typho - Custom 🌈🌈🌈🌈🌈 */ 
.wpb_row.vc_row-o-full-height.top-level, .wpb_row.vc_row-o-full-height.top-level > .col.span_12 {min-height: calc(80vh - 47px)!important; padding-bottom:30px;}
.nectar-highlighted-text {font-size:16px; line-height:24px; font-weight:400; color:#000; padding-bottom:40px;}
.tit_en {font-size:5.0rem; line-height: 5.0rem;}
.foot_add {font-size:52px; line-height: 58px; font-weight:100; letter-spacing:-1px;}
.copy_info p {font-size:11px; line-height:16px;}
.about_tit {font-size:8vh; line-height:6vh;}
.about_stit {font-size:3vh; line-height:3vh;}
.foot_tit_en {font-size:6.0rem; line-height: 5.0rem;}
.product_tit_black  {font-size:30px; line-height:38px; font-weight:300; padding:0px 0px 10px 0px; margin-top:-20px;}
.product_tit_fullwidth {font-size:30px; line-height:38px;}
.info_box_tit {font-size:30px; line-height:38px;}
.info_tit {font-size:30px; line-height:38px; padding-top:20px;}
.info_stit {font-size:16px; line-height:22px;}
.info_box {font-size:13px; line-height:22px; font-weight:300;}
.info_tit_block {font-size:24px; line-height:30px;}
.info_txt_block li {font-size: 16px; line-height: 22px;}  
.info_txt_block ul li {padding-bottom:14px;}
.info_txt_question {font-size:14px; line-height:22px;}
body div[data-style*=minimal] .toggle.open>.toggle-title a, body div[data-style*=minimal] .toggle>.toggle-title a {font-size:16px!important; line-height:24px!important;}

/* Style */
.fullwidth {padding:0vw 0px;}
.fullwidth_50 {padding:0vw 2vw;}
.fullwidth_50_block {min-height:300px; padding-top:220px;}
.btn_foot {width:90%;}
.foot_icon {width:33px;}
.nectar-button span {font-weight:400; padding:4px 30px;}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {left:5px;}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {right:5px;}
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button:before {background-color: #ffffff40;}
.gnb_global  {display:inline-block; padding:10px 0px 0px 0px;}
.gnb_global a  {font-size:12px!important;}
.cosmosfarm-floating-menu {display:none;}

/* Off Canvas Menu > Slide Out From Side Hover Triggered */
.gnb_menu a {font-size:18px!important; line-height:20px!important; padding-bottom:5px!important;} /* 모바일 1Depth */
.menu ul li a {font-size:12px!important; font-weight:400!important;} /* 모바일 2Depth */
.menu ul li {margin:2px 0px!important;} .menu ul {margin-top:6px!important;} /* 모바일 2Depth 간격 */

#slide-out-widget-area.slide-out-from-right-hover .inner-wrap>.inner .off-canvas-menu-container li {margin:10px 0px;}

div[data-style="minimal_small"] .toggle {padding-bottom:10px;}

/* 라운딩 옵션 */
.sub_top_round .row-bg-wrap {animation: none !important; border-bottom-right-radius: 0px !important; border-bottom-left-radius: 0px !important;}
.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level, .using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12, [data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level, [data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12 {min-height: calc(80vh - 100px); padding-bottom:40px;}


/* layout */
.sub_top {padding:30% 0%!important;}
.fullwidth_sub {padding:0vw 6vw;}
}

/* IE11 핵 */
_:-ms-fullscreen, :root body:not([data-header-format="left-header"]) #top .sf-menu li ul { margin-left:-110px; }





/* ---------- Media Query 1024 ----------  */
@media only screen and (min-width:1024px){#view_m {display:none;} .view_m {display:none;} }
/* ---------- Media Query 480 ----------  */
@media only screen and (max-width:480px){ #view_pc{display:none;} .view_pc {display:none;}}


/* long code */
body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines,body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:before,body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines:after,body[data-header-search="false"] #header-outer[data-has-menu="false"][data-cart="false"] .slide-out-widget-area-toggle:not([data-custom-color="true"]):not(.mobile-icon) a:not(.using-label) .lines-button:after {height:1px;border-radius:0px;}