/*
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
 * Pretendard [400, 500, 700], 봄바람(눈누)
***************************************************/
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face { font-family: 'HSBombaram21-Regular'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2302@1.0/HSBombaram21-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal;}

dt, dd, button{ font-family: Pretendard, sans-serif;}

.bombaram{ font-family: 'HSBombaram21-Regular' !important;}

/***************************************************
 * Button
 * 
***************************************************/
.row .col .button-wrap{ display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px; margin-top: 30px;}

.row .col .button-underline{ display: inline-block; }
.row .col .button-underline .button__inner{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; height: 48px; padding: 0px 10px; border-bottom: 1px solid #222; background-color: transparent; box-sizing: border-box; font-size: 15px; font-weight: 500;}
.row .col .button-underline .button__inner img{ width: 16px; height: 16px; margin-bottom: 0px;}
.row .col .button-underline .button__inner .text{ display: inline-block; color: #000;}
.row .col .button-underline:hover .button__inner{ border-bottom: 1px solid #000;}

.row .col .button-underline--white{ display: inline-block; }
.row .col .button-underline--white .button__inner{ position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px; height: 48px; padding: 0px 10px; border-bottom: 1px solid #fff; background-color: transparent; box-sizing: border-box; font-size: 15px; font-weight: 500;}
.row .col .button-underline--white .button__inner img{ width: 16px; height: 16px; margin-bottom: 0px;}
.row .col .button-underline--white .button__inner .text{ display: inline-block; color: #fff;} 
.row .col .button-underline--white:hover .button__inner{ border-bottom: 1px solid #fff;}

/***************************************************
 * Display
 * 
***************************************************/
.pc-view{ display: block;}
.mobile-view{ display: none;}

/***************************************************
 * Menu - Sailent
 * 
***************************************************/
#header-outer .sf-menu > li.menu-item-has-children > ul { width: auto; white-space: nowrap;}
#header-outer[data-full-width="true"] header > .container { border-bottom: 1px solid #ddd;}

/* Portfolio */
.nectar-post-grid[data-text-color=light] .nectar-post-grid-item .content *{ display: flex; flex-direction: column-reverse; margin: 0px; font-size: 16px; color: #222;}
.nectar-post-grid[data-text-hover-color=light] .nectar-post-grid-item:hover .content *{ color: #222;}
.nectar-post-grid .nectar-post-grid-item-bg img{ object-position: top center;}

/* Button */
body[data-button-style="slightly_rounded_shadow"] .container-wrap button[type="submit"]:hover{ box-shadow: none !important;}

/***************************************************
 * 메인 - Visual 
 * 
***************************************************/
.row .col .main-visual-titlt__wrap h2{ font-family: 'HSBombaram21-Regular'; font-size: 48px; font-weight: 400; line-height: 58px; color: #fff;}

/***************************************************
 * 메인 - 재단소식 
 * 
***************************************************/
#high-basic-latest table td{ padding: 20px 0px;}
body:not(.woocommerce-cart) .main-content table tr:nth-child(2n+1) { background-color: #fff;}

/***************************************************
 * Banner Section
 * 
***************************************************/
#banner__section > .row-bg-wrap{ border-top: 1px solid #222; border-bottom: 1px solid #222;}
#banner__section > .row-bg-wrap::before{ position: absolute; content: ''; top: 2px; left: 0px; width: 100%; height: 2px; background-color: #222;}

/***************************************************
 * 메인 섹션 타이틀
 * 
***************************************************/
.row .col .main-section-title__wrap{ padding-bottom: 20px;}
.row .col .main-section-title__wrap h3{ margin-bottom: 20px; font-family: 'HSBombaram21-Regular'; font-size: 48px; font-weight: 400; line-height: 54px;color: #222;}
.row .col .main-section-title__wrap.align-center h3,
.row .col .main-section-title__wrap.align-center p{ text-align: center;}

/***************************************************
 * 역사인물문화재단 섹션
 * 
***************************************************/
.row .col .main-section-slogun__wrap{ text-align: center;}
.row .col .main-section-slogun__wrap h3{ font-family: 'HSBombaram21-Regular'; font-size: 56px; font-weight: 400; line-height: 62px; color: #222;}
.row .col .main-section-slogun__wrap p{ margin-top: 20px; display: inline-block; max-width: 460px; font-size: 18px; font-weight: 400; line-height: 30px;}

.row .col .main-section-goal__wrap{ padding: 30px; margin-top: 20px; text-align: center;}
.row .col .main-section-goal__wrap h3{ margin-bottom: 15px; font-size: 22px; font-weight: 700; line-height: 32px; color: #222;}
.row .col .main-section-goal__wrap p{ margin-top: 0px; display: inline-block; max-width: 460px; font-size: 17px; font-weight: 400; line-height: 27px;}
.row .col .main-section-goal__wrap p img{ margin-bottom: 0px; }

/***************************************************
 * 전통인물화가
 * 
***************************************************/
.row .col .main-artist-text-box__wrap{ padding-bottom: 20px;}
.row .col .main-artist-text-box__wrap h3{ font-family: 'HSBombaram21-Regular'; font-size: 48px; font-weight: 400; line-height: 58px; color: #222;}
.row .col .main-artist-text-box__wrap p{ font-size: 17px; font-weight: 400; line-height: 30px; color: #726659;}

.row .col .main-artist-list__wrap{ padding: 70px 0px; border: 1px solid #7f7462; border-radius: 5px; text-align: center; backdrop-filter: blur(2px);}
.row .col .main-artist-list__wrap h4{ font-family: 'HSBombaram21-Regular'; font-size: 23px; font-weight: 700; line-height: 33px; color: #222;}
.row .col .main-artist-list__wrap p.year{ font-size: 15px; font-weight: 400; line-height: 19px; color: #726659;}

.row .col .main-artist-button-box__wrap{ text-align: center;}

/***************************************************
 * 재단 후원 섹션
 * 
***************************************************/
.row .col .main-boost-text-box__wrap{ padding: 60px 0px;}
.row .col .main-boost-text-box__wrap h3{ font-family: 'HSBombaram21-Regular'; font-size: 48px; font-weight: 400; line-height: 58px; color: #222;}
.row .col .main-boost-text-box__wrap p{ font-size: 16px; font-weight: 400; line-height: 30px; color: #222;}

.row .col .main-boost-link-box__wrap .main-boost-link-box{ position: relative; min-height: 460px; overflow: hidden;}
.row .col .main-boost-link-box__wrap .main-boost-link-box a{ position: absolute; display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between; width: 100%; height: 100%; min-height: 460px; padding: 60px; background-color: rgb(0 0 0 / 30%); font-size: 24px; font-weight: 700; line-height: 30px; color: #fff; z-index: 99; transition: all 300ms ease-in-out; text-align: right;}
.row .col .main-boost-link-box__wrap .main-boost-link-box a img{ width: 20px; height: 20px; margin-bottom: 0px; text-align: right;}
.row .col .main-boost-link-box__wrap .main-boost-link-box a .text{ width: 100%; text-align: left;}
.row .col .main-boost-link-box__wrap .main-boost-link-box a:hover{ background-color: rgb(0 0 0 / 15%);}

.row .col .main-boost-link-box__wrap .main-boost-link-box figure{ position: absolute; top: 50%; left: 0px; transform: translateY(-50%);}
.row .col .main-boost-link-box__wrap .main-boost-link-box figure img{ margin-bottom: 0px;}
.row .col .main-boost-link-box__wrap.second{ padding-top: 90px;}

/***************************************************
 * Quick Menu
 * 
***************************************************/
.quick-menu__wrap{ position: fixed; top: 50%; right: -1px; transform: translateY(-50%); z-index: 9999;}
.quick-menu__wrap ul{ overflow: hidden; margin: 0px; border: 1px solid #ddd; border-bottom: 0px; border-radius: 10px 0px 0px 10px;}
.quick-menu__wrap ul li{ list-style: none;}
.quick-menu__wrap ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px; border-bottom: 1px solid #ddd; background-color: #ffffffbf; backdrop-filter: blur(3px);}
.quick-menu__wrap ul li a img{ width: 40px; height: 40px;}
.quick-menu__wrap ul li:first-child a img{ width: auto; height: auto;}

/***************************************************
 * Footer
 * 
***************************************************/

#footer-outer { background-color: #fff; border-top: 1px solid #ddd; z-index: 9;}
#footer-outer[data-full-width="1"] .container { padding: 0 85px;}
#footer-outer #footer-widgets .row{ display: flex; align-items: flex-start;}
#footer-outer #footer-widgets .col{ flex: 1 0 auto;}
#footer-outer #footer-widgets .col:first-child{ width: 10%;}
#footer-outer #footer-widgets .col p { padding-bottom: 0px;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .logo_footer { width: 140px; height: auto !important; margin-bottom: 0px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .logo_footer_white {	width: 200px; height: auto !important; margin-bottom: 0px;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info {	display: block;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li {	display: block;	padding-top: 0px; margin-bottom: 0px; font-size: 14px;	font-weight: 500; line-height: 19px; color: #777;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li:nth-child(1),
#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li:nth-child(2) {	display: inline-block; margin-right: 15px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li span.sbj {	color: #777;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li span.desc { color: #777;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list { display: flex; margin-top: 70px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li { position: relative; padding: 0px 20px 0px 0px !important;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li:last-child { padding-left: 20px !important;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li::after { position: absolute; content: ''; top: 50%; right: 0px; width: 1px;	height: 14px; background-color: #989898; transform: translateY(-50%);}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li:last-child::after {	content: ''; top: 3px; right: 0px; width: 0px; height: 0px;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li a {	font-size: 14px; font-weight: 500; line-height: 19px; color: #777;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .privacy_list li a:hover {font-size: 14px; font-weight: 500; line-height: 19px; color: #777;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .copyright {	display: inline-block; margin-top: 16px; font-size: 14px; font-weight: 500;	line-height: 19px; color: #777;}
#footer-outer #footer-widgets .container .row .col .widget h4 {	font-size: 18px; font-weight: 700; line-height: 23px; color: #333 !important;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 15px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .partners-list { display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 15px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .partners-list li{ padding-top: 0px !important;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .partners-list li a{ display: flex; align-items: center;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .partners-list li a img {	display: inline-block; height: 34px; margin: 0px;}

#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .sns-list { display: flex; flex-wrap: nowrap; justify-content: flex-end; gap: 15px;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .sns-list li{ padding-top: 0px !important;}
#footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap .sns-list li a img {	display: inline-block; width: 50px; margin: 0px;}

/*****************************************************
 * Responsive
 * 
*****************************************************/
@media (max-width: 1400px) {
    /* 메인메뉴*/
    #header-outer[data-full-width="true"] header > .container{ border: 0px;}

    /* 재단 후원섹션*/
    .row .col .main-boost-link-box__wrap .main-boost-link-box{ min-height: 300px; max-height: 300px;}
    .row .col .main-boost-link-box__wrap .main-boost-link-box a{ min-height: 300px; max-height: 300px;}
    .row .col .main-boost-link-box__wrap.second{ padding-top: 0px;}
    
}

@media (max-width: 1200px) {

    /* 퀵메뉴 */
    .quick-menu__wrap{ position: fixed; top: auto; bottom: 0px; right: 0px; width: 100%; transform: translateY(0); }
    .quick-menu__wrap ul{ display: flex; flex-direction: row; border: 0px solid #ddd; border-top: 1px solid #ddd; border-radius: 0px;}
    .quick-menu__wrap ul li{ flex: 1 0 auto; min-width: 33.33%;}
    .quick-menu__wrap ul li a{ display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 5px; border-right: 1px solid #ddd; border-bottom: 0px;}    
    .quick-menu__wrap ul li:first-child{ display: none;}
    .quick-menu__wrap ul li:last-child a{ border-right: 0px;}    

    /* 컬럼 넓이 */
    .wpb_column:not([class*=vc_col-xs]).width-50{ width: 50%;}

    /* 비주얼 영역 */
    .row .col .main-visual-titlt__wrap h2{ font-size: 36px; line-height: 46px;}
    .nectar-flickity.nectar-simple-slider[data-arrows="true"]:not(.arrow-position-overlapping) .flickity-slider .cell{ padding: 0px;}
    .nectar-simple-slider .flickity-prev-next-button.previous{ display: none;}
    .nectar-simple-slider .flickity-prev-next-button.next{ display: none;}

     /* 풋터 */
    #footer-outer[data-full-width="1"] .container{ padding: 0px 30px;}
    #footer-outer .widget{ margin-bottom: 15px;}
    #footer-outer #footer-widgets .row{ flex-direction: column; padding: 55px 0 90px;}
    #footer-outer #footer-widgets .col{ width: 100%; margin-bottom: 0px; text-align: center;}
    #footer-outer #footer-widgets .col:first-child{ width: 100%; margin-bottom: 0px; text-align: center;}
    #footer-outer #footer-widgets .container .row .col .widget .textwidget .footer-list__wrap{ flex-direction: column;}
    #footer-outer #footer-widgets .container .row .col .widget .textwidget .sns-list{ justify-content: center;}
    #footer-outer #footer-widgets .container .row .col .widget .textwidget .sns-list li a img{ width: 40px;}
    #footer-outer #footer-widgets .container .row .col .widget .textwidget .list_company_info li{ font-size: 12px; display: flex; justify-content: center;}
    #footer-outer #footer-widgets .container .row .col .widget .textwidget .copyright{ font-size: 12px; margin-bottom: 20px;}    
}

@media (max-width: 768px) {

    /* 메인섹션 타이틀 */
    .row .col .main-section-title__wrap .wpb_wrapper{ display: flex; flex-direction: row; align-items: center; justify-content: space-between;}
    .row .col .main-section-title__wrap .wpb_wrapper h3{ margin-bottom: 0px; font-size: 32px; line-height: 42px;}

    /* 비주얼 영역 */
    .row .col .main-visual-titlt__wrap h2{ font-size: 36px; line-height: 46px;}
}

@media (min-width: 576px) {

}

@media (max-width: 576px) {

    /* 컬럼 넓이 */
    .wpb_column:not([class*=vc_col-xs]).width-sm-50{ width: 100%;}

    /* 메인섹션 타이틀 */
    .row .col .main-section-title__wrap .wpb_wrapper h3{ font-size: 24px; line-height: 34px;}

    /* 비주얼 영역 */
    .row .col .main-visual-titlt__wrap h2{ font-size: 20px; line-height: 30px;}
    .nectar-simple-slider.sizing-percentage.height-80vh{ height: 60vh;}

    /* 역사인물화문화재단 */
    .row .col .main-section-slogun__wrap h3{ font-size: 36px; line-height: 46px;}
    .row .col .main-section-goal__wrap{ padding: 0px 30px; margin-top: 0px;}
    .row .col .main-section-goal__wrap p{ font-size: 15px; line-height: 25px;}

    /* 전통인물화가 */
    .row .col .main-artist-text-box__wrap h3{ font-size: 36px; line-height: 46px;}

    /* 재단후원 색션 */
    .row .col .main-boost-text-box__wrap { padding: 60px 0px 20px;}
    .row .col .main-boost-text-box__wrap h3{ font-size: 36px; line-height: 46px;}
    .row .col .main-boost-link-box__wrap .main-boost-link-box figure { width: 100%; top: auto; left: 0px; bottom: -30px; transform: translateY(10px);}
    .row .col .main-boost-link-box__wrap .main-boost-link-box figure img{ width: 100%;}
}