@charset "utf-8";

/* Info
 ========================================================================== */
/**
    * 1. Writer: Ajin Lee. (Weaverloft Corp.)
    * 2. Production Date: 2025-04
    * 3. Client: COWAY Co.,Ltd
 */

/*========== Import ==========*/
@import url("reset.css");
@import url("layout.css");

/*========== Font ==========*/
/* Pretendard Variable */
@font-face {
    font-family: 'Pretendard Variable';
    src: url('../fonts/pretendard/PretendardVariable.woff2') format('woff2-variations'), 
        url('../fonts/pretendard/PretendardVariable.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
  
/* Pretendard - Chart.js + editor */
@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/pretendard/Pretendard-Regular.woff2') format('woff2'),
        url('../fonts/pretendard/Pretendard-Regular.otf') format('opentype'); 
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/pretendard/Pretendard-Medium.woff2') format('woff2'),
        url('../fonts/pretendard/Pretendard-Medium.otf') format('opentype'); 
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/pretendard/Pretendard-SemiBold.woff2') format('woff2'),
        url('../fonts/pretendard/Pretendard-SemiBold.otf') format('opentype'); 
}
@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/pretendard/Pretendard-Bold.woff2') format('woff2'), 
        url('../fonts/pretendard/Pretendard-Bold.otf') format('opentype');
}
.pretendard-txt { font-family: 'Pretendard', sans-serif !important; }
.regular-txt { font-weight: 400; font-variation-settings: 'wght' 400; }
.medium-txt { font-weight: 500; font-variation-settings: 'wght' 500; }
.semi-bold-txt { font-weight: 600; font-variation-settings: 'wght' 600; }
.bold-txt { font-weight: 700; font-variation-settings: 'wght' 700; }
  
