/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/


/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

/*font*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&family=Noto+Sans+KR:wght@100;300;400;500;600;700;900&display=swap');
html, body, div, span, table, caption, tbody, tfoot, thead, tr, th, td, 
em, font, img, h1, h2, h3, h4, h5, h6, p, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {font-family: 'Helvetica','Noto Sans KR', sans-serif;}
ul,li{list-style: none!important;}
a {text-decoration: none;}

.fs_16{font-size: 16px;}
.fs_18{font-size: 18px;}
.main_title{font-size: 75px;}
.b_sub_title{font-size: 48px;}
.sub_title{font-size: 32px;}
.sub_p{font-size: 24px;}
.middle_title{font-size:50px;}
.txt_p{font-size:22px;}
.dec_p{font-size:28px; letter-spacing: -0.2px;}

.fw300{font-weight: 300;}
.fw400{font-weight: 400;}
.fw500{font-weight: 500;}
.fw600{font-weight: 600;}
.fw700{font-weight: 700;}
.fw800{font-weight: 800;}
.fw900{font-weight: 900;}

.keep_all{word-break: keep-all;}

.dot{font-family: 'Noto Sans KR', sans-serif;}

/* COMMON CSS */
.txt_aln_center {text-align: center;}
.txt_aln_left {text-align: left;}
.txt_aln_right {text-align: right;}

.l_h_1_2 {line-height: 1.2 !important;} /* 라인헤이트 추가 */
.l_h_1_4 {line-height: 1.4 !important;}
.l_h_1_5 {line-height: 1.5 !important;}
.l_h_1_8 {line-height: 1.8 !important;}
.l_h_2 {line-height: 2 !important;}
.l_h_2_4 {line-height: 2.4 !important;}
.l_h_3 {line-height: 3 !important;}

