@charset "utf-8";

#subWrap { padding-top: var(--header-H); }
#sv { overflow: hidden; }
#lnb { position: relative; left: 0; top: 0; width: 100%; height: var(--page-lnb-H); background-color: #F8F8F8; z-index: 800; }
#lnb.scroll { position: fixed; }
#lnb .lnb__list{ display: flex; align-items: center; width: calc(100% - 40px); max-width: 1820px; height: 100%; margin: 0 auto; }
#lnb .lnb__list > li { flex: 1; display: flex; align-items: center; height: 100%; }
#lnb .lnb__list > li > a { display: flex; justify-content: center; align-items: center; width: 100%; height: calc(100% - 20px); padding: 0 12px; border-radius: 100px; font-size: 18px; font-weight: 500; color: #777; text-align: center; }
#lnb .lnb__list > li > a.on { color: #111; background-color: var(--main-color2); }
.visual__top { display: flex; height: clamp(520px,40.1vw,770px); padding-top: clamp(30px,10.41vw,200px); text-align: center; color: #fff; background: no-repeat center center/cover; }
.visual__top:has(.button__wrap) { padding-top: clamp(30px,7.29vw,140px); }
.visual__top .inner { opacity: 0; animation: titleAniUp 0.6s ease-out both; }
.visual__top .main-title { font-size: clamp(24px,4.68vw,90px); font-weight: 700;  }
.visual__top .main-text { margin-top: 1.904em; font-size: 21px; line-height: 1.5; color: rgba(255, 255, 255, 0.8); }
.visual__top .main-text.list { display: flex; flex-direction: column; align-items: center; row-gap: 10px; }
.visual__top .main-text.list > li { position: relative; padding-left: 19px; text-align: left; }
.visual__top .main-text.list > li::before { content: ""; position: absolute; left: 0; top: 0.426em; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.8); }
#location { display: flex; justify-content: center; align-items: center; gap: 34px; margin-bottom: 40px;}
#location li { position: relative; }
#location li::before { content: ""; position: absolute; left: -19px; top: 50%; width: 4px; height: 4px; border-radius: 50%; background-color: #fff; transform: translateY(-50%); }
#location li:first-child::before { display: none; }
#location li.home > a { display: flex; }
#location li > a { font-size: 19px; color: rgba(255, 255, 255, 0.6); }
#location li > a.on, #location li.depth2 > a { font-weight: 500; color: #fff }
.visual__top .button__wrap { flex-wrap: wrap; gap: 10px; margin-top: clamp(40px,6.35vw,122px); }
.visual__top .button__wrap .btn { color: #333; }

.sv-slide .visual__top { height: auto; padding: 120px 0; text-align: left; color: #333;  background: none; }
.sv-slide .visual__top .inner { animation: titleAni 0.6s ease-out both; }
.sv-slide #location { justify-content: left;}
.sv-slide #location li > a { color: #999; }
.sv-slide #location li::before { background-color: #999; }
.sv-slide #location li.depth2 > a { font-weight: 500; color: var(--main-color); }
.marquee-swiper .swiper-wrapper{-webkit-transition-timing-function:linear!important; transition-timing-function:linear!important; }
.marquee-swiper .swiper-slide { width: 400px; border-radius: 20px; background-color: #eee; }
.marquee-swiper .swiper-slide::before{ content: ""; display: block; padding-top: 160%; }

.content { overflow-x: hidden; overflow-y: clip; position: relative; padding: 160px 0 200px; }
.content::before { content: ""; position: absolute; right: 0; top: 729px; display: block; width: clamp(500px,65.15vw, 1251px); aspect-ratio: 1.97/1; background: url("/img/sub/sub_bg_01.png") no-repeat center center/contain; z-index: -1; }
[data-aos=fade-up] { transform: translate3d(0, 30px, 0); }
[data-aos=fade-up].aos-animate { transform: translate3d(0, 0, 0); }
.content .section + section { margin-top: 160px; }
.sub-section { margin-top: 90px; }
.content-text { display: inline-block; margin-bottom: 1em; font-size: 20px; font-weight: 600; color: #BBB; }
.content-title { font-size: 48px; font-weight: 700; line-height: 1.5; color: #111; }
.section .content-title { line-height: 1.3; font-weight: 600; }
.section-title { font-size: 32px; font-weight: 600; line-height: 1.5; color: #000; }
.section-text { margin-top: 30px; font-size: 20px; line-height: 1.6; font-weight: 300; color: #333; }
.section-text b { font-weight: 600; }
.content-title + .section-text, .section-title + .section-text { margin-top: 2em; }
.section-text + .section-text { margin-top: 0.75em; }
.sub-title { margin-bottom: 64px; font-size: 36px; font-weight: 600; color: #111; }

.c-green { line-height: inherit; letter-spacing: inherit; font-weight: inherit; color: var(--main-color); }
.c-yellow { line-height: inherit; letter-spacing: inherit; font-weight: inherit; color: var(--main-color2); }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-700 { font-weight: 700; }
.text-left { text-align: left; }
.list-type-num > li { position: relative; display: flex; align-items: baseline; column-gap: 20px; font-size: 20px; font-weight: 300; color: #333; }
.list-type-num > li + li { margin-top: 1em; }
.list-type-num > li .num { width: 34px; line-height: 34px; border-radius: 50%; background-color: var(--main-color2); font-size: 0.8em; font-weight: 600; text-align: center; color: #fff; }
.list-type-check > li { position: relative; padding-left: 40px; font-size: 18px; font-weight: 300; color: #333; }
.list-type-check > li + li { margin-top: 0.833em; }
.list-type-check > li::before { content:""; position: absolute; left: 0; top: 0.065em; display: block; width: 20px; height: 20px; background: url("/img/sub/icon_check_list.svg") no-repeat center center/contain; }
.list-type-icon > li { position: relative; padding-left: 34px; font-size: 20px; font-weight: 300; color: #333; }
.list-type-icon > li + li { margin-top: 0.75em; }
.list-type-icon > li b { font-weight: 600; }
.list-type-icon > li .icon { display: inline-block; position: absolute; left: 0; top: 0.038em; width: 24px; height: 24px; }
.list-type-dot > li { position: relative; padding-left: 14px; font-size: 20px; font-weight: 300; color: #333; }
.list-type-dot > li + li { margin-top: 0.75em; }
.list-type-dot > li::before { content:""; position: absolute; left: 0; top: 0.423em; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color2); }
.icon-screw {background: url("/img/sub/icon_screw.svg") no-repeat center center/contain;  }
.icon-inquiry {background: url("/img/sub/icon_call.svg") no-repeat center center/contain;  }

/* board */
.search__area { display: flex; justify-content: right; margin-bottom: 60px; }
.search__area form { display: flex; justify-content: center; align-items: center; gap: 20px; height: 50px; }
.search__area .search-select { width: 158px; height: 100%; padding: 0 20px; font-size: 16px; font-weight: 500; color: #333; background: url("/img/common/icon_select.svg") no-repeat calc(100% - 20px) center/auto; background-color: #F5F5F5; border: none; border-radius: 10px; }
.search__area .search__box { display: flex; align-items: center; height: 100%; }
.search__area .search__box .search-input { width: 367px; height: 100%; padding: 0 10px; border: none; border-bottom: 1px solid #EEEEEE; font-size: 16px; color: #333; }
.search__area .search__box .search-input::placeholder { font-weight: 300; color: #BBB; }
.search__area .search__box .btn-search { width: 90px; height: 100%; margin-left: 20px; border: 1px solid #EEEEEE; border-radius: 50px; background-color: #fff; font-size: 17px; font-weight: 600; color: #555; }
.search__area .search__box .btn-search:hover { border-color: var(--main-color2); background-color: var(--main-color2); color: #151515; }
.table-board table tr{position: relative;}
.table-board table th, .table-board table td { height: 80px; padding: 0 20px; font-size: 18px; text-align: center; }
.table-board table thead tr { background-color: #F5F5F5; }
.table-board table thead th { height: 66px; font-size: 20px; font-weight: 600; color: #333; }
.table-board table thead th:first-child { border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #F5F5F5; }
.table-board table thead th:last-child { border-top-right-radius: 20px; border-bottom-right-radius: 20px; background-color: #F5F5F5; }
.table-board table td{ font-weight: 300; color: #999; }
.table-board table td.num { font-weight: 500; }
.table-board table td a{width: 100%; display: inline-block; padding: 0 20px; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-weight: 500; color: #333;}
.table-board table tbody tr { border-bottom: 1px solid #DDDDDD; }
.img_borad_list{display: flex; flex-wrap:wrap; gap: 80px 29px;}
.img_borad_list .item{position: relative; cursor: pointer; width: calc((100% - 58px)/3);}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{position: relative; overflow: hidden; border-radius: 20px;}
.img_borad_list .item figure::before { content: ""; display: block; padding-top: 62.38%; }
.img_borad_list .item figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit: cover; transition: 0.5s;}
.img_borad_list .item .txt{padding-top: 20px;}
.img_borad_list .item .txt .board-title{ font-size: 22px; font-weight: 500; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.img_borad_list .item .txt .date{ margin-top: 0.937em; font-size: 16px; font-weight: 500; color: #999;}
.img_borad_list .item .tag__box { display: flex; margin-bottom: 20px; }
.img_borad_list .item .tag__box .tag { padding: 10px 20px; border-radius: 10px; font-size: 17px; font-weight: 600; color: #777; background-color: #EFF1F2; }

.paging{display:flex;align-items:center;justify-content:center; gap: 30px;}
.paging .arr{display:flex; align-items: center; gap: 10px;}
.paging .arr a { border: 1px solid #EEEEEE; transition: 0.3s ease-out; }
.paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;}
.paging .arr a i.xi-angle-left-min::before, .paging .arr a i.xi-angle-right-min::before { display: none; }
.paging .arr a i.xi-angle-left-min { width: 7px; height: 12px; background: url("/img/common/page_prev.svg") no-repeat center center/contain; }
.paging .arr a i.xi-angle-right-min { width: 7px; height: 12px; background: url("/img/common/page_next.svg") no-repeat center center/contain; }
.paging .arr a.last i,
.paging .arr a.first i{transform:translateX(0);}
.paging .arr a:hover { border-color: #464646; background-color: #464646; }
.paging .arr a:hover i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: 0.3s ease-out; }
.paging a{display:flex;align-items:center;justify-content:center; width: 30px; height: 30px; border: none; border-radius: 50%; font-size: 16px; line-height: 30px; font-weight: 500; color: #999; }
.paging ul{display:flex;align-items:center; gap: 10px; margin: 0; }
.paging ul li.on a {background: var(--main-color2); border-color: var(--main-color2); color: #111; }
.paging ul li:not(:last-child), .paging .arr a:not(:last-child){ margin-right: 0; }

.view_ctn .tit{text-align: center; padding-bottom: 50px; border-bottom: 1px solid #DDDDDD; }
.view_ctn .tit h3{font-weight: 600; font-size: 70px; color: #111;}
.view_ctn .tit ul{display:flex; justify-content: center; gap: 5px 40px; margin-top: 30px; }
.view_ctn .tit ul li{ position: relative; font-size: 18px; font-weight: 300; color: #999; }
.view_ctn .tit ul li::before { content: ""; position: absolute; left: -20px; top: 50%; display: block; width: 1px; height: 12px; background-color: #DDDDDD; transform: translateY(-50%); }
.view_ctn .tit ul li:first-child::before { display: none; }
.view_ctn .tit ul li span{ margin-right: 20px; font-weight: 500; color: #555;}
.view_ctn .info{padding: 40px 0; font-size: 20px;}
.view_ctn .file_box{padding: 5px 0; border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; }
.view_ctn .file_box dl{display:flex; align-items:center;}
.view_ctn .file_box dl dt{position: relative; width: 137px; font-weight: 500; font-size: 16px; padding: 20px 30px; color: #222; }
.view_ctn .file_box dl dd{ width: calc(100% - 137px); font-size: 16px; font-weight: 300; color: #666;}
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; width: 100%; padding: 20px 30px; transition: 0.3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_ctn .file_box dl dd a span{position: absolute; top: 50%; right: 30px; font-size: 16px; font-weight: 500; color: #666666; transform: translateY(-50%); transition: 0.3s;}
.view_ctn .file_box dl dd a i{ width: 16px; height: 21px; margin-right: 8px; vertical-align: -0.3em; transition: 0.3s; }
.view_ctn .file_box dl dd a i::before { display: none; }
.view_ctn .file_box dl dd a i.xi-folder-o { margin-right: 4px; background: url("/img/common/icon_folder.svg") no-repeat center center/contain; }
.view_ctn .file_box dl dd a i.xi-arrow-bottom { background: url("/img/common/icon_download.svg") no-repeat center center/11px; }
.view_ctn .file_box dl dd a:hover { color: var(--main-color); }
.view_ctn .file_box dl dd a:hover i.xi-folder-o { background-image: url("/img/common/icon_folder_on.svg"); }
.view_ctn .file_box dl dd a:hover i.xi-arrow-bottom { background-image: url("/img/common/icon_download_on.svg"); }
.view_ctn .file_box dl dd a:hover span { color: var(--main-color); }

.view_ctn .pages{margin-top: 40px;}
.view_ctn .pages dl{display: flex; align-items: center; margin-bottom: 10px; border-radius: 200px; background-color: #F8F8F8; }
.view_ctn .pages dl:last-of-type{margin-bottom: 0;}
.view_ctn .pages dl dt{position: relative; display: flex; align-items: center; width: 137px; padding: 24px 30px; font-weight: 500; font-size: 16px; color: #222;}
.view_ctn .pages dl dt i{ width: 12px; height: 7px; vertical-align: middle; margin-right: 19px;}
.view_ctn .pages dl dt i.xi-caret-up-min { background: url("/img/common/page_list_prev.svg") no-repeat center center/contain; }
.view_ctn .pages dl dt i.xi-caret-down-min { background: url("/img/common/page_list_next.svg") no-repeat center center/contain; }
.view_ctn .pages dl dt i::before{ display: none;}
.view_ctn .pages dl dd { width: calc(100% - 137px); }
.view_ctn .pages dl dd a{display: inline-block; vertical-align: top; width: 100%; padding: 24px 30px; font-size: 16px; font-weight: 300; letter-spacing: 0; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_ctn .pages dl dt::after,
.view_ctn .file_box dl dt::after{content:""; position: absolute; top: 50%; right: -1px; width: 1px; height: 20px; background: #e0e0e0; transform: translateY(-50%);}
.view_ctn .button__wrap{margin-top: 100px;}

/* support */
.title-box.text-center { text-align: center; }
.card__list { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 50px; }
.card__list > li { position: relative; top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc((100% - 60px)/3); height: auto; border: 1px solid #EEEEEE; border-radius: 20px; padding: 50px 20px; background-color: #fff; transition: 0.3s ease-out, width 0s; }
.card__list > li .icon { max-width: 80px; min-width: 30px; }
.card__list > li .text { margin-top: 1.458em; font-size: 24px; font-weight: 500; color: #333; text-align: center; }
.card__list > li dl { margin-top: 35px; text-align: center; color: #333; }
.card__list > li dl dt { font-size: 24px; font-weight: 500; }
.card__list > li dl dd { margin-top: 0.833em; font-size: 18px; font-weight: 300; }
.card__list > li:hover { border-color: rgba(255, 203, 5, 0.3); box-shadow: 0 0 10px 0 rgba(255, 203, 5, 0.15); top: -10px ; }
.card__list.col-4 > li { width: calc((100% - 90px)/4); }

.card__list > li[data-aos^=fade] { transition: 0.3s ease-out, width 0s, transform 0.8s 0s, opacity 0.8s 0s; }
.card__list > li[data-aos^=fade]:nth-child(2) { transition: 0.3s ease-out, width 0s, transform 0.8s 0.2s, opacity 0.8s 0.2s; }
.card__list > li[data-aos^=fade]:nth-child(3) { transition: 0.3s ease-out, width 0s, transform 0.8s 0.4s, opacity 0.8s 0.4s; }
.card__list > li[data-aos^=fade]:nth-child(4) { transition: 0.3s ease-out, width 0s, transform 0.8s 0.6s, opacity 0.8s 0.6s; }

.row-layout { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 20px; }
.row-layout .img-box { overflow: hidden; border-radius: 20px; width: 46.25%; opacity: 0; }
.row-layout.no-aos .img-box { opacity: 1; }
.row-layout .img-box.mw-740 { max-width: 740px; }
.row-layout .img-box img { width: 100%; }
.row-layout .img-box.line { border: 1px solid #DDDDDD; }
.row-layout .text-box { width: 46.25%; opacity: 0; }
.row-layout.no-aos .text-box { opacity: 1; }
.row-layout .title-box { width: 100%; margin-bottom: 30px; }
.row-layout .title-box .section-text { margin-top: 1em; }
.row-layout .text-box ul { margin-top: 40px; }
.row-layout .text-box .card__list { margin-top: 0; height: 100%; gap: 20px; }
.row-layout .text-box .card__list > li { width: calc((100% - 40px)/3); height: 340px; height: 340px; }
.row-layout .text-box * + .card__list { margin-top: 50px; }
.row-layout.reverse { flex-direction: row-reverse; }
.row-layout.reverse .text-box { width: 47.55%; }
.row-layout.layout-card .img-box { width: 48.75%; }
.row-layout.layout-card .text-box:not(.top) { width: calc(51.25% - 20px); }
.row-layout.layout-card .card__list > li .icon { max-width: 37.85%; }
.section .btn-link-02  { margin-top: 40px; width: fit-content; padding: 15px 30px; color: #333; }
.section .btn-link-02:hover { border-color: var(--main-color2); background-color: var(--main-color2); color: #333; }
.section .btn-link-02:hover::after { background-image: url("/img/common/icon_link_more_02.svg"); }
.section .btn-link-02.reverse { border-color: var(--main-color2); background-color: var(--main-color2); color: #333; }
.section .btn-link-02.reverse::after { background-image: url("/img/common/icon_link_more_02.svg"); }
.section .btn-link-02.reverse:hover { border-color: #EEEEEE; background: #fff; color: #343D42; }
.btn-link-02.c-green, .btn-link-02.c-blue { color: #333; font-weight: 600; }
.btn-link-02.c-green:hover { border-color: #C7EF58; background-color: #C7EF58; }
.btn-link-02.c-blue:hover { border-color: #8CCBFF; background-color: #8CCBFF; }
.col-layout .img-box { overflow: hidden; border-radius: 20px; }
.col-layout .img-box img { width: 100%; }
.col-layout .col-3 { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 30px; }
.col-layout .col-3 .img-box { width: calc((100% - 60px)/3); }
.col-layout .text-box { margin-top: 60px; }
.col-layout .section-title + .section-text { margin-top: 60px; }
.col-layout .list-type-icon { margin-top: 15px; }
.s-item .img-box { overflow: hidden; position: relative; }
.s-item .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); z-index: 1; }

.content-top { margin-bottom: 80px; text-align: center; opacity: 0; transform: translate3d(0, 30px, 0); }
.plan__list { display: flex; flex-wrap: wrap; gap: 40px 20px; }
.plan__list > li { overflow: hidden; border-radius: 20px; width: calc((100% - 40px)/3); background-color: #fff; box-shadow: inset 0 0 0px 1px #EEEEEE;  }
.plan__list .img-box::before { content: ""; display: block; padding-top: 57.69%; }
.plan__list .text-box { padding: 40px; }
.plan__list .text-box .title .name { font-size: 24px; font-weight: 600; color: #111; }
.plan__list .text-box .title .desc { display: inline-block; margin-top: 0.83em; font-size: 18px; font-weight: 300; color: #333; }
.plan__list .text-box .price { margin-top: 30px; }
.plan__list .text-box .price span { font-size: 20px; font-weight: 300; }
.plan__list .text-box .price span > b { font-size: 1.2em; font-weight: 600; }
.plan__list .text-box .price span > strong { margin-right: 0.167em; font-size: 3em; font-weight: 700; }
.plan__list .text-box .info { margin-top: 40px; }
.plan__list .text-box .info > li { display: flex; gap: 20px; font-size: 18px; font-weight: 300; color: #333; }
.plan__list .text-box .info > li + li { margin-top: 15px; }
.plan__list .text-box .info > li .label { display: flex; align-items: center; min-width: 100px; height: fit-content; font-weight: 500; }
.plan__list .text-box .info > li .label::before { content: ""; display: block; width: 20px; height: 20px; margin-right: 0.5em; background: url("/img/sub/icon_check_list.svg") no-repeat center center/contain; }

.product__list { display: flex; flex-wrap: wrap; gap: 80px 20px; }
.product__list > li { width: calc((100% - 40px)/3);  }
.product__list .img-box { border-radius: 20px; }
.product__list .img-box::before { content: ""; display: block; padding-top: 57.69%; }
.product__list .text-box .title { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; }
.product__list .text-box .title .name { font-size: 24px; font-weight: 600; }
.product__list .text-box .title .price { min-width: 100px; padding: 8.5px 26px; border-radius: 5px; background-color: rgba(255, 203, 5, 0.1); font-size: 18px; font-weight: 500; color: #333; text-align: center; }
.product__list .text-box p { margin-top: 1.11em; font-size: 18px; font-weight: 300; line-height: 1.6; color: #333; }

.branch__list { display: flex; flex-wrap: wrap; gap: 40px; }
.branch__list > li { display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 20px); padding: 50px; border: 1px solid #DDDDDD; border-radius: 20px; background-color: #fff; }
.branch__list .text-box .icon { display: inline-block; width: 30px; height: 30px; margin-bottom: 0.5em; background: url("/img/sub/icon_coffee.svg") no-repeat center center/contain; }
.branch__list .text-box .name { font-size: 32px; font-weight: 600; color: #111; }
.branch__list .text-box .info { margin-top: 0.75em; font-size: 20px; font-weight: 300; color: #333; }
.branch__list .img-box { overflow: hidden;  }
.branch__list .img-box::before { content: ""; display: block; padding-top: 52.94%; }
.branch-swiper { width: 100%; margin-top: 60px; border-radius: 20px; }
.branch-swiper .swiper-pagination { display: flex; justify-content: center; align-items: center; top: auto; bottom: 8.33%; }
.branch-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 8px; height: 8px; margin: 0 5px; opacity: 1; background: #fff; }
.branch-swiper .swiper-pagination-bullets .swiper-pagination-bullet-active { background: var(--main-color2); }

.img-box__list { display: flex; flex-wrap: wrap; gap: 20px; }
.img-box__list > li { width: calc((100% - 40px)/3);  }
.img-box__list .img-box { overflow: hidden; border: 1px solid #EEEEEE; border-radius: 20px;}
.img-box__list .img-box::before { content: ""; display: block; padding-top: 57.69%; }

.fashion__list { display: flex; flex-wrap: wrap; gap: 60px 20px; }
.fashion__list > li { width: calc((100% - 80px)/5);  }
.fashion__list .img-box { border-radius: 20px; }
.fashion__list .img-box::before { content: ""; display: block; padding-top: 98.68%; }
.fashion__list .text-box .name { margin-top: 1em; font-size: 20px; font-weight: 500; }

/* care */
.process__list { position: relative; display: flex; justify-content: center; align-items: stretch; gap: 50px; margin-top: 60px; }
.process__list::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: calc(100% - 20px); max-width: 1380px; height: 1px; border-top: 1px dashed #333; transform: translate(-50%, -50%); }
.process__list > li { position: relative; display: flex; flex-direction: column; align-items: center; row-gap: 8px; width: 100%; max-width: 240px; height: 140px; padding: 25px 10px 29px; border: 1px solid var(--main-color2); border-radius: 20px; font-size: 20px; text-align: center; background-color: #fff; }
.process__list > li .num { font-size: 0.8em; font-weight: 600; color: #BBB; }
.process__list > li .text { font-weight: 500; }
.process__list > li .info { font-size: 0.9em; color: #777; }
.process__list > li:not(:first-child) .text { margin-top: 12px; }
.process__list > li::before, .process__list > li::after { content: ""; position: absolute; top: 50%; display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #333; }
.process__list > li::before { left: 0; transform: translate(-50%, -50%); }
.process__list > li::after { right: 0; transform: translate(50%, -50%); }
.process__list > li:first-child { justify-content: center; }
.process__list > li:first-child::before { display: none; }
.process__list > li:last-child::after { display: none; }
.low-card__list { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 60px; }
.low-card__list > li {  width: calc((100% - 40px)/5); border: 1px solid #EEEEEE; border-radius: 10px; padding: 24px 30px 24px 54px; background-color: #fff; }
.low-card__list > li .text { position: relative; font-size: 18px; line-height: 1.5; font-weight: 300; }
.low-card__list > li .text::before { content: ""; position: absolute; left: -24px; top: 0; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color2); }
.low-card__list.c-gray { margin-top: 20px; gap: 15px; }
.low-card__list.c-gray > li { display: flex; align-items: center; width: calc((100% - 60px)/5); padding: 25px 44px 22px; border: none; background-color: #FBFBFB; }
.low-card__list.c-gray > li .text{ font-size: 20px; font-weight: 500; line-height: 1.5; color: #333; }
.low-card__list.c-gray > li .text::before { left: -19px; top: 0; }
.low-card__list.c-gray > li small { display: block; margin-top: 5px; font-size: 0.8em; font-weight: 300; line-height: 1.5; color: #777; }
.c-yellow__box { display: flex; justify-content: center; margin-top: 20px; padding: 17px 10px; border: 1px solid rgba(255, 203, 5, 0.3); border-radius: 10px; background-color: rgba(255, 203, 5, 0.05); text-align: center; font-size: 20px; font-weight: 300; color: rgba(17, 17, 17, 0.8); }
.c-yellow__box .icon-call path { fill: var(--main-color); }
.c-yellow__box b { display: inline-block; margin-left: 0.5em; margin-right: 1em; font-weight: 600; color: #111; }
.line__box { display: flex; margin-top: 102px; padding: 40px; border: 1px solid #EEEEEE; border-radius: 10px; font-size: 20px; font-weight: 300; color: rgba(17, 17, 17, 0.8); }
.line__box .icon-call path { fill: var(--main-color2); }
.line__box b { display: inline-block; margin-left: 1.5em; margin-right: 1.5em; font-weight: 600; color: #111; }
.senior-logo-img { margin-bottom: 40px; }
.table__area + .table__area { margin-top: 100px; }
.table__area .box + .box { margin-top: 40px; }
.table__area .box .text { font-size: 20px; font-weight: 300; color: #333; }
.table__area .section-title { margin-bottom: 40px; }
.dot-title { position: relative; margin-bottom: 40px; padding-left: 26px; font-size: 24px; font-weight: 600; color: #000; }
.dot-title::before { content: ""; position: absolute; left: 0; top: 0.403em; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color2); }
.dot-title.sub { margin-bottom: 20px; font-size: 20px; font-weight: 500; color: #333; }
.dot-title.sub::before { background-color: #BBBBBB; }
.table-scroll { padding: 1px 0; }
.table-scroll table { min-width: 700px; }
.table-type-01 { box-shadow: 0px -1px 0px 0px #111; }
.table-type-01 + .table-type-01 { box-shadow: none; }
.table-type-01 th, .table-type-01 td { height: 50px; border-right: 1px solid #DDDDDD; font-size: 18px; color: #333; padding: 10px; }
.table-type-01 tr { border-bottom: 1px solid #DDDDDD; }
.table-type-01 tr *:first-child { border-left: none; }
.table-type-01 tr *:last-child { border-right: none; }
.table-type-01 th { font-weight: 500; background-color: rgba(255, 203, 5, 0.05); }
.table-type-01 th.c-2 { background-color: rgba(255, 203, 5, 0.15); }
.table-type-01 td { font-weight: 300; background-color: #fff; }
.table-type-01 td.text-center { text-align: center; }
.table-type-01 td:not(.text-center) { padding: 10px 30px; }
.img-card__list { display: flex; flex-wrap: wrap; gap: 20px; }
.img-card__list > li { overflow: hidden; position: relative; width: calc((100% - 60px)/4); border-radius: 20px; }
.img-card__list > li::before { content: ""; display: block; padding-top: 103.9%;  }
.img-card__list > li::after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); transition: ease-out 0.3s; }
.img-card__list > li img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: ease-out 0.3s; }
.img-card__list > li .text { position: absolute; left: 0; bottom: 40px; width: 100%; padding: 0 40px; font-size: 26px; font-weight: 700; color: #fff; z-index: 5; }
.img-card__list > li:hover img { transform: translate(-50%, -50%) scale(1.071); }
.img-card__list > li:hover::after { opacity: 0; }

/* cs */
.sv04 #lnb { display: none; }
.sv04 .visual__top { background-image: url("/img/sub/visual/visual_cs.jpg"); }
.contact .banner { display: flex; flex-direction: column; justify-content: center; padding: 0 80px;  height: 290px;margin-top: 60px; border-radius: 20px; background: url("/img/sub/contact_banner.jpg") no-repeat center center/cover; color: #fff; }
.contact .banner span { font-size: 32px; font-weight: 500; }
.contact .banner strong { margin-top: 0.33em; font-size: 60px; font-weight: 700; }
.contact .form__area { margin-top: 60px; }
.contact-form .button__wrap { margin-top: 100px; }
.contact-form .button__wrap .btn-link-02 { margin-top: 0; border-color: #333; }
.contact-form .button__wrap .btn-link-02:hover { border-color: var(--main-color2); }
.form__list { overflow: hidden; border: 1px solid #EEEEEE; border-radius: 20px; }
.form__item { display: flex; align-items: stretch; min-height: 100px; border-bottom: 1px solid #EEEEEE; }
.form__item:last-child { border-bottom: none; }
.form__item > .title { display: flex; align-items: center; width: 240px; padding: 0 40px; border-right: 1px solid #EEEEEE; background-color: #FBFBFB;  font-size: 18px; font-weight: 500; color: #222; }
.form__item > .title .star { font-family: var(--font-Pretendard); color: var(--main-color); }
.input__box { display: flex; align-items: center; width: calc(100% - 240px); padding: 20px 30px; }
.input__box.check { flex-wrap: wrap; gap: 10px 60px; }
.input__box .form-input, .form-select { width: 100%; max-width: 732px; height: var(--input-H); padding: 0 20px; border: 1px solid #DDD; border-radius: 10px; font-size: 18px; color: #333; }
.input__box .form-input + .form-select { margin-left: 27px; }
.input__box .form-input.w-100 { max-width: initial; }
.input__box .form-textarea { width: 100%; height: 240px; padding: 20px; border: 1px solid #DDD; border-radius: 10px; font-size: 18px; color: #333; resize: none; }
.form-select { padding-right: 45px; background: url("/img/common/icon_select_form.svg") no-repeat calc(100% - 23px) center/auto; }
.input__box.multiple { flex-wrap: wrap; row-gap: 10px; }
.input__box.multiple .form-input, .input__box.multiple .form-select { flex: 1; max-width: 350px; }
.input__box .etc-line { margin: 0 10px; min-width: 12px; height: 1px; background-color: #AAAAAA; }
.input__box .etc-text { margin: 0 10px; font-family: var(--font-Roboto); font-size: 18px; font-weight: 500; color: #666; }
.chk__wrap { display: flex; justify-content: center; align-items: center; }
.chk__label { display: flex; align-items: center; column-gap: 10px; cursor: pointer; }
.chk__label span { font-size: 18px; color: #333; }
.chk__label .chk-01 { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #EEEEEE; background: url("/img/common/icon_check.svg") no-repeat center center/auto #F5F5F5; cursor: pointer; }
.chk__label .chk-01:checked { border-color: var(--main-color2); background-image: url("/img/common/icon_check_on.svg"); background-color: var(--main-color2); }
.captcha-box { display: flex; align-items: center; gap: 10px; }
.captcha-box .captcha-img { overflow: hidden; border-radius: 10px; }
.captcha-box .captcha-img img { height: var(--input-H); }
.captcha-box #btnKcaptcha { width: var(--input-H); height: var(--input-H); border: 1px solid #333333; border-radius: 10px; border-radius: 10px; background: url("/img/common/icon_refresh.svg") no-repeat center center/24px #fff; }
.captcha-box .form-input { width: calc(100% - 280px); max-width: 300px; }
.terms__area { margin-top: 56px; }
.terms__box { overflow: hidden; height: 300px; padding: 40px 20px; border-radius: 20px; background-color: #F5F5F5; }
.terms__box .terms__text { overflow-y: auto; padding: 0 20px; height: 100%; font-size: 16px; font-weight: 300; line-height: 1.5; color: #666; }
.terms__box .terms__text::-webkit-scrollbar{ width: 2px; }
.terms__box .terms__text::-webkit-scrollbar-thumb{background-color: #AAA; border-radius: 2px; }
.terms__box .terms__text::-webkit-scrollbar-track{background-color: transparent;}
.terms__box + .chk__wrap { margin-top: 40px; }
.terms__box .terms__text .privacy { font-size: inherit; font-weight: inherit; line-height: inherit; }
.terms__box .terms__text .privacy * { color: inherit; }

/* company */
.sv05 .visual__top { background-image: url("/img/sub/visual/visual_company.jpg"); }
.greeting__area { align-items: flex-start; }
.greeting__area .text-box > p { font-size: 20px; font-weight: 300; line-height: 1.6; color: #333; }
.greeting__area .text-box > p + p { margin-top: 1.5em; }
.greeting__area .text-box > b { display: block; margin-top: 2.857em; text-align: right; font-size: 21px; font-weight: 600; }
.content.about { overflow: visible; }
.content.about::before, .content.no-bg::before {display: none; }
.sec-history { display: flex; justify-content: space-between; }
.sec-history .section-title { display: none; }
.sec-history .img__area { position: sticky; top: calc(var(--page-lnb-H) + 20px); width: 46.25%; height: 100%; }
.sec-history .img__area .img-box { overflow: hidden; position: relative; width: 100%; border-radius: 20px; }
.sec-history .img__area .img-box::before{ content: ""; display: block; padding-top: 81.1%;}
.sec-history .img__area .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); visibility: hidden; opacity: 0; transition: 0.6s; }
.sec-history .img__area .img-box img.on { visibility: visible; opacity: 1; }
.sec-history .img__area .text { display: inline-block; margin-bottom: 0.67em; font-size: 60px; font-weight: 600; color: #111; }
.history__area { width: 46.25%; margin-top: 120px; }
.history__list { border-top: 1px solid #111; }
.history__list > li { display: flex; }
.history__list > li .year { width: 158px; padding-top: 17px; border-bottom: 1px solid #EEEEEE; font-size: 24px; font-weight: 600; color: #999; }
.history__list .text__list { width: calc(100% - 158px); }
.history__list .text__list > li { padding: 22px 0; border-bottom: 1px solid #EEEEEE; font-size: 20px; font-weight: 300; color: #333; }
.sec-vision { overflow: hidden; }
.vision__area { position: relative; display: flex; justify-content: space-between; align-items: center; margin-top: 50px; padding-top: 28px; padding-bottom: 28px; padding-right: clamp(25px,4.16vw,80px);}
.vision__area .circle__list { display: flex; width: 72.5%; }
.vision__area .circle__list > li { position: relative; display: flex; justify-content: center; align-items: center; width: 350px; aspect-ratio: 1/1; border-radius: 50%; }
.vision__area .circle__list > li::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: calc(100% - 22px); aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #fff; opacity: 0.8; transform: translate(-50%, -50%); pointer-events: none; }
.vision__area .circle__list > li:nth-child(1) { background-color: rgba(233, 184, 0, 0.8); }
.vision__area .circle__list > li:nth-child(2) { transform: translateX(-11.43%); background-color: rgba(149, 185, 50, 0.8); }
.vision__area .circle__list > li:nth-child(3) { transform: translateX(-22.86%); background-color: rgba(54, 174, 48, 0.8); }
.vision__area .circle__list > li > p { font-size: 22px; font-weight: 500; line-height: 1.6; color: #fff; text-align: center; }
.vision__area .circle-total { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 25.26%; aspect-ratio: 1/1; border-radius: 50%; background: linear-gradient(144deg, #CECE39 14.51%, #40CE39 86.51%); text-align: center; color: #fff; }
.vision__area .circle-total > .line{ position: absolute; left: 50%; top: 50%; display: block; width: calc(100% + 56px); transform: translate(-50%, -50%); z-index: -1; animation: circleRotate 50s infinite both; }
.vision__area .circle-total > p { margin-top: 0.83em; font-size: 30px; font-weight: 700; line-height: 1.6; }
.vision__area .circle-total > span { font-size: 18px; font-weight: 500; }
.vision__area .arrow { position: absolute; left: 63.5%; top: 50%; width: 44px; transform: translateY(-50%); }
.vision__area .arrow .svg path:nth-child(2) { animation: arrowAni1 4s infinite both; }
.vision__area .arrow .svg path:nth-child(3) { animation: arrowAni2 4s infinite both; }
.sec-value { position: relative; padding-bottom: 70px; }
.sec-value::before { content: ""; position: absolute; left: -30.53vw; bottom: -29.16%; display: block; width: clamp(500px,88.8vw, 1705px); aspect-ratio: 3.46/1; background: url("/img/sub/sub_bg_02.png") no-repeat center center/contain; z-index: -1; }
.value__area { position: relative; width: fit-content; margin: 8px auto 0; }
.value__area .text__list > li { position: absolute; font-size: 26px; font-weight: 600; color: #000; text-align: center;  }
.value__area .text__list > li:nth-child(1) { left: 50%; top: 27.83%; transform: translateX(-50%); }
.value__area .text__list > li:nth-child(2) { width: 50%; left: 0; padding-left: 8%; bottom: 27.83%;}
.value__area .text__list > li:nth-child(3) {  width: 50%; right: 0; padding-right: 8%; bottom: 27.83%; }
.task__list { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 60px; }
.task__list > li { overflow: hidden; position: relative; width: calc((100% - 60px)/3); border-radius: 20px; }
.task__list > li::before { content: ""; display: block; padding-top: 116.9%; }
.task__list > li::after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); visibility: hidden; opacity: 0; transition: 0.6s; }
.task__list > li > img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: 0.6s; }
.task__list > li .text-box { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; padding: 50px; color: #fff; z-index: 1; }
.task__list > li .text-box .num { font-size: 30px; font-weight: 500; color: rgba(255, 255, 255, 0.6); }
.task__list > li .text-box dl { position: relative; }
.task__list > li .text-box dt { position: absolute; bottom: 0; font-size: 42px; font-weight: 500; transition: 0.6s; }
.task__list > li .text-box dd { min-height: 50px; font-size: 20px; font-weight: 300; line-height: 1.6; color: rgba(255, 255, 255, 0.8); visibility: hidden; opacity: 0; transition: visibility 0.6s, opacity 0.6s; }
.task__list > li[data-aos^=fade]:nth-child(2) { transition-delay: 0.2s; }
.task__list > li[data-aos^=fade]:nth-child(3) { transition-delay: 0.4s; }
.task__list > li[data-aos^=fade]:nth-child(4) { transition-delay: 0.6s; }
.purpose__area { margin-top: 50px; }

.organization-img { text-align: center; }

.map .section-title { text-align: center; }
.map__box { overflow: hidden; height: 450px; border-radius: 20px; margin-top: 60px; }
.map__box .root_daum_roughmap { width: 100%; height: 100%; }
.map__box .root_daum_roughmap .wrap_map { height: 100%; }
.map__box .root_daum_roughmap .wrap_map .map_border { display: none; }
.map__box .cont { display: none; }
.address-info { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 15px; }
.address-info dl { display: flex; align-items: baseline; gap: 5px 30px; width: calc(50% - 5px); padding: 40px; border: 1px solid #EEEEEE; border-radius: 10px; background-color: #fff; }
.address-info dt { position: relative; padding-right: 14px; font-size: 22px; font-weight: 600; color: #000; }
.address-info dt::after { content: ""; position: absolute; right:0; bottom:0; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color2); }
.address-info dl:nth-child(2) dt::after { background-color: var(--main-color); }
.address-info dd { font-size: 19px; font-weight: 300; color: #333; }

@keyframes titleAni {
    0%{ opacity: 0; transform: translateX(-100px);}
    100%{ opacity: 1; transform: translateX(0); }
}
@keyframes titleAniUp {
    0%{ opacity: 0; transform: translateY(30%);}
    100%{ opacity: 1; transform: translateX(0); }
}

@keyframes arrowAni1 {
    0% { opacity: 0.3; }
    25% { opacity: 0.3; }
    32.5% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0.3; }
}
@keyframes arrowAni2 {
    0% { opacity: 0.3; }
    50% { opacity: 0.3; }
    57.5% { opacity: 1; }
    75% { opacity: 1; }
    100% { opacity: 0.3; }
}
@keyframes circleRotate {
    0%{ transform: translate(-50%, -50%) rotate(0deg); }
    100%{ transform: translate(-50%, -50%) rotate(360deg); }
}
@media screen and (min-width:769px) {
    .task__list > li:hover::after { visibility: visible; opacity: 1; }
    .task__list > li:hover > img { transform: translate(-50%, -50%) scale(1.0478); }
    .task__list > li:hover .text-box dt { bottom: calc(100% + 0.59em); }
    .task__list > li:hover .text-box dd { height: auto; visibility: visible; opacity: 1; }
}
@media (hover:none) and (pointer:coarse) and (min-width:769px){
    /* mobile */
    .task__list > li::after { visibility: visible; opacity: 1; }
    .task__list > li .text-box dt { bottom: calc(100% + 0.59em); }
    .task__list > li .text-box dd { height: auto; visibility: visible; opacity: 1; }
}

@media screen and (max-width:1640px) {
    :root{
        --page-lnb-H: 60px;
    }
    .visual__top { align-items: center;  padding-top: 0; padding-bottom: 10%;  }
    .visual__top:has(.button__wrap) { padding-top: 0; padding-bottom: 0; }
    .content-title { font-size: clamp(22px,2.92vw,48px); }
    .section-title { font-size: clamp(20px,1.95vw,32px); }
    .sub-title { font-size: clamp(18px,2.195vw,36px);  }
    #lnb .lnb__list > li > a { padding: 0 8px; font-size: 14px; }

    .view_ctn .tit h3 { font-size: clamp(22px,4.268vw,70px); }

    .product__list .text-box p > br { display: none; }
    .branch__list .text-box .name { font-size: clamp(20px,1.95vw,32px); }
    .process__list > li { font-size: clamp(16px,1.22vw,20px); }
    .card__list > li .icon { max-width: 20%; }
    .img-card__list > li .text { font-size: clamp(14px,1.58vw,26px); }
    .low-card__list> li br:not(.fixed-br) { display: none; }
    .row-layout .text-box .card__list > li { height: auto; }

    .greeting__area .text-box > p { font-size: clamp(16px,1.22vw,20px); }
    .greeting__area .text-box > b { font-size: clamp(16px,1.28vw,21px); }
    .sec-history .img__area .text { font-size: clamp(24px,3.66vw,60px); }
    .vision__area .circle__list { width: 69%; }
    .vision__area .circle__list > li > p { font-size: clamp(16px,1.34vw,22px); }
    .vision__area .circle-total > p { font-size: clamp(16px,1.83vw,30px); }
    .task__list > li .text-box { padding: 40px; }
    .task__list > li .text-box dt { font-size: clamp(20px,2.56vw,42px); }
    .contact .banner { padding: clamp(20px,4.878vw,80px); }
    .contact .banner span { font-size: clamp(18px,1.95vw,32px); }
    .contact .banner strong { font-size: clamp(24px,3.658vw,60px); }
}
@media screen and (max-width:1400px) {
    .visual__top .main-text{ font-size: 18px; }
    .card__list > li .text { font-size: 20px; }
    .section-text > br:not(.fixed-br) { display: none; }
    .table-board table thead th{ font-size: 18px; }
    .table-board table th, .table-board table td { height: 70px; padding: 0 10px; font-size: 16px; }
    .table-board table td a { padding: 0 10px; }
} 
@media screen and (max-width:1200px) {
    .visual__top { height: 500px; }
    #location { margin-bottom: 20px; gap: 20px; }
    #location li::before { left: -11px; width: 3px; height: 3px; }
    #location li.home { width: 20px; }
    #location li > a { font-size: 14px; }
    .marquee-swiper .swiper-slide { width: 300px; }
    #lnb { display: none; }
    .sv-lnb { display: none; }
    .content .section + section { margin-top: 100px; }
    .sub-section { margin-top: 50px; }
    .content-text, .section-text { font-size: 16px; }

    .img_borad_list .item .tag__box { margin-bottom: 10px; }
    .img_borad_list .item .tag__box .tag { padding: 6px 12px; font-size: 14px; border-radius: 5px; }
    .img_borad_list .item .txt .board-title { font-size: 18px; }

    .row-layout .text-box ul > li, .col-layout .text-box ul > li { font-size: 16px; }
    .list-type-num > li { column-gap: 15px; }
    .list-type-num > li .num { width: 24px; line-height: 24px; }
    .list-type-check > li, .list-type-icon > li { padding-left: 30px; }
    .list-type-check > li::before, .list-type-icon > li .icon { width: 18px; height: 18px; }
    
    .row-layout .text-box .list-type-check { margin-top: 30px; }
    .plan__list .text-box .title .desc { font-size: 16px; }
    .plan__list .text-box { padding: 30px; }
    .plan__list .text-box .price span { font-size: 16px; }
    .card__list > li dl dt { font-size: 20px; }
    .card__list > li .text, .card__list > li dl dd { font-size: 16px; }
    .product__list .text-box .title .name { font-size: 20px; }
    .product__list .text-box .title .price { min-width: 80px; padding: 6px 18px; font-size: 16px; }
    .product__list .text-box p { font-size: 16px; }
    .branch__list { gap: 20px; }
    .branch__list > li { padding: 30px; }
    .fashion__list .text-box .name { font-size: 16px; }
    .process__list { gap: 30px; }
    .low-card__list.c-gray { gap: 10px; }
    .low-card__list.c-gray > li { width: calc((100% - 40px) / 5); }
    .low-card__list > li,.low-card__list.c-gray > li { padding: 15px 30px; }
    .low-card__list > li .text, .low-card__list.c-gray > li .text { font-size: 16px; }
    .low-card__list > li .text::before, .low-card__list.c-gray > li .text::before { left: -15px; }
    .c-yellow__box,.line__box { font-size: 16px; }
    .c-yellow__box svg,.line__box svg { width: 20px; height: 20px; }
    .line__box { margin-top: 60px; padding: 20px; }
    .line__box b { margin-left: 1em; margin-right: 1em; }

    .dot-title { padding-left: 20px; font-size: 20px; }
    .dot-title.sub { font-size: 18px; }
    .table__area .box .text { font-size: 16px; }
    .table-type-01 th,.table-type-01 td { font-size: 16px; }
    .table-board table colgroup col:nth-child(2) { width: 62.625% !important; }
    .table-board table colgroup col:nth-child(4) { width: 12.375% !important; }

    .img-card__list { gap: 10px; }
    .img-card__list > li { width: calc((100% - 30px)/4); border-radius: 10px; }
    .img-card__list > li .text { padding: 0 20px; bottom: 20px; }

    .history__list > li .year { width: 100px; padding-top: 11px; font-size: 20px; }
    .history__list .text__list { width: calc(100% - 100px); }
    .history__list .text__list > li { padding: 15px 0; font-size: 16px; }
    .vision__area .circle__list > li::before { width: calc(100% - 10px); } 
    .vision__area .circle-total > span { font-size: 14px; }
    .vision__area .circle-total > .line { width: calc(100% + 25px); }
    .task__list > li .text-box { padding: 30px; }
    .task__list > li .text-box .num { font-size: 24px; }
    .task__list > li .text-box dd { font-size: 16px; }
    .address-info dl { padding: 20px 30px; }
    .address-info dt { font-size: 20px; }
    .address-info dd { font-size: 16px; }
    .contact .banner { height: 200px; }
}
@media screen and (max-width:1024px) {
    :root{
        --input-H: 50px;
    }
    .visual__top { align-items: center; height: 400px;  }
    .visual__top .main-text { margin-top: 1.3em; font-size: 16px; }
    .visual__top .main-text.list { row-gap: 6px; }
    .visual__top .main-text.list > li { padding-left: 12px; }
    .visual__top .main-text.list > li::before { top: 0.45em; width: 3px; height: 3px; }
    .visual__top .button__wrap { margin-top: 40px; }
    .marquee-swiper .swiper-slide { width: 250px; }
    .content { position: relative; padding: 80px 0 120px; }
    .content-text {  font-size: 14px; }
    .content-top { margin-bottom: 60px; }
    .sub-title { margin-bottom: 20px; }
    .content-title + .section-text, .section-title + .section-text, .col-layout .section-title + .section-text { margin-top: 1em; }    

    .search__area { margin-bottom: 30px; }
    .search__area form { height: 40px; }
    .search__area .search-select { width: 100px; padding: 0 10px; font-size: 14px; background-position: calc(100% - 10px) center ; }
    .search__area .search__box .search-input { width: 240px; padding: 0 10px; font-size: 14px; }
    .search__area .search__box .btn-search { width: 70px; margin-left: 10px; font-size: 14px; }
    .table-board table thead th{ height: 55px; font-size: 15px; }
    .table-board table th, .table-board table td { height: 60px; font-size: 14px; }

    .view_ctn .tit { padding-bottom: 30px; }
    .view_ctn .tit ul { margin-top: 20px; }
    .view_ctn .tit ul li { font-size: 16px; }
    .view_ctn .info { font-size: 16px; }
    .view_ctn .file_box dl dt, .view_ctn .file_box dl dd { font-size: 14px; }
    .view_ctn .file_box dl dt { width: 110px; padding: 10px 20px; }
    .view_ctn .file_box dl dd { width: calc(100% - 110px); }
    .view_ctn .file_box dl dd a { padding: 10px 20px; }
    .view_ctn .file_box dl dd a span { right: 20px; font-size: 14px; }
    .view_ctn .file_box dl dd a i { width: 14px; height: 18px; margin-right: 4px; }
    .view_ctn .pages dl dt { width: 110px; padding: 20px; font-size: 14px; }
    .view_ctn .pages dl dt i { margin-right: 10px; }
    .view_ctn .pages dl dd { width: calc(100% - 110px); }
    .view_ctn .pages dl dd a { padding: 20px; font-size: 14px;  }
    .view_ctn .button__wrap { margin-top: 60px; }
    .img_borad_list { gap: 40px 20px; }
    .img_borad_list .item { width: calc((100% - 40px)/3); }
    .img_borad_list .item figure { border-radius: 10px; }
    .img_borad_list .item .txt { padding-top: 15px; }
    .img_borad_list .item .txt .date { font-size: 14px; }

    .row-layout, .row-layout.reverse { flex-direction: column; align-items: flex-start; gap: 40px; }
    .row-layout .img-box, .row-layout .text-box, .row-layout.reverse .text-box { width: 100%; }
    .row-layout.layout-card .img-box, .row-layout.layout-card .text-box:not(.top) { max-width: initial; width: 100%; }
    .row-layout .img-box { max-width: 500px; border-radius: 10px; }
    .row-layout .img-box.mw-740 { max-width: 500px; }
    .row-layout .title-box { margin-bottom: 0; }
    .row-layout .text-box ul { margin-top: 30px; }
    .col-layout .img-box { border-radius: 10px; }
    .col-layout .text-box { margin-top: 40px; }

    .card__list { gap: 10px; }
    .card__list > li { width: calc((100% - 20px)/3); border-radius: 10px; }
    .card__list.col-4 { gap: 20px; }
    .card__list.col-4 > li { width: calc(50% - 10px); }

    .plan__list .text-box{ padding: 20px; }
    .plan__list .text-box .title .name { font-size: 20px; }
    .plan__list .text-box .title .desc { font-size: 14px; }
    .plan__list .text-box .price { margin-top: 25px; }
    .plan__list .text-box .price span > strong { font-size: 2.1em; }
    .plan__list .text-box .info { margin-top: 25px; }
    .plan__list .text-box .info > li { gap: 10px; font-size: 14px; }
    .plan__list .text-box .info > li + li { margin-top: 10px; }
    .plan__list .text-box .info > li .label { min-width: 80px; }
    .plan__list .text-box .info > li .label::before { width: 18px; height: 18px; }
    .product__list > li { width: calc(50% - 10px); }
    .branch__list .text-box .info { font-size: 16px; }
    .branch-swiper { border-radius: 10px; }
    .img-box__list { gap: 10px; }
    .img-box__list > li { width: calc((100% - 20px)/3); }
    .img-box__list .img-box { border-radius: 10px; }
    .fashion__list { gap: 40px 20px; }
    .fashion__list > li { width: calc((100% - 40px)/3);  }
    .process__list { flex-wrap: wrap; margin-top: 40px; }
    .process__list > li { width: calc((100% - 60px)/3); }
    .process__list::before { display: none; }
    .process__list > li::before, .process__list > li::after { display: none; }
    .low-card__list { margin-top: 20px; }
    .low-card__list > li, .low-card__list.c-gray > li { width: calc((100% - 20px)/3); }
    .senior-logo-img { width: 100px; margin-bottom: 30px; }
    .table__area + .table__area { margin-top: 50px; }
    .table__area .section-title { margin-bottom: 20px; }
    .dot-title { padding-left: 15px; font-size: 18px; margin-bottom: 15px; }
    .dot-title::before { width: 5px; height: 5px; }
    .dot-title.sub { font-size: 16px; margin-bottom: 10px; }
    .table-type-01.col-2 colgroup col:nth-child(1) { width: 20% !important; }
    .table-type-01.col-2 colgroup col:nth-child(2) { width: 80% !important; }
    .table-type-01 th, .table-type-01 td { font-size: 14px; height: 45px; }
    .table-type-01 td:not(.text-center) { padding: 10px 15px; }
    .table-type-01 th > br:not(.mo-br) { display: none; }
    .table__area .box .text { font-size: 14px; }
    .line__box { margin-top: 30px; }

    .greeting__area { flex-direction: column; }
    .greeting__area .img-box, .greeting__area .text-box { width: 100%; }
    .greeting__area .img-box { max-width: 500px; }
    .sec-history { flex-direction: column; }
    .sec-history .section-title { display: block; }
    .sec-history .img__area { display: none; }
    .sec-history .img__area .img-box { display: none; }
    .history__area { width: 100%; margin-top: 30px; }
    .sec-vision { overflow: visible; }
    .vision__area { flex-direction: column; justify-content: center; row-gap: 40px; padding-top: 0; padding-bottom: 0; padding-right: 0; }
    .vision__area .circle__list { width: 100%; max-width: 600px; }
    .vision__area .circle__list > li:nth-child(1) { transform: translateX(11.43%); }
    .vision__area .circle__list > li:nth-child(2) { transform: none; }
    .vision__area .circle__list > li:nth-child(3) { transform: translateX(-11.43%); }
    .vision__area .circle__list > li > p { font-size: 14px; }
    .vision__area .arrow { position: static; transform: rotate(90deg); }
    .vision__area .circle-total { width: calc(100% - 50px); max-width: 200px; }
    .sec-value { padding-bottom: 30px; }
    .value__area { max-width: 90%; }
    .value__area .text__list > li { font-size: 20px; }
    .task__list { gap: 20px; }
    .task__list > li { width: calc((100% - 40px)/3); height: 300px; }
    .task__list > li .text-box { padding: 30px 20px; }
    .task__list > li .text-box dd { font-size: 14px; }
    .task__list > li .text-box .num { font-size: 20px; }
    .address-info dl { width: 100%; }

    .form__item { min-height: 80px; }
    .form__item > .title { width: 180px; padding: 0 20px; font-size: 16px; }
    .input__box { width: calc(100% - 180px); padding: 10px 20px; }
    .chk__label span { font-size: 16px; }
    .input__box .form-input, .form-select { padding: 0 15px; font-size: 16px; }
    .form-select { background-position: calc(100% - 15px) center; padding-right: 30px; }
    .input__box .form-input + .form-select { margin-left: 15px; }
    .input__box .form-textarea { padding: 15px; font-size: 16px; }
    .input__box .etc-line { min-width: 8px; margin: 0 5px; }
    .input__box .etc-text { font-size: 16px; margin: 0 5px; }
    .terms__area { margin-top: 40px; }
    .terms__box { padding: 20px 10px; }
    .terms__box .terms__text { padding: 0 10px; font-size: 16px; }
    .terms__box + .chk__wrap { margin-top: 30px; }
    .contact-form .button__wrap { margin-top: 60px; }
    
    /* aos */
    .row-layout *[data-aos^=fade] { transform: translate3d(0,30px,0); } 
    .row-layout *[data-aos^=fade].aos-animate { transform: translateZ(0); }
}
@media screen and (max-width:768px) {
    .visual__top { height: 250px; }
    .visual__top.height-l { height: 330px; }
    .visual__top .main-text { margin-top: 1em; font-size: 14px; }
    .visual__top .button__wrap { margin-top: 30px; }
    .marquee-swiper .swiper-slide { width: 200px; }
    .content .section + section { margin-top: 60px; }
    .list-type-num > li { column-gap: 10px; }
    .list-type-check > li, .list-type-icon > li { padding-left: 24px;}
    .section .btn-link-02 { margin-top: 30px; padding: 10px 15px; font-size: 14px; }
    .section .btn-link-02::after { width: 18px; height: 18px; margin-left: 8px; }

    .card__list { gap: 20px; }
    .card__list > li, .card__list.col-4 > li, .row-layout .text-box .card__list > li { width: 100%; }
    .card__list > li .icon, .row-layout.layout-card .card__list > li .icon { max-width: 50px; }
    .card__list > li[data-aos^=fade]:nth-child(2),.card__list > li[data-aos^=fade]:nth-child(3), .card__list > li[data-aos^=fade]:nth-child(4) { transition-delay: inherit; }

    .search__area form { width: 100%; gap: 10px; }
    .search__area .search-select { width: 90px; }
    .search__area .search__box { width: calc(100% - 100px); }
    .search__area .search__box .search-input { width: calc(100% - 80px); }
    .table-scroll { padding: 1px 0 10px; }
    .table-board table { border-top: 1px solid #DDDDDD; }
    .table-board table thead { display: none; }
    .table-board table colgroup { display: none; }
    .table-board table th, .table-board table td { height: auto; }
    .table-board table td { padding: 5px 10px; }
    .table-board table td a { padding: 5px 0px; }
    .table-board table tbody tr { display: flex; flex-wrap: wrap; align-items: center; }
    .table-board table tbody td { position: relative; display: inline-block; vertical-align: top; }
    .table-board table tbody td:nth-child(1) { width: 40px; padding: 5px; }
    .table-board table tbody td:nth-child(2) { width: calc(100% - 40px); }
    .table-board table tbody td:nth-child(3) { margin-left: 40px; }
    .table-board table tbody td:nth-last-child(-n+2) { position: relative; }
    .table-board table tbody td:nth-last-child(-n+2)::before { content: ""; position: absolute; left: 0px; top: 50%; display: block; width: 1px; height: 10px; background-color: #DDDDDD; transform: translateY(-50%); }
    .img_borad_list .item { width: calc(50% - 10px); }
    .paging { margin-top: 40px; gap:5px }
    .paging a { width: 21px; height: 21px; font-size: 13px; }
    .paging .arr, .paging ul { gap: 5px; }
    .paging .arr a i.xi-angle-left-min { width: 5px; height: 9px; }
    .paging .arr a i.xi-angle-right-min { width: 5px; height: 9px; }
    .view_ctn .tit ul li { font-size: 14px; }
    .view_ctn .file_box dl dd a span {  font-size: 0; }
    .view_ctn .file_box dl dd a span i { margin-right: 0; }

    .plan__list > li { width: 100%; }
    .branch-swiper { margin-top: 40px; }
    .branch__list > li { width: 100%; }
    .branch__list .text-box .icon { width: 25px; height: 25px; }
    .img-box__list > li { width: 100%; }
    .img-card__list > li { width: calc(50% - 5px);}
    .low-card__list > li, .low-card__list.c-gray > li { width: 100%; }
    .col-layout .col-3 { gap: 20px; }
    .col-layout .col-3 .img-box { width: calc(50% - 10px); }

    .history__list > li .year { width: 80px; font-size: 18px; }
    .history__list .text__list { width: calc(100% - 80px); }
    .history__list .text__list > li { font-size: 14px; }
    .vision__area { padding-bottom: 13px; }
    .vision__area .circle__list { flex-direction: column; align-items: center; }
    .vision__area .circle__list > li { width: 180px; }
    .vision__area .circle__list > li:nth-child(1) { transform: translateY(11.43%); }
    .vision__area .circle__list > li:nth-child(3) { transform: translateY(-11.43%); }
    .vision__area .arrow { transform: rotate(90deg) translateX(calc(-50% + 6px)); }
    .sec-value::before { left: -46.53vw; }
    .value__area .text__list > li { font-size: 16px; }
    .task__list > li { width: 100%; }
    .task__list > li::after { visibility: visible; opacity: 1; }
    .task__list > li > img { top: 30%; transform: translate(-50%, -30%); }
    .task__list > li .text-box dt { bottom: calc(100% + 0.59em); }
    .task__list > li .text-box dd { height: auto; visibility: visible; opacity: 1; }
    .task__list > li[data-aos^=fade]:nth-child(2),.task__list > li[data-aos^=fade]:nth-child(3), .task__list > li[data-aos^=fade]:nth-child(4) { transition-delay: inherit; }
    .organization-img img { max-width: 360px; }
    .map__box { height: 300px; }
    .address-info dl { gap: 5px 15px; padding: 15px 20px; }
    .address-info dt { font-size: 16px; }
    .address-info dd { font-size: 14px; }
    
    .contact .banner { height: 150px; margin-top: 40px; } 
    .contact .form__area { margin-top: 30px; }
    .form__list { padding: 30px 0; }
    .form__item { flex-wrap: wrap; border-bottom: none; }
    .form__item + .form__item { margin-top: 20px; }
    .form__item > .title { width: 100%; background-color: transparent; }
    .input__box { width: 100%; }
    .input__box.check { gap: 10px 20px; }
    .input__box .form-input, .form-select { font-size: 14px; }
    .input__box .form-textarea { font-size: 14px; }
    .chk__label { column-gap: 5px; }
    .chk__label .chk-01 { width: 22px; height: 22px; background-size: 50%; }
    .chk__label span { font-size: 14px; }
    .input__box .form-input + .form-select { margin-left: 0; max-width: initial; }
    .input__box.multiple .form-select { flex: none; }
    .captcha-box { width: 100%; }
    .captcha-box .form-input { width: calc(100% - 213px); }
    .terms__box .terms__text { font-size: 14px; }
}
@media screen and (max-width:640px) {
    .fashion__list > li { width: calc(50% - 10px); }
    .product__list > li { width: 100%; }
    .process__list { max-width: 400px; margin-left: auto; margin-right: auto; }
    .process__list > li {  max-width: initial; width: 100%; justify-content: center; font-size: 18px; }
    .process__list::before { left: calc(50% + 0.5px); display: block; width: 1px; height: calc(100% - 20px);  border-top: none; border-left: 1px dashed #333; }
    .process__list > li::before, .process__list > li::after { display: block; }
    .process__list > li::before { left: 50%; top: 0; }
    .process__list > li::after { right: 50%; top: 100%; }
    .process__list > li:not(:first-child) .text { margin-top: 0; }

}
@media screen and (max-width:500px) {
    .marquee-swiper .swiper-slide { width: 150px; }
    .img_borad_list .item { width: 100%; }

    .branch__list > li { padding: 20px; }
    .branch-swiper .swiper-pagination-bullets .swiper-pagination-bullet { width: 6px; height: 6px; margin: 0 3px; }
    .col-layout .col-3 .img-box { width: 100%; }
    .input__box.check { gap: 10px; }
}