@charset "utf-8";
.sec {padding: clamp(40px, calc( 100 / var(--inner) * 100vw ), 100px) 0;}
.sec:first-child {padding-top: clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px);}
.desc p:not(:last-child) {margin-bottom: .875em;}

.one-page {position: relative;}
.one-page-nav {position: absolute; left: var(--container-space); top:0; padding-top:  clamp(40px, calc( 80 / var(--inner) * 100vw ), 80px); height: 0; z-index: 9; width: fit-content; color: #a8a8a8; letter-spacing: -.04em; font-weight: 700; transition: .5s;}
.one-page-nav.fixed {position: fixed; top: 0; padding-top: calc(var(--header-height) + 30px);}
.one-page-nav li:not(:last-child) {margin-bottom: 12px;}
.one-page-nav li.active a {color: var(--primary-color); text-decoration: underline; text-underline-offset: 4px;}

.sec-greetings .txt {width: 41.6667%;}
.sec-greetings .img img {border-radius: 0 clamp(10px, calc( 50 / var(--inner) * 100vw ), 50px)}
.greetings-cnt {gap:clamp(20px, calc( 99 / var(--inner) * 100vw ), 99px);}
.emphasis-txt {position: relative; width: fit-content; padding: 0 30px; margin: 0 auto clamp(20px, calc( 55 / var(--inner) * 100vw ), 55px);}
.emphasis-txt:before, .emphasis-txt:after {position: absolute; content: ''; top: 0; left: 0; width: 16px; height: 12px; background: url('/images/sub/emphasis.png') no-repeat center center; background-size: contain;}
.emphasis-txt:after {left: auto; right: 0; transform: rotate(180deg);}
.ideology-boxes {flex-wrap: wrap; gap: 30px;}
.ideology-box {position: relative; width: calc((100% - 60px) / 3); height: 220px; padding: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px) clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); background: #fff; border-top: 2px solid var(--primary-color);}
.ideology-box .num {width: 36px; height: 36px; margin-bottom: clamp(5px, calc( 12 / var(--inner) * 100vw ), 12px); border-radius: 100%; background: var(--primary-color); font-size: clamp(14px, calc( 16 / var(--inner) * 100vw ), 16px); font-weight: 700; color: #fff; font-weight: 700;}
.ideology-box .icon {position: absolute; bottom: clamp(20px, calc( 40 / var(--inner) * 100vw ), 40px); right: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px);}

.sec-directions .root_daum_roughmap .wrap_map, .sec-directions .root_daum_roughmap {width: 100% !important;}
.direction-boxes {gap: 20px; margin-top: 20px;}
.direction-box {position: relative; background: #f4f4f4; flex: 1 1 auto; padding: clamp(15px, calc( 35 / var(--inner) * 100vw ), 35px);}
.direction-box h3 {margin-bottom: clamp(8px, calc( 20 / var(--inner) * 100vw ), 20px);}
.direction-box .icon {position: absolute; right: clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px); bottom: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px);}
.subsidy .contain {margin-bottom:clamp(25px, calc( 60 / var(--inner) * 100vw ), 60px);}
.wide-img img {width: 100%;}

