@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=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/* Typho - Coding */
html {font-size:20px; font-family: 'Noto Sans KR', sans-serif; word-break: keep-all;} /* word-break: auto-phrase; */} /* PC 폰트 rem 값 부모 */
.txs {font-size:0.6rem; line-height:0.8rem;}
.ts {font-size:0.8rem; line-height:1.3rem;}
.tr {font-size:1rem; line-height:1.6rem;}
.tm {font-size:1.5rem; line-height:2rem;}
.tl {font-size:2rem; line-height:2.2rem;}
.txl {font-size:2.5rem; line-height:2.7rem;}

.hs {font-size:2rem; line-height:2.4rem;}
.hr {font-size:3rem; line-height:3rem;}
.hm {font-size:3.5rem; line-height:3.8rem;}
.hl {font-size:4.5rem; line-height:4.8rem;}
.hxl {font-size:5.5rem; line-height:5.8rem;}

.en_tit_01 {font-family: "Prompt", sans-serif; font-weight:100; font-size:140px; line-height:120px;}
.en_tit_02 {font-family: "Prompt", sans-serif; font-weight:100; font-size:110px; line-height:90px;}
.en_typo {font-family: "Prompt", sans-serif; font-weight:600; font-size:140px; line-height:140px; margin-left:-20px;}
.footer {font-family: "Roboto", sans-serif; font-size:10px; line-height:14px; font-weight:400; color:#ffffff;}
.word_left p {text-align:left!important;}
.word_center p {text-align:center!important;}
.word_right p {text-align:right!important;}

.box {padding:0% 10%; margin:0 auto;}
.box_tit {font-family: "Prompt", sans-serif; font-size:30px; line-height:30px; font-weight:400; padding-bottom:10px;}
.box_txt {font-size:18px; line-height:20px; font-weight:200;}
.box_stit {font-size:14px; line-height:14px; font-weight:200; padding-bottom:10px;}
.box_txt_en {font-family: "Prompt", sans-serif; font-size:18px; line-height:20px; font-weight:200;}

.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;} .w700 {font-weight:700!important;} .w800 {font-weight:800!important;} .w900 {font-weight:900!important;} 
.w100 strong {font-weight:400!important;}
.w200 strong {font-weight:500!important;}

.prompt {font-family: "Prompt", sans-serif;}
.block_blur {backdrop-filter: blur(20px); brightness(1.5) saturate(1.5);} /* 가우시안 블러 효과 */
#page-header-bg[data-post-hs="default_minimal"] #single-below-header {display:none;}
body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a {
    pointer-events: none;
    cursor: default;
    color: gray; /* (선택) 클릭 불가 상태임을 표시하기 위해 색상 변경 */
}
.blog-recent[data-style*=classic_enhanced] .excerpt {display:none;}


#slide-out-widget-area.fullscreen, #slide-out-widget-area.fullscreen-alt {background-color: rgb(0 0 0 / 44%)!important; backdrop-filter: blur(10px);}

