@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;1,900&display=swap');

:root {
    --color-primary:#1AA37A;
    --color-black:#000;
    --color-point:#77fb95;
}


body {font-family: "Pretendard"; font-size:16px; line-height:1.4; color:var(--color-black); letter-spacing:-0.72px; }
* {font-family: "Pretendard"; color:inherit; }
.barlow {font-family: "Barlow Condensed", sans-serif; font-weight: 900; font-style: italic; }
.content {overflow:hidden; }

.inner {width:660px; max-width:100%; height:100%; margin:0 auto; padding:40px 10px 100px }
.wide_inner {width:100%; padding:0 50px; }

@media all and (max-width:767px){
    .inner {padding:0 20px; }
    .wide_inner {padding:0 20px; }
}

.count-num {transition: all 0.3s ease-in-out; }

/* flex */
.flex {display:flex;}
.flex-column {flex-direction:column;}
.items-center {align-items:center;}
.items-end {align-items:flex-end;}
.justify-between {justify-content:space-between;}
.justify-center {justify-content:center;}
.flex-1 {flex:1 1 0;  }
.shrink-0 {flex-shrink:0;}
.flex-wrap {flex-wrap:wrap;}
.grid {display:grid; }
.grid-4 {grid-template-columns:repeat(4,1fr);}

.gap-2 {gap:2px; }
.gap-4 {gap:4px; }
.gap-6 {gap:6px; }
.gap-8 {gap:8px; }
.gap-10 {gap:10px; }
.gap-13 {gap:13px; }
.gap-16 {gap:16px; }
.gap-20 {gap:20px; }
.gap-y-15 {row-gap:15px;}

.rotate-180 {transform:rotate(180deg); }

.mt-10 {margin-top:10px; }

.mb-4 {margin-bottom:4px; }
.mb-16 {margin-bottom:16px; }

.ml-8 {margin-left:8px; }

.fs12 {font-size:12px; }
.fs13 {font-size:13px; }
.fs18 {font-size:18px; }

.font-medium {font-weight:500; }

