@charset "utf-8";
:root{ 
    --color01: #0a294a;
    --color02: #efdbc4;
    --color03: #c7ad90;
    --transition: 0.2s ease;
    --radius: 10px;
    --gap: 60px;
}

::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar-track { background-color:rgba(0,0,0,0.1);border-radius:var(--radius);}
::-webkit-scrollbar-thumb { background:var(--color01);border-radius:var(--radius);}

html {font-family:'pretendard','돋움','dotum', Arial, sans-serif;color:#333;font-size:16px;scroll-behavior: smooth;}

.mobile_view {display:none;}
.inner {width:1400px;max-width:100%;margin:0 auto;}
.flex {display:flex;justify-content:space-between;}
.list_style01 {list-style:disc;padding-left:30px;margin-top:10px;}
section {position:relative;top:0;overflow:hidden;/*height:calc(var(--vh) * 100);*/}
h2 {font-size:48px;font-weight:500;}
label {height:60px;display:flex;align-items:center;}
:where(input[type=text], textarea) {background:#fff;border:1px solid #ddd;height:60px;border-radius:10px;padding:0 20px;}
:where(input[type=text], textarea):focus {outline:none;}
textarea {height:100px;padding:15px 20px;}
textarea:read-only {height:200px;}

header {position:fixed;width:100%;z-index:100;color:#fff;padding:0 var(--gap);left:50%;transform:translateX(-50%);transition:var(--transition);border-radius: 0 0 30px 30px;font-weight:500;}
header .inner {width:100%;max-width:1920px;height:70px;display:flex;justify-content:space-between;align-items:center;}
header h1 {z-index:110;}
header h1 a {display:block;width:174px;height:22px;background:url(../img/logo-ivt.svg) no-repeat;}
header nav ul {display:flex;gap:50px;}
header.scroll:not(.nav_active) {background:#fff;color:#333;border-bottom:1px solid #ddd;}
header.scroll:not(.nav_active) h1 a {background:url(../img/logo.svg) no-repeat;}

#sec01 .main_visual {position:relative;height:calc(var(--vh) * 100);overflow:hidden;}
#sec01 .main_visual .swiper-slide {position:relative;height:100%;}
#sec01 .main_visual .swiper-slide img {width:100%;height:100%;object-fit: cover;}
#sec01 .main_visual .txt_wrap {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#fff;font-size:80px;font-weight:500;background:rgba(0,0,0,0.2);gap:20px;text-align:center;padding:0 30px;}
#sec01 .main_visual .txt_wrap h2 {font-size:1em;word-break: keep-all;}
#sec01 .main_visual .txt_wrap p {font-size:max(0.375em, 12px);font-weight:400;}
#sec01 .main_visual .swiper-pagination {color:#fff;bottom:60px;}
#sec01 .main_visual .swiper-pagination-bullet {position:relative;display:inline-block;opacity:1;text-wrap:nowrap;display:inline-block;width:auto;height:auto;padding:5px 8px;padding-bottom:5px;background:transparent;font-size:16px;}
#sec01 .main_visual .swiper-pagination-bullet::before {content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;transition:var(--transition);}
#sec01 .main_visual .swiper-pagination-bullet-active::before {left:0;width:100%;}

#sec02 {background:var(--color02);}
#sec02 .line01 {width:1px;height:100%;background:#c7ad90;position:absolute;left:50%;top:0;}
#sec02 :where(.txt_wrap, .img_wrap) {margin:100px var(--gap);flex:0 50%;}
#sec02 .txt_wrap h2 {margin-bottom:30px;}
#sec02 .txt_wrap p {font-size:18px;margin:20px 0;}
#sec02 .img_wrap img {width:100%;height:100%;object-fit: cover;border-radius:40px;}

#sec03 {background:var(--color01);color:#fff;}
#sec03::after {content:'';width:1px;height:100%;background:var(--color02);position:absolute;top:0;left:50%;z-index:0}
#sec03 :where(h2, .tab_menu, .tab_cont) {position:relative;z-index:1;}
#sec03 h2 {padding:100px 0 var(--gap) 0;text-align:center;background:var(--color01);}
#sec03 .tab_menu {position:relative;background:var(--color01);}
#sec03 .tab_menu ul {display:flex;justify-content:center;max-width:1024px;margin:0 auto;text-align:center;}
/* #sec03 .tab_menu ul {display:flex;justify-content:center;padding:0 var(--gap);gap:var(--gap);} */
#sec03 .tab_menu ul li {flex:auto;}
#sec03 .tab_menu ul button {color:var(--color02);padding:30px 0;color:#415E7C;transition:var(--transition);font-size:18px;font-weight:500;}
#sec03 .tab_menu ul .active button {color:var(--color02);}
#sec03 .tab_menu .line01 {position:absolute;top:0;left:0;width:100%;height:1px;background:var(--color02);}
#sec03 .tab_menu .line02 {position:absolute;bottom:0;right:0;width:100%;height:1px;background:var(--color02);}
#sec03 .tab_view {display:flex;font-size:18px;}
#sec03 .tab_view + .tab_view {display:none;}
#sec03 .tab_view :where(.img_wrap, .txt_wrap) {flex:0 50%;padding:var(--gap);}
#sec03 .tab_view h3 {font-size:34px;padding:30px 0;}
#sec03 .tab_view .more {position:relative;border:1px solid var(--color02);padding:10px 30px;display:inline-block;margin-top:var(--gap);overflow:hidden;transition:var(--transition);font-weight:500;border-radius:6px;}
#sec03 .tab_view .more::after {content:'\ea70';font-family:'remixicon';margin-left:10px;}
#sec03 .tab_view .more::before {content:'';width:200px;height:200px;background:var(--color02);position:absolute;bottom:-110px;left:-240px;transition:var(--transition);transform:rotate(45deg);z-index:-1;}
#sec03 .tab_view .more:hover {color:#333;}
#sec03 .tab_view .more:hover::before {left:-20px;}
#sec03 .tab_view img {width:100%;height:100%;object-fit:cover;}

#sec04 {background:var(--color02);padding:100px var(--gap);position:relative;}
#sec04 h2 {text-align:center;}
#sec04 .tab_menu {height:500px;margin-top:var(--gap);}
#sec04 .tab_menu ul {display:flex;height:100%;gap:10px;}
#sec04 .tab_menu ul button {display:block;writing-mode: vertical-rl;text-align:center;height:100%;}
#sec04 .tab_menu .num {position:absolute;bottom:6px;left:6px;background:var(--color02);width:36px;height:36px;border-radius:100%;display:flex;justify-content:center;align-items:center;z-index:10;font-weight:600;transition:var(--transition);pointer-events: none;}
#sec04 .tab_menu .active .num {background:var(--color01);color:var(--color02);}
#sec04 .tab_menu .tab_cont {display:none;overflow:hidden;border-radius:40px;width:100%;height:100%;}
#sec04 .tab_menu .tab_cont .img_wrap {width:100%;height:100%;position:absolute;top:0;left:0;border-radius:40px;overflow:hidden;z-index:8;}
#sec04 .tab_menu .tab_cont .img_wrap img {width:100%;height:100%;object-fit: cover;}
#sec04 .tab_menu .tab_cont .txt_wrap {position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items: flex-start;flex-direction:column;gap:30px;padding-left:100px;z-index:9;background: linear-gradient(90deg, rgba(239,219,196,1) 200px, rgba(255,255,255,0));}
#sec04 .tab_menu .tab_cont .txt_wrap .tit01 {font-size:38px;font-weight:500;}
#sec04 .tab_menu .tab_cont .txt_wrap .tit02 {font-size:18px;font-weight:500;}
#sec04 .tab_menu .tab_cont .txt_wrap .more {position:relative;border:1px solid var(--color01);padding:10px 30px;display:inline-block;overflow:hidden;transition:var(--transition);font-weight:500;border-radius:6px;}
#sec04 .tab_menu .tab_cont .txt_wrap .more::after {content:'\ea70';font-family:'remixicon';margin-left:10px;}
#sec04 .tab_menu .tab_cont .txt_wrap .more:hover::before {left:-20px;}
#sec04 .tab_menu .tab_cont .txt_wrap .more::before {content:'';width:200px;height:200px;background:var(--color01);position:absolute;bottom:-110px;left:-240px;transition:var(--transition);transform:rotate(45deg);z-index:-1;}
#sec04 .tab_menu .tab_cont .txt_wrap .more:hover {color:#fff;}
#sec04 .tab_menu ul li {position:relative;transition:0.3s ease;}
#sec04 .tab_menu ul li button {background:var(--color01);color:#fff;border-radius:40px;padding:10px;font-size:18px;z-index:10;transition:0.3s ease;}
#sec04 .tab_menu ul li.active {flex:auto;}
#sec04 .tab_menu ul li.active button {background:var(--color02);border:1px solid var(--color01);color:var(--color01);position:absolute;top:0;left:0;}
#sec04 .tab_menu ul li.active .tab_cont {display:block;}

footer {position:relative;background:var(--color01);color:#a2a9ad;z-index:20;padding: calc(var(--gap) * 2) var(--gap);}
footer .btn_consult {position:fixed;}
footer .inner {display:flex;gap:var(--gap);flex-wrap:wrap;}
footer .foot_menu {display:flex;gap:10px;margin-top:20px;flex-wrap:wrap;}
footer .foot_menu a {transition:var(--transition);}
footer .foot_menu a:hover {color:#fff;}
footer address {font-style: normal;color:#90a4ae;display:flex;flex-wrap:wrap;gap:10px 30px;}
footer address .tit {font-size:22px;font-weight:600;color:#fff;flex:100%;}
footer address span {display:inline-block;color:#fff;font-weight:600;margin-right:10px;}
footer .foot_right {flex:1;}
footer .copyright {margin-top:10px;}

.btn_consult {position:fixed;right:0;bottom:var(--gap);padding:10px 20px;background:rgba(255,255,255,0.9);color:var(--color01);font-weight:600;font-size:18px;border-radius:6px 0 0 6px;box-shadow:0px 3px 6px rgba(0,0,0,0.2);transition:var(--transition);z-index:100;}
.btn_consult::before {content:"\eefb";font-family:'remixicon';font-weight:100;font-size:1.2em;margin-right:10px;}
.btn_consult:hover {background:rgba(255,255,255,1);}
#consult_wrap {position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;background:rgba(0,0,0,0.6);display:none;}
#consult_wrap .inner {position:relative;width:900px;max-width:calc(100% - 60px);height:calc(100% - 60px);background:#fff;border-radius:30px;padding:30px 0 30px 30px;margin:auto;overflow:hidden;}
#consult_wrap .scroll {width:calc(100% - 15px);height:100%;overflow:auto;padding-right:15px;margin-right:15px;}
#consult_wrap .close {position:absolute;top:10px;right:20px;font-size:40px;}
#consult_wrap h2 {text-align:center;margin:20px;}
#consult_wrap h3 {text-align:center;}
#consult_wrap .input_wrap {background:#f4f6f8;padding:var(--gap);border-radius:15px;border:1px solid #e4e7eb;margin-top:30px;}
#consult_wrap .input_wrap label {font-size:18px;font-weight:600;}
#consult_wrap .input_wrap .input_row {display:flex;flex-wrap:wrap;}
#consult_wrap .input_wrap .input_row + .input_row {margin-top:20px;}
#consult_wrap .input_wrap .input_row label {flex:0 100px;}
#consult_wrap .input_wrap .input_row :where(input, textarea) {flex:auto;}
#consult_wrap .input_wrap .pri_wrap {display:flex;flex-wrap:wrap;border-top:1px solid #ddd;margin-top:30px;}
#consult_wrap .input_wrap .pri_wrap .pri_chk {display:flex;margin-left:auto;}
#consult_wrap .input_wrap .pri_wrap .pri_chk label {cursor:pointer;}
#consult_wrap .input_wrap .pri_wrap .pri_chk label::before {content:'';width:24px;height:24px;background:url(../img/icons/icon_chkbox.svg);margin-right:10px;transition:var(--transition);}
#consult_wrap .input_wrap .pri_wrap .pri_chk input:checked + label::before {background:url(../img/icons/icon_chkbox_on.svg);}
#consult_wrap .input_wrap .pri_wrap textarea {width:100%;}
#consult_wrap .btn_wrap {margin-top:30px;display:flex;gap:30px;justify-content:center;}
#consult_wrap .btn {position:relative;width:200px;height:40px;display:inline-flex;justify-content:center;align-items:center;text-align:center;border-radius:100px;overflow:hidden;z-index:10;}
#consult_wrap .btn.btn_insert {background:var(--color01);color:#fff;}
#consult_wrap .btn.btn_cancel {background:#fff;border:1px solid var(--color01);color:var(--color01);}
#consult_wrap .btn.btn_insert::before {content:'';width:200px;height:200px;background:rgba(255,255,255,0.1);position:absolute;bottom:-110px;left:-240px;transition:var(--transition);transform:rotate(45deg);z-index:-1;}
#consult_wrap .btn.btn_insert:hover::before {left:0;}
#consult_wrap .btn.btn_cancel::before {content:'';width:200px;height:200px;background:#f2f5f9;position:absolute;bottom:-110px;left:-240px;transition:var(--transition);transform:rotate(45deg);z-index:-1;}
#consult_wrap .btn.btn_cancel:hover::before {left:0;}

.sub_contents h3 {font-size:32px;font-weight:600;padding:0 0 20px 0;}
.sub_contents h3.sub_title {position:relative;font-size:40px;text-align:center;font-weight:600;margin-bottom:var(--gap);}
.sub_contents h3.sub_title::before {content:'';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:#aaa;width:50px;height:2px;}
.sub_contents h3.sub_title:nth-child(n+2) {margin-top:var(--gap);}
.sub_contents {background:#eff1f6;overflow:hidden;}
.sub_contents .inner {width:1400px;padding:0 var(--gap);}
.sub_contents .visual {height:400px;position:relative;background-position:center;background-size: cover;}
.sub_contents .visual > img {width:100%;height:100%;object-fit: cover;}
.sub_contents .visual::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.sub_contents .visual h2 {color:#fff;position:absolute;top:50%;left:0;transform:translateY(-50%);text-align:center;width:100%;padding:0 60px;}
.sub_contents .visual h2 .tit02 {font-size:14px;}
.sub_contents .visual .location {color:#fff;position:absolute;bottom:0;left:50%;transform:translateX(-50%);backdrop-filter: blur(10px);width:100%;border-style:solid;border-color:rgba(255,255,255,0.2);border-width:1px 0 1px 0;}
.sub_contents .visual .location .inner {display:flex;justify-content:space-between;}
.sub_contents .visual .location ul:not(.link) {display:flex;padding:10px 0;}
.sub_contents .visual .location ul:not(.link) li + li::before {content:"\ea6e";font-family:'remixicon';margin-right:10px;}
.sub_contents .visual .location .home {margin-right:10px;}
.sub_contents .visual .location .link {display:flex;align-items:center;}
.sub_contents .visual .location .link a {display:block;height:100%;padding:0 20px;border-left:1px solid #fff;}
.sub_contents .visual .location .link li:last-child a {border-right:1px solid #fff;}
.sub_contents .visual .location .link a::after {content:"\ecaf";font-family:'remixicon';margin-left:5px;}

.sub_contents .contents {padding:100px 0;position:relative;}
/* .sub_contents .contents::before {content:'';width:1px;height:60px;position:absolute;top:60px;left:50%;transform:translateX(-50%);background:var(--color01);border-radius:100px;} */
.sub_contents .contents .con_box .flex {gap:var(--gap);}
.sub_contents .contents .con_box + .con_box {margin-top:30px;padding-top:30px;border-top:1px solid #ddd;}
.sub_contents .contents .con_box .img_wrap {border-radius:20px;overflow:hidden;flex:0 0 48%;display:flex;justify-content:center;align-items:center;background-color:#fff;min-height:200px;}
.sub_contents .contents .con_box .img_wrap img {border-radius:20px;overflow:hidden;width:100%;height:100%;object-fit:cover;}
.sub_contents .contents .con_box .img_wrap.center img {width:auto;height:auto;}
.sub_contents .contents .con_box:nth-child(even) .img_wrap {order:1;}
.sub_contents .contents .con_box .service {display:flex;gap:10px;margin-top:20px;}
.sub_contents .contents .con_box .service li {border:1px solid #ddd;border-radius:var(--radius);padding:10px 20px;}
.sub_contents .contents .con_box .service li:before {font-family:'remixicon';margin-right:10px;}
.sub_contents .contents .con_box .service li.tiny_model:before {content:"\ebca";}
.sub_contents .contents .con_box .service li.cloud_model:before {content:"\eb9d";}
.sub_contents .contents .con_box .service li.on_premise_model:before {content:"\f0e0";}
.sub_contents .contents .con_box .service li.service_contract:before {content:"\f0e1";}
.sub_contents .contents .con_box .model_info {background:rgba(255,255,255,0.6);padding:30px;margin-top:30px;border-radius:var(--radius);position:relative;}
.sub_contents .contents .con_box .model_info .tit01 {font-size:18px;font-weight:600;position:absolute;top:0;left:30px;transform:translateY(-50%);background:#2AC9A4;color:#fff;padding:0 10px;border-radius:4px;}
.sub_contents .contents .con_box .model_info .tit02 {font-size:18px;font-weight:600;}



.solution_wrap {text-align:center;padding: var(--gap);}
.main_functions .function_list ul {display:flex;flex-wrap:wrap;gap:30px;}
.main_functions .function_list li {background:#fff;border-radius:var(--radius);flex:0 0 calc(33.33% - (30px * 2 / 3));position:relative;padding:50px 30px 30px 30px;}
.main_functions .function_list li:nth-child(1)::before {content:'1';}
.main_functions .function_list li:nth-child(2)::before {content:'2';}
.main_functions .function_list li:nth-child(3)::before {content:'3';}
.main_functions .function_list li:nth-child(4)::before {content:'4';}
.main_functions .function_list li:nth-child(5)::before {content:'5';}
.main_functions .function_list li:nth-child(6)::before {content:'6';}
.main_functions .function_list li:nth-child(7)::before {content:'7';}
.main_functions .function_list li:nth-child(8)::before {content:'8';}
.main_functions .function_list li:nth-child(9)::before {content:'9';}
.main_functions .function_list li:nth-child(10)::before {content:'10';}
.main_functions .function_list li::before {font-size:22px;color:#fff;display:flex;justify-content:center;align-items:center;padding-right:6px;width:46px;height:40px;background:url(../img/icons/function_num.png);position:absolute;top:-7px;left:30px;}
.main_functions .function_list li .tit {font-size:18px;font-weight:600;}
.main_functions .function_list li .txt {font-size:14px;margin-top:20px;}
.vision_wrap {text-align:center;padding: var(--gap);}
.vision_list {padding:0 var(--gap);}
.vision_list li {border-radius:var(--radius);background:#f9fafc;position:relative;overflow:hidden;max-width:980px;margin:30px auto;}
.vision_list li::before {content: '';display: block;position: absolute;width: 40px;height: 100%;left: 0;top: 0;}
.vision_list li::after {content:'';width: 36px;height: 36px;top: 31px;left: 22px;position: absolute;border-radius: 50%;box-shadow: 4px 7px 10px 0px rgba(128, 156, 188, 0.2);display:flex;justify-content:center;align-items:center;}
.vision_list li:nth-child(1)::before {background:#36c2ba;}
.vision_list li:nth-child(2)::before {background:#223359;}
.vision_list li:nth-child(3)::before {background:#b4c4d9;}
.vision_list li:nth-child(1)::after {background:url(../img/icons/icon_vision_chk01.png);}
.vision_list li:nth-child(2)::after {background:url(../img/icons/icon_vision_chk02.png);}
.vision_list li:nth-child(3)::after {background:url(../img/icons/icon_vision_chk03.png);}
.vision_list li .list_txt {padding:35px 25px 35px 80px;}
.vision_list li strong {font-size:20px;}
.vision_list li p {margin-top:10px;}

.company_title {font-size:32px;text-align:center;margin-bottom:var(--gap);}
.company_title span {display:inline-block;}
.company_title strong {color:var(--color01);font-size:40px;}
.company_con {display:flex;gap:calc(var(--gap) / 2);font-size:18px;}
.company_con strong {color:#007bff;}
.company_con .key_points {padding: 20px;border-radius: 8px;margin: 20px 0;background:rgba(255,255,255,0.5);border:1px solid #ddd;}
.company_con .key_points p {font-weight:600;color:#000;margin-bottom:10px;}
.company_con .key_points ul {padding-left:10px;display:flex;flex-direction:column;gap:10px;}
.company_con .key_points li {font-size: 18px;}
.company_con .key_points li::before {content: "✔️";color: #007BFF;font-size: 20px;margin-right: 10px;}
.company_con .img_wrap {display:flex;flex-wrap:wrap;flex:0 0 320px;}
.company_con .img_wrap img:nth-child(2) {width:50%;}
.company_con .img_wrap img:nth-child(3) {width:50%;}

.map {height:500px;}
.map + p {font-size:18px;font-weight:600;margin-top:10px;}
.map .root_daum_roughmap {width:100%;height:100%;}
.map .root_daum_roughmap .wrap_map {height:calc(100% - 32px);}
.map_info {margin-top:60px;padding-top:60px;border-top:1px solid #ddd;font-size:18px;}
.map_info ul {display:flex;gap:60px;flex-wrap:wrap;}
.map_info ul li {flex: 0 0 calc(50% - 30px);display:flex;gap:30px;}
.map_info ul li p {margin-bottom:5px;}
.map_info .icon {flex-shrink: 0;width:60px;height:60px;box-shadow:0px 1px 6px 0 rgba(0,0,0,0.3);border-radius:var(--radius);display:flex;justify-content:center;align-items:center;}
.map_info .tit {font-size:24px;font-weight:600;color:var(--color01);}





@media all and (max-width: 1920px) {

}

@media all and (max-width: 1710px) {
    #sec02 .txt_wrap br {display:none;}
}

@media all and (max-width: 1023px) {
    #sec01 .main_visual .txt_wrap {font-size:6vw;}
    #sec02 .inner {flex-direction: column;gap:var(--gap);padding:var(--gap);}
    #sec02 .line01 {display:none;}
    #sec02 :where(.txt_wrap, .img_wrap) {margin:0;}
    #sec02 .img_wrap img {max-height:400px;}
    #sec02 .txt_wrap {order:2;}
    #sec02 .txt_wrap h2 {font-size:32px;margin-bottom:20px;}
    #sec02 .txt_wrap p {font-size:16px;margin:10px 0;}
    #sec03 .tab_view .img_wrap {padding:0;}
    header nav ul {gap:30px;}
    footer .inner {flex-direction: column;}
    .sub_contents .contents .con_box:nth-child(even) .img_wrap {order:0;}
    .sub_contents .contents .con_box .inner {flex-direction: column;gap:0;}
    .main_functions .function_list li {flex:0 0 calc(50% - (30px * 1 / 2));}
    .company_con .img_wrap {display:none;}
    .map_info ul li {flex:0 100%;}
}

@media all and (max-width: 767px) {
    :root {
        --gap: 30px;
    }
    .mobile_view {display:block;}

    label {height:40px;}
    :where(input[type=text], textarea) {height:40px;}
    h2 {font-size:32px;}
    header {padding-top:10px;}
    header nav {display:none;}
    header .nav_open {font-size:28px;}
    header nav {position:fixed;top:0;left:0;width:100%;height:calc(var(--vh) * 100);background:var(--color01);z-index:100;justify-content:center;align-items:center;}
    header .nav_close {position:absolute;top:10px;right:20px;font-size:3em;}
    header nav ul {width:100%;flex-direction:column;gap:0;}
    header nav ul li {border-style:solid;border-color:rgba(0,0,0,0.5);border-width:1px 0 1px 0;}
    header nav ul li + li {border-top:none;}
    header nav ul a {padding:30px;display:block;text-align:center;font-size:26px;font-weight:300;width:300px;margin:0 auto;}
    header nav ul a::after {content:'\ea6e';display:inline-block;font-family:'remixicon';margin-left:20px;float:right;}
    #sec01 .main_visual .swiper-pagination-bullet {font-size:0;width:10px;height:10px;border-radius:100px;opacity:0.3;background:#fff;transition:var(--transition);}
    #sec01 .main_visual .swiper-pagination-bullet::before {display:none;}
    #sec01 .main_visual .swiper-pagination-bullet-active {width:40px;opacity:1;}

    #sec03::after {display:none;}
    #sec03 h2 {padding-top:60px;}
    #sec03 .tab_menu ul {flex-direction:column;padding:10px 0;}
    #sec03 .tab_menu ul button {padding:10px 0;} 
    #sec03 .tab_view {flex-direction:column;}
    #sec03 .tab_view h3 {padding:0 0 10px 0;}
    #sec03 .img_wrap img {max-height:400px;}

    #sec04 {padding:60px var(--gap)}
    #sec04 .tab_menu ul {flex-direction:column;}
    #sec04 .tab_menu ul li button {width:100%;height:50px;writing-mode:horizontal-tb;}
    #sec04 .tab_menu .active .num {bottom:auto;top:6px;}
    #sec04 .tab_menu .tab_cont .txt_wrap {background:rgba(0,0,0,0.3);color:#fff;padding:30px;}
    #sec04 .tab_menu .tab_cont .txt_wrap br {display:none;}
    #sec04 .tab_menu .tab_cont .txt_wrap .more {background: var(--color02);color:#333;border:none;}

    .btn_consult::before {margin:0;}
    .btn_consult span {display:none;}
    #consult_wrap .input_wrap .input_row :where(input, textarea) {flex:100%;}
    #consult_wrap .input_wrap .pri_wrap {margin-top:15px;}
    #consult_wrap .input_wrap input {width:100%;}
    .sub_contents .visual {height:300px;}
    .sub_contents .contents {padding:60px 0;}
    .sub_contents .contents::before {height:40px;top:30px;}
    .sub_contents .contents .con_box h3 {font-size:28px;}
}

@media all and (max-width: 599px) {
    .main_functions .function_list li {flex:0 0 100%;}
    #consult_wrap .inner {max-width:calc(100% - 40px);}
}

@media all and (max-width: 479px) {
    #consult_wrap .btn_wrap {flex-direction:column;gap:10px;}
    #consult_wrap .btn {width:100%;}
    header nav ul a {font-size:22px;}
    .sub_contents .visual h2 {padding:0 30px;}
    .sub_contents .visual .location .link {position:absolute;top:-40px;right:20px;}
    .sub_contents .visual .location .link a {padding:0 10px;border:none !important;}
}