.color_black{color: #000;}
.color_green{color: #53ac51;}
.color_purple{color: #5846fa;}
.color_white{color: #fff;}
.color_orange{color: #ebb34b;}
.color_red{color: #c55d5b;}

.m_b_0 {margin-bottom: 0 !important;}
.m_b_1 {margin-bottom: 1% !important;}
.m_b_2 {margin-bottom: 2% !important;}
.m_b_3 {margin-bottom: 3% !important;}
.m_b_4 {margin-bottom: 4% !important;}
.m_b_5 {margin-bottom: 5% !important;}
.m_b_6 {margin-bottom: 6% !important;}
.m_b_7 {margin-bottom: 7% !important;}
.m_b_10 {margin-bottom: 10% !important;}
.m_b_12 {margin-bottom: 12% !important;}
.m_b_15 {margin-bottom: 15% !important;}
.m_b_20 {margin-bottom: 20% !important;}
.m_b_25 {margin-bottom: 25% !important;}


.display_none{display: none !important;}


/* 포스트 상단 */
#page-header-wrap{display: none !important;}
body.single-post.material[data-bg-header=true] .container-wrap {padding-top: 0px!important;}
.post .content-inner{padding-bottom: 0px !important;}

/* 포스트 builder 높이 */
.nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="30vh"] .nectar-post-grid-item-bg {min-height: 320px;}

@media (max-width: 600px){
    .nectar-post-grid-wrap[data-style="content_under_image"] [data-grid-item-height="30vh"] .nectar-post-grid-item-bg {min-height: auto;}
}

/* 메뉴 커스텀 */
.slide-out-hover-icon-effect.small{display: none;}
#top .slide-out-widget-area-toggle[data-custom-color=true] a:before{width: 150%; height: 58px; opacity: 1 !important;}
#top ul .slide-out-widget-area-toggle a .label{font-size: 18px;}

#slide-out-widget-area-bg.fullscreen-alt{width: 30% !important; left: 70% !important; top: -2px; opacity: 1 !important; transition: all 0.4s !important;}
#slide-out-widget-area.fullscreen-alt {width: 28% !important;  right: 0 !important; left: auto !important;}
#slide-out-widget-area .menuwrapper .menu{text-align: left;}
#slide-out-widget-area.fullscreen-alt .inner{padding-top: 50px !important;}
#slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a{font-weight: 300 !important;}

@media only screen and (min-width: 1000px){
    #header-outer #logo, #header-outer .logo-spacing {margin-top: 13px;  margin-bottom: 15px;}
    #header-outer[data-full-width="true"] header > .container {padding: 0 1% 0 4%;}
}

@media only screen and (min-width: 1px) and (max-width: 999px){
    body #header-outer {padding: 0;}
    #top .slide-out-widget-area-toggle[data-custom-color=true] a:before{height: 41px;}
}

@media (max-width: 1200px) {
    #slide-out-widget-area-bg.fullscreen-alt{width: 40% !important; left: 60% !important; }
    #slide-out-widget-area.fullscreen-alt {width: 38% !important;}
}

@media (max-width: 600px) {
    #slide-out-widget-area-bg.fullscreen-alt{width: 100% !important; left: 0% !important; }
    #slide-out-widget-area.fullscreen-alt {width: 100% !important; right: auto !important; left: 0 !important;}
    #slide-out-widget-area .menuwrapper .menu{text-align: center;}
}
    
@media only screen and (min-width: 1px) and (max-width: 999px){
    body.material.mobile #header-outer.transparent:not([data-permanent-transparent="1"]) header .slide-out-widget-area-toggle a .close-line {background-color: #fff !important;}
}

@media only screen and (max-width: 690px){
    body #header-outer[data-full-width=true] header>.container, body #header-secondary-outer[data-full-width=true]>.container{padding: 0px 0px 0 18px;}
    #top .slide-out-widget-area-toggle[data-custom-color=true] a:before{width: 100%;}
}


/* 메뉴 아이콘 글자색 */
#header-outer.transparent .slide-out-widget-area-toggle a i.label{opacity: 1 !important;}


/* 슬라이드 메뉴 */
#menu-item-609 a{cursor: default;}
#menu-item-609 a::after{display: none !important;}
.menu_wrap {margin-top: 10vw !important;}
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li{margin-bottom: 30px !important;}
#slide-out-widget-area.slide-out-from-right-hover .inner .off-canvas-menu-container li a {font-size: 32px !important; font-weight: 300;}


/* footer */
#footer-outer[data-cols="1"] #copyright {padding-top: 23px !important;}
#footer-outer[data-cols="1"][data-disable-copyright="false"] #copyright {padding-bottom: 25px !important;}


/*블로그*/
.detail_main img{width: 100%;}
body[data-header-resize="1"] #page-header-wrap { margin-top: 0;display: none;}
body[data-header-resize="1"] .container-wrap{padding-top: 0;}
.post_inner {max-width: 1300px; width: 100% !important; margin: 0 auto !important; left: 0 !important;}
body[data-ext-responsive=true].single-post .container-wrap.no-sidebar .post-area{max-width: 1280px;}

@media (max-width: 600px){
    .wpb_wrapper>div {margin-bottom: 10px;}
}


@media (max-width: 1920px) {
    .header_wrap,.full_header_wrap{width: 90%;}
}



@media (max-width: 1600px) {
    .menu_wrap .menu_list{width: 40%;}
    .menu_wrap .menu_info{width: 60%;}
}

@media (max-width: 1024px) {
.menu_wrap {padding: 0 5%;}
}


@media (max-width: 1024px) {
    .menu_wrap{height: 70vh;}
    .menu_wrap{flex-direction: column; justify-content: center;}
    .menu_wrap .menu_list{margin-bottom: 15% !important;}
    .menu_wrap .menu_list, .menu_wrap .menu_info,.menu_wrap .menu_info li{width: 100%;}
    .menu_wrap .menu_list li {line-height: 3;}
}


/* 메인 영상 */
.jb-box video{width: 100%;}
@media (max-width: 600px){
    .jb-box video {width: 100%; margin-left: 0% !important;}
}


.col.span_7{margin-bottom: 0 !important;}


/* 포트폴리오 타이틀 영역*/
ul{margin: 0;}
.name_wrap{display: flex; color: #000;}
.name_wrap li.name_title{width: 100px; margin-right: 0px;}
.name_wrap li{margin-right: 30px;}

.post_line{width: 100%; border-bottom: 2px solid #000;}

@media (max-width: 999px) {
    .name_wrap li.name_title{width: 80px;}
    .name_wrap li{margin-right: 20px;}
}

@media (max-width: 880px) {
    .works_wrap{flex-wrap: wrap;}
    .works_wrap li.work_title{width: 100%; display: block;}
}

@media (max-width: 600px) {
    .name_wrap li.name_title{width: 60px;}
    .name_wrap li{margin-right: 15px;}
}

@media (max-width: 320px) {
    .works_wrap{flex-wrap: no-wrap;}
    .works_wrap li.work_title {width: 60px;}
    .name_wrap li{margin-right: 8px;}
}



/* 반응형 시작 */
@media (max-width: 1920px) {
    .display_show_1600{display: block !important;}
    .display_none_1600{display: none !important;}


    .main_title{font-size: 70px;}
    .middle_title{font-size:42px;}
    .b_sub_title{font-size: 38px;}
    .dec_p{font-size:24px}
    .sub_title{font-size: 30px;}
    .sub_p{font-size: 22px;}
    .txt_p{font-size:20px;}
    .fs_18{font-size: 17px;}
    .fs_16{font-size: 15px;}
}


@media (max-width: 1600px) {
    .display_show_1600{display: block !important;}
    .display_none_1600{display: none !important;}


    .main_title{font-size: 65px;}
    .middle_title{font-size:40px;}
    .b_sub_title{font-size: 36px;}
    .dec_p{font-size:23px}
    .sub_title{font-size: 24px;}
    .sub_p{font-size: 20px;}
    .txt_p{font-size:18px;}
    .fs_18{font-size: 16px;}
    .fs_16{font-size: 14px;}
}

@media (max-width: 1366px) {
    .main_title{font-size: 52px;}
    .middle_title{font-size:37px;}
    .b_sub_title{font-size: 33px;}
    .dec_p{font-size:22px}
    .sub_title{font-size: 23px;}
    .sub_p{font-size: 19px;}
    .txt_p{font-size:17px;}
    .fs_18{font-size: 16px;}
    .fs_16{font-size: 13px;}
}

@media (max-width: 1200px) {
    .display_show_1600{display: block !important;}
    .display_none_1600{display: none !important;}


    .main_title{font-size: 50px;}
    .middle_title{font-size:38px;}
    .b_sub_title{font-size: 34px;}
    .sub_title{font-size: 24px;}
    .sub_p{font-size: 20px;}
    .fs_18{font-size: 15px;}
    .fs_16{font-size: 14px;}
}


@media (max-width: 1024px) {
    .display_show_1024{display: block !important;}
    .display_none_1024{display: none !important;}

    .main_title{font-size: 45px; line-height: 1.2 !important;}
    .middle_title{font-size:36px;}
    .b_sub_title{font-size: 32px;}
    .dec_p{font-size:20px}
    .sub_title{font-size: 22px;}
    .sub_p{font-size: 18px;}
    .txt_p{font-size:16px;}
    .fs_18{font-size: 14px;}
    .fs_16{font-size: 13px;}
}

@media (max-width: 999px) {
    .display_show_999{display: block !important;}
    .display_none_999{display: none !important;}

    .using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12 {min-height: calc(100vh - 40px) !important;}
}

@media (max-width: 820px) {
    .display_show_820{display: block !important;}
    .display_none_820{display: none !important;}

    .main_title{font-size: 42px;}
    .middle_title{font-size:34px;}
    .b_sub_title{font-size: 30px;}
    .dec_p{font-size:19px}
    .sub_title{font-size: 20px;}
    .sub_p{font-size: 16px;}
    .txt_p{font-size:14px;}
    .fs_16{font-size: 12px;}
}



@media (max-width: 600px) {
    .display_show_600{display: block !important;}
    .display_none_600{display: none !important;}

    .grid_2{width: 50% !important;}

    .main_title{font-size: 38px;}
    .middle_title{font-size:30px;}
    .b_sub_title{font-size: 26px;}
    .dec_p{font-size:18px}
    .sub_title{font-size: 19px;}
    .sub_p{font-size: 14px;}
    .txt_p{font-size:12px;}
}

@media (max-width: 500px) {
    .display_show_500{display: block !important;}
    .display_none_500{display: none !important;}
}

@media (max-width:480px){
    .ls_apply_btn {font-size: 13px;width: 80%;}

    .main_title{font-size: 30px;}
    .middle_title{font-size:26px;}
    .b_sub_title{font-size: 22px;}
    .dec_p{font-size:14px}
    .sub_title{font-size: 18px;}
    .sub_p{font-size: 12px;}
    .txt_p{font-size:12px;}
    .fs_18{font-size: 13px;}
    .fs_16{font-size: 11px;}
}

@media (max-width: 460px) {
    .display_show_460{display: block !important;}
    .display_none_460{display: none !important;}

   

}

@media (max-width: 400px) {
    .display_show_400{display: block !important;}
    .display_none_400{display: none !important;}
    #footer-outer #copyright p{font-size: 11px; line-height: 1.2; margin-top: 0 !important;}
}

@media (max-width: 360px) {
    .display_show_360{display: block !important;}
    .display_none_360{display: none !important;}

    .main_title{font-size: 24px;}
    .b_sub_title{font-size: 22px;}
    .sub_title{font-size: 16px;}
    .sub_p{font-size: 12px;}
}

@media (max-width: 320px) {
    .display_show_320{display: block !important;}
    .display_none_320{display: none !important;}
}

@media (max-width: 300px) {
    .main_title{font-size: 23px;}
    .middle_title{font-size:22px;}
    .b_sub_title{font-size: 21px;}
    .dec_p{font-size:13px}
    .sub_title{font-size: 16px;}
    .sub_p{font-size: 10px;}
    .txt_p{font-size:12px;}
    .name_title.sub_p{font-size: 12px !important;}
}

@media (max-width: 280px) {
    .display_show_280{display: block !important;}
    .display_none_280{display: none !important;}
    html .formcraft-css .fc-form .form-page-content {padding: 0 !important;}
}


@media only screen and (min-width: 1px) and (max-width: 999px){
    body #header-outer.transparent #top .span_3 #logo[data-supplied-ml-starting-dark=true] img.starting-logo.dark-version {
        display: block !important;
    }
}