/* NunitoSans Variable */
@font-face {
    font-family: 'Nunito Sans Variable';
    src: url('../fonts/nunito_sans/NunitoSans-Variable.woff2') format('woff2-variations'),
        url('../fonts/nunito_sans/NunitoSans-Variable.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}
  
/* NunitoSans - Chart.js + editor */
@font-face {
    font-family: "Nunito Sans";
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/nunito_sans/NunitoSans-Medium.woff2') format('woff2'),
        url('../fonts/nunito_sans/NunitoSans-Medium.ttf') format('opentype'); 
}
@font-face {
    font-family: "Nunito Sans";
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/nunito_sans/NunitoSans-SemiBold.woff2') format('woff2'), 
        url('../fonts/nunito_sans/NunitoSans-SemiBold.ttf') format('opentype'); 
}
@font-face {
    font-family: "Nunito Sans";
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/nunito_sans/NunitoSans-Bold.woff2') format('woff2'),
        url('../fonts/nunito_sans/NunitoSans-Bold.ttf') format('opentype');
}
.nunito-txt { font-family: 'Nunito Sans', sans-serif !important; }
.en-txt { font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif !important;}
.nunito-r-txt { font-weight: 500; font-variation-settings: 'wght' 500; }
.nunito-m-txt { font-weight: 600; font-variation-settings: 'wght' 600; }
.nunito-b-txt { font-weight: 700; font-variation-settings: 'wght' 700; }

/*========== Root ==========*/
/* --- 공통 --- */
:root { 
    /* 포인트 컬러 */
    --main-color: #00A6EF; 
    --main-point-color: #0056AC; 
    --sub-color: #BFE4F7; 
    --sub-bg-color: #1E282C; 
    --bg-color: #C6EFFF; 
    --txt-bg-color: #F8F8F8; 

    /* HOVER 컬러 */
    --hover-dark-color: #3c434f; 

    /* 텍스트 컬러 */
    --main-txt-color: #111; 
    --text-dark-color: #333; 
    --text-gray-color: #666; 
    --text-light-gray-color: #999; 
    --text-org-color: #FF4417; 
    --text-red-color: #F52A2A; 

    /* 테이블 컬러 */
    --table-head-color: #F9FBFC;

    /* 라인 컬러 */
    --line-basic-color: #E5E5E5; 

    /* Font Size */
    --main-kv: 6.25rem;
    --title-xl: 4rem;
    --title-lg: 2.38rem;
    --title-md: 2rem;
    --title-sm: 1.50rem;
    --text-xl: 1.25rem;
    --text-lg: 1.125rem;
    --text-md: 1.125rem;
    --text-sm: 0.875rem;
    --caption: 0.750rem;
    --h-basic-text: 1rem;
    --basic-text: 1rem;
    --text26-22: 1.63rem;
    --text22-18: 1.38rem;
    --text20-18: 1.250rem;
    --text20-17: 1.250rem;
    --text20-16: 1.250rem;
    --text18-16: 1.125rem;
}
@media screen and (max-width: 1520px){
    :root {
        /* Font Size */
        --main-kv: clamp(40px, 6.579vw, 6.25rem);
        --title-xl: clamp(36px, 4.211vw, 4rem);
        --title-lg: clamp(28px, 2.5vw, 2.38rem);
        --title-md: clamp(24px, 2.105vw, 2rem);
        --title-sm: clamp(20px, 1.579vw, 1.50rem);
        --text-xl: clamp(18px, 1.316vw, 1.250rem);
        --text-lg: clamp(17px, 1.118vw, 1.125rem);
        --text-md: clamp(1rem, 1.184vw, 1.125rem);
        --h-basic-text: clamp(0.875rem, 1.053vw, 1rem);
        --text26-22: clamp(1.38rem, 1.71vw ,1.63rem);
        --text22-18: clamp(1.125rem, 1.447vw ,1.38rem);
        --text20-18: clamp(1.125rem, 1.316vw, 1.250rem);
        --text20-17: clamp(1.06rem, 1.316vw, 1.250rem);
        --text20-16: clamp(1rem, 1.316vw, 1.250rem);
        --text18-16: clamp(1rem, 1.184vw, 1.125rem);
    }
}
@media screen and (max-width: 1024px){
    :root {
        /* Font Size */
        --main-kv: clamp(40px, 5.078vw, 6.25rem);
        --title-xl: clamp(36px, 4.199vw, 4rem);
    }
}

/* ------------------------------------------------------------------------ 
 Base
------------------------------------------------------------------------ */
* { letter-spacing: -0.025em; -webkit-font-smoothing: antialiased; } 
html { width: 100%; font-family: 'Pretendard Variable', 'Pretendard', sans-serif; font-weight: 500; font-variation-settings: 'wght' 500; color: var(--text-dark-color); letter-spacing: -0.025em; -webkit-tap-highlight-color: transparent; } 
body { width: 100%; margin: 0; font-size: 1rem; font-family: 'Pretendard Variable', 'Pretendard', sans-serif; color: var(--text-dark-color); line-height: 1.37; letter-spacing: -0.025em; } 
canvas * { font-family: 'Pretendard Variable', 'Pretendard', sans-serif !important; 
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
} 
a { display: block; width: 100%; text-decoration: none;font-family: 'Pretendard Variable', 'Pretendard', sans-serif; color: var(--text-dark-color); cursor: pointer; } 
button {font-size: 1rem;font-family: 'Pretendard Variable', 'Pretendard', sans-serif;}
span {display: inline-block; font-weight: inherit; font-family: inherit; }
* ::placeholder { font-size: inherit; font-weight: 600; font-variation-settings: 'wght' 600; color: var(--text-light-gray-color);}

/* 대체 텍스트 숨김처리 */
.blind { position: absolute; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);white-space: nowrap;border: 0;}
.scroll-disable { height:100dvh; min-height:100dvh; -ms-touch-action: pan-y; touch-action: pan-y; } 
.scroll-none { overflow: hidden !important;} 
body.scroll-none { overflow: hidden !important;} 
.scroll-y-sec {overflow-x: hidden; overflow-y: auto; padding-right: 15px;}
.scroll-x-sec {overflow-y: hidden; overflow-x: auto; padding-bottom: 15px;}

/* 비활성화 */
.disabled { cursor: default; pointer-events: none; outline: none !important; } 
:disabled { outline: none !important; } 

/* Scroll */
html::-webkit-scrollbar { width: 10px; height: 10px; background-color: #fff; border-radius: 6px; } 
html::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 6px; } 
html::-webkit-scrollbar-track { background-color: #E5E5E5; } 

body * ::-webkit-scrollbar { width: 6px; height: 6px; background-color: #fff; border-radius: 6px; } 
body * ::-webkit-scrollbar-thumb { background-color: #666666; border-radius: 6px; } 
body * ::-webkit-scrollbar-track { background-color: #E5E5E5;} 

.scroll-x-sec::-webkit-scrollbar { width: 4px; height: 4px;} 

@media screen and (max-width: 1024px) {
    .scroll-x-sec {padding-right: clamp(20px, 3.933vw, 72px); padding-left: clamp(20px, 3.933vw, 72px);}
    .scroll-x-sec::-webkit-scrollbar-track {margin-right: clamp(20px, 3.933vw, 72px);margin-left: clamp(20px, 3.933vw, 72px); } 
}
@media screen and (max-width: 768px) {
    body * ::-webkit-scrollbar-track { margin-right: 20px;} 
    .scroll-x-sec {padding-right: clamp(20px, 3.125vw, 34px); padding-left: clamp(20px, 3.125vw, 34px);}
    .scroll-x-sec::-webkit-scrollbar-track {margin-right: clamp(20px, 3.125vw, 34px);margin-left: clamp(20px, 3.125vw, 34px); } 
}

/*========== Text ==========*/
h2.main-kv, .main-kv { font-size: var(--main-kv); font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif; font-weight: 600; font-variation-settings: 'wght' 600; line-height: 1; letter-spacing: -0.03em; } /*font-size: 100px; */
h2.title-xl, h3.title-xl { font-size: var(--title-xl); font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif; font-weight: 600; font-variation-settings: 'wght' 600; line-height: 1.25; letter-spacing: -0.03em; } /*font-size: 64px; */
h3.title-lg, h4.title-lg { font-size: var(--title-lg); font-weight: 700; font-variation-settings: 'wght' 700; line-height: 1.187; } /*font-size: 38px; */
h4.title-md, h5.title-md { font-size: var(--title-md); font-weight: 600; font-variation-settings: 'wght' 600; line-height: 1.187; } /*font-size: 32px; */
h6.title-sm, .title-sm { font-size: var(--title-sm); font-weight: 600; font-variation-settings: 'wght' 600; line-height: 1; } /*font-size: 24px; */
.text-xl { font-size: var(--text-xl); font-weight: 400; font-variation-settings: 'wght' 400; line-height: 1.8; } /*font-size: 20px; */
.text-lg { font-size: var(--text-lg); font-weight: 400; font-variation-settings: 'wght' 400; line-height: 1.555; } /*font-size: 18px; */
.text-md { font-size: var(--text-md); font-weight: 400; font-variation-settings: 'wght' 400; line-height: 1.625; } /*font-size: 16px; */
.text-sm { font-size: var(--text-sm); font-weight: 400; font-variation-settings: 'wght' 400; line-height: 1.571; } /*font-size: 14px; */
.caption { font-size: var(--caption); font-weight: 400; font-variation-settings: 'wght' 400; line-height: 1.666; } /*font-size: 12px; */
.text26-22 {font-size: var(--text26-22);font-weight: 700; font-variation-settings: 'wght' 700;line-height: 1.272; }
.text22-18 {font-size: var(--text22-18);font-weight: 600; font-variation-settings: 'wght' 600;line-height: 1.272; }
.text20-18 {font-size: var(--text20-18);font-weight: 600; font-variation-settings: 'wght' 600;line-height: 1.555; }
.text20-17 {font-size: var(--text20-17);font-weight: 400; font-variation-settings: 'wght' 400;line-height: 1.555; }
.text20-16 {font-size: var(--text20-16);font-weight: 600; font-variation-settings: 'wght' 600;line-height: 1.555; }
.text18-16 {font-size: var(--text18-16);font-weight: 400; font-variation-settings: 'wght' 400;line-height: 1.555; }
.text16-14 {font-size: var(--h-basic-text);font-weight: 600; font-variation-settings: 'wght' 600;line-height: 1.555; }
.caption14 {font-size: 0.875rem;font-weight: 400; font-variation-settings: 'wght' 400;color: var(--text-gray-color);}
.num-point {font-size: 1.88rem;font-weight: 600; font-variation-settings: 'wght' 600;line-height: 1.555; color: var(--main-color); } 
.point-txt { color: var(--main-color); } 
.red-txt {color: var(--badge-red);}
.blue-text {color: var(--text-blue-color) !important;}
.red-text {color: var(--text-red-color) !important;}
.text-left {text-align: left !important;}
.text-center {text-align: center !important;}
sub {display: inline-block; margin-top: 1px; font-size: 13px;font-weight: 600; font-variation-settings: 'wght' 600;color: var(--text-dark-color); vertical-align: top;}
sub.df {color: var(--text-dark-color) !important;}
sub.gray {color: var(--text-gray-color);}
.unit {position: absolute; top: -35px; right: 0; font-size: 1.125rem;font-weight: 600; font-variation-settings: 'wght' 600;color: var(--text-light-gray-color);}
@media screen and (max-width: 1520px) {
    .num-point {font-size: clamp(1.50rem, 1.97vw ,1.88rem);}
    .unit {font-size: 0.875rem;}
}
@media screen and (max-width: 1024px) { 
    h2.title-xl, h3.title-xl {line-height: 1.333;}
    .text-xl {line-height: 1.555;}
    .text-lg { font-size: var(--text-lg); line-height: 1.647; }
    .text-md { font-size: var(--text-md); line-height: 1.625; }
    .text18-16 {line-height: 1.625;}
    .text20-17 {line-height: 1.64; }

    sub {font-weight: 500; font-variation-settings: 'wght' 500;}
    .unit {top: -25px;right: 0;}
    .visual-area:has(.scroll-x-sec) .unit {right: clamp(20px, 3.933vw, 72px);}
}

/*========== lazyload ==========*/
.fade-in { opacity: 0; } 
.fade-in.lazyloaded { opacity: 1; background-color: var(--txt-bg-color); transition: opacity 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms; -webkit-transition: opacity 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms; -moz-transition: opacity 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms; -ms-transition: opacity 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms; -o-transition: opacity 500ms cubic-bezier(0.68, -0.55, 0.27, 1.55) 400ms; } 
.img-pc {display: block;}
.img-mo {display: none;}
@media screen and (max-width: 768px) {
    .img-pc {display: none;}
    .img-mo {display: block;}
}

/*========== Tab 본문바로가기 ==========*/
.skip-nav a { display: inline-block; width: 140px; padding: 0px 20px; background-color: var(--main-point-color); font-size: 1rem; font-weight: 600; font-variation-settings: 'wght' 600; line-height: 2.5em; color: #fff; text-align: center; position: fixed; left: 0; top: -10rem; z-index: 10001; border-radius: 2px; } 
.skip-nav a:focus { top: 0; } 

/* ------------------------------------------------------------------------ 
Common
------------------------------------------------------------------------ */
/*========== Button ==========*/
.btn-wrap {display: inline-block;font-size: var(--h-basic-text);line-height: 1;}
.basic-btn {display: inline-block;overflow: hidden;position: relative;min-width: 110px;width: auto;border: 1px solid var(--main-color);font-size: var(--h-basic-text);font-weight: 600;font-variation-settings: 'wght' 600;line-height: 1;white-space: nowrap;box-sizing: border-box;cursor: pointer;}
.basic-btn.default { min-width: 114px; padding: 0.56em 1.11em; background-color: var(--main-color); border-radius:20px; color: #fff; font-size: 1.125rem; transition: background-color 400ms, border 400ms;}
.basic-btn.default:hover {background-color: var(--main-point-color); border-color: var(--main-point-color);}
.basic-btn.default span { padding: 0 1.56em 0 0; background-image: url('../images/sub/common/icon-download-white.svg'); background-position: right center; background-size: 1.11em auto; background-repeat: no-repeat; }
.basic-btn.no {display: flex;align-items: center; min-width: auto; border: none;font-size: var(--text20-16);color: var(--text-dark-color);line-height: 1;}
.basic-btn.no .icon-arrow {overflow: hidden; position: relative; width: 1.20em; height: 1.20em; margin-left: 0.80em;}
.basic-btn.no .icon-arrow::before { content: ''; position: absolute; z-index: 1; top: 50%; right: 0; transform: translate(-200%, -50%); width: 100%; aspect-ratio: 1/1; background-image: url('../images/common/icon-btn-arrow-gray.svg'); background-position: right center; background-size: 100% auto; background-repeat: no-repeat; transition: transform 400ms ease-in;}
.basic-btn.no .icon-arrow::after { content: ''; position: absolute; z-index: 1; top: 50%; right: 0; transform: translate(0, -50%); width: 100%; aspect-ratio: 1/1; background-image: url('../images/common/icon-btn-arrow-gray.svg'); background-position: right center; background-size: 100% auto; background-repeat: no-repeat; transition: transform 400ms ease-in;}
.basic-btn.no:hover .icon-arrow::before { transform: translate(0, -50%);}
.basic-btn.no:hover .icon-arrow::after { transform: translate(200%, -50%);}
.basic-btn.arrow { display: flex; align-items: center; justify-content: space-between; gap: 1.44em; min-width: 13.31em; height: 3.38em; padding: 0 0.44em 0 1.38em; border-radius: 38px; background-color: var(--main-color); color: #fff; transition: background-color 400ms, color 400ms, border-color 400ms; }
.basic-btn.arrow .icon-arrow { position: relative; width: 2.63em; height: 2.63em; border-radius:50%;font-size: inherit;}
.basic-btn.arrow .icon-arrow::before {content: ''; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; background-image: url('../images/common/icon-btn-arrow-color.svg');background-position: center;background-size: 1.50em auto;background-repeat: no-repeat;}
.basic-btn.arrow .icon-arrow::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius:50%; background-color: #fff; transition: all 400ms cubic-bezier(0.4, 0, 1, 1); }
.basic-btn.arrow.blue {border-color: var(--main-point-color); background-color: var(--main-point-color); color: #fff;}
.basic-btn.arrow.blue .icon-arrow::before {background-image: url('../images/common/icon-btn-arrow-blue.svg');}
.basic-btn.arrow.white {border-color: var(--main-point-color); background-color: #fff; color: var(--main-point-color);}
.basic-btn.arrow.white .icon-arrow::before {background-image: url('../images/common/icon-btn-arrow-white.svg');}
.basic-btn.arrow.white .icon-arrow::after {background-color:var(--main-point-color);}
.basic-btn.arrow.line {border-color: var(--sub-color); background-color: #fff; color: var(--main-color);}
.basic-btn.arrow.line .icon-arrow::before {background-image: url('../images/common/icon-btn-arrow-white.svg');}
.basic-btn.arrow.line .icon-arrow::after {background-color:var(--main-color);}
.basic-btn.arrow:hover { border-color: var(--main-color); color: var(--main-color);}
.basic-btn.arrow.blue:hover { border-color: var(--main-point-color); color: var(--main-color);color: var(--main-point-color);}
.basic-btn.arrow.white:hover { border-color: #fff;color: #fff;}
.basic-btn.arrow.line:hover { border-color: var(--main-color); color: #fff;}
.basic-btn.arrow:hover .btn-txt {position: relative; z-index: 1;}
.basic-btn.arrow:hover .icon-arrow::after { transform:scale(20);}
.icon-btn span {text-indent: -9999px;}
.link-btn {text-decoration : underline;text-underline-offset : 4px;color: #2658A0;}
.link-btn + .link-btn {margin-top: 6px;}
.linked-icon {display: inline-block; width: 20px; height: 20px;background-image: url('../images/sub/common/icon-link.svg');background-position: center;background-size: 100% auto;background-repeat: no-repeat;}
.download-icon {display: inline-block; width: 24px; height: 24px;background-image: url('../images/sub/common/icon-download.svg');background-position: center;background-size: 100% auto;background-repeat: no-repeat;}
.site-icon {display: inline-block; width: 16px; height: 16px;margin-top: -2px;background-image: url('../images/sub/common/icon-link-next.svg');background-position: center;background-size: 100% auto;background-repeat: no-repeat;}
.site-icon-end {display: inline-block;margin-top: -2px; margin-left: 8px; width: 22px; height: 22px;border-radius: 50%; background-image: url('../images/sub/common/icon-link-site.svg');background-position: center;background-size: 100% auto;background-repeat: no-repeat;}
@media screen and (max-width: 1520px) {
    .basic-btn.default {font-size: clamp(14px, 1.18vw, 1.125rem);}
}
@media screen and (max-width: 1024px) {
    .basic-btn.arrow {min-width: 150px;height: 2.86em;padding: 0 0.43em 0 1.14em;}
    .basic-btn.arrow .icon-arrow {width: 2.15em; height: 2.15em;}
    .basic-btn.arrow .icon-arrow::before {background-size: 1.29em auto;}
    .basic-btn.no .icon-arrow {width: 1.50em; height: 1.50em; margin-left: 10px;}
    .download-icon {width: 20px; height: 20px;}
    .basic-btn.default {padding: 8px 16px;}
    .basic-btn.default span {padding: 0 20px 0 0; background-size: 14px auto;}
}

/*========== Input ==========*/
.input-box {position: relative; font-size: var(--h-basic-text);}
.input-box input { width: 100%; height: 0; padding: 0; border: 1px solid var(--line-basic-color); border-radius: 40px; font-size: 1rem; color: var(--text-dark-color); transition: background-color 400ms, border 400ms;}

/*========== Search Input ==========*/
.search-input-wrap {position: relative;}
.search-input-wrap input {width: 100%;height: 3.33em;border-radius: 40px;padding: 1.04em 3.33em 1.04em 1.67em; border: 2px solid var(--txt-bg-color); background-color: var(--txt-bg-color); font-size: 1.250rem;font-weight: 600; font-variation-settings: 'wght' 600;transition: background-color 400ms, border 400ms; }
.search-input-wrap .input-search-btn { display: block; position: absolute; top: 50%; right: 1.88em; transform: translate(0, -50%); width: 2.50em; height: 2.50em; text-indent: -9999px; transform: translate(0,-50%);}
.search-input-wrap .input-search-btn span {display: block;width: 100%;height: 100%;background-image: url('../images/common/icon-search.svg');background-position: center;background-size: contain;background-repeat: no-repeat;}
.search-input-wrap .search-del-btn { display: none; position: absolute; top: 50%; right: 1.88em; transform: translate(0, -50%); width: 2.50em; height: 2.50em; text-indent: -9999px; transform: translate(0,-50%);}
.search-input-wrap .search-del-btn span {display: block;width: 100%;height: 100%;background-image: url('../images/common/icon-close.svg');background-position: center;background-size: contain;background-repeat: no-repeat;}
.gnb-search-wrap.btn-on .input-search-btn {display: none;}
.gnb-search-wrap.btn-on .search-del-btn {display: block;}
.search-input-wrap.on input, .search-input-wrap input:focus {background-color: #fff; border-color: var(--main-color);}

@media screen and (max-width: 1520px) {
    .search-input-wrap input {font-size: clamp(1.38rem, 1.579vw,1.50rem);} 
}
@media screen and (max-width: 1280px) {
    .search-input-wrap input {font-size: clamp(1rem, 1.719vw,1.38rem);} 
}
@media screen and (max-width: 1024px) {
    .search-input-wrap input {border-width: 1px;}
}
@media screen and (max-width: 768px) {
    .search-input-wrap input {height: 3.13em;padding: 1em 3.13em 1em 1.125em;font-size: 1rem;} 
    .search-input-wrap input::placeholder {font-size: 1rem;}
    .search-input-wrap .input-search-btn {width: 28px; height: 28px;right: 12px;}
    .search-input-wrap .search-del-btn {width: 28px; height: 28px;right: 12px;}
}

/*========== Tab Menu ==========*/
.scroll-tab { position: absolute; width: 100%;} 
.scroll-tab.fixed { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; background-color: #fff;} 
html:not(.scroll) .scroll-tab.fixed { will-change: transform; transition: transform 0.3s ease, top 0.3s ease;}
.scroll-tab:has(.lnb-tab-wrap) {z-index: 101;}
.scroll-tab.fixed:has(.lnb-tab-wrap) {z-index: 101;}
.scroll-tab:has(.tab-menu) {position: static; z-index: 98;}
.scroll-tab.fixed:has(.tab-menu) {position: fixed;z-index: 98;}

.tab-container { position: relative; } 
.tab-container .swiper-notification { display: none !important; } 
.tab-menu { position: relative; display: flex; flex-flow: row nowrap; align-items: center; margin: 0 auto; font-size: var(--h-basic-text);} 
.tab-menu.main-top {justify-content: center;}
.scroll-tab.fixed:has(.tab-menu) {padding: 20px 0; height: auto; border-bottom: 1px solid var(--line-basic-color);}
.tab-menu li.tab-link { width: calc(100%/4); margin-right: 16px;} 
.tab-menu li.tab-link:last-child {margin-right: 0;}
.tab-menu li.tab-link a { display: flex; justify-content: center; align-items: center; width: 100%; border-radius: 26px; border: 1px solid #F5F5F5; background-color: #F5F5F5; padding: 0.938em 0 0.875em; font-size: var(--text18-16); font-weight: 500; font-variation-settings: 'wght' 500; color: var(--text-light-gray-color); line-height: 1; text-align: center; -webkit-user-drag: none; transition: all 400ms;} 
.tab-menu li.tab-link.current a { border-color: var(--main-color); background-color: #fff; font-weight: 700; font-variation-settings: 'wght' 700; color: var(--main-color); } 
.tab-content-wrap .tab-content { display: none; } 
.tab-content-wrap .tab-content.current { display: block; } 
.tab-container .swiper-wrapper {touch-action: pan-x; }
@media screen and (max-width: 1024px) {
    .scroll-tab:has(.tab-menu) {padding: 0 clamp(20px, 3.933vw, 72px);}
    .scroll-tab.fixed:has(.tab-menu) {padding: 18px clamp(20px, 3.933vw, 72px) 15px;}
    .tab-menu li.tab-link { width: 140px; } 
}
@media screen and (max-width: 768px){
    .tab-menu.main-top {justify-content: flex-start;margin-left: 20px;}
    .scroll-tab .tab-menu.main-top {margin-left: 0;}
    .tab-menu li.tab-link { width: 108px; margin-right: 8px; } 
    .tab-menu li.tab-link:last-child {margin-right: 30px;}
    .tab-menu li.tab-link a {padding: 10px;}
}

/*========== LNB Tab Menu ==========*/
.lnb-tab-wrap { opacity: 1; display: flex; justify-content: flex-start; width: 100%;}
.lnb-tab-wrap .lnb-tab {width: auto;max-width: none; margin: 0; font-size: var(--h-basic-text);}
.lnb-tab-wrap.draggable .lnb-tab {cursor: grab;}
.lnb-tab-wrap.draggable .lnb-tab:active {cursor: grabbing;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list {flex: 0 0 auto; width: auto; margin-right: 1.67em; font-size: var(--text-lg);}
.lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link { font-size: inherit; color: var(--text-light-gray-color);white-space: nowrap; transition: color 400ms;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link:focus-visible {outline: none;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link:focus-visible span::after {width: 100%; background-color: var(--main-color);}
.lnb-tab-wrap .lnb-tab .lnb-tab-list.active .lnb-tab-link { color: var(--main-txt-color); font-weight: 700; font-variation-settings: 'wght' 700;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link span { position: relative; padding: 1.11em 0; font-size: inherit; font-weight: 500; font-variation-settings: 'wght' 500; transition: all 400ms;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link span::after {content: '';display: block;position: absolute;bottom: 0;left: 50%;width: 0%;height: 2px;background-color: var(--main-txt-color);transform: translateX(-50%);font-size: inherit;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list.active .lnb-tab-link span::after { animation: lnbLine 400ms 850ms forwards; -webkit-animation: lnbLine 400ms 850ms forwards; }
.scroll-tab.fixed .lnb-tab-wrap .lnb-tab .lnb-tab-list.active .lnb-tab-link span::after {bottom: 0; }
.lnb-tab-wrap .lnb-tab .lnb-tab-list.active .lnb-tab-link span {font-weight: 700; font-variation-settings: 'wght' 700; letter-spacing: -0.030em;}
.lnb-tab-wrap .lnb-tab .lnb-tab-list.en.active .lnb-tab-link span {letter-spacing: -0.045em;}
@keyframes lnbLine {0% { width: 0;} 100% { width: 104%;}}
@media (hover: hover) {
    .lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link:hover {color: var(--main-txt-color);}
}
@media screen and (max-width: 1520px){
    .lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link span::after {bottom: 0;}
}
@media screen and (max-width: 1024px){
    .lnb-tab-wrap {overflow: visible;}
}
@media screen and (max-width: 768px){
    .lnb-tab-wrap .lnb-tab .lnb-tab-list { margin-right: 1.06em;}
    .lnb-tab-wrap .lnb-tab .lnb-tab-list .lnb-tab-link span {padding: 0.845em 0;}
}

/*========== Effects ==========*/
.line-sec, .line-initial, .line-initial-sequence { position: relative; } 
.draw-line, .init-line { position: relative; z-index: -1; opacity: 0; } 
.draw-line.horizontal, .init-line.horizontal { width: 0; height: 1px; background-color: var(--line-basic-color); left: 50%; transform-origin: center; transform: translateX(-50%); transition: width 550ms ease-out;} 
#sub .draw-line.horizontal, #sub .init-line.horizontal {opacity: 1; width: 100%;}
/* .init-line.horizontal {bottom:1px;} */
.draw-line.vertical, .init-line.vertical { position: absolute; top: 0; left: 0; width: 1px; height: 0; background-color: var(--line-basic-color); transform-origin: top; transition: height 1.25s ease-out;} 
#sub .draw-line.vertical, #sub .init-line.vertical {opacity: 1; height: 100%;}
.draw-line.vertical.right, .init-line.vertical.right {left: auto; right: 0;} 
@keyframes fadeInUp { 
    from { opacity: 0; transform: translateY(40px);} 
    to { opacity: 1; transform: translateY(0); } 
}
@keyframes fadeIn { 
    from { opacity: 0; } 
    to { opacity: 1; } 
}
@media screen and (max-width: 1520px) {
    .init-line.horizontal {bottom:0;}
}

/*========== List Style ==========*/
.list-style.row {display: flex; align-items: center; gap: 2.50em;}
.list-style > li {position: relative;padding: 0 0 0 0.750em;font-size: 1rem;font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-dark-color);text-align: left;line-height: 1.25; word-break: keep-all;}
.list-style > li + li {margin: 6px 0 0;}
.list-style > li.sub-num {font-size: var(--h-basic-text); color: var(--text-gray-color);}
.list-style > li.sub-num + li.sub-num {margin: 4px 0 0;}
.list-style.row > li + li {margin: 0;}
.common-table .list-style > li {padding: 0 0 0 0.670em;font-size: 1.125rem; word-break: keep-all;line-height: 1.44;}
.common-table .list-style > li span {line-height: inherit;}
.list-style > li.circle::before {content: '';position: absolute;top: 0.52em;left: 0;width: 4px;height: 4px;background-color: #9AC7DB;border-radius: 50%;}
.list-style > li.dash {margin-left: 0.670em;margin-top: 4px; padding: 0 0 0 0.8em;}
.list-style > li.dash {margin-left: 0.670em;margin-top: 4px; padding: 0 0 0 0.8em;}
.list-style.strong > li {color: var(--text-dark-color);}
.list-style.strong > li strong {font-weight: 700;font-variation-settings: 'wght' 700;}
.common-table .list-style > li.dash + li.dash {margin-top: 8px; line-height: 1.25;}
.list-style > li:not(.dash) + li.dash {margin-top: 10px;}
.list-style > li.dash::before {content: '-';position: absolute;top: 0;left: 0;font-size: inherit; color: inherit;}
.sub-list {position: relative; margin: 15px 0 0; font-size: var(--h-basic-text);}
.sub-list > li {font-size: inherit;font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-gray-color);word-break: keep-all;}
.sub-list > li + li {margin: 4px 0 0;}
.number-list > li {display: flex; font-size: var(--text18-16);font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color); line-height: 1.66; word-break: keep-all;}
.number-list > li .num {position: relative; min-width: 30px; margin-right: 8px; padding-right: 8px; font-size: 1.125rem;font-weight: 700;font-variation-settings: 'wght' 700;color: var(--main-color);line-height: 1.4;}
.number-list > li .num::after {content: ''; position: absolute; top: 7px; right: 0; width: 1px; height: 11px; background-color: #ddd;}
.number-list > li + li {margin-top: 10px;}

@media screen and (max-width: 1520px) {
    .common-table .list-style > li {font-size: clamp(1rem, 1.184vw, 1.125rem);line-height: 1.375;}
}
@media screen and (max-width: 768px) {
    .list-style > li + li {margin-top: 6px;}
    .list-style > li:not(.dash) + li.dash {margin-top: 6px;}
    .number-list > li { line-height: 1.5;}
    .number-list > li + li {margin-top: 17px;}
}

.list-icon-style {font-size: var(--h-basic-text); }
.list-icon-style.col2 { display: flex; justify-content: space-between; padding: 2.75em 3.44em; border: 2px solid var(--sub-color); border-radius: 0.63em;}
.list-icon-style.col2 > li {font-size: inherit;}
.list-icon-style.col2 > li > p { font-weight: 600;font-variation-settings: 'wght' 600; text-align: center; line-height: 1;}

.list-icon-style.progress { position: relative; display: flex; justify-content: space-between; gap: 0.813em; }
.list-icon-style.progress.step3 { display: flex; justify-content: space-between; gap: 16px; }
.list-icon-style.progress > li { position: relative; border: 2px solid var(--sub-color); border-radius: 0.63em; font-size: var(--h-basic-text); }
.list-icon-style.progress > li::after { content: ''; position: absolute; top: 50%; right: -27px; z-index: 1; transform: translate(0, -50%); width: 38px; height: 38px; border-radius:50%; border: 2px solid var(--sub-color); background-color: #fff; background-image: url('../images/common/icon-next-arrow-blue.svg'); background-position: center center; background-size: 1em auto; background-repeat: no-repeat; -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); }
.list-icon-style.progress > li:last-child::after {display: none;}
.list-icon-style.progress .list-dl {font-size: var(--h-basic-text);}
.list-icon-style.progress .list-dt { margin: 0 0 4px; font-size: 1.38rem; font-weight: 600;font-variation-settings: 'wght' 600; word-break: keep-all;}
.list-icon-style.progress .list-dt:has(.badge-sm) {display: flex; align-items: center;gap: 6px;}
.list-icon-style.progress .list-dt.text18-16 {font-size: var(--text18-16);}
.list-icon-style.progress .list-dd {font-weight: 400;font-variation-settings: 'wght' 400; color: var(--text-gray-color); word-break: keep-all;}
.list-icon-style.progress > li.icon-step {width: calc(100% / 4); padding: 20px 28px;}
.list-icon-style.progress > li.icon-step .list-dl {min-height: 192px; padding: 0 0 5.32em;background-position: right bottom;background-size: 75px auto;background-repeat: no-repeat;}
.list-icon-style.progress.step3 > li.icon-step {width: calc(100% / 3); }
.list-icon-style.progress > li.icon-step-situation {display: flex;justify-content: flex-end;position: absolute; left: 0; bottom: -30px; width:23.75em; border: none; font-size: var(--h-basic-text);}
.list-icon-style.progress > li.icon-step-situation::after {display: none;}
.list-icon-style.progress > li.icon-step-situation .situation-area {width:11.88em;padding: 2.19em 0 0;background-image: url("../images/sub/common/icon-situation.svg"); background-repeat: no-repeat; background-position: top center; background-size: 11.88em auto;font-size: inherit;}
.list-icon-style.progress > li.icon-step-situation .situation-area span {display: block; font-weight: 500;font-variation-settings: 'wght' 500;font-size: inherit;color: #8AA7B4; text-align: center;}
.list-icon-style.progress > li.icon-step-situation .br-mo {display: none;}
.visual-icon-area.bg-progress .list-icon-style.progress > li {background-color: #fff;}

.list-icon-style.progress.no-icon > li::after {top: 45%;}
.list-icon-style.progress.no-icon .list-dt {margin: 0 0 2.05em;}
.list-icon-style.progress.no-icon .list-dd {color: var(--text-dark-color);}

.list-icon-style.progress > li.schematic {padding: 2.25em 1.25em 1.88em;}
.list-icon-style.progress > li.schematic .step {margin-left: 0.71em;}
.list-icon-style.progress > li.schematic .list-dl {min-height: auto; padding: 0;}
.list-icon-style.progress > li.schematic .list-dt.schematic-box { max-width: 190px;margin: 0 auto;font-size: var(--text18-16);font-weight: 600;font-variation-settings: 'wght' 600;}
.list-icon-style.progress > li.schematic .list-dd {margin: 0.75em 0 0; font-size: var(--basic-text);text-align: center;}
.list-icon-style.progress > li.schematic .icon-connect {width: 100%; height: 3.50em; background-image: url("../images/sub/common/icon-connect.svg"); background-repeat: no-repeat; background-position: center center; background-size: 10px auto; font-size: var(--h-basic-text);}

.list-icon-style.index-progress { display: flex; justify-content: space-between; gap: 0.813em; }
.list-icon-style.index-progress > li { position: relative;width: calc(100% / 4);padding: 20px; border-radius: 0.63em; background-color: #F0F8FC; font-size: var(--h-basic-text); }
.list-icon-style.index-progress .step { width: 22px; height: 22px; line-height: 22px; border-radius: 50%; background-color: var(--main-color); font-size: 14px;  font-weight: 700;font-variation-settings: 'wght' 700;color: #fff; text-align: center;}
.list-icon-style.index-progress .step::after {display: none;}
.list-icon-style.index-progress .list-dt { display: flex;flex-direction: column;gap: 10px; font-size: 1.38rem; font-weight: 700;font-variation-settings: 'wght' 700; color: var(--main-color);}
.list-icon-style.index-progress .list-dd { margin: 1.5em 0 0;}
.list-icon-style.index-progress .list-style > li {font-size: 1.125rem;}
.list-icon-style.index-progress .list-style > li.circle + li.circle {margin: 10px 0 0;}
.list-icon-style.index-progress .list-style > li.dash + li.circle {margin: 6px 0 0;}
.list-icon-style.index-progress .list-style > li.dash { margin-top: 10px;font-size: var(--h-basic-text); color: var(--text-gray-color);}

.list-icon-style.summary sub {color: var(--main-color);}
.list-icon-style.summary { display: flex; gap: 16px; }
.list-icon-style.summary > li.main { width: 18.75em; background-color: var(--main-color); border-radius: 10px; border: 2px solid var(--main-color); }
.list-icon-style.summary > li:not(.main) { display: flex; flex: 1; background-color: #fff; border-radius: 10px; border: 2px solid #BFE4F7; }
.list-icon-style.summary > li .list-dl {padding: 2.13em 1.25em 1em 1.88em;}
.list-icon-style.summary .list-dt { margin: 0 0 2em; font-size: var(--text20-18); font-weight: 400; font-variation-settings: 'wght' 400; color: var(--text-dark-color); }
.list-icon-style.summary > li.main .list-dt {margin: 0 0 1.55em; font-size: 1.38rem;font-weight: 600; font-variation-settings: 'wght' 600;}
.list-icon-style.summary .list-dt strong {font-weight: 700; font-variation-settings: 'wght' 700;}
.list-icon-style.summary .list-dd {font-weight: 400;font-variation-settings: 'wght' 400; color: var(--main-color);text-align: right;}
.list-icon-style.summary .list-dd .num {display: inline-block; margin-right: 4px; font-size: 2.75rem; font-family: 'Nunito Sans Variable', 'Nunito Sans', sans-serif;font-weight: 600;font-variation-settings: 'wght' 600;}
.list-icon-style.summary > li.main .list-dt {color: #fff;}
.list-icon-style.summary > li.main .list-dd {color: #fff;}
.list-icon-style.summary .sum-merge-list {position: relative;width: 100%; font-size: var(--h-basic-text);}
.list-icon-style.summary .sum-merge-list + .sum-merge-list::before { content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 6.44em; border-left: 1px dashed #AEC9D5; }

.list-icon-check {display: flex; flex-direction: column; gap: 20px;}
.list-icon-check > li { display: flex; gap: 30px 16px; padding: 2.50em; border-radius:10px; border: 2px solid var(--line-basic-color); font-size: var(--h-basic-text);}
.list-icon-check > li .index-step-left {width: clamp(180px, 10.63vw, 204px); background-repeat: no-repeat; background-position: left bottom; background-size: 5.63em auto; font-size: var(--h-basic-text);}
.list-icon-check > li.step01 .index-step-left {background-image: url("../images/sub/social/executive/executive-index-icon-01.svg");}
.list-icon-check > li.step02 .index-step-left {background-image: url("../images/sub/social/executive/executive-index-icon-02.svg");}
.list-icon-check > li.step03 .index-step-left {background-image: url("../images/sub/social/executive/executive-index-icon-03.svg");}
.list-icon-check > li .index-step-right {flex: 1;width: 100%;font-size: var(--h-basic-text);}
.list-icon-check > li .list-dl-wrap { display: flex; flex-wrap: wrap; gap: 1.88em 20px; font-size: var(--h-basic-text);}
.list-icon-check > li .list-dl { font-size: var(--h-basic-text);}
.list-icon-check > li .list-dl.check { position: relative; width: 100%; padding: 0 0 0 2.25em;}
.list-icon-check > li .index-step-right.col .list-dl.check {width: calc(50% - 10px);}
.list-icon-check > li .list-dl.check::before { content: ''; position: absolute; top: 2px; left: 0; width: 1.50em; height: 1.50em; background-image: url("../images/sub/common/icon-check-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;  border-radius: 50%; background-color: var(--main-color); }
.list-icon-check > li .list-dt { font-weight: 600;font-variation-settings: 'wght' 600;line-height: 1.4;}
.list-icon-check > li .list-dl .list-style {margin: 10px 0 0;}
.list-icon-check > li .list-dl .list-style > li {padding: 0;font-weight: 400;font-variation-settings: 'wght' 400; font-size: var(--text18-16); color: var(--text-gray-color); line-height: 1.555;}

.list-check {display: flex; flex-wrap: wrap; gap: 16px;}
.list-check > li { display: flex; width: calc(100%/4 - 12px); padding: 2.50em 1.88em 1.88em; min-height: 308px; border-radius:10px; border: 2px solid var(--line-basic-color); font-size: var(--h-basic-text);}
.list-check > li .list-dl.check { position: relative; width: 100%; padding: 2.25em 0 0;}
.list-check > li .list-dl.check::before { content: ''; position: absolute; top: 0; left: 0; width: 1.50em; height: 1.50em; background-image: url("../images/sub/common/icon-check-white.svg"); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;  border-radius: 50%; background-color: var(--main-color); }
.list-check > li .list-dt { font-weight: 600;font-variation-settings: 'wght' 600;line-height: 1.4;}
.list-check > li .list-dl .list-style {margin: 1.88em 0 0;}
.list-check > li .list-dl .list-style > li {padding: 0;font-weight: 400;font-variation-settings: 'wght' 400; font-size: var(--text18-16); color: var(--text-gray-color); line-height: 1.555;}

.list-icon-style.progress.list-r3 {flex-wrap: wrap;justify-content: flex-start; gap: 12px;}
.list-icon-style.progress.list-r3 > li {width: calc(100% / 3 - 8px);}
.list-icon-style.progress.list-r3 > li:nth-child(3n):after {display: none;}
.list-icon-style.progress.list-r3 > li .list-style > li span {line-height: 1.44;}
.list-icon-style.progress.list-r3 > li.icon-step .list-dl {min-height: auto; padding: 0;}
.list-icon-style.progress.list-r3 .list-dt {margin-bottom: 24px;}

.list-icon-style.progress.list-r2 {flex-wrap: wrap;justify-content: flex-start; gap: 16px 20px;}
.list-icon-style.progress.list-r2 > li {width: calc(100% / 2 - 10px);padding: 1.250em 1.5em 1.250em 1.76em;}
.list-icon-style.progress.list-r2 > li::after {right: -30px;}
.list-icon-style.progress.list-r2 > li:nth-child(2n):after {display: none;}
.list-icon-style.progress.list-r2 > li:last-child:after {display: none;}
.list-icon-style.progress.list-r2 > li .list-style > li span {line-height: 1.44;}
.list-icon-style.progress.list-r2 > li.icon-step .list-dl {min-height: auto; padding: 0;}
.list-icon-style.progress.list-r2 .list-dt {margin-bottom: 15px;}

.list-icon-style.progress.num-list {flex-wrap: wrap; justify-content: flex-start; gap: 16px;}
.list-icon-style.progress.num-list > li {padding: 2.25em 2.25em 1.88em;}
.list-icon-style.progress.num-list > li::after {display: none;}
.list-icon-style.progress.num-list > li.col-1 {width: calc(100% / 3 - 11px);}
.list-icon-style.progress.num-list > li.col-2 {width: calc(100% - (100% / 3 - -6px));}
.list-icon-style.progress.num-list > li.col-50 {width: calc(100% / 2 - 8px);}
.list-icon-style.progress.num-list > li .step {padding: 0 0 4px; font-size: var(--title-sm);}
.list-icon-style.progress.num-list > li .step::after {width: 100%;height: 2px;}
.list-icon-style.progress.num-list > li .num-list-txt {margin: 0.90em 0 0; font-size: var(--text20-18); font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-dark-color);word-break: keep-all;}

.list-icon-check.program.no-icon {gap: 0;}
.list-icon-check.program.no-icon > li {display: block;padding: 2.50em 1.88em;border-radius: 0;border: none; border-top: 1px solid var(--line-basic-color);}
.list-icon-check.program.no-icon > li:last-child { border-bottom: 1px solid var(--line-basic-color);}
.list-icon-check.program.no-icon > li .list-dl.check {display: flex;gap: 8px;}
.list-icon-check.program.no-icon > li .list-dt {width: clamp(240px, 14.58vw, 280px); font-size: 1.38rem;font-weight: 700;font-variation-settings: 'wght' 700; color: var(--text-dark-color);}
.list-icon-check.program.no-icon > li .list-dd {flex: 1;font-size: var(--text18-16);font-weight: 400;font-variation-settings: 'wght' 400;color: var(--text-gray-color);line-height: 1.77;}
.list-icon-check.program.no-icon > li .list-dd strong {font-weight: 700;font-variation-settings: 'wght' 700;}

@media screen and (max-width: 1520px) {
    .list-icon-style.progress .list-dt { font-size: clamp(1.250rem, 1.45vw,1.38rem); }
    .list-icon-style.progress .list-dd {line-height: 1.375;}
    .list-icon-style.progress > li.icon-step-situation {width:clamp(21.75em,24vw,380px);}

    .list-icon-style.index-progress .list-dt { font-size: clamp(1.250rem, 1.45vw,1.38rem); }
    .list-icon-style.index-progress .list-style > li { font-size: clamp(1rem,1.18vw,1.125rem); }

    .list-icon-style.summary > li.main .list-dt { font-size: clamp(1.250rem, 1.45vw,1.38rem); }
    .list-icon-style.summary .list-dd {line-height: 1.375;}
    .list-icon-style.summary .list-dd .num {font-size: clamp(2rem, 2.89vw,2.75rem);}

    .list-icon-check.program.no-icon > li .list-dt {font-size: clamp(1.250rem, 1.45vw, 1.38rem);}
}
@media screen and (max-width: 1301px) and (min-width: 1280px) {
    .list-icon-style.progress .list-dt:has(.badge-sm) {align-items: flex-start;}
}
@media screen and (max-width: 1280px) {
    .list-check > li {min-height: 274px;}
    .list-icon-style.progress > li.icon-step-situation {width: 31vw;}
    .list-icon-style.progress > li.icon-step-situation .situation-area {width: 16.97vw;}
}  
@media screen and (max-width: 1024px) {  
    .list-icon-style.col2 {flex-wrap: wrap;justify-content: space-evenly; gap: 1.71em 15px; padding: 2.14em 10px;}
    .list-icon-style.col2 > li {width: 30.33%;}
    .list-icon-style.progress > li.icon-step {padding: 1.86em 20px 1.86em 2.93vw;}
    .list-icon-style.progress > li.icon-step .list-dl { min-height: 198px; background-size: 58px auto;}
    .list-icon-style.progress > li.schematic .list-dl {min-height: auto;}

    .list-icon-style.progress.list-r3 > li {width: calc(100% / 2 - 8px);}
    .list-icon-style.progress.list-r3 > li:nth-child(3n)::after {display: block;}
    .list-icon-style.progress.list-r3 > li:nth-child(2n)::after {display: none;}
    .list-icon-style.progress.list-r3 > li:last-child::after {display: none;}

    .list-icon-style.progress:has(.icon-step-situation) {gap: 30px 16px;}
    .list-icon-style.progress > li.icon-step-situation {justify-content: center;width: 100%;bottom: auto;top: 260px;}
    .list-icon-style.progress > li.icon-step-situation .situation-area {width: 12.43em;}

    .list-icon-style.index-progress {flex-wrap: wrap; gap: 16px;}
    .list-icon-style.index-progress > li {width: calc(100% / 2 - 8px);}

    .list-icon-style.summary > li.main { width: 23.93vw;}

    .list-check > li {width: calc(100% / 3 - 12px);min-height: 254px;}

    .list-icon-style.progress.num-list > li .step {font-size: 1.38rem;}
    .list-icon-style.progress.num-list > li br {display: none;}
}
@media screen and (max-width: 984px) and (min-width: 769px) {
    .list-icon-style.progress .list-dt:has(.badge-sm) {align-items: flex-start;}
}
@media screen and (max-width: 880px) {
    .list-icon-style.summary { flex-direction: column; }
    .list-icon-style.summary > li.main { width: 100%; }
}
@media screen and (max-width: 768px) {
    .list-icon-style.col2 > li {width: 28.33%;}

    .list-icon-style.progress {flex-direction: column;gap: 16px;}
    .list-icon-style.progress > li::after { top: auto; bottom: -25px; right: auto; left: 50%; transform: translate(-50%, 0) rotate(90deg); width: 30px; height: 30px; background-size: 12px auto; }
    .list-icon-style.progress > li.icon-step {width: 100%;padding: 1.86em 20px 1.86em 2.14em;}
    .list-icon-style.progress.step3 > li.icon-step {width: 100%;padding: 1.86em 20px 20px 2.14em;}
    .list-icon-style.progress > li.icon-step .list-dl {min-height: 73px; padding: 0;}
    .list-icon-style.progress.no-icon > li::after {top: auto;}
    .list-icon-style.progress .list-dt {width: calc(100% - 60px);}
    .list-icon-style.progress .list-dd {width: calc(100% - 60px);}

    .list-icon-style.progress.list-r3 > li {width: 100%;}
    .list-icon-style.progress.list-r3 > li:nth-child(2n)::after {display: block;}
    .list-icon-style.progress.list-r3 > li:last-child::after {display: none;}

    .list-icon-style.progress.list-r2 {gap: 16px;}
    .list-icon-style.progress.list-r2 > li {padding: 1.86em 20px 2.86em 2.14em;}
    .list-icon-style.progress.list-r2 > li:nth-child(2n)::after {display: block;}
    .list-icon-style.progress.list-r2 > li:last-child::after {display: none;}
    .list-icon-style.progress.list-r2 .list-dt {width: 100%;margin-bottom: 36px;}
    .list-icon-style.progress.list-r2 .list-dd {width: 100%;}
    .list-icon-style.progress.list-r2 .list-style > li + li {margin: 12px 0 0;}

    .list-icon-style.index-progress > li {width: 100%;}
    .list-icon-style.index-progress .list-dt {flex-direction: row;gap: 12px;align-items: center;}
    .list-icon-style.index-progress .list-dd { margin: 2em 0 0;}

    .list-icon-style.progress > li.icon-step-situation {justify-content: flex-start;align-items: end;width: 95px;height: 225px;top: 0;left: auto;right: 0;}
    .list-icon-style.progress > li.icon-step-situation::after {display: none;}
    .list-icon-style.progress > li.icon-step-situation .situation-area {display: flex;align-items: end;width: 100%;height: 90px;padding: 0 0 0 16px;background-image: url('../images/sub/common/icon-situation-val.svg');background-repeat: no-repeat;background-position: left center;background-size: auto 100%;}
    .list-icon-style.progress > li.icon-step-situation .situation-area span {text-align: left;}
    .list-icon-style.progress > li.icon-step-situation .br-mo {display: block;}

    .list-icon-style.summary > li:not(.main) {flex-direction: column;}
    .list-icon-style.summary > li .list-dl {padding: 2em 1.43em 1.29em 1.43em;}
    .list-icon-style.summary > li:not(.main) .list-dl {padding: 30px 20px;display: flex; justify-content: space-between; align-items: center;}
    .list-icon-style.summary .sum-merge-list + .sum-merge-list::before {top: 0; left: 50%; width: calc(100% - 40px); height: 1px; transform: translate(-50%, 0);border-top: 1px dashed #AEC9D5;}
    .list-icon-style.summary .list-dt { margin: 0; }
    .list-icon-style.summary > li.main .list-dt {margin: 0 0 20px;}

    .list-icon-check > li {flex-direction: column; padding: 2.43em 1.43em 9.29em 2.14em;background-position: right 20px bottom 20px;background-size: 6.43em auto;background-repeat: no-repeat;}
    .list-icon-check > li.step01 {background-image: url("../images/sub/social/executive/executive-index-icon-01.svg");}
    .list-icon-check > li.step02 {background-image: url("../images/sub/social/executive/executive-index-icon-02.svg");}
    .list-icon-check > li.step03 {background-image: url("../images/sub/social/executive/executive-index-icon-03.svg");}
    .list-icon-check > li .index-step-left {background-image: none !important;}
    .list-icon-check > li .list-dl-wrap {gap: 1.79em;}
    .list-icon-check > li .index-step-right.col .list-dl.check {width: 100%;}
    .list-icon-check > li .list-dl.check {padding: 0 0 0 28px;}
    .list-icon-check > li .list-dl.check::before {top: 3px; width: 20px; height: 20px;}

    .list-check {gap: 10px;}
    .list-check > li {width: 100%; min-height: auto; padding: 2.14em;}
    .list-check > li .list-dl .list-style {margin: 12px 0 0;}
    .list-check > li .list-dl.check {padding: 0;}
    .list-check > li .list-dl.check::before {display: none;}
    .list-check > li .list-dt { padding: 0 0 0 28px;}
    .list-check > li .list-dt::before { content: ''; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; background-image: url('../images/sub/common/icon-check-white.svg'); background-repeat: no-repeat; background-position: center center; background-size: 100% auto; border-radius: 50%; background-color: var(--main-color); }

    .list-icon-style.progress.num-list {gap: 12px;}
    .list-icon-style.progress.num-list > li {width: 100%;}
    .list-icon-style.progress.num-list > li.col-1 {width: 100%;}
    .list-icon-style.progress.num-list > li.col-2 {width: 100%;padding: 24px;}
    .list-icon-style.progress.num-list > li.col-50 {width: 100%;}
    .list-icon-style.progress.num-list > li .num-list-txt {line-height: 1.44;}

    .list-icon-check.program.no-icon > li {padding: 2.43em 0 2.14em;}
    .list-icon-check.program.no-icon > li .list-dl.check {flex-direction: column;gap: 24px;padding: 0;}
    .list-icon-check.program.no-icon > li .list-dl.check::before {display: none;}
    .list-icon-check.program.no-icon > li .list-dt {width: 100%;padding: 0 0 0 34px;}
    .list-icon-check.program.no-icon > li .list-dt::before {content: '';position: absolute;top: 3px;left: 0;width: 24px;height: 24px;background-image: url('../images/sub/common/icon-check-white.svg');background-repeat: no-repeat;background-position: center center;background-size: 100% auto;border-radius: 50%;background-color: var(--main-color);}
}
@media screen and (max-width: 520px) {
    .list-icon-style.col2 > li {width: calc(100% / 2 - 8px);}
}
@media screen and (max-width: 320px) {
    .list-icon-style.summary > li:not(.main) .list-dl {flex-direction: column;}
    .list-icon-style.summary > li:not(.main) .list-dl .list-dt {align-self: flex-start;}
    .list-icon-style.summary > li:not(.main) .list-dl .list-dd {align-self: flex-end;}
}

/*========== Badge Style ==========*/
.schematic-box { padding: 0.56em; border-radius: 30px; background-color: var(--main-color);font-weight: 600;font-variation-settings: 'wght' 600; color: #fff; text-align: center; line-height: 1.19;}
.schematic-box.line { border: 1px solid var(--main-color); background-color: #fff; font-size: 1.125rem; font-weight: 500;font-variation-settings: 'wght' 500;color: var(--text-dark-color);}
.schematic-box .br-line {position: relative; padding-left: 12px; margin-left: 12px;}
.schematic-box .br-line::before { content: ''; position: absolute; top: 50%; left: 0; transform:translate(0, -50%); width: 1px; height: 12px; background-color: #fff;}
.badge { padding: 0.49em 1.21em; border-radius:27px; border: 1px solid var(--main-color);font-weight: 600;font-variation-settings: 'wght' 600; color: var(--main-color); line-height: 1; text-align: center;}
.badge.white {background-color: #fff;}
.badge-sm { min-width: 52px; padding: 6px 14px; border-radius:27px; background-color: var(--main-color); font-size: 0.875rem; font-weight: 700;font-variation-settings: 'wght' 700; color: #fff; line-height: 1; text-align: center;}
.badge-sm.badge-01 {background-color: #55D1FF;}
.badge-sm.badge-03 {background-color: var(--main-point-color);}