.tax-book-slide {position: relative; margin: 0 calc(clamp(60px, calc( 140 / var(--inner) * 100vw ), 140px) * -1); padding: 0 clamp(60px, calc( 140 / var(--inner) * 100vw ), 140px) 60px;}
.tax-book-slide .items {position: unset;}
.important-slide .items {overflow: hidden; border-radius:  clamp(10px, calc( 30 / var(--inner) * 100vw ), 30px); box-shadow: 8px 8px 13px rgba(0,0,0,.06);}
.important-item {display: flex !important; text-align: left;}
.important-item .img {width: 50%;}
.important-item .img img {width: 100%; height: 100%; object-fit: cover;}
.important-item .txt {position: relative; flex: 1;padding: 20px clamp(15px, calc( 50 / var(--inner) * 100vw ), 50px); letter-spacing: -.06em;}
.important-item .txt:before {position: absolute; right: 0; bottom: 0; content: ''; width: 50%; height: 100%; background: url('/images/sub/deco-important.png') no-repeat center bottom; background-size: contain;}
.important-item .txt h3 {margin-bottom: clamp(15px, calc( 25 / var(--inner) * 100vw ), 25px);}
.tax-book .slick-arrow {position: absolute; top: 50%; right: 0; margin-top: -60px; width: 60px; height: 60px; background: url('/images/main/mp-arrow.png') no-repeat center center; background-size: contain; border: 0; border-radius: 100%; overflow: hidden; text-indent: -99999em; filter: brightness(.5); z-index: 10; transition: .2s;}
.tax-book .slick-arrow:hover {filter: none; background-color: var(--primary-color);}
.tax-book .slick-prev {left: 0; right: auto; transform: scaleX(-1);}
.tax-book .slick-dots {position: absolute; width: 100%; left: 0; bottom: 0; display: flex; justify-content: center; gap: 10px; line-height: 0;}
.tax-book .slick-dots button {width: 12px; height: 12px; border-radius: 100%; border: 1px solid #808080; overflow: hidden; text-indent: -9999em; background: #fff; transition: .2s;}
.tax-book .slick-dots .slick-active button {width: 50px; background: var(--primary-color); border-color: var(--primary-color); border-radius: 6px;}

.service-items {flex-wrap: wrap; gap: clamp(20px, calc( 45 / var(--inner) * 100vw ), 45px) 0; margin: 0 -9px;}
.service-item {width: calc(100% / 6); padding: 0 9px;}
.service-items .circle {display: flex; align-items: center; justify-content: center; width: 150px; height: 150px; margin: 0 auto clamp(8px, calc( 15 / var(--inner) * 100vw ), 15px); background: #fff; border-radius: 100%;}
.proof-slide .slick-slide {padding: 0 clamp(5px, calc( 15 / var(--inner) * 100vw ), 15px);}
.proof-slide .items {margin: 0 calc(clamp(5px, calc( 15 / var(--inner) * 100vw ), 15px) * -1);}
.proof-item {padding: clamp(15px, calc( 40 / var(--inner) * 100vw ), 40px); border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); border: 1px solid #ddd; letter-spacing: -.04em;}
.user-info {margin-bottom: clamp(12px, calc( 20 / var(--inner) * 100vw ), 20px); font-weight: 500; font-size: clamp(15px, calc( 17 / var(--inner) * 100vw ), 17px); letter-spacing: -.05em; color: var(--dark-color);}
.user-position {font-size: clamp(13px, calc( 15 / var(--inner) * 100vw ), 15px); color: #808080;}

.business-consulting {border-radius: 0 clamp(12px, calc( 50 / var(--inner) * 100vw ), 50px); overflow: hidden;}
.consult-tel {gap: 10px; margin-top: clamp(13px, calc( 25 / var(--inner) * 100vw ), 25px); margin-bottom: clamp(10px, calc( 15 / var(--inner) * 100vw ), 15px); letter-spacing: -.01em;}
.consulting-txt {width: 36.66667%; gap: 20px; padding: clamp(20px, calc( 60 / var(--inner) * 100vw ), 60px); background: var(--primary-color);}
.business-consulting .img img {height: 100%; width: 100%; object-fit: cover;}

.performance-consulting {gap: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}
.performance-consult {flex: 1;}
.performance-consult h2 {width: fit-content; margin: 0 auto clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px); padding: 7px clamp(20px, calc( 50 / var(--inner) * 100vw ), 50px); background: #333; border-radius: 27px; color: #fff;font-size: clamp(18px, calc( 26 / var(--inner) * 100vw ), 26px); font-weight: 600; line-height: 1.5em;}
.performance-consult .img {border: 1px solid #ddd; border-radius: clamp(10px, calc( 20 / var(--inner) * 100vw ), 20px); text-align: center; padding: clamp(15px, calc( 30 / var(--inner) * 100vw ), 30px);}

.customer-inquiry {position: relative; padding-top: 0}
.customer-inquiry:before {position: absolute; content: ''; left: 0; bottom: 0; width: 28%; height: 100%; max-width: 525px; background: url('/images/sub/deco-inquiry.png') no-repeat center bottom; background-size: contain; pointer-events: none;}