@charset "utf-8";
/* 사용 color 수정 */
:root {
    --primary: #00B08F;
    --primary-hover: #0cc28c;
    --secandary: #f4fffa;
;}

/* 사용 color 수정 */

/*
01 에메랄드 그린
:root {
    --primary: #00B08F;
    --primary-hover: #0cc28c;
    --secandary: #f4fffa;
;}

02 선샤인 오렌지
:root {
    --primary: #ff9d00;
    --primary-hover: #ffba4c;
    --secandary: #fffaf1;
;}

03 코발트 블루
:root {
    --primary: #207FFC;
    --primary-hover: #4A98FF;
    --secandary: #f3f9ff;
;}

04 라벤터 퍼블
:root {
    --primary: #814cff;
    --primary-hover: #996eff;
    --secandary: #f2edff;
;}

05 버건디 레드
:root {
    --primary: #ff4e48;
    --primary-hover: #ff6b66;
    --secandary: #fff4f4;
;}
*/

/* 2026-06-15 */
/* header */
.header .inner .areaLogo {z-index: 1;}
.header .inner nav .gnb {width: 100%; justify-content: center; gap: 0;}
.header .inner nav .utilArea {position: relative; z-index: 1; display: flex; align-items: center; gap: 0.4rem;}
.header .inner .headerTell {display: flex; align-items: center; gap: 0.4rem;border-radius: 0.5rem; padding: 0 1.6rem; height: 3.6rem;}
.header .inner .headerTell img {height: 1.8rem;}
.header .inner .headerTell span {font-size: 1.5rem; color: #101828; font-weight: bold;}
.header.headerTopToggle.isTop .inner .headerTell img {filter: brightness(0) invert(1);}
.header.headerTopToggle.isTop .inner .headerTell span {color: #fff;}
.header .inner .headerTell:hover {background: #f2f4f7; transition: 0.25s;}
.header .inner .headerTell:hover img {filter: brightness(0) invert(0) !important; transition: 0.25s;}
.header .inner .headerTell:hover span {color: #101828 !important; transition: 0.25s;}
.gnb .has-dropdown .has-dropdown__header {height: 3.3rem;}

@media screen and (max-width: 1450px) {
    .header .inner nav {display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #fff;}
    .header .inner nav .gnb {position: static; display: block; padding-top: 17px; height: auto; transform: initial;}
    .header .inner nav .gnb > li {padding: 0 17px;}
    .header .inner nav .gnb > li + li {margin-top: 12px;}
    .header .inner nav .gnb > li a {width: 100%; justify-content: start;}
    .header .inner nav .utilArea {flex-direction: column; align-items: flex-start;}
    .header .inner .headerTell {padding-left: 34px;}
    .header .inner .headerTell img {filter: brightness(0) invert(0) !important;}
    .header .inner .headerTell span {color: #101828 !important;}
    .header .inner .headerTell:hover {background: transparent !important;}
    .header .inner nav .utilArea .smallGrayBtn {justify-content: start; width: 100%; padding-left: 34px; background: none;}
    .header .inner nav .utilArea .smallPrimaryBtn {display: flex; margin: 20px 17px 17px; flex-direction: column; align-self: stretch;}
    .header .inner .trigger {display: block;}
    .header .inner.active nav {display: block;}
    .header.headerTopToggle.isTop .inner .trigger span {background: #fff;}
    .header.headerTopToggle .inner.active {background: #fff;         border-bottom: 1px solid #e4e7ec;}
    .header.headerTopToggle .inner.active .trigger span {background: #101828;}
    .header.headerTopToggle .inner.active .gnb > li a {color: #101828;}
    .gnb .has-dropdown .has-dropdown__header {height: 4rem;}
}

.header .gnb .gnbBlog {display: flex; align-items: center;}
.header .gnb .gnbBlog .gnbBlogIcon {border-radius: 50%; background: #03C75A; padding: 5px; display: flex; align-items: center; justify-content: center;}
.header .gnb .gnbBlog .gnbBlogIcon img {height: 12px; vertical-align: middle;}

.insService .inner .left .sectionTit {font-size: 4rem;}
.insService .inner .right .reportThum {width: 46rem;}

@media screen and (max-width: 1023px) {
    .insService .inner .left .sectionTit {font-size: 3.2rem;}
}
@media screen and (max-width: 767px) {
    .insService .inner .left .sectionTit {font-size: 2.4rem;}
}

/* 메인 커스텀 (index.html) */
:root {
    --colorMain: #d4b886;
}
.pointColorMain {color: var(--colorMain);}

.visual.type03 .thumbnail::before {background: rgba(10, 25, 35, 0.85);}

.visual.type03 .inner .visualTop .left .txtArea strong {color: var(--colorMain);}
.visual.type03 .inner .visualTop .left .txtArea strong::before,
.visual.type03 .inner .visualTop .left .txtArea strong::after {content: ''; display: inline-block; width: 3rem; height: 1px; background-color: var(--colorMain); margin: 0 10px; vertical-align: super;}
.visual.type03 .inner .visualTop .left .txtArea h2 {display: flex; align-items: center; flex-direction: column;}
.visual.type03 .inner .visualTop .left .txtArea .description {font-size: 2rem; color: #a0aab2; margin-top: 3rem; font-weight: 600;}
.visual.type03 .inner .visualTop .left .headingBtn {border: 2px solid var(--colorMain); background: transparent !important; background: rgba(26, 37, 44, 0.85) !important;}
.visual.type03 .inner .visualTop .left .headingBtn span {color: var(--colorMain);}
.visual.type03 .inner .visualTop .left .headingBtn .rightIcon {color: var(--colorMain);}

@media screen and (max-width: 768px) {
    .visual.type03 .inner .visualTop .left .txtArea strong::before,
    .visual.type03 .inner .visualTop .left .txtArea strong::after {
        width: 1.6rem;
    }
    .container.full .visual.type03 .inner .visualTop .left .txtArea h2 {margin-top: 2rem;}
}