/* ===================================
    Crafto - Bisiness
====================================== */
/* font (loaded via fonts-theme.css from index.html) */
/* variable */
:root {     
    --base-color: #ffaf00;
    --dark-gray: #262b35;
    --medium-gray:#868d98;
    --primary-font: 'Inter', sans-serif;
    --alt-font: 'Inter', sans-serif;
}
/* reset */
body { 
    font-size: 17px;
    line-height: 32px;
}

/* header */
header .navbar-brand img {
    max-height: 45px;
}
.navbar .navbar-nav .nav-link {
    font-size: 17px;
    font-weight: 400;
}
.sticky .header-transparent .header-button .btn {
    color: var(--dark-gray);
    border-color: var(--dark-gray);
}
.sticky .header-transparent .header-button .btn:hover {
    border-color: var(--dark-gray);
    color: var(--white);
    background:  var(--dark-gray);
}
header.sticky.sticky-active [data-header-hover="light"] .widget-text i {
    color: var(--white);
}
/* accordion style 02 */
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
    background-color: var(--dark-gray);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--white);
}
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:hover a,
.navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li.active a{
    opacity: .5;
}
/* bg color */
.bg-gradient-sherpa-blue-black {
    background-image: linear-gradient(to right top, #23248C, #22236D, #232348, #222226, #232323);
}
.bg-gradient-sherpa-black-blue {
    background-image: linear-gradient(to right top, #232323, #222226, #232348, #22236D, #23248C);
} 
/* bg transparent color */
.bg-base-color-transparent {
    background-color: rgba(87, 88, 214,.8);
}
/*  tabs style 05  */
.tab-style-05 .nav-tabs > li.nav-item {
    letter-spacing: -.5px;
}
/* accordion */
.accordion .accordion-item .accordion-header .accordion-title i {
    top: 52%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: 25px}

/*  progress bar style 01  */
.progress-bar-style-01 .progress .progress-bar-title {
    bottom: 15px;
}
/* page title */
.page-title-extra-large h1 {
    font-size: 4.7rem;
    line-height: 4.7rem;
}
/* separator line */
.separator-line-9px {
    height: 9px;
}
/* tag */
.tag-cloud a { 
    padding-top: 5px;
    padding-bottom: 9px;
}
/* blog comment */ 
.blog-comment li .btn-reply {
    padding-top: 5px;
    padding-bottom: 7px;
}
/* number pagination style 01 */
.pagination-style-01 .page-item .page-link {
    line-height: 42px;
}
.pagination-style-01 .page-item.active .page-link {
    background: var(--dark-gray);
    color: var(--white);
}
/* top right bottom left */
.bottom-minus-45px {
    bottom: -45px;
}
.right-minus-45px {
    right: -45px;
}
/* footer */
footer .footer-logo img {
    max-height: 45px;
}
footer ul li {
    margin-bottom: 0;
}
.footer-dark a:hover {
    color: var(--white);
}
/* model popup */
.mfp-bg {
    background: #000000;
    opacity: 0.7;
}
/* contact form style 03 */
.contact-form-style-03 {
    margin-bottom: -85px;
}
.bg-gradient-solitude-blue-fair-pink {
    background-image: linear-gradient(139deg, #1b1ce9, #9a49b3, #ca787a, #e9a72f, #e9a72f);
}

/* 메인 팝업 */
.popup_wrap{position:absolute;top:200px;border:1px solid #000000;;left:100px;width:300px;background:#FFF;z-index:100000 }
.popup_wrap h3{display:none;}
.popup_wrap .close_btn{width:100%;height:40px;background:#000000;font-size:16px;color:#FFF;position:relative;text-align:left;padding-top:5px}
.popup_wrap .close_btn img{position:absolute;top:7px;right:7px;}
.popup_wrap .close_btn input{vertical-align:middle;width:10%;padding-left:10px}

.popup-wrap {display:none;position:fixed;left:0;top:0;width:100%;height:100%;background: rgba(0, 0, 0, 0.8)}
.popup-comm {position:absolute;left:50%;top:50%;background:#FFF;z-index:1001}
.popup-comm .con {position:relative; width:100%; height:100%}
.popup-comm .btn-close {position:absolute; top:10px; right:10px; width:31px; height:31px; background:url(../images/btn_pop_close.png) no-repeat 0 0}
.popup-comm .btn-close span{display:none}
.popup-comm .pop-tit {height:30px; padding:20px 0 0 25px; font-size:20px; font-weight:400; border-bottom:1px solid #e1e1e1}
.popup-comm .popup-body {padding:22px 35px}
.popup-index-9 {z-index:9000}.popup-index-10 {z-index:10000}.popup-index-11 {z-index:11000}

.pop-div-1 {width:500px; height:500px; margin-left:-250px; margin-top:-250px}
.pop-div-2 {width:800px; height:620px; margin-left:-400px; margin-top:-310px}
.pop-div-3 {width:1000px; height:630px; margin-left:-500px; margin-top:-310px}
.pop-div-4 {width:680px; height:560px; margin-left:-340px; margin-top:-280px}
.pop-div-5 {width:500px; height:240px; margin-left:-250px; margin-top:-120px}

.popup_privacy{display:none;position:fixed;top:50%;left:50%;margin-left:-355px;margin-top:-280px;padding-bottom:12px;border-top:3px solid #0090ff;width:710px;height:490px;background:#FFF;z-index:10000000;}
.popup_privacy h3{height:38px;font-size:24px; color:#444;padding:20px 0 0 25px;text-align:left;background:#f5f5f5;border-bottom:1px solid #b2b2b2}
.popup_privacy h4{color:#336699;font-size:13px;font-weight:bolder;margin:0px 0px 5px 0px}
.popup_privacy h5{margin:10px 0px 0px 0px;font-weight:bolder;}
.popup_privacy .privacy_txt{padding:15px;margin:10px 0;width:670px;height:360px;overflow-y:auto;text-align:left;line-height:160%;font-size:12px;}
.privacy_txt p{font-size:13px;margin:10px 0;line-height:160%;}
.privacy_txt li{list-style: none;margin:10px 0;}
.privacy_close{position:absolute; right:15px;top:15px;cursor:pointer; background:url(../images/btn_pop_close.png) no-repeat 0 0; width:31px; height:31px} .privacy_close span{display:none}
 
.popup_agreement{position:relative;padding-bottom:45px;border:1px solid #d1d1d1; background:#FFF}
.popup_agreement h3{font-size:14px; color:#000;margin:10px 0 0 15px;text-align:center}
.popup_agreement h4{color:#336699;font-size:13px;font-weight:bolder;margin:0px 0px 5px 0px}
.popup_agreement h5{margin:10px 0px 0px 0px;font-weight:bolder;}
.popup_agreement h6{font-size:18px;font-weight:500;text-align:right;line-height:140%}
.popup_agreement .privacy_txt{padding:2%; margin:2%; width:92%;text-align:left;line-height:160%;font-size:12px;border:1px solid #ddd;background:#f2f2f2}
.popup_agreement .pop_agreement_tit{font-size:24px;text-align:center;width:420px;margin:30px auto 0;border-bottom:1px solid #000;padding-bottom:15px}
.popup_agreement .pop_agreement_tit2{font-size:24px;text-align:center;width:500px;margin:30px auto 0 }
.popup_agreement .popup_agreement_name {text-align:right;padding-right:15px;font-size:18px;margin-top:10px;line-height:1.5em}
.agreement_notice { position:absolute;bottom:10px;left:10px;text-align:left;font-size:11px;color:#666}
.popup_agreement .agreement_close{position:absolute;right:15px;bottom:40px}
.popup_agreement .agreement_print{ }

.popup_agreement_w {width:740px; margin:0 auto; overflow:hidden; font-size:15px}
.popup_agreement_kfish {float:left; width:330px; line-height:1.6em; font-size:14px}
.popup_agreement_company {float:right; width:330px; line-height:1.6em; font-size:14px}
.popup_agreement_w .name {font-size:18px; margin-top:18px}

.popup_ready{display:none;position:fixed;top:50%;left:50%;margin-left:-200px;margin-top:-200px;width:400px;height:400px;background:#FFF;z-index:10000000;}

.box-layout {
    padding: 0 175px; 
}
/* media query responsive */
@media (max-width: 1499px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 15px;
        padding-right: 15px;
    } 
}
@media (max-width: 1399px) {
    .navbar .navbar-nav .nav-link {
        padding-left: 13px;
        padding-right: 13px;
    }
    .sticky-wrap.shadow-in {
        left: 35px;
    }
}
@media (max-width: 1300px) {
    .sticky-wrap.shadow-in {
        left: 10px;
    }
}
@media (max-width: 991px) {
    .header-transparent .header-button .btn {
        color: var(--dark-gray);
        border-color: var(--dark-gray);
    }
    .header-transparent .header-button .btn:hover {
        border-color: var(--dark-gray);
        color: var(--white);
        background:  var(--dark-gray);
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: calc(100% + 30px) !important;
        margin-left: -15px;
        padding: 10px 45px;
        margin-bottom: 0;
        margin-right: -15px;
    }
    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li:last-child a {
        padding-bottom: 17px;
    }
}
@media (max-width: 767px) {
    p {
        margin-bottom: 20px;
    }
    .page-title-extra-large h1 {
        font-size: 40px;
        line-height: 46px;
    }
	
}
@media (max-width: 1799px) {
    .box-layout {
        padding: 0 100px;
    }
    header .disable-fixed {
        width: calc(100% - 200px);
        left: 100px;
        right: 100px;;
    }
}
@media (max-width: 767px) {
    .box-layout {
        padding: 0 20px;
    }
    header .disable-fixed {
        width: calc(100% - 160px);
        left: 80px;
        right: 80px;;
    }
}
	
/* 메인 팝업 */
.popup_wrap{position:fixed;top:5% !important;left:50% !important;width:90% !important; margin-left:-45%; background:#000; z-index:1000002}
.popup_wrap h3{display:none;}
.popup_wrap iframe{width:100%}
.popup_wrap .m_img{width:100%}
.popup_wrap .close_btn{ width:100%;height:38px;background:#000000;font-size:16px;color:#FFF;position:relative;text-align:left;padding-top:7px}
.popup_wrap .close_btn img{position:absolute;top:15px;right:12px;}
.popup_wrap .close_btn input{vertical-align:middle;margin-top:-2px}
.popup_wrap .close_btn form{margin-top:10px}

/* Hero Swiper: stacking contexts reduce composite flicker (scoped) */
.section-dark-highlight .swiper-slide {
    isolation: isolate;
}

/* Brand logo: 데스크톱만 히어로 구간 흰색 필터 — 모바일(<992px)은 항상 원본 색 */
header .navbar-brand img {
    -webkit-transition: filter 0.35s ease;
    transition: filter 0.35s ease;
}
@media (min-width: 992px) {
    header:not(.sticky-active) .navbar-brand .default-logo {
        -webkit-filter: brightness(0) invert(1);
        filter: brightness(0) invert(1);
    }
    header.sticky-active .navbar-brand .alt-logo {
        -webkit-filter: none;
        filter: none;
    }
}

/* 푸터 로고만 어두운 배경용 흰색 처리 */
footer .footer-logo img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}