/* Typho - Custom */
#header-outer[data-lhe="animated_underline"] li > a .menu-title-text {color:#FFFFFF;}
#header-outer.transparent #top nav > ul > li > a, #header-outer.transparent #top nav > .sf-menu > li > a {opacity: 1;}
body #header-outer {background-color: rgba(0, 0, 0, 0.1); /* backdrop-filter: blur(10px);*/ padding:0px 60px;}  /* 메뉴 가우시안 블러 효과 */
#footer-outer #footer-widgets .col p:last-child {font-size:12px; letter-spacing:0.5px;}
#footer-outer[data-cols="1"] #footer-widgets .span_12 > div:last-child {font-size:12px; letter-spacing:0.5px;}
#footer-outer .widget {font-size:14px; color:#999999;}
#footer-outer .widget a:hover	{color:#999999!important;}
#footer-outer {background-color: #090909;}
.single-portfolio .row .col.section-title h1 {font-size:40px; line-height:40px; font-family: 'Noto Sans KR', sans-serif; color:#fff; font-weight:200; margin-top:40px;}
.blog-recent[data-style=classic_enhanced][data-color-scheme=dark] h3.title, .span_12.light .blog-recent[data-style=classic_enhanced][data-color-scheme=dark] h3.title {font-weight:400;}


/* salient */
/* body:not(.woocommerce-cart) .main-content img {display:none;} */
.container-wrap {background-color:#000;}
.portfolio-items .col {background-color:#000;}
.nectar-post-grid-filters a {color:#fff; font-family: "Prompt", sans-serif; text-transform: uppercase; letter-spacing:0.5px; font-size:26px; font-weight:200;}
body .nectar-post-grid .nectar-post-grid-item .content .meta-category a {pointer-events: none; cursor: default; color:#666; font-weight:100; text-transform: uppercase;}
.nectar-post-grid-wrap[data-style=content_under_image] .nectar-post-grid[data-card=yes][data-text-align=center] .nectar-post-grid-item .content {padding:25px 30px 30px 30px; margin-bottom:10px;}
.story_button {font-family: "Prompt", sans-serif; font-weight:300; border-radius:20px;}
body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button {border-radius:30px!important; margin:5px!important;}
.nectar-button.see-through, body .nectar-button.see-through {border: 0.5px solid rgba(255, 255, 255, .25)!important;}
body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a {pointer-events: none; cursor: default;}
.nectar-menu-icon.svg-icon svg {margin-bottom:-5px;}

/* Style */
body .wrap_page_menu_scroll {border-bottom: solid 1px #f1f1f1;}
.testimonial_slider[data-style*=multiple_visible] blockquote p {text-align:center; font-size:50px; line-height:60px;}
.testimonial_slider[data-style=multiple_visible] blockquote p:before {display:none;}
.testimonial_slider[data-style*=multiple_visible] blockquote p {color:#999999; margin-bottom:0px; padding: 50px 50px 0px 100px;}
.testimonial_slider[data-style*=multiple_visible] blockquote {opacity: .2;}
.flickity-page-dots .dot:before {height:1px;}
body.single .project-title .section-title {padding: 0 70px 0 0px;}
.blog-recent[data-style*=classic_enhanced] .article-content-wrap {padding:5%;}
.blog-recent[data-style*=classic_enhanced] .post-featured-img img {border-radius:10px;}
.single-portfolio #full_width_portfolio #portfolio-nav {margin-top:100px;}

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


/* Comm */
.material .wpb_row, .material .wpb_content_element {margin-bottom:0px;}
#footer-outer .widget.widget_media_image img {max-width:150px!important; margin-top:30px!important;} 

/* 스크롤바 컬러 변경 */
::-webkit-scrollbar { width: 8px; } 
::-webkit-scrollbar-track { background: #1a1a1a; border-radius: 20px; } 
::-webkit-scrollbar-thumb { background-color: #333; border-radius: 20px; border: 2px solid #1a1a1a; } 
::-webkit-scrollbar-thumb:hover { background-color: #555; }

/* -------------------------------------------------- Media Query 480 --------------------------------------------------  */
@media only screen and (max-width:480px){ 

/* Typho - Coding */
html {font-size:14px;}  /* 모바일 폰트 rem 값 부모 */
.container {margin:0 auto; max-width:100%; padding:0 16px;}    /* 모바일 헤더 너비 */
.en_tit_01 {font-family: "Prompt", sans-serif; font-weight:100; font-size:50px; line-height:54px;}
.en_tit_02 {font-family: "Prompt", sans-serif; font-weight:100; font-size:40px; line-height:46px;}

.word_left p {text-align:left!important;}
.word_center p {text-align:left!important;}
.word_right p {text-align:left!important;}

.testimonial_slider[data-style*=multiple_visible] blockquote p {font-size:30px; line-height:40px;}
.main-content .testimonial_slider[data-style=multiple_visible] blockquote p {padding:0px;}

.box {padding:0% 0%; margin:0 auto;}
.box_tit {font-family: "Prompt", sans-serif; font-size:20px; line-height:20px; font-weight:400; padding-bottom:10px;}
.box_txt {font-size:12px; line-height:14px; font-weight:200;}
.box_stit {font-size:11px; line-height:12px; font-weight:200; padding-bottom:10px;}

body.single-portfolio .row .col.section-title.span_12 h1 {line-height:40px;}
.gnb_global span {font-size:14px; font-weight:400;}

/* Typho - Custom */
body #header-outer {background-color: rgba(0, 0, 0, 0.1); /* backdrop-filter: blur(10px);*/ padding:15px 0px;}  /* 메뉴 가우시안 블러 효과 */





/* Typho - Custom */
#footer-outer[data-cols="1"] #footer-widgets .widget.widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_nav_menu li, #footer-outer[data-cols="1"] #copyright .widget_pages li {display:none;}


/* Table */
body:not(.woocommerce-cart) .main-content th {font-size:6px; line-height:7px; padding:6px 1px; text-align:center; letter-spacing:-0.3px; vertical-align:middle;}
body:not(.woocommerce-cart) .main-content td {font-size:6px; line-height:8px; padding:6px 2px; text-align:center; letter-spacing:-0.3px; vertical-align:middle;} 
body:not(.woocommerce-cart) .main-content td b {font-size:10px; font-weight:600; display:block; padding:8px 0px;}
body:not(.woocommerce-cart) .main-content img {margin-bottom:0px;}

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


@media only screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait) { 
body #header-outer {padding:20px 0%;}
#slide-out-widget-area .inner .off-canvas-menu-container li a {font-size:60px!important;}
#slide-out-widget-area .off-canvas-menu-container .menu li a {margin:10px;}
#slide-out-widget-area .menuwrapper ul {display: flex; flex-direction: column;}
.gnb_global span {font-size:16px; font-weight:400;}
.word_left p {text-align:center!important;}
.word_center p {text-align:center!important;}
.word_right p {text-align:center!important;}
body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a {display:none;}

}



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

/* ---------- Media Query 1280 ----------  */
@media only screen and (min-width:1024px){ 
    .view_m{ display:none; } 
    #header-outer[data-lhe="animated_underline"] #top nav > ul > li > a {margin-right:25px; margin-left:25px; /* 아이패드 메뉴 간격 */
}
/* ---------- Media Query 480 ----------  */
@media only screen and (max-width:480px){ .view_pc{ display:none; } }