.bg-white {background-color:#fff; }

.relative {position:relative; }

.w-100 {width:100px !important; }
.w-full {width:100%;}
.h-full {height:100%;}

@media all and (max-width:767px){
    .grid-4 {grid-template-columns:repeat(2,1fr);}

    .fs13 {font-size:12px; }
    .fs18 {font-size:16px; }
}

.hidden {display:none !important; }
.overflow-hidden {overflow:hidden !important; }
.pc_hide {display:none !important; }

@media all and (max-width:767px){
    .pc_hide {display:block !important; }
    .mo_hide {display:none !important; }
    
}

.text-black {color:var(--color-black)}
.text-primary {color:var(--color-primary); }
.text-secondary {color:#8c8c8c; }

/* btn */
.btn {display:flex; align-items:center; justify-content:center; height:50px; padding:0 10px; font-size:16px; border-radius:7px; word-break:keep-all; }
.btn:disabled {border:1px solid #e5e5e5; color:#bababa; background-color:#e5e5e5; opacity:1; }
.btn.btn-sm {height:40px; font-size:14px; border-radius:6px; }

.btn-primary {background-color:var(--color-primary); color:#fff; }
.btn-primary-outline {border:1px solid var(--color-primary); color:var(--color-primary); }
.btn-point {background-color:var(--color-point); color:#0e2a1e; }
.btn-secondary-outline {border:1px solid #e0e0e0; color:#8C8C8C; }
.btn-danger {border:1px solid #f93939; color:#f93939; background-color:#fff; border-radius:7px; }
.btn-pending {border:1px solid #e0e0e0; color:#f37c37; background-color:#fff; border-radius:7px; }

.btn-rounded {border-radius:50px; }

@media all and (max-width:767px){
    .btn {height:45px; font-size:15px; }
}

/* wrap */
#wrap {display:flex; flex-direction:column; min-height:100vh; background-color:#fff; }
.content {flex-grow:1; padding-top:72px; }


/* form_box */
.form_box {padding:40px 0 100px; }
.form_box,
.form_box form {display:flex; flex-direction:column; gap:16px; }
.form_box.type02,
.form_box.type02 form {gap:40px; }
.form_box.type03,
.form_box.type03 form {gap:24px; }
.form_flex {display:flex; gap:10px; }
.form_flex button {flex-shrink:0; width:100px; border-radius:10px; }
.form_flex ~ input {margin-top:6px; }
input ~ .form_flex {margin-top:6px; }

.form-title {display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:16px; }
.form-title h4 {font-size:18px; font-weight:500; }

.form-input {width:100%; height:50px; padding:16px; border:1px solid #e0e0e0; color:#8c8c8c; font-size:15px; letter-spacing:-0.6px; font-weight:400; border-radius:10px; background-color:#fff; }
.form-input::placeholder {color:#8c8c8c; font-size:15px; letter-spacing:-0.6px; font-weight:400; }
.form-input:focus {position:relative; z-index:1; border-color:var(--color-primary); outline:none;  }
.form-input:disabled {background-color:#f5f5f5; opacity:1; }

.form-textarea {resize:none; width:100%; height:200px; padding:16px; border:1px solid #e0e0e0; color:#8c8c8c; font-size:15px; letter-spacing:-0.6px; font-weight:400; border-radius:10px; background-color:#fff; }

.form-select {width:100%; height:50px; padding:16px 40px 16px 16px; border:1px solid #e0e0e0; color:#8c8c8c; font-size:15px; border-radius:10px; background:url('../img/common/down_arrow.svg') no-repeat calc(100% - 15px) center / 25px 25px; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; }
.form-select.select-sm {width:auto; height:auto; padding:11px 40px 11px 10px; font-size:14px; border-radius:6px; background:url('../img/common/down_arrow.svg') no-repeat calc(100% - 5px) center / 20px 20px; -webkit-appearance:none; -o-appearance:none; -moz-appearance:none; -ms-appearance:none; appearance:none; }
.form-select:focus {border-color:var(--color-primary); outline:0 none; }
.form-select:disabled {background-color:#f5f5f5; opacity:1; }

.form-btn {margin-top:15px; }
.form-error {margin-top:5px; padding:0 10px; font-size:12px; color:#f93939; }
.form-info {margin-top:5px; padding:0 10px; font-size:12px; color:#8c8c8c; }


@media all and (max-width:767px){
    .form_box {padding:40px 0 50px; }
    .form_box.type03, .form_box.type03 form {gap:15px; }
    .form-input {height:45px; }
    .form-select {height:45px; padding:10px 40px 10px 14px; }
}


/* custom_radio */
.custom_radio input {display:none; }
.custom_radio input + label {display:flex; align-items:center; justify-content:center; width:100%; height:50px; border:1px solid #e0e0e0; font-size:15px; color:#8c8c8c; border-radius:10px; cursor:pointer; }
.custom_radio input:checked + label {border-color:var(--color-primary); color:var(--color-primary); }

.custom_check input {display:none; }
.custom_check input + label {display:flex; align-items:center; gap:8px; }
.custom_check input + label span {font-size:13px; color:#8c8c8c; }
.custom_check input + label span.on {color:var(--color-primary); }
.custom_check input + label i {width:24px; height:24px; background:url('../img/common/check_off.svg') no-repeat center center; }
.custom_check input:checked + label i {background:url('../img/common/check_on.svg') no-repeat center center; }

.custom_check2 input {display:none; }
.custom_check2 input + label {display:flex; align-items:center; gap:8px; font-size:14px; color:#0e2a1e; }
.custom_check2 input + label i {width:15px; height:15px; border:1px solid #e5e5e5; border-radius:3px; }
.custom_check2 input:checked + label i {border-color:var(--color-primary); background:var(--color-primary) url('../img/icon/check_white.svg') no-repeat center center / 80% 80%; }

@media all and (max-width:767px){
    .custom_radio input + label {height:45px; }
}


/* custom_select */
.custom_select {position:relative; }
.custom_select .selected {display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; transition:all 0.3s; background-color:#fff; }
.custom_select .selected img {display:block; }
.custom_select .arrow {position:relative; }

.custom_select.basic_type .selected {height:56px; border:1px solid #e0e0e0; padding:16px; border-radius:10px; }
.custom_select.basic_type.open .selected {border:1px solid var(--color-primary); }

.custom_select.column_type .selected {height:84px; padding:16px; border:1px solid transparent; border-radius:10px; }
.custom_select.column_type.open .selected {border:1px solid var(--color-primary); }
.custom_select.column_type .selected .label {font-size:15px; color:#8c8c8c; }
.custom_select.column_type .selected .label.text-primary {color:var(--color-primary); }
.custom_select.column_type .unit b {font-weight:400; }

.custom_select.open {z-index:10; }
.custom_select.open .arrow img {opacity:0; }
.custom_select.open .arrow:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../img/common/select_x.svg') no-repeat center center; }

.custom_select .unit b {font-weight:500; color:var(--color-black); }
.custom_select .unit span {font-size:15px; color:#8c8c8c; }

.custom_select .option {display:none; z-index:5; position:absolute; left:0; top:calc(100% + 8px); width:100%; border:1px solid var(--color-primary); background-color:#fff; border-radius:10px; box-shadow:0 4px 4px 0px rgba(0,0,0,0.25); }
.custom_select.open .option {display:block; }
.custom_select .option li {padding:11px 16px; cursor:pointer; }
.custom_select .option li:hover,
.custom_select .option li.checked {background: rgba(26, 163, 122, 0.10); }


/* tab */
.tab_content > div {display:none; }
.tab_content > div.active {display:block; }


/* header */
header {z-index:100; position:fixed; left:0; top:0; width:100%; height:54px; border-bottom:1px solid #ededed; background-color:#fff; }
header .wide_inner {display:flex; align-items:center; justify-content:space-between; gap:50px; height:100%; }
header h1 a {position:relative; display:block;}
header h1 img {display:block; height:33px; transition:all 0.3s; }
header h1 img.white_logo {position:absolute; left:0; top:0; opacity:0; }
header .gnb {display:flex; align-items:center; }
header .gnb a {display:block; padding:10px 10px; transition:all 0.3s; }

header .ham_btn {display:none; width:24px; height:24px; padding:3px; }
header .ham_btn i {display:block; width:100%; height:2px; background-color:#000; border-radius:2px; transition:all 0.3s; }
header .ham_btn.on i {background-color:#000; }
header .ham_btn.on i:nth-of-type(1) {transform:rotate(45deg) translate(3.5px,3px); transform-origin:center center;}
header .ham_btn.on i:nth-of-type(2) {display:none; }
header .ham_btn.on i:nth-of-type(3) {transform:rotate(-45deg) translate(3.5px,-3px); transform-origin:center center;}

.main header {border-bottom:0 none; color:#fff; background-color:transparent; backdrop-filter:blur(2px); }
.main header h1 img.black_logo {opacity:0;}
.main header h1 img.white_logo {opacity:1; }
.main header .ham_btn i {background-color:#fff; }
.main header .ham_btn.on i {background-color:#000; }

header.black {color:var(--color-black); border-bottom:1px solid #ededed; background-color:#fff; }
header.black h1 img.black_logo {opacity:1;}
header.black h1 img.white_logo {opacity:0;}
header.black .ham_btn i {background-color:var(--color-black); }

@media all and (max-width:860px){
    header .inner {gap:20px; }
    header .gnb a {padding:10px 20px; }
}

@media all and (max-width:767px){
    header .gnb {display:none; }
    header .right_btn {display:none; }
    header .ham_btn {display:flex; flex-direction:column; align-items:center; justify-content:space-around; }

    .main header h1.on img.black_logo {opacity:1; }
    .main header h1.on img.white_logo {opacity:0; }
}

.mobile_menu {z-index:99; position:fixed; left:0; top:-100%; overflow-y:auto; display:flex; flex-direction:column; justify-content:space-between; width:100%; height:100dvh; padding:75px 20px 40px; background-color:#fff; transition:all 0.3s;}
.mobile_menu.open {top:0; }
.mobile_menu .menu > li > a {display:flex; align-items:center; justify-content:space-between; padding:18px 0; font-size:20px; font-weight:500; }
.mobile_menu .menu > li > a .arrow {transform:rotate(0); transition:all 0.3s; }
.mobile_menu .menu .depth2 {display:none; }
.mobile_menu .menu .depth2 li a {display:block; padding:16px; font-size:16px; font-weight:500; }
.mobile_menu .menu > li.open a .arrow {transform:rotate(180deg); }
.mobile_menu .login_btn {font-size:0; color:var(--color-black); }
.mobile_menu .login_btn:before {content:'로그인'; font-size:16px; }
.mobile_menu .login_btn.logout:before {content:'로그아웃'; }


/* footer */
footer {padding:100px 0; background-color:#1a2223; }
footer .logo {padding-bottom:25px; border-bottom:1px solid rgba(255,255,255,0.3); }
footer .box {display:flex; align-items:center; justify-content:space-between; padding-top:25px; }
footer .box .address p + p {margin-top:15px; }
footer .box .address p {font-size:14px; color:rgba(255,255,255,0.8); }
footer .box .cs p + p {margin-top:15px; }
footer .box .cs p {font-size:14px; color:rgba(255,255,255,0.8); }
footer .box .cs p b {display:block; font-size:22px; color:#fff; }

@media all and (max-width:767px){
    footer {padding:50px 0; }
    footer .box {flex-direction:column; align-items:flex-start; gap:40px; }
}


/* main */
.main .content {padding-top:0; background-color:#e9e9e9; }
.main .main_tit h3 {font-size:40px; }
.main .main_tit h3 p svg {vertical-align:bottom; }

@media all and (max-width:767px){
    .main .main_tit h3 {font-size:28px; }
    .main .main_tit h3 p svg {width:auto; height:35px; margin-bottom:2px; }
}

.main_visual {overflow:hidden; height:100dvh; background:url('../img/main/main_visual.png?071613') no-repeat center center / cover; }
.main_visual .wide_inner {display:flex; align-items:center; justify-content:center; height:100%;}
.main_visual .txt_box {padding-top:12dvh; text-align:center; color:#fff; }
.main_visual .txt_box span {display:block; font-size:16px; font-weight:600; }
.main_visual .txt_box p {font-size:60px; font-weight:700; }
.main_visual .txt_box h3 {display:flex; align-items:center; justify-content:center; gap:15px; font-size:80px; font-weight:700; }
.main_visual .txt_box h3 i {width:398px; max-width:30%; height:8px; background-color:#fff; }
.main_visual .img_box {position:relative; margin-top:50px; }
.main_visual .icon_box {position:absolute; left:0; top:-30px; width:100%;  }
.main_visual .icon_box span {position:relative; opacity:0; transition:all 0.5s; }
.main_visual .icon_box span.active {opacity:1; }
.main_visual .icon_box span:nth-of-type(2),
.main_visual .icon_box span:nth-of-type(3) {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.main_visual .icon_box img.icon_1 {width:445px; max-width:70%; animation:bounce 2s ease-in-out alternate infinite ;}
.main_visual .icon_box img.icon_2, 
.main_visual .icon_box img.icon_3 {animation:bounce 2s ease-in-out alternate infinite ;}

@media all and (max-width:767px){
    .main_visual .txt_box {padding-top:14dvh; }
    .main_visual .txt_box span {font-size:13px; }
    .main_visual .txt_box p {font-size:30px; }
    .main_visual .txt_box h3 {font-size:50px; }
    .main_visual .txt_box h3 i {width:20%; height:4px; }
}


.main_con01 {padding:200px 0 100px; }
.main_con01 ul {display:grid; grid-template-columns:repeat(4,1fr); gap:23px; margin-top:70px; }
.main_con01 ul li {display:flex; flex-direction:column; justify-content:space-between; min-height:250px; padding:30px; color:#fff; background: linear-gradient(270deg, rgba(2, 32, 54, 1) 0%, rgba(0, 0, 0, 1) 100%); border-radius:30px; letter-spacing:0; }
.main_con01 ul li h4 {font-size:26px; font-weight:600; }
.main_con01 ul li h4 span {display:block; margin-bottom:15px; font-size:12px; font-weight:400; color:#dcdcdc; }
.main_con01 ul li p {font-size:14px; line-height:2; word-break:keep-all; }

@media all and (max-width:1100px){
    .main_con01 ul {grid-template-columns:repeat(2,1fr); }
    .main_con01 ul li {min-height:200px; padding:20px; }
    .main_con01 ul li img {height:40px; }
}

@media all and (max-width:767px){
    .main_con01 {padding:100px 0 50px; }
    .main_con01 ul {grid-template-columns:repeat(1,1fr); gap:10px; margin-top:35px; }
    .main_con01 ul li {min-height:180px; }
    .main_con01 ul li h4 {font-size:24px; }
    .main_con01 ul li h4 span {margin-bottom:10px; font-size:11px; }
    .main_con01 ul li p {font-size:13px; }
}

.main_con02 {padding:100px 0; }
.main_con02 .main_tit {margin-bottom:70px; }
.main_con02 .box + .box {margin-top:100px; }
.main_con02 .box {display:flex; align-items:flex-end; gap:30px; }
.main_con02 .box > img {width:calc(50% - 15px); min-height:250px; object-fit:cover; border-radius:20px; }
.main_con02 .box .txt_box {width:50%; }
.main_con02 .box .txt_box h4 {margin-top:10px; font-size:26px; font-weight:600; }
.main_con02 .box .txt_box p {margin-top:10px; font-size:16px; }

.main_con02 .box.type02 {flex-direction:row-reverse; }
.main_con02 .box.type02 .txt_box {text-align:right; }

@media all and (max-width:767px){
    .main_con02 {padding:50px 0; }
    .main_con02 .main_tit {margin-bottom:35px; }
    .main_con02 .box + .box {margin-top:50px; }
    .main_con02 .box,
    .main_con02 .box.type02 {flex-direction:column; gap:15px; }
    .main_con02 .box > img {min-height:180px; }
    .main_con02 .box > img,
    .main_con02 .box .txt_box,
    .main_con02 .box.type02 .txt_box {width:100%; text-align:left; }
    .main_con02 .box .txt_box img {width:30px; }
    .main_con02 .box .txt_box h4 {margin-top:5px; font-size:20px; }
    .main_con02 .box .txt_box p {margin-top:5px; font-size:14px; }
}


.main_con03 {padding:100px 0 200px; } 
.main_con03 ul {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:70px; }
.main_con03 ul li {overflow:hidden; border-radius:30px; }
.main_con03 ul li img {display:block; width:100%; min-height:200px; object-fit:cover; }
.main_con03 ul li .txt_box {padding:30px 0; text-align:center; background-color:#fff; }
.main_con03 ul li .txt_box h5 {display:flex; align-items:flex-end; justify-content:center; gap:5px; font-size:16px; font-weight:600; }
.main_con03 ul li .txt_box h5 b {font-size:48px; line-height:0.9; font-weight:800; letter-spacing:0; }
.main_con03 ul li .txt_box p {margin-top:10px; font-size:14px; font-weight:400; }
.main_con03 ul li .txt_box span {font-size:12px; color:#9a9a9a; font-weight:300; }


@media all and (max-width:1100px){
    .main_con03 ul {grid-template-columns:repeat(2,1fr);}
}

@media all and (max-width:767px){
    .main_con03 {padding:50px 0 100px; } 
    .main_con03 ul {grid-template-columns:repeat(1,1fr); gap:10px; margin-top:35px; }
    .main_con03 ul li .txt_box {padding:20px 0; }
}


.main_con04 {padding:120px 0; background:url('../img/main/con04_bg.png') no-repeat center center / cover; }
.main_con04 .txt_box {color:#fff; text-align:center; word-break:keep-all; }
.main_con04 .txt_box h3 {font-size:40px; font-weight:700; }
.main_con04 .txt_box p {margin-top:20px; font-size:18px; }
.main_con04 .txt_box img {display:block; margin:40px auto; animation:bounce 2s ease-in-out alternate infinite ;}
.main_con04 .txt_box a.btn {display:inline-flex; width:154px; border-radius:50px; }

@media all and (max-width:767px){
    .main_con04 {padding:60px 0; }
    .main_con04 .txt_box h3 {font-size:28px; }
    .main_con04 .txt_box p {font-size:15px; }
    .main_con04 .txt_box img {max-width:50%; margin:30px auto; }
}

@keyframes bounce {
    0% {transform:translateY(0px)}
    100% {transform:translateY(10px)}
}

/* 고객센터 */
.cs_tab {display:flex; align-items:center; gap:6px; }
.cs_tab .btn {width:100%; height:40px; font-size:14px; }

.cs_tit {margin-top:40px; }
.cs_tit h3 {font-size:26px; font-weight:600; }
.cs_tit p {margin-top:14px; font-size:16px; font-weight:400; }

.cs_tit .step_box {margin-top:24px; padding:42px 45px; background-color:#f6f6f6; border-radius:30px; }
.cs_tit .step_box ul {display:grid; grid-template-columns:repeat(3,1fr); gap:50px; }
.cs_tit .step_box ul li {text-align:center; }
.cs_tit .step_box ul li span {display:inline-flex; padding:4px 10px; border:1px solid #e0e0e0; font-size:12px; font-weight:500; border-radius:6px; }
.cs_tit .step_box ul li > img {display:block; margin:20px auto; }
.cs_tit .step_box ul li b {display:block; font-size:16px; font-weight:500; color:#0e2a1e; }
.cs_tit .step_box ul li p {margin-top:5px; margin-bottom:20px; font-size:14px; color:#8c8c8c; font-weight:300; word-break:keep-all; }
.cs_tit .step_box ul li a.btn {display:inline-flex; height:28px; padding:0 10px;  font-size:12px; font-weight:500; }
.cs_tit .step_box ul li a.btn img {width:16px; height:16px; margin-right:5px; }

.cs_tit .search_box {margin-top:20px; width:50%; }
.cs_tit .search_box button {position:absolute; right:0; top:0; padding:12px; }
.cs_tit .search_box button img {display:block; }
.cs_tit .down_btn {display:inline-flex; height:28px; padding:0 10px; margin:24px 0 10px; font-size:12px; font-weight:500; border-radius:3px; }
.cs_tit .down_btn img {width:16px; height:16px; margin-right:5px; }

.cs_banner {display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; margin-bottom:10px; margin-top:24px; padding:17px 30px; background: linear-gradient(270deg, rgba(1, 31, 20, 0.00) -108.5%, #011F14 100%), #1AA37A; border-radius:10px; }
.cs_banner p {margin:0; font-size:14px; color:#fff; letter-spacing:-0.56px; }
.cs_banner .img {display:flex; align-items:center; gap:12px; }


@media all and (max-width:640px){
    .cs_tit h3 {font-size:24px; }
    .cs_tit p {font-size:14px; }

    .cs_tit .step_box {padding:15px; }
    .cs_tit .step_box ul {grid-template-columns:repeat(2,1fr); gap:25px 25px;  }
    .cs_tit .step_box ul li b {font-size:14px; }
    .cs_tit .step_box ul li p {font-size:12px; }
    .cs_tit .step_box ul li a.btn {font-size:11px; }
    .cs_tit .step_box ul li > img {width:30px; margin:10px auto; }

    .cs_tit .search_box {width:100%; }
}

/* navi */
.navi {gap:15px; margin:40px 0; }
.navi button {font-size:15px; font-weight:400; color:#8c8c8c; }
.navi a {display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid #c8c8c8; border-radius:3px; }
.navi a.active {border-color:var(--color-primary); color:#fff; background-color:var(--color-primary);}


/* 자료실 */
.reference_list {margin-top:40px; }
.reference_list dl {display:flex; flex-direction:column; gap:10px; }
.reference_list dl + dl {margin-top:10px; }
.reference_list dl dt {border:1px solid #e0e0e0; padding:16px; font-size:15px; font-weight:500; border-radius:10px; cursor:pointer; }
.reference_list dl.on dt {border-color:#ecf0f7; background-color:#ecf0f7; }
.reference_list dl dt span {color:#8c8c8c; font-weight:400; }
.reference_list dl dd {display:none; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; margin-top:10px; padding:20px; font-size:16px; color:#222; }
.reference_list dl dd .link_box {margin-top:20px; }
.reference_list dl dd .link_box a {position:relative; display:flex; align-items:center; gap:8px; width:100%; border:1px solid #e0e0e0; padding:16px; font-size:15px; color:#8c8c8c; background-color:#f5f5f5; border-radius:10px; }
.reference_list dl dd .link_box a:before {content:''; width:15px; height:15px; background:url('../img/icon/file.svg') no-repeat center center / cover; filter:contrast(0); }
.reference_list dl dd .link_box a:after {content:'다운로드'; position:absolute; right:15px; top:50%; padding-left:20px; font-size:14px; color:#0e2a1e; background:url('../img/icon/file_download.svg') no-repeat left center / 16px 16px; transform:translateY(-50%); }


.map_frame {width:100%; height:340px; border:1px solid #e0e0e0; border-radius:7px; }


/* subpage */
.sub .content {padding-top:53px; background-color:#e9e9e9; }

.sub_tit h3 {border-bottom:1px solid #b7b7b7; padding:70px 0; font-size:80px; font-weight:700; line-height:1.2; text-align:center; }
.sub_tit h4 {font-size:40px; font-weight:700; color:#0a121e; word-break:keep-all; line-height:137.5%; }
.sub_tit p {margin-top:20px; font-size:18px; color:#000; word-break:keep-all; }
.sub_tit .tab {display:flex; align-items:center; justify-content:center; gap:6px; margin-top:20px; }
.sub_tit .tab a {display:flex; align-items:center; justify-content:center; width:197px; height:59px; font-size:16px; font-weight:400; color:#8c8c8c; background-color:#fff; border-radius:6px; }
.sub_tit .tab a.active {color:#fff;  background-color:#222;}

@media all and (max-width:767px){
    .sub_tit h3 {padding:70px 0; font-size:40px; }
    .sub_tit h3.type02 {padding:70px 0 10px; }
    .sub_tit h4 {font-size:24px; }
    .sub_tit p {margin-top:14px; font-size:15px; }
    .sub_tit p br {display:none; }
    .sub_tit .tab a {width:50%; height:40px; font-size:14px; }
}


.about_con {padding:40px 0 195px; }
.about_con .box {display:flex; gap:20px; margin-top:60px; }
.about_con .box .img_box {width:35%; }
.about_con .box .img_box img {width:100%; height:570px; object-fit:cover; border-radius:30px;  }
.about_con .box .txt_box {width:65%; padding:40px 20px; border:1px solid #b7b7b7; border-radius:30px; word-break:keep-all; }
.about_con .box .txt_box h5 {margin-bottom:5px; font-size:26px; font-weight:600; }
.about_con .box .txt_box p {font-size:18px; line-height:1.6; }
.about_con .box .txt_box p + p {margin-top:20px; }

@media all and (max-width:767px){
    .about_con {padding:40px 0 90px; }
    .about_con .box {flex-direction:column; gap:10px; margin-top:15px; }
    .about_con .box .img_box {width:100%; }
    .about_con .box .img_box img {height:auto; }
    .about_con .box .txt_box {width:100%; padding:30px 10px; }
    .about_con .box .txt_box h5 {font-size:20px; }
    .about_con .box .txt_box p {font-size:14px; }
}


.about_con01 {padding:0 0 195px; }
.about_con01 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:70px; }
.about_con01 ul li {padding:30px 20px; background-color:#222; border-radius:30px; color:#fff; }
.about_con01 ul li h5 {margin:20px 0 24px; font-size:22px; font-weight:600; }
.about_con01 ul li p {padding:17px 0; font-size:16px; color:#e6e6e6; }
.about_con01 ul li p + p {border-top:1px solid #474747; }

@media all and (max-width:1100px){
    .about_con01 ul {grid-template-columns:repeat(2,1fr); }
}
@media all and (max-width:767px){
    .about_con01 {padding:0 0 90px; }
    .about_con01 ul {grid-template-columns:repeat(1,1fr); gap:18px; margin-top:15px; }
    .about_con01 ul li img {width:25px; }
    .about_con01 ul li h5 {margin:14px 0 16px; font-size:18px; }
    .about_con01 ul li p {padding:12px 0; font-size:12px; }
}


.about_con02 {padding:0 0 195px; }
.about_con02 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:0 22px; margin-top:70px; }
.about_con02 ul li {display:flex; align-items:center; border-bottom:1px solid #cfcfcf; min-height:93px; padding:20px 0; }
.about_con02 ul li .tit {width:23%; font-size:18px; font-weight:500; color:#000; }
.about_con02 ul li .desc {width:77%; font-size:18px; word-break:keep-all; }
.about_con02 ul li .desc p {margin-top:4px; font-size:14px; color:var(--color-primary); }

@media all and (max-width:1100px){
    .about_con02 ul {grid-template-columns:repeat(1,1fr); }
    .about_con02 ul li.nodata {display:none; }
    .about_con02 ul li {min-height:80px; padding:15px 0; }
}
@media all and (max-width:767px){
    .about_con02 {padding:0 0 90px; }
    .about_con02 ul {margin-top:15px; }
    .about_con02 ul li {min-height:50px; padding:10px 0; }
    .about_con02 ul li .tit {width:110px; flex-shrink:0; font-size:15px; }
    .about_con02 ul li .desc {width:calc(100% - 110px); font-size:15px; }
}


.about_con03 {padding:0 0 195px; }
.about_con03 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:40px 22px; margin-top:70px; }
.about_con03 ul li {display:flex; gap:23px; }
.about_con03 ul li .img_box {overflow:hidden; width:24%; border-radius:15px; }
.about_con03 ul li .img_box img {display:block; width:100%; height:100%; object-fit:cover; }
.about_con03 ul li .txt_box {width:100%; min-height:295px; padding:20px 30px; background-color:#fff; border-radius:30px; }
.about_con03 ul li .txt_box h5 {border-bottom:1px solid #b7b7b7; padding-bottom:15px; margin-bottom:20px; font-size:26px; color:#222; font-weight:600; text-align:center; }
.about_con03 ul li .txt_box p {display:flex; align-items:flex-start; gap:8px; }
.about_con03 ul li .txt_box p + p {margin-top:10px; }
.about_con03 ul li .txt_box p b {font-size:18px; font-weight:500; color:#222; }
.about_con03 ul li .txt_box p span {font-size:18px; }

@media all and (max-width:1100px){
    .about_con03 ul {grid-template-columns:repeat(1,1fr); }
}
@media all and (max-width:767px){
    .about_con03 {padding:0 0 90px; }
    .about_con03 ul {gap:15px; margin-top:15px; }
    .about_con03 ul li {flex-direction:column; gap:10px; }
    .about_con03 ul li .img_box {display:none; }
    .about_con03 ul li .txt_box {padding:20px; min-height:200px; }
    .about_con03 ul li .txt_box h5 {margin-bottom:15px; padding-bottom:10px;  font-size:22px; }
    .about_con03 ul li .txt_box p b,
    .about_con03 ul li .txt_box p span {font-size:15px; }
}



.about_con04 {padding:0 0 195px; }
.about_con04 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:70px; }
.about_con04 ul li {padding:30px; border:1px solid #fff; color:#fff; background:linear-gradient(270deg, #022036 0%, #000 100%); border-radius:24px; }
.about_con04 ul li img {display:block; }
.about_con04 ul li h5 {margin-top:10px; font-size:18px; font-weight:600; }
.about_con04 ul li p {margin-top:10px; font-size:18px; }

@media all and (max-width:1100px){
    .about_con04 ul {grid-template-columns:repeat(1,1fr); }
    .about_con04 ul li p br {display:none; }
}
@media all and (max-width:767px){
    .about_con04 {padding:0 0 90px; }
    .about_con04 ul {gap:15px; margin-top:15px; }
    .about_con04 ul li {padding:20px; word-break:keep-all; }
    .about_con04 ul li img {width:30px; }
    .about_con04 ul li h5 {font-size:16px; }
    .about_con04 ul li p {Font-size:15px; }
}


.about_con05 {padding:0 0 195px; }
.about_con05 ul.info {display:grid; grid-template-columns:repeat(2,1fr); gap:0 22px; margin-top:70px; }
.about_con05 ul.info > li {display:flex; align-items:flex-start; border-bottom:1px solid #cfcfcf; min-height:93px; padding:20px 0; }
.about_con05 ul.info > li .tit {width:23%; font-size:18px; font-weight:500; color:#000; line-height:1.6; }
.about_con05 ul.info > li .desc {width:77%; font-size:18px; word-break:keep-all; color:#535353; line-height:1.6; }
.about_con05 ul.info > li .desc > p {position:relative; margin-top:4px; padding-left:15px; font-size:18px; color:#535353; }
.about_con05 ul.info > li .desc > p:before {content:'・'; position:absolute; left:0; top:0; }
.about_con05 ul.info > li.type02 {flex-direction:column; grid-column:span 2; border-bottom:0 none; }
.about_con05 ul.info > li.type02 .tit {width:100%; margin-bottom:40px; }
.about_con05 ul.info > li.type02 .desc {width:100%; padding:0;}
.about_con05 ul.info > li.type02 .desc ul {margin-top:0; color:#222; }

@media all and (max-width:1100px){
    .about_con05 ul.info {grid-template-columns:repeat(1,1fr); }
    .about_con05 ul.info > li {min-height:80px; padding:15px 0; }
    .about_con05 ul.info > li.type02 {grid-column:span 1;}
}
@media all and (max-width:767px){
    .about_con05 {padding:0 0 90px; }
    .about_con05 ul.info {margin-top:15px; }
    .about_con05 ul.info > li {flex-direction:column; min-height:50px; padding:10px 0; }
    .about_con05 ul.info > li .tit {width:100%; margin-bottom:10px; flex-shrink:0; font-size:15px; }
    .about_con05 ul.info > li .desc {width:100%; font-size:15px; }
    .about_con05 ul.info > li .desc > p {font-size:15px; }
    .about_con05 ul.info > li .desc br {display:none; }
    .about_con05 ul.info > li.type02 .tit {margin-bottom:10px; }
    .about_con05 ul.info > li .desc.main_con03 ul {grid-template-columns:repeat(2,1fr);}
    .about_con05 ul.info > li .desc.main_con03 ul li {border-radius:20px; }
    .about_con05 ul.info > li .desc.main_con03 ul li img {min-height:110px; }
    .about_con05 ul.info > li .desc.main_con03 ul li .txt_box {padding:10px 0; }
    .about_con05 ul.info > li .desc.main_con03 ul li .txt_box h5 {font-size:15px; }
    .about_con05 ul.info > li .desc.main_con03 ul li .txt_box h5 b {font-size:32px;  }
    .about_con05 ul.info > li .desc.main_con03 ul li .txt_box p {margin-top:5px; font-size:12px; }
    .about_con05 ul.info > li .desc.main_con03 ul li .txt_box span {font-size:11px; }
}


.about_con06 {padding:0 0 195px; }
.about_con06 .img_box {margin-top:70px; padding:130px 0; background-color:#081c2b; border-radius:30px; }
.about_con06 .img_box img {display:block; width:872px; max-width:80%; margin:0 auto; }

@media all and (max-width:767px){
    .about_con06 {padding:0 0 90px; }
    .about_con06 .img_box {margin-top:15px; padding:50px 0; }
}



.about_con07 {padding:0 0 195px; }
.about_con07 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:80px 20px; margin-top:70px; }
.about_con07 ul li {padding-bottom:40px; border-bottom:1px solid #b7b7b7; }
.about_con07 ul li .tit {font-size:18px; font-weight:500; color:#000; }
.about_con07 ul li .desc {margin-top:20px; font-size:18px; color:#535353; line-height:1.6; }

@media all and (max-width:767px){
    .about_con07 {padding:0 0 90px; }
    .about_con07 ul {grid-template-columns:repeat(2,1fr); gap:50px 15px; margin-top:15px;  }
    .about_con07 ul li {padding-bottom:20px; }
    .about_con07 ul li .tit {font-size:16px; }
    .about_con07 ul li .desc {margin-top:10px; font-size:15px; }
}


.about_con08 {padding:0 0 195px; }
.about_con08 .table_box {text-align:center; margin-top:70px; }
.about_con08 .table_box > div > div:nth-of-type(1) ,
.about_con08 .table_box > div > div:nth-of-type(2) ,
.about_con08 .table_box > div > div:nth-of-type(3) {width:12%; flex-shrink:0; }
.about_con08 .table_box > div > div:nth-of-type(4),
.about_con08 .table_box > div > div:nth-of-type(5) {width:calc(64% - 60px); flex-shrink:0; }
.about_con08 .table_box .tit ,
.about_con08 .table_box .desc {display:flex; align-items:center; gap:20px; width:100%; }
.about_con08 .table_box .tit {margin-bottom:10px; }
.about_con08 .table_box .tit div {display:flex; align-items:center; justify-content:center; height:50px; font-size:18px; font-weight:600; color:#fff; background-color:var(--color-primary); border-radius:6px; }
.about_con08 .table_box .desc {display:flex; align-items:center; gap:20px; border-bottom:1px solid #b7b7b7; padding:15px 0; font-size:16px; line-height:1.6; }
.about_con08 .table_box .desc div.mo_tit {display:none; }

@media all and (max-width:767px){
    .about_con08 {padding:0 0 90px; }
    .about_con08 .table_box {margin-top:15px; }
    .about_con08 .table_box > div > div:nth-of-type(1) ,
    .about_con08 .table_box > div > div:nth-of-type(2) ,
    .about_con08 .table_box > div > div:nth-of-type(3) {width:calc(33.33% - 6.6666666667px); flex-shrink:0; }
    .about_con08 .table_box > div > div:nth-of-type(4),
    .about_con08 .table_box > div > div:nth-of-type(5) {width:100%; flex-shrink:0; }
    .about_con08 .table_box .tit ,
    .about_con08 .table_box .desc {gap:10px; flex-wrap:wrap; width:100%; }
    .about_con08 .table_box .tit div {height:40px;  font-size:15px; }
    .about_con08 .table_box .tit div:last-of-type {display:none; }
    .about_con08 .table_box .desc {font-size:15px; }
    .about_con08 .table_box .desc img {width:35px; }
    .about_con08 .table_box .desc br {display:none; }
    .about_con08 .table_box .desc div.mo_tit {display:flex; align-items:center; justify-content:center; height:40px; font-size:16px; font-weight:600; color:#fff; background-color:var(--color-primary); border-radius:6px; }
}


.about_con09 {padding:0 0 200px; }
.about_con09 ul {display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:70px; }
.about_con09 ul li {padding:30px 20px; min-height:277px; border:1px solid #b7b7b7; border-radius:30px; }
.about_con09 ul li b {display:block; margin-bottom:20px; font-size:18px; font-weight:500; }
.about_con09 ul li p {font-size:18px; font-weight:400; color:#535353; line-height:1.6; }
.about_con09 ul li p span {font-size:16px; color:#848484; }

@media all and (max-width:1100px){
    .about_con09 ul {grid-template-columns:repeat(2,1fr);}
}

@media all and (max-width:767px){
    .about_con09 {padding:0 0 90px; }
    .about_con09 ul {grid-template-columns:repeat(1,1fr); gap:10px; margin-top:15px;}
    .about_con09 ul li {min-height:auto; padding:20px 15px; }
    .about_con09 ul li b {font-size:16px; }
    .about_con09 ul li p {font-size:14px; }
    .about_con09 ul li p span {font-size:12px; }
}


.about_con10 {padding:0 0 195px; }
.about_con10 .sub_tit {margin-bottom:70px; }
.about_con10 .box {overflow:hidden; display:grid; grid-template-columns:repeat(2,1fr); border:1px solid #b7b7b7; border-radius:30px; }
.about_con10 .box + .box {margin-top:30px; }
.about_con10 .box .txt_box {display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:50px; font-size:18px; color:#fff; line-height:1.6; background-color:#1a2d6c; }
.about_con10 .box .txt_box h5 {margin-bottom:20px; font-size:26px; font-weight:700; }
.about_con10 .box .txt_box p {font-size:18px; line-height:1.6; }
.about_con10 .box .txt_box p + p {margin-top:25px; }
.about_con10 .box .txt_box a {display:inline-flex; align-items:center; gap:10px; padding:12px 16px; margin-top:40px; font-size:18px; color:#132728; font-weight:600; background-color:#e9e9e9; border-radius:50px; }
.about_con10 .box .txt_box a:after {content:''; width:24px; height:24px; transform:rotate(-90deg); background:url('../img/common/down_arrow.svg') no-repeat center center / 100% 100%; }
.about_con10 .box .img_box {display:flex; align-items:center; justify-content:center; }
.about_con10 .box .img_box img {display:block; width:auto; height:380px; margin:0 auto; }
.about_con10 .box.type02 .txt_box {background-color:#222; }
.about_con10 .box.type02 .img_box img {width:100%; object-fit:cover; }

@media all and (max-width:1100px){
    .about_con10 .box .img_box img {height:auto; }
    .about_con10 .box.type02 .img_box img {height:100%; }
}
@media all and (max-width:767px){
    .about_con10 {padding:0 0 90px; }
    .about_con10 .box {grid-template-columns:repeat(1,1fr); }
    .about_con10 .box .txt_box {padding:25px; }
    .about_con10 .box .txt_box h5 {margin-bottom:15px; font-size:20px; }
    .about_con10 .box .txt_box p {font-size:14px; }
    .about_con10 .box .txt_box p + p {margin-top:20px; }
    .about_con10 .box .txt_box a {gap:6px; padding:6px 10px; margin-top:20px; font-size:14px; }
    .about_con10 .box .txt_box a:after {width:18px; height:18px; }
    .about_con10 .box .img_box img {width:80%; }
}


/* business - solution */
.busi02_con01 {padding:40px 0 200px; }
.busi02_con01 .img_box {padding:70px 40px; border:1px solid #b7b7b7; margin-top:70px; background-color:#f5f5f5; border-radius:30px; }
.busi02_con01 .img_box img {display:block; width:1084px; max-width:90%; margin:0 auto; }
.busi02_con01 .info_box {display:none; grid-template-columns:0.8fr 1fr 1.2fr; gap:7px; margin-top:20px; }
.busi02_con01 .info_box p {display:flex; align-items:center; gap:5px; font-size:14px; color:#000; font-weight:500; }
.busi02_con01 .info_box i {display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:13px; color:#fff; font-style:normal; background-color:var(--color-primary); border-radius:50%; }

@media all and (max-width:767px){
    .busi02_con01 {padding:40px 0 90px; }
    .busi02_con01 .img_box {padding:20px 10px;  margin-top:15px; border-radius:20px; }
    .busi02_con01 .info_box {display:grid; }
}


.busi02_con02 {padding:0 0 200px; }
.busi02_con02 .box {display:flex; align-items:flex-start; gap:35px; margin-top:40px; }
.busi02_con02 .box .img {width:50%; padding:20px 40px;  background-color:#fff; border-radius:30px; }
.busi02_con02 .box .img img {display:block; width:714px; max-width:100%; margin:0 auto; }
.busi02_con02 .box .txt {width:50%; }
.busi02_con02 .box .txt .tit {padding-bottom:24px; border-bottom:1px solid #b7b7b7; font-size:22px; letter-spacing:-0.88px; font-weight:600; }
.busi02_con02 .box .txt .desc {padding-top:24px; }
.busi02_con02 .box .txt .desc p {font-size:17px; letter-spacing:-0.68px; }
.busi02_con02 .box .txt .desc p + p {margin-top:20px; }

@media all and (max-width:1100px){
    .busi02_con02 .box {flex-direction:column; gap:25px; }
    .busi02_con02 .box .img {padding:10px 15px; }
    .busi02_con02 .box .img ,
    .busi02_con02 .box .txt {width:100%; }
    .busi02_con02 .box .txt .tit {font-size:20px; }
    .busi02_con02 .box .txt .desc p {font-size:15px; }
}
@media all and (max-width:767px){
    .busi02_con02 {padding:0 0 90px; }
    .busi02_con02 .box {margin-top:15px; }
    .busi02_con02 .box .img {overflow:hidden; padding:0; border-radius:15px; }
}

.busi02_con03 {padding:0 0 200px; } 
.busi02_con03 .box {margin-top:70px; padding:85px 50px; background:url('../img/business/solution03_bg.png') no-repeat center center / cover; border-radius:30px; }
.busi02_con03 ul {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; max-width:1206px; margin:0 auto; }
.busi02_con03 ul li {display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid #fff; padding:30px; font-size:18px; font-weight:600; color:#fff; background: linear-gradient(90deg, rgba(26, 163, 122, 0.50) 0%, rgba(22, 221, 162, 0.70) 100%); border-radius:24px; }

@media all and (max-width:767px){
    .busi02_con03 {padding:0 0 90px; }    
    .busi02_con03 .box {margin-top:10px; padding:40px 20px; border-radius:15px; }
    .busi02_con03 ul {grid-template-columns:repeat(1,1fr); gap:10px; } 
    .busi02_con03 ul li {padding:15px; font-size:15px; border-radius:15px; }
    .busi02_con03 ul li img {width:20px; }
}

.busi02_con04 {padding:0 0 200px; }
.busi02_con04 .img_box {padding:70px 40px; border:1px solid #B7B7B7; margin-top:70px; background-color:#F3F3F3; border-radius:30px; }
.busi02_con04 .img_box img {display:block; width:1084px; max-width:100%; margin:0 auto; }
.busi02_con04 .info_box {display:none; grid-template-columns:repeat(2,1fr); gap:7px; margin-top:20px; }
.busi02_con04 .info_box p {display:flex; align-items:center; gap:5px; font-size:14px; color:#000; font-weight:500; }
.busi02_con04 .info_box i {display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:13px; color:#fff; font-style:normal; background-color:var(--color-primary); border-radius:50%; }

@media all and (max-width:767px){
    .busi02_con04 {padding:0 0 90px; }
    .busi02_con04 .img_box {overflow:hidden; padding:0;  margin-top:15px; border-radius:20px; }
    .busi02_con04 .info_box {display:grid; }
}


.busi02_con05 {padding:190px 0; background:url('../img/business/solution05_bg.png') no-repeat center center / cover; }
.busi02_con05 .sub_tit h4 {color:#fff; }
.busi02_con05 ul {display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-top:70px; }
.busi02_con05 ul li {padding:30px; background-color:#fff; border-radius:24px; }
.busi02_con05 ul li img {display:block; }
.busi02_con05 ul li h5 {margin-top:10px; font-size:18px; color:#222; font-weight:600; }
.busi02_con05 ul li p {margin-top:10px; font-size:18px; color:#222; word-break:keep-all; }

@media all and (max-width:1100px){
    .busi02_con05 ul {grid-template-columns:repeat(3,1fr);}
}

@media all and (max-width:767px){
    .busi02_con05 {padding:90px 0; }
    .busi02_con05 ul {grid-template-columns:repeat(2,1fr); gap:10px; margin-top:15px; }
    .busi02_con05 ul li {padding:15px; border-radius:20px; }
    .busi02_con05 ul li img {width:25px; }
    .busi02_con05 ul li h5 {margin-top:8px; font-size:15px; }
    .busi02_con05 ul li p {margin-top:8px; font-size:14px; }
}

.busi02_con06 {padding:200px 0;  }
.busi02_con06 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:70px; }
.busi02_con06 ul li {padding:28px; background-color:#fff; border-radius:24px; }
.busi02_con06 ul li img {display:block; }
.busi02_con06 ul li h5 {margin-top:14px; font-size:20px; font-weight:600; }
.busi02_con06 ul li p {margin-top:14px; font-size:16px; }

@media all and (max-width:1100px){
    .busi02_con06 ul {grid-template-columns:repeat(2,1fr);}
}
@media all and (max-width:767px){
    .busi02_con06 {padding:90px 0; }
    .busi02_con06 ul {grid-template-columns:repeat(1,1fr); gap:10px; margin-top:15px; }
    .busi02_con06 ul li {padding:18px; }
    .busi02_con06 ul li img {width:30px; }
    .busi02_con06 ul li h5 {margin-top:10px; font-size:17px; }
    .busi02_con06 ul li p {margin-top:10px; font-size:15px; word-break:keep-all; }
    .busi02_con06 ul li p br {display:none; }
}

.busi02_con07 {padding:200px 0; }
.busi02_con07 .ad_banner {display:flex; align-items:flex-end; justify-content:space-between; gap:10px; padding:60px; color:#fff; background:url('../img/business/solution_ad_bg.png') no-repeat center center/ cover; border-radius:20px; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); }
.busi02_con07 .ad_banner .txt h5 {font-size:36px; font-weight:600; }
.busi02_con07 .ad_banner .txt p {margin-top:30px; font-size:18px; }
.busi02_con07 .ad_banner a {flex-shrink:0; padding:12px 55px; font-size:20px; font-weight:600; color:#132728; background-color:#77fb95; border-radius:50px;  }

@media all and (max-width:767px){
    .busi02_con07 {padding:90px 0; }
    .busi02_con07 .ad_banner {flex-direction:column; gap:30px; padding:30px; }
    .busi02_con07 .ad_banner .txt {width:100%; word-break:keep-all; }
    .busi02_con07 .ad_banner .txt h5 {font-size:24px; }
    .busi02_con07 .ad_banner .txt p {margin-top:20px; font-size:14px; }
    .busi02_con07 .ad_banner .txt p br {display:none; }
    .busi02_con07 .ad_banner a {padding:10px 35px; font-size:14px; }
}

.busi02_con08 {padding:200px 0 0; }
.busi02_con08 .img_box {overflow:hidden; border:1px solid #b7b7b7; padding:50px 20px; margin-top:70px; background-color:#f3f3f3; border-radius:30px; }
.busi02_con08 .img_box img {display:block; width:1184px; max-width:100%; margin:0 auto; }
.busi02_con08 .img_box img.mo_ver {display:none; }

@media all and (max-width:767px){
    .busi02_con08 {padding:90px 0 0; }
    .busi02_con08 .img_box {margin-top:15px; padding:0; }
    .busi02_con08 .img_box img {display:none; }
    .busi02_con08 .img_box img.mo_ver {display:block; }
}

.busi02_con09 .img_box {overflow:hidden; position:relative; border:1px solid #b7b7b7; padding:70px 20px; margin-top:70px; background-color:#f3f3f3; border-radius:30px;}
.busi02_con09 .img_box p {position:absolute; left:30px; top:30px; font-size:16px; color:#9a9a9a; font-weight:400; }
.busi02_con09 .img_box img {display:block; width:1466px; max-width:100%; margin:0 auto; }
.busi02_con09 .img_box img.mo_ver {display:none; }
.busi02_con09 .list_box {display:grid; grid-template-columns:repeat(5,1fr); gap:20px; margin-top:35px; }
.busi02_con09 .list_box > div {padding:20px 20px 40px; border:1px solid #b7b7b7; border-radius:30px; background-color:#f3f3f3; }
.busi02_con09 .list_box h5 {display:flex; align-items:center; gap:6px; padding:10px 0; margin-bottom:10px; font-size:18px; font-weight:500; color:#000; }
.busi02_con09 .list_box h5:before {content:''; display:block; width:30px; height:30px; background:url('../img/business/solution05_icon.svg') no-repeat center center / 100% 100%; }
.busi02_con09 .list_box p {font-size:18px; font-weight:400; line-height:1.6; color:#222; }
.busi02_con09 .list_box p + p {margin-top:30px; }
.busi02_con09 .info_box {display:none; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:20px; }
.busi02_con09 .info_box p {display:flex; gap:5px; font-size:14px; color:#000; font-weight:500; word-break:keep-all; }
.busi02_con09 .info_box i {display:flex; align-items:center; justify-content:center; flex-shrink:0; width:20px; height:20px; font-size:13px; color:#fff; font-style:normal; background-color:var(--color-primary); border-radius:50%; }


@media all and (max-width:1100px){
    .busi02_con09 .list_box {grid-template-columns:repeat(3,1fr);}
}
@media all and (max-width:767px){
    .busi02_con09 .img_box {margin-top:15px; padding:0; }
    .busi02_con09 .img_box p {display:none; }
    .busi02_con09 .img_box img {display:none; }
    .busi02_con09 .img_box img.mo_ver {display:block; }
    .busi02_con09 .list_box {display:none; }
    .busi02_con09 .info_box {display:grid; }
}

/* business  */
.busi01_con01 {padding:40px 0 200px; }
.busi01_con01 ul {display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:70px; }
.busi01_con01 ul li {overflow:hidden; background-color:#fff; border-radius:30px; }
.busi01_con01 ul li .img_box img {display:block; width:100%; min-height:250px; object-fit:cover; }
.busi01_con01 ul li .txt_box {padding:30px; text-align:center; }
.busi01_con01 ul li h5 {padding-bottom:30px; border-bottom:1px solid #b7b7b7; font-size:24px; font-weight:600; color:#222; }
.busi01_con01 ul li .txt {padding:30px 0; font-size:18px; color:#000; word-break:keep-all; }
.busi01_con01 ul li .tag {padding-top:30px; border-top:1px solid #b7b7b7; }
.busi01_con01 ul li .tag p {display:flex; align-items:flex-end; justify-content:center; gap:5px; margin-bottom:5px; font-size:16px; color:#222; font-weight:600; }
.busi01_con01 ul li .tag p b {font-size:64px; line-height:0.9; }
.busi01_con01 ul li .tag span {font-size:18px; color:#000; }

@media all and (max-width:1100px){
    .busi01_con01 ul {grid-template-columns:repeat(2,1fr); }
    .busi01_con01 ul li:last-of-type {grid-column:span 2;}
}
@media all and (max-width:767px){
    .busi01_con01 {padding:40px 0 90px; }
    .busi01_con01 ul {grid-template-columns:repeat(1,1fr); gap:10px; margin-top:15px; }
    .busi01_con01 ul li:last-of-type {grid-column:span 1;}
    .busi01_con01 ul li .img_box img {min-height:170px; }
    .busi01_con01 ul li .txt_box {padding:18px; }
    .busi01_con01 ul li h5 {padding-bottom:18px; font-size:20px; }
    .busi01_con01 ul li .txt {padding:18px 0; font-size:14px; }
    .busi01_con01 ul li .tag {padding-top:18px; }
    .busi01_con01 ul li .tag p {font-size:13px; }
    .busi01_con01 ul li .tag p b {font-size:40px; }
    .busi01_con01 ul li .tag span {font-size:12px; }
}

.busi01_con02 {padding:0 0 200px; }
.busi01_con02 .box {display:flex; gap:20px; margin-top:70px; }
.busi01_con02 .box .img {overflow:hidden; display:flex; align-items:center; width:36%; border:1px solid #b7b7b7; border-radius:30px; }
.busi01_con02 .box .img img {display:block; margin:0 auto;}
.busi01_con02 .box .txt {display:flex; flex-direction:column; justify-content:center; width:64%; padding:30px; border:1px solid #b7b7b7; border-radius:30px; }
.busi01_con02 .box .txt dl {display:flex; gap:20px; padding:15px 0; }
.busi01_con02 .box .txt dl + dl {border-top:1px solid #CFCFCF; }
.busi01_con02 .box .txt dl dt {width:20%; font-size:18px; color:#182b70; line-height:1.6; font-weight:500; }
.busi01_con02 .box .txt dl dd {width:80%; font-size:18px; color:#000; line-height:1.6; word-break:keep-all; }

@media all and (max-width:1100px){
    .busi01_con02 .box {flex-direction:column; }
    .busi01_con02 .box .img {width:100%; }
    .busi01_con02 .box .txt {width:100%; }
}
@media all and (max-width:767px){
    .busi01_con02 {padding:0 0 90px; }
    .busi01_con02 .box {gap:15px; margin-top:15px; }
    .busi01_con02 .box .txt {padding:15px; }
    .busi01_con02 .box .txt dl {flex-direction:column; gap:8px; }
    .busi01_con02 .box .txt dl dt {width:100%; font-size:15px; }
    .busi01_con02 .box .txt dl dd {width:100%; font-size:14px; }
}


.busi01_con03 {padding:0 0 200px; }
.busi01_con03 ul {display:grid; grid-template-columns:repeat(8,1fr); gap:19px; margin-top:70px; }
.busi01_con03 ul li img {display:block; width:100%; }

@media all and (max-width:1300px){
    .busi01_con03 ul {grid-template-columns:repeat(7,1fr); }
}
@media all and (max-width:1300px){
    .busi01_con03 ul {grid-template-columns:repeat(6,1fr); }
}
@media all and (max-width:1100px){
    .busi01_con03 ul {grid-template-columns:repeat(5,1fr); }
}
@media all and (max-width:900px){
    .busi01_con03 ul {grid-template-columns:repeat(4,1fr); gap:15px; }
}
@media all and (max-width:767px){
    .busi01_con03 {padding:0 0 90px; }
    .busi01_con03 ul {gap:5px; margin-top:15px; }
}


.busi01_con04 {padding:0 0 200px; }
.busi01_con04 .box {display:flex; gap:20px; margin-top:70px; }
.busi01_con04 .box .img {overflow:hidden; display:flex; align-items:center; width:36%; border:1px solid #b7b7b7; border-radius:30px; }
.busi01_con04 .box .img img {display:block; margin:0 auto;}
.busi01_con04 .box .txt {display:flex; flex-direction:column; justify-content:center; width:64%; padding:30px; border:1px solid #b7b7b7; border-radius:30px; }
.busi01_con04 .box .txt dl {display:flex; gap:20px; padding:15px 0; }
.busi01_con04 .box .txt dl + dl {border-top:1px solid #CFCFCF; }
.busi01_con04 .box .txt dl dt {width:20%; font-size:18px; color:#182b70; line-height:1.6; font-weight:500; }
.busi01_con04 .box .txt dl dd {width:80%; font-size:18px; color:#000; line-height:1.6; word-break:keep-all; }
.busi01_con04 .box .txt dl dd p {display:flex; }
.busi01_con04 .box .txt dl dd p + p {margin-top:8px; }
.busi01_con04 .box .txt dl dd p b {width:80px; flex-shrink:0; }

@media all and (max-width:1100px){
    .busi01_con04 .box {flex-direction:column; }
    .busi01_con04 .box .img {width:100%; }
    .busi01_con04 .box .txt {width:100%; }
}
@media all and (max-width:767px){
    .busi01_con04 {padding:0 0 90px; }
    .busi01_con04 .box {gap:15px; margin-top:15px; }
    .busi01_con04 .box .txt {padding:15px; }
    .busi01_con04 .box .txt dl {flex-direction:column; gap:8px; }
    .busi01_con04 .box .txt dl dt {width:100%; font-size:15px; }
    .busi01_con04 .box .txt dl dd {width:100%; font-size:14px; }
    .busi01_con04 .box .txt dl dd p b {width:50px; }
}



.busi01_con05 {padding:0 0 200px; }
.busi01_con05 .box {display:flex; gap:20px; margin-top:70px; }
.busi01_con05 .box .img {overflow:hidden; display:flex; align-items:center; width:36%; padding:30px 0; background: radial-gradient(61.17% 61.17% at 30% 30%, #084244 0%, #132728 100%); border-radius:30px; }
.busi01_con05 .box .img img {display:block; max-width:80%; margin:0 auto;}
.busi01_con05 .box .txt {display:flex; flex-direction:column; justify-content:center; width:64%; padding:30px; border:1px solid #b7b7b7; border-radius:30px; }
.busi01_con05 .box .txt dl {display:flex; gap:20px; padding:15px 0; }
.busi01_con05 .box .txt dl + dl {border-top:1px solid #CFCFCF; }
.busi01_con05 .box .txt dl dt {width:20%; font-size:18px; color:#1AA37A; line-height:1.6; font-weight:500; }
.busi01_con05 .box .txt dl dd {width:80%; font-size:18px; color:#000; line-height:1.6; word-break:keep-all; }
.busi01_con05 .box .txt dl dd p {display:flex; }
.busi01_con05 .box .txt dl dd p + p {margin-top:8px; }
.busi01_con05 .box .txt dl dd p b {width:80px; }

@media all and (max-width:1100px){
    .busi01_con05 .box {flex-direction:column; }
    .busi01_con05 .box .img {width:100%; }
    .busi01_con05 .box .txt {width:100%; }
}
@media all and (max-width:767px){
    .busi01_con05 {padding:0 0 90px; }
    .busi01_con05 .box {gap:15px; margin-top:15px; }
    .busi01_con05 .box .img img {max-width:50%; }
    .busi01_con05 .box .txt {padding:15px; }
    .busi01_con05 .box .txt dl {flex-direction:column; gap:8px; }
    .busi01_con05 .box .txt dl dt {width:100%; font-size:15px; }
    .busi01_con05 .box .txt dl dd {width:100%; font-size:14px; }
}

.busi01_con06 {padding:0 0 200px; }
.busi01_con06 .table_box {display:grid; grid-template-columns:repeat(2,1fr); gap:20px; margin-top:70px; }
.busi01_con06 .table_box table {width:100%; }
.busi01_con06 .table_box table th {padding:17px 5px; color:#fff; font-size:18px; font-weight:600; text-align:center; background-color:#1AA37A;}
.busi01_con06 .table_box table th:first-of-type {border-radius:6px 0 0 6px; }
.busi01_con06 .table_box table th:last-of-type {border-radius:0 6px 6px 0; }
.busi01_con06 .table_box table td {padding:17px 5px; font-size:18px; color:#222; text-align:center; word-break:keep-all; }
.busi01_con06 .table_box table tr:nth-of-type(even) td {background-color:#D6E1DE;}

@media all and (max-width:900px){
    .busi01_con06 .table_box {grid-template-columns:repeat(1,1fr); }
}

@media all and (max-width:767px){
    .busi01_con06 {padding:0 0 90px; }
    .busi01_con06 .table_box {margin-top:15px; gap:10px;}
    .busi01_con06 .table_box table th {padding:10px 5px; font-size:13px; }
    .busi01_con06 .table_box table td {padding:10px 5px; font-size:12px; }
}


.busi01_con07 {padding:0 0 200px; }
.busi01_con07 .img_box {display:flex; gap:20px; margin-top:70px; }
.busi01_con07 .img_box .img_1 {width:36%; }
.busi01_con07 .img_box .img_2 {width:64%; }

@media all and (max-width:767px){
    .busi01_con07 {padding:0 0 90px; }
    .busi01_con07 .img_box {flex-direction:column; margin-top:15px; }
    .busi01_con07 .img_box .img_1,
    .busi01_con07 .img_box .img_2 {width:100%; }
}