@charset "utf-8";

.header { position: absolute; border-bottom: 1px solid #EEE; }
.footer { padding: 40px 0 50px; border-radius: 0; background-color: #111; }
.footer__inner { width: calc(100% - 40px); max-width: 1800px; margin: 0 auto; }
.footer-info .company-name { color: #fff; }
.footer-info .address-info dt { color: #ccc; }
.footer-info .address-info dd { color: #999; }
.footer-info .address-info dd span::before { background-color: #666; }
.f-btn-text { color: #999; }
.btn-top { background-color: rgba(224, 237, 253, 0.8); }
.copyright { color: #999; }

#subWrap { padding-top: calc(var(--header-H) + 100px); }
#location { display: flex; align-items: center; column-gap: 34px; margin-bottom: 30px; }
#location > li { position: relative; }
#location > li::before { content: ""; position: absolute; left: -19px; top: 50%; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #333; transform: translateY(-50%); }
#location > li:first-child::before { display: none; }
#location > li > a { font-size: 18px; font-weight: 500; color: #999999; }
#location > li > a > br { display: none; }
#location > li:last-child > a { color: var(--main-color); }
#sv .page-title { font-size: clamp(24px,3.75vw,72px); font-weight: 700; letter-spacing: -0.04em; animation: pageTitleUp 0.6s 0.4s both ; }
#sv .page-title .color-point { font-weight: 600; }
#sv .page-text { margin-top: 0.25em; font-size: clamp(16px,2.08vw,40px); font-weight: 400; }
.visual-img { height: clamp(150px,25vw,480px); margin-top: clamp(30px,6.25vw,120px); background: no-repeat center center/cover; animation: subVisual 0.6s 1s both; }
.section .sec-title-box { margin-bottom: 60px; }
.sec-title-box .sub-title { display: inline-block; margin-bottom: 1em; font-size: 20px; color: #B8BFC7; }
.sec-title-box .main-title { font-size: clamp(20px,2.5vw,48px); font-weight: 700; letter-spacing: -0.04em; }
.tab__area { position: sticky; top: 50px; display: flex; justify-content: right; margin: 240px auto 0; z-index: 10; }
.sub-tab { display: flex; width: fit-content; padding: 5px; border-radius: 100px; background-color: var(--main-color); }
.sub-tab .tab__item { display: block; padding: 15px 40px; border-radius: 100px; font-size: 20px; font-weight: 500; color: #fff; border: none; background-color: transparent; }
.sub-tab .tab__item.on { font-weight: 600; color: var(--main-color); background-color: #fff; }

[data-aos=fade-up] {transform: translate3d(0, 30px, 0); }
[data-aos=fade-up].aos-animate {transform: translatez(0); }

/* element */
table { width: 100%; table-layout: fixed; border-collapse: collapse; }
.table-scroll { padding-bottom: 1px; }
.table-type-01 { border-top: 2px solid var(--main-color); }
.table-type-01 th, .table-type-01 td { height: 62px; padding: 14px 15px; border: 1px solid #D8D8D8; font-size: 20px; vertical-align: middle; line-height: 1.6; }
.table-type-01 th { font-weight: 500; color: #111; }
.table-type-01 td { font-family: var(--font-lang); color: #222; }
.table-type-01 thead th { background-color: #F8F8F8; }
.table-type-01 thead th:first-child { border-left: none; }
.table-type-01 thead th:last-child { border-right: none; }
.table-type-01 tbody th { border-left: none; background-color: #F8F8F8; }
.table-type-01 tbody td:first-child { border-left: none; }
.table-type-01 tbody td:last-child { border-right: none; }
.table-type-01.text-c { text-align: center; }
.table-type-02 { border-top: 2px solid var(--main-color); }
.table-type-02 thead tr { height: 80px; }
.table-type-02 tbody tr { position: relative; height: 159px; border-bottom: 1px solid #D8D8D8; }
.table-type-02 tbody tr::after{content:""; position: absolute; bottom: -2px; left: 0; width: 0; height: 1px; background-color: var(--main-color); transition: 0.6s;}
.table-type-02 tbody tr:hover::after { width: 100%; }
.table-type-02 th { font-size: 20px; font-weight: 500; color: #111; background-color: #F8F8F8; }
.table-type-02 td { padding: 20px; font-size: 20px; font-weight: 300; vertical-align: middle; line-height: 1.6; text-align: center; color: #222; }
.table-type-02 .title { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: var(--font-lang); font-size: 24px; line-height: 1.6; text-align: left; color: #111; }
.table-type-02 a.title { white-space: nowrap; display: block; padding: 0 10px; -webkit-line-clamp: 1; font-size: inherit; }
.table-type-02 .btn-link { display: flex; align-items: center; padding: 10px 22px; width: fit-content; min-width: fit-content; border-radius: 50px; font-size: 16px; font-weight: 400; color: #444; background-color: #F8F8F8; white-space: nowrap; margin: 0 auto; transition: 0.2s; }
.table-type-02 .btn-link::after { content: ""; display: block; width: 20px; height: 20px; margin-left: 2px; background: url("/img/sub/icon_td_link.svg") no-repeat center center/contain; transition: 0.2s; }
.table-type-02 .btn-link:hover { background-color: var(--main-color); color: #fff; }
.table-type-02 .btn-link:hover::after { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.search__form { display: flex; justify-content: right; margin-bottom: 60px; }
.search__area { overflow: hidden; display: flex; align-items: center; height: 80px; padding: 0 20px; border: 1px solid #D8D8D8; border-radius: 100px; }
.search__select { border: none; width: 104px; height: 100%; padding: 0 20px; font-size: 20px; color: #222; background: url("/img/common/icon_select_arrow.svg") no-repeat calc(100% - 20px) center/auto; }
.search__input { position: relative; display: flex; align-items: center; width: 479px; height: 100%; }
.search__input::before {content: ""; position: absolute; left: 0; top: 50%; display: block; width: 1px; height: 16px; background-color: #D8D8D8; transform: translateY(-50%); }
.search__input > * { height: 100%; }
.search__input > input { border: none; width: calc(100% - 66px); padding: 0 20px; font-family: var(--font-lang); font-size: 20px; color: #222; }
.search__input > input::placeholder { font-weight: 300; color: #999; }
.search__input .btn-search { width: 66px; border: none; background: url("/img/common/icon_search.svg") no-repeat center center/auto; }
.paging{display:flex;align-items:center;justify-content:center; column-gap: 20px; margin-top: 120px;}
.paging .arr{display:flex; align-items: center; column-gap: 20px;}
.paging a{display:flex;align-items:center;justify-content:center; width: 40px; height: 40px; border-radius: 50%; font-size: 20px; color: #999999; font-weight: 300; text-align: center;}
.paging ul{display:flex;align-items:center; column-gap: 20px; }
.paging ul li a:hover { color:#fff; background: var(--main-color); border-color: var(--main-color); }
.paging ul li.on a { color:#fff; background: var(--main-color); border-color: var(--main-color); }
.paging .arr a i { display: block; width: 100%; height: 100%; }
.paging .arr a i::before { display: none; }
.paging .arr a .xi-angle-left-min { background: url("/img/common/page_prev.svg") no-repeat center center/8px; }
.paging .arr a .xi-angle-right-min { background: url("/img/common/page_next.svg") no-repeat center center/8px; }
.paging .arr a.first i{transform:translateX(-5px);}
.paging .arr a.last i{transform:translateX(5px);}
.paging .arr a.first i:first-of-type{transform:translateX(5px);}
.paging .arr a.last i:last-of-type{transform:translateX(-5px);}
.view_ctn .tit{ padding-bottom: 60px; border-bottom: 1px solid #D8D8D8; }
.view_ctn .tit .tag{display: inline-block; padding: 0 23px; line-height: 35px; border-radius:20px; font-weight: 500; font-size: 15px; color: #fff; min-width: 85px}
.view_ctn .tit h2{ font-family: var(--font-lang); font-weight: 600; font-size: 48px; color: #000;}
.view_ctn .tit ul{ overflow: hidden; display:flex; align-items: center; margin-top: 30px; gap: 5px 61px;}
.view_ctn .tit ul li{ position: relative; font-family: var(--font-lang); font-size: 20px; font-weight: 300; color: #999;}
.view_ctn .tit ul li::before { content: ""; position: absolute; left: -31px; top: 50%; display: block; width: 1px; height: 16px; background-color: #D8D8D8; transform: translateY(-50%); }
.view_ctn .tit ul li span{ margin-right: 15px; font-weight: 500; color: #111;}
.view_ctn .info{ max-width: 1000px; padding: 30px 0; margin: 0 auto; font-family: var(--font-lang); font-size: 20px; }
.view_ctn .file_box{ margin-top: 30px;}
.view_ctn .file_box dl{display:flex; flex-wrap:wrap; align-items:center;}
.view_ctn .file_box dl + dl { margin-top: 15px; }
.view_ctn .file_box dl dt{ position: relative; width: 133px; font-family: var(--font-lang); font-weight: 500; font-size: 18px; }
.view_ctn .file_box dl dt::after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 1px; height: 12px; background-color: #CCC; transform: translateY(-50%); }
.view_ctn .file_box dl dt .icon-file { display: inline-block; margin-right: 10px; width: 23px; height: 23px; background: url("/img/common/icon_file.svg") no-repeat center center/contain; vertical-align: -0.25em; }
.view_ctn .file_box dl dd{ width: calc(100% - 133px); font-family: var(--font-lang); font-size: 18px; font-weight: 300; color: #444;}
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; padding: 0 10px; 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; transform: translateY(-50%);}
.view_ctn .file_box dl dd a i{margin-right: 8px;}
.view_ctn .pages{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; margin-top: 120px;}
.view_ctn .pages dl{display: flex; align-items: center; width: 50%; height: 100px;}
.view_ctn .pages dl:last-child { flex-direction: row-reverse; border-left: 1px solid #D8D8D8; }
.view_ctn .pages dl:last-child dd a { text-align: right; }
.view_ctn .pages dl dt{position: relative; padding: 0 40px; font-family: var(--font-lang); font-weight: 300; font-size: 20px;}
.view_ctn .pages dl dt { display: flex; align-items: center; column-gap: 40px; width: 177px; }
.view_ctn .pages dl dt i { display: inline-block; width: 6px; height: 10px;}
.view_ctn .pages dl dt i::before { display: none; }
.view_ctn .pages dl dt .xi-caret-up-min { background: url("/img/common/view_page_prev.svg") no-repeat center center/contain; }
.view_ctn .pages dl dt .xi-caret-down-min { background: url("/img/common/view_page_next.svg") no-repeat center center/contain; }
.view_ctn .pages dl dd { width: calc(100% - 177px); }
.view_ctn .pages dl dd a{display: block; width: 100%; padding: 0 38px; font-family: var(--font-lang); font-size: 20px; font-weight: 300; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.view_ctn .list_btn{margin-top: 130px; text-align: center;}
.view_ctn .list_btn a{display: inline-block; width: 180px; line-height: 60px; vertical-align: top; background: #000; font-weight: bold; font-size: 17px; color: #fff; border-radius: 5px; letter-spacing: -0.02em; transition: 0.3s;}
.view_ctn .list_btn a i{margin-right: 10px; transform: translateY(1px);}
.view_ctn .button__wrap { margin-top: 120px; }

.num-type-list { margin-top: 20px; }
.num-type-list > li { display: flex; column-gap: 10px; font-family: var(--font-lang); font-size: 20px; color: #222; }
.num-type-list > li * { font-family: inherit; }
.num-type-list > li b { font-weight: 400; letter-spacing: inherit; color: var(--main-color); }
.num-type-list > li + li { margin-top: 0.75em; }
.num-type-list > .img + li { margin-top: 2em; }
.num-type-list > li .img-box { display: flex; justify-content: center; align-items: center; width: 100%; height: 260px; border: 1px solid #DBDBDB; border-radius: 10px; text-align: center; }
.dot-type-list { margin-top: 15px; }
.dot-type-list > li { position: relative; padding-left: 14px; font-family: var(--font-lang); font-size: 20px; color: #222; }
.dot-type-list > li * { font-family: inherit; }
.dot-type-list > li::before { content: ""; position: absolute; left: 0; top: 0.5em; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color); }
.dot-type-list > li + li { margin-top: 0.75em; }

/* swiper 초기화 */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 1; }
.swiper-button-next, .swiper-button-prev { position: static; margin-top: 0; background: no-repeat center center/contain; }
.swiper-button-prev:after, .swiper-button-next:after { display: none; }

/* intro page */
.intro__wrap { display: flex; }
.intro__area { overflow: hidden; position: relative; display: flex; align-items: center; width: 50%; height: 100dvh; padding: 0 60px; }
.intro__area::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); visibility: hidden; opacity: 0; transition: 0.6s; z-index: 1; }
.intro__area .text-box { position: relative; display: flex; flex-direction: column; z-index: 5; }
.intro__area .bg { position: absolute;  top: 50%; width: 100%; min-height: 101%; transform: translateY(-50%) scale(1.17); transition: background-size 0.6s, background-position 0.6s, transform 0.6s; }
.intro__area.human .bg {  left: 0; background: url("/img/intro/intro_human_bg.jpg") no-repeat center center/cover; } 
.intro__area.animal .bg { right: 0;  background: url("/img/intro/intro_animal_bg.jpg") no-repeat center center/cover; } 
.intro__area .logo { width: clamp(60px,9.89vw,190px); }
.intro__area .logo img { width: 100%; }
.intro__area .intro-title { position: relative; left: 0; top: calc(50vh - 40px); font-size: clamp(24px,3.125vw,60px); font-weight: 700; color: #fff; transition: 0.6s; }
.intro__area .intro-text { margin-top: 10px; font-size: 22px; font-weight: 500; color: #fff; }
.intro__area .btn-link { width: fit-content; margin-top: 80px; padding: 17.5px 32.5px; border: 1px solid #fff; border-radius: 100px; font-size: 19px; font-weight: 500; color: #fff; background-color: transparent; }
.intro__area .btn-link::after { content: ""; display: block; width: 20px; height: 20px; margin-left: 20px; background: url("/img/common/icon_link_02.svg") no-repeat center center/contain; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transition: inherit; }
.intro__area .btn-link:hover { background-color: #fff; color: var(--main-color); }
.intro__area .btn-link:hover::after { -webkit-filter: none; filter: none; }
.intro__area .logo, .intro__area .intro-text, .intro__area .btn-link { opacity: 0; transition: 0.6s; }
.intro__area.animal { justify-content: right; }
.intro__area.animal .text-box { align-items: flex-end; text-align: right; }

.sv01 .visual-img { background-image: url("/img/sub/visual_company.jpg"); }
.content { overflow: hidden; padding-top: 160px; padding-bottom: 240px; }
.content .section + .section { margin-top: 200px; }
.sec-about { overflow: hidden; }
.sec-about .title { position: relative; width: fit-content; margin: 0 auto; padding: 24px 10px 20px; font-family: var(--font-lang); font-size: clamp(18px,2.083vw,40px); font-weight: 700; line-height: 1.5; text-align: center; }
.sec-about .title::before, .sec-about .title::after { content: ""; position: absolute; display: block; width: clamp(32px,4.32vw,83px); aspect-ratio: 1.2/1; background: no-repeat center center/contain; }
.sec-about .title::before { left: 7%; top: 0; background-image: url("/img/sub/quotes_left.svg"); }
.sec-about .title::after { right: -9.48%; bottom: 0; background-image: url("/img/sub/quotes_right.svg"); }

.sec-about .text { width: fit-content; margin: 0 auto; padding: 0 10px; font-family: var(--font-Pretendard); font-size: clamp(14px,1.25vw,24px); font-weight: 300; color: #666; text-align: center; }
.sec-about .text .color-point { font-weight: 500; }
.sec-history .section .sec-title-box { margin-bottom: 0; }
.history-swiper__wrap { position: relative; margin-top: 50px; padding-top: 10px; }
.history-swiper__wrap .inner { width: calc(100% - 40px); }
.history-swiper__wrap .line { display: flex; align-items: center; width: calc(100vw - 120px); min-width:1760px; height: 1px; background-color: var(--main-color); }
.history-swiper__wrap .line .bar { width: 34%; height: 21px; }
.history-swiper__wrap .line .bar::before { content: ""; display: inline-block; width: 1px; height: 100%; background-color: var(--main-color); }
.history-swiper { position: static; width: calc(100vw - 120px); min-width:1760px; margin-top: 60px; }
.history-swiper .year { display: inline-block; margin-bottom: 0.625em; font-size: 48px; font-weight: 500; color: var(--main-color); }
.history-swiper .history__list > li { position: relative; display: flex; padding-left: 14px; font-family: var(--font-lang); font-size: 20px; color: #222; }
.history-swiper .history__list > li + li { margin-top: 0.5em; }
.history-swiper .history__list > li::before { content: ""; position: absolute; left: 0; top: 0.5em; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color); }
.history-swiper .swiper-opt__wrap { position: absolute; right: 160px; top: -100px; display: flex; align-items: center; column-gap: 30px; }
.history-swiper .swiper-slide { padding-right: 100px; }
.history-swiper .swiper-button-next, .history-swiper .swiper-button-prev{width: 54px; height: 50px;}
.history-swiper .swiper-button-next { background-image: url("/img/sub/h-swiper_next_on.svg"); }
.history-swiper .swiper-button-prev { background-image: url("/img/sub/h-swiper_prev.svg"); }
.sec-awards { padding-top: 40px; }
.awards__wrap { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 40px; }
.awards__wrap .img-box { overflow: hidden; width: 48.75%; border-radius: 10px; }
.awards__wrap .img-box img { width: 100%; }
.awards__wrap .text-box { width: calc(51.25% - 40px); margin-top: 30px; }
.awards__text { width: fit-content; }
.title.type-circle { position: relative; padding-left: 35px; font-family: var(--font-lang); font-size: 24px; font-weight: 500; }
.title.type-circle::before { content: ""; position: absolute; left: 0; top: 0.25em; display: block; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0px 0px 0px 6px var(--main-color);  }
.awards__text .box { margin-top: 30px; padding-top: 30px; border-top: 1px solid #D8D8D8; }
.awards__text .box dl { padding-left: 14px; font-size: 20px; }
.awards__text .box dl + dl { margin-top: 20px; }
.awards__text .box dt { position: relative; margin-bottom: 5px;  font-weight: 500; color: #111; }
.awards__text .box dt::before { content: ""; position: absolute; left: -14px; top: 0.5em; width: 4px; height: 4px; border-radius: 50%; background-color: var(--main-color); }
.awards__text .box dd { font-family: var(--font-lang); color: #222; }

.sv02 .visual-img { background-image: url("/img/sub/visual_product.jpg"); }
.product .content { overflow: initial; }
.sec-product { margin-top: 165px; }
.sec-about .title.product-01::before { left: -10%; }
.sec-about .title.product-01::after { right: -10%; }
.sec-about .title.product-02::before { left: -10.49%; }
.sec-about .title.product-02::after { right: -9.86%; }
.product-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; gap: 40px; }
.product-info .img-box { overflow: hidden; display: flex; align-items: center; width: 46.25%; border: 1px solid #DBDBDB; border-radius: 10px; }
.product-info .text-box { width: 48.75%; } 

.use__wrap + .use__wrap { margin-top: 160px; }
.use__wrap .img__area { margin-top: 60px; }
.use__wrap .img__area.mt40 { margin-top: 40px; }
.use-img__list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.use-img__list > li { position: relative; width: calc((100% - 220px)/3); }
.use-img__list > li::after { content: ""; position: absolute; right: -25px; top: 50%; display: block; width: 60px; height: 60px; border-radius: 50%; background: url("/img/sub/process_arrow.svg") no-repeat center center/auto #CCC; transform: translate(100%, -50%); }
.use-img__list > li:last-child::after { display: none; }
.use-img__list > li .img-box { overflow: hidden; width: 100%; border-radius: 10px;  }
.use-img__list > li .img-box img { width: 100%; }
.use-img__list > li .num { position: absolute; left: 20px; top: 20px; width: 40px; border-radius: 50%; background-color: var(--main-color); color: #fff; font-size: 18px; line-height: 40px; text-align: center; color: #fff; }
.use-img__list.info { align-items: stretch; }
.use-img__list.info > li { width: 22.5%; }
.use-img__list.info > li::after { right: -20px; width: 40px; height: 40px; }
.use-img__list > li.info-box { width: calc(55% - 152px); }
.use-img__list > li.info-box { overflow: hidden; display: flex; border: 1px solid #D8D8D8; border-radius: 10px; }
.use-img__list > li.info-box .img-box { width: 49.3%; height: 100%; border-radius: 0; }
.use-img__list > li.info-box .img-box img { height: 100%; object-fit: cover; }
.use-img__list > li.info-box .text-box { display: flex; align-items: flex-end; padding: 20px 20px 50px 28px; } 
.use-img__list > li.info-box .text-box dt { position: relative; margin-bottom: 1em; padding-bottom: 1em; font-size: 20px ;font-weight: 500; line-height: 1.6; color: var(--main-color); }
.use-img__list > li.info-box .text-box dt::before, .use-img__list > li.info-box .text-box dt::after { content: ""; position: absolute; left: -28px; bottom: 0; display: block; width: 182px; height: 1px; }
.use-img__list > li.info-box .text-box dt::before { width: 182px; background-color: var(--main-color); }
.use-img__list > li.info-box .text-box dt::after { width: 75px; background-color: #fff; transform: translateX(-100%); }
.use-img__list > li.info-box .text-box dd { font-size: 18px; color: #222; }
.app-img__list { display: flex; flex-wrap: wrap; justify-content: center; gap:20px; }
.app-img__list > li { flex: 1; aspect-ratio: 1/1; max-height: 304px; }
.app-img__list > li > a { position: relative; display: flex; height: 100%; flex-direction: column; justify-content: center; align-items: center; border-radius: 10px; background-color: #F8F8F8;  transition: 0.2s; }
.app-img__list > li > a::before { content: ""; position: absolute; right: 20px; top: 20px; display: block; width: 26px; height: 26px; background: url("/img/sub/icon_link_arrow.svg") no-repeat center center/contain; transition: 0.2s; }
.app-img__list > li > a .svg { max-width: 35%; height: auto !important; }
.app-img__list > li > a .svg path { transition: 0.2s; }
.app-img__list > li > a .text { margin-top: 2.7em; font-size: 20px;; font-weight: 500; color: #111; text-align: center; transition: 0.2s; }
.app-img__list > li > a:hover { background-color: var(--main-color); }
.app-img__list > li > a:hover::before { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);  }
.app-img__list > li > a:hover .svg path { stroke:#fff; }
.app-img__list > li > a:hover .svg .fill-path { fill:#fff; }
.app-img__list > li > a:hover .svg .stroke-n { stroke: transparent; }
.app-img__list > li > a:hover .text { color: #fff; }

.sv03 .visual-img { background-image: url("/img/sub/visual_rnd.jpg"); }
.sec-about .title.rnd-01::before { left: 11.5%; }
.sec-about .title.rnd-01::after { right: -12.85%; }
.sec-about .img-box { display: flex; justify-content: right; align-items: center; gap: 10px 29px; margin-top: 120px; padding: 40px 50px; border-radius: 10px; background-color: #F8F8F8; }
.sec-about .img-box svg { height: auto !important; max-height:420px; }
.sec-about .img-box img { width: calc(52.75% + 49px) }
.sec-about .img-box .box { display: none; }
.info__wrap + .info__wrap { margin-top: 160px; }
.card-info__area { display: flex; flex-wrap: wrap; gap: 40px; margin-top: 60px; }
.card-info__box { width: calc(50% - 20px); padding: 50px; border-radius: 10px; background-color: #F8F8F8; }
.card-info__box .title-box { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dashed #D8D8D8; }
.card-info__box .title-box .title { font-family: var(--font-lang); font-size: 24px; font-weight: 600; color: var(--main-color); }
.card-info__box .title-box .eng { display: inline-block; margin-top: 5px; font-size: 20px; font-weight: 300; color: #999; }
.card-info__box .text-box > p { font-family: var(--font-lang); font-size: 18px; line-height: 1.5; color: #222; }
.info__wrap.flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 40px; }
.info__wrap.flex .list-box { width: calc(51.25% - 40px); }
.info__wrap.flex .img-box { overflow: hidden; width: 48.75%; border:1px solid #D8D8D8; border-radius: 10px; text-align: center; }
.card-pop__area { display: flex; flex-wrap: wrap; gap: 40px 41px; }
.card-pop__box { width: calc((100% - 82px)/3); height: 310px; padding: 40px; border-radius: 10px; background-color: #F8F8F8; transition: background-color 0.2s; }
.card-pop__box .top { display: flex; justify-content: space-between; align-items: center; }
.card-pop__box .top .tag { font-size: 20px; padding: 5px 18px; border-radius: 50px; color: #fff; background-color: var(--main-color); transition: 0.2s; }
.card-pop__box .top .more { width: 30px; height: 30px; border: none; background: url("/img/sub/icon_plus.svg") no-repeat center center/contain; transition: 0.2s; }
.card-pop__box .title { overflow: hidden; font-family: var(--font-lang); white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 1.25em; font-size: 24px; font-weight: 500; line-height: 1.6; color: #111; transition: 0.2s; }
.card-pop__box:hover { background-color: var(--main-color); }
.card-pop__box:hover .top .tag { color: var(--main-color); background-color: #fff; }
.card-pop__box:hover .top .more { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); transform: rotate(90deg); }
.card-pop__box:hover .title { color: #fff; }
.awards-img__list { display: flex; flex-wrap: wrap; gap: 40px; }
.awards-img__list > li { width: calc((100% - 120px)/4); }
.awards-img__list > li .img-box { overflow: hidden; position: relative; border: 1px solid #D8D8D8; border-radius: 10px; background-color: #fff; }
.awards-img__list > li .img-box::before { content: ""; display: block; padding-top: 141.6%; }
.awards-img__list > li .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.awards-img__list > li .title { overflow: hidden; margin-top: 1.5em; font-size: 20px; color: #111; white-space: nowrap; text-overflow: ellipsis; }

.sv04 .visual-img { background-image: url("/img/sub/visual_notice.jpg"); }
.sec-notice .table-type-02 tbody tr { height: 120px; }
.sv05 .visual-img { background-image: url("/img/sub/visual_contact.jpg"); }
.map__wrap { display: flex; justify-content: space-between; gap: 40px; }
.map__wrap .info-box { width: calc(37.5% - 20px); max-width: 500px; }
.map__wrap .map-box { overflow: hidden; width:62.5%; height: 560px; border-radius: 10px; }
.root_daum_roughmap { width: 100% !important; height: 100%; }
.root_daum_roughmap .wrap_map { height: 100% !important; }
.root_daum_roughmap .map_border { display: none; }
.root_daum_roughmap .cont { display: none; }
.map__wrap .map-box iframe { width: 100%; height: 100%; }
.map__wrap .info-box .company { display: flex; align-items: center; font-family: var(--font-lang); font-size: 36px; font-weight: 500; color: #000; }
.map__wrap .info-box .company::before { content: ""; display: inline-block; width: 30px; height: 36px; margin-right: 20px; background: url("/img/sub/icon_map_marker.svg") no-repeat center center/contain; }
.map__wrap .info-box .address { margin-top: 1.25em; font-family: var(--font-lang); font-size: 24px; font-weight: 300; }
.map__wrap .dot-type-list { margin-top: 60px; }
.map__wrap .dot-type-list > li + li { margin-top: 1em; }
.map__wrap .dot-type-list dl { display: flex; gap: 10px 30px; }
.map__wrap .dot-type-list dt { width: 60px; font-family: var(--font-Readex-Pro); font-weight: 500; color: #111; }
.map__wrap .dot-type-list dd { overflow: hidden; display: flex; flex-wrap: wrap; width: calc(100% - 90px); gap: 5px 31px; font-family: var(--font-Readex-Pro); }
.map__wrap .dot-type-list dd span { position: relative; }
.map__wrap .dot-type-list dd span + span::before { content: ""; position: absolute; left: -16px; top: 50%; width: 1px; height: 16px; background-color: #D9D9D9; transform: translateY(-50%); }

.sv06 .visual-img { background-image: url("/img/sub/visual_policy.jpg"); }

/* table basic style */
.view_ctn .info table{border:1px solid #eaedf1;}
.view_ctn .info table th{height:45px;padding:10px;background:#fafafa; border: 1px solid #eee; text-align: center; }
.view_ctn .info table th.title{background:#fafafa}
.view_ctn .info table td{padding:10px; border: 1px solid #eee; }
.view_ctn .info table td.tit{text-align:left;padding-left:10px;padding-right:10px;}

@keyframes pageTitleUp {
    0%{ transform: translateY(30px); opacity: 0; }
    100%{ transform: translateY(0px); opacity: 1; }
}
@keyframes subVisual {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}

@media screen and (max-width:1640px) {
    .intro__area { padding: 0 30px; }
    .awards__wrap { align-items: center; }
    .awards__wrap .text-box { margin-top: 0; }

    .history-swiper__wrap .line, .history-swiper { width: calc(100vw - 20px); min-width: initial; }
    .history-swiper .swiper-opt__wrap { right: 20px; }
    .app-img__list > li > a .text { font-size: clamp(14px,1.22vw,20px); }

    .use-img__list > li.info-box .text-box dt { font-size: 18px; }
    .use-img__list > li.info-box .text-box dd { font-size: 16px; }

    .sec-notice .table-type-02 colgroup col:nth-child(2) { width: 57.75% !important; }
    .sec-notice .table-type-02 colgroup col:nth-child(3) { width: 12% !important; }
    .sec-notice .table-type-02 colgroup col:nth-child(4) { width: 12% !important; }
    .sec-notice .table-type-02 colgroup col:nth-child(5) { width: 12% !important; }

    .view_ctn .tit h2 { font-size: clamp(22px,2.92vw,48px); }
}
@media screen and (max-width:1400px) {
    .table-type-02 colgroup col:nth-child(1) { width: 7.25% !important; }
    .table-type-02 colgroup col:nth-child(2) { width: 77.75% !important; }
    .table-type-02 colgroup col:nth-child(3) { width: 15% !important; }

    .history-swiper .year { font-size: 32px; }
    .history-swiper .swiper-slide { padding-right: 50px; }
    .history-swiper .history__list > li { font-size: 16px; }
    .awards__text .box dt > br { display: none; }
    .awards__text .title.type-circle > br { display: none; }
    .use-img__list > li.info-box .text-box { padding: 20px; }
    .use-img__list > li.info-box .text-box dt::before, .use-img__list > li.info-box .text-box dt::after { left: -20px; }
    .use-img__list > li.info-box .text-box dt::after { width: 40px; }
    .map__wrap .map-box { width: 53.6%; }
    .map__wrap .info-box { width: calc(46.4% - 20px); }

    .card-info__box .text-box > p > br { display: none; }
    .dot-type-list > li > span > br:not(.fixed-br) { display: none; }
}
@media screen and (max-width:1200px) {
    .header { position: fixed; }
    .tab__area { top: calc(var(--header-H) + 10px); margin: 150px auto 0; }
    .sub-tab .tab__item { padding: 10px 20px; font-size: 14px; }
    
    .table-type-01 th, .table-type-01 td { padding: 10px; font-size: 16px; }
    .table-type-02 thead tr { height: 60px; }
    .table-type-02 tbody tr,.sec-notice .table-type-02 tbody tr { height: 90px; }
    .table-type-02 th, .table-type-02 td { padding: 10px; font-size: 16px; }
    .table-type-02 .title { font-size: 18px; }
    .table-type-02 .btn-link { font-size: 14px; padding: 8px 16px; }
    .table-type-02 .btn-link::after { width: 16px; height: 16px; }
    .search__form {margin-bottom: 40px;}  
    .search__area { height: 60px; }
    .search__select { font-size: 16px; }
    .search__input > input { font-size: 16px; }
    .paging { margin-top: 60px; column-gap: 10px; }
    .paging a { width: 26px; height: 26px; font-size: 14px; }
    .paging ul,.paging .arr { column-gap: 10px; }
    .paging .arr a .xi-angle-left-min, .paging .arr a .xi-angle-right-min { background-size: 6px; }
    .paging .arr a.first i{transform:translateX(-4px);}
    .paging .arr a.last i{transform:translateX(4px);}
    .paging .arr a.first i:first-of-type{transform:translateX(4px);}
    .paging .arr a.last i:last-of-type{transform:translateX(-4px);}
    .view_ctn .tit ul { gap: 5px 40px; }
    .view_ctn .tit ul li { font-size: 16px; }
    .view_ctn .tit ul li::before { left: -21px; }
    .view_ctn .file_box dl dt, .view_ctn .file_box dl dd { font-size: 16px; }
    .view_ctn .pages dl { height: 80px; }
    .view_ctn .pages dl dt { width: 120px; column-gap: 20px; padding: 0 20px; font-size: 16px; }
    .view_ctn .pages dl dd { width: calc(100% - 120px); }
    .view_ctn .pages dl dd a { padding: 0 20px; font-size: 16px; }
    
    .title.type-circle { padding-left: 24px; font-size: 20px; }
    .title.type-circle::before { width: 14px; height: 14px; box-shadow: inset 0px 0px 0px 4px var(--main-color);}
    .awards__text .box { margin-top: 20px; padding-top: 20px; }
    .awards__text .box dl { font-size: 16px; }
    .num-type-list > li, .dot-type-list > li { font-size: 16px; }
    .use-img__list > li { width: calc((100% - 100px)/3); }
    .use-img__list > li::after, .use-img__list.info > li::after { right: -10px; width: 30px; height: 30px; background-size: 30%; }
    .use-img__list > li.info-box { width: calc(55% - 100px); }
    .use-img__list > li.info-box .text-box dt { font-size: 16px; margin-bottom: 0.5em; padding-bottom: 0.5em; }
    .use-img__list > li.info-box .text-box dd { font-size: 14px; }
    .num-type-list > li .img-box img { max-width: 60%; }

    .card-pop__area { gap: 20px; }
    .card-pop__box { width: calc((100% - 40px)/3); padding: 30px; }
    .card-pop__box .top .tag { font-size: 16px; }
    .card-pop__box .title { font-size: 20px; }
    .awards-img__list > li .title { font-size: 18px; }
    .map__wrap .info-box .company { font-size: 24px; }
    .map__wrap .info-box .company::before { width: 24px; height: 29px; margin-right: 14px; }
    .map__wrap .info-box .address { font-size: 20px; }

    .sec-product { margin-top: 70px; }
}
@media screen and (min-width:1025px){
    .intro__area.on { width: 67.7%; }
    .intro__area.human:hover .bg { background-position: 0 center; transform-origin: 0 center; transform: translateY(-50%) scale(1.2); }
    .intro__area.animal:hover .bg { background-position: 100% center; transform-origin: 100% center; transform: translateY(-50%) scale(1.2);  }
    .intro__area:not(:hover) { transition: width 0.6s; }
    .intro__area:hover :where( .logo, .intro-text, .btn-link ) { opacity: 1; }
    .intro__area:hover .intro-title { top: 0; font-size: clamp(60px,7.29vw,140px); }
    .intro__area.off { width: 32.3%; transition: width 0.6s; }
    .intro__area.off::before{ visibility: visible; opacity: 1; }
    .intro__area.off .intro-title { opacity: 0; }
}
@media screen and (max-width:1024px) {
    body [data-aos=fade-up][data-aos].aos-animate {transition-delay: 0.4s; }    
    .footer { padding: 20px 0; }
    .content { padding-top: 80px; padding-bottom: 120px; }
    .content .section + .section { margin-top: 100px; }
    .section .sec-title-box { margin-bottom: 30px; }
    #subWrap {  padding-top: calc(var(--header-H) + 40px); }
    #location { margin-bottom: 20px; }
    #sv .page-title { animation: pageTitleUp 0.6s 0s both; }

    .table-scroll { padding-bottom: 10px; }
    .table-scroll table { min-width: 500px; }
    .table-type-01 tr { height: 51px; }
    .table-type-01 th, .table-type-01 td { padding: 5px; font-size: 14px; }
    .table-type-02 th, .table-type-02 td { padding: 5px; font-size: 14px; }
    .table-type-02 .title { font-size: 16px; }
    .search__area { width: 100%; }
    .search__input { width: calc(100% - 104px); }
    .paging .arr a.first i{transform:translateX(-2px);}
    .paging .arr a.last i{transform:translateX(2px);}
    .paging .arr a.first i:first-of-type{transform:translateX(2px);}
    .paging .arr a.last i:last-of-type{transform:translateX(-2px);}
    .view_ctn .pages { margin-top: 60px; }
    .view_ctn .pages dl { width: 100%; height: 60px; }
    .view_ctn .pages dl:last-child { flex-direction: row; border-left: none; border-top: 1px solid #D8D8D8; }
    .view_ctn .pages dl:last-child dt { flex-direction: row-reverse; justify-content: left; }
    .view_ctn .pages dl dt .xi-caret-up-min { transform: rotate(90deg); }
    .view_ctn .pages dl dt .xi-caret-down-min { transform: rotate(90deg); }
    .view_ctn .pages dl:last-child dd a { text-align: left; }
    .view_ctn .button__wrap { margin-top: 60px; }
    .btn-list { width: 160px; height: 53px; font-size: 16px; }

    .visual-img { animation: subVisual 0.6s 0s both; }
    .intro__wrap { flex-direction: column; }
    .intro__area { width: 100%; height: 50dvh; padding: 0 20px; }
    .intro__area .intro-text { font-size: 20px; }
    .intro__area .btn-link { margin-top: 40px; padding: 14px 20px; font-size: 16px; }
    .intro__area::before{ visibility: visible; opacity: 1; }
    .intro__area.human::before{background: linear-gradient(90deg,rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);}
    .intro__area.animal::before{background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.3) 100%);}
    .intro__area .logo, .intro__area .intro-text, .intro__area .btn-link { opacity: 1; }
    .intro__area .intro-title { left: 0; top: 0; font-size: clamp(34px,6.83vw,70px); opacity: 1; }
    .intro__area.human .bg { background-position: 0 center; transform: translateY(-50%); }
    .intro__area.animal .bg { background-position: 100% center; transform: translateY(-50%);  }
    .history-swiper__wrap { margin-top: 30px; }
    .history-swiper__wrap .line .bar { width: 50%; }
    .history-swiper__wrap .line .bar:nth-child(3) { display: none; }
    .history-swiper { margin-top: 30px; }
    .history-swiper .swiper-opt__wrap { top: -60px; column-gap: 15px; }
    .history-swiper .swiper-button-next, .history-swiper .swiper-button-prev{width: 32px; height: 30px;}
    .history-swiper .year { font-size: 24px; }
    .history-swiper .history__list > li { padding-left: 10px; font-size: 14px; }
    .history-swiper .history__list > li::before { width: 3px; height: 3px; }
    .sec-awards { padding-top: 0; }
    .awards__wrap .text-box, .awards__wrap .img-box { width: 100%; }
    .awards__wrap .img-box { max-width: 500px; }
    .awards__text { width: 100%; }

    .use__wrap + .use__wrap { margin-top: 80px; }
    .product-info { flex-wrap: wrap; }
    .product-info .img-box { width: 100%; max-width: 500px; }
    .product-info .text-box { width: 100%; }
    .product-info .table-type-01 col:first-child { width: 20% !important; }
    .product-info .table-type-01 col:last-child { width: 80% !important; }
    .use-img__list.info { justify-content: left; gap: 50px; }
    .use-img__list.info > li { width: calc(50% - 25px); }
    .use-img__list > li.info-box { width: calc(100%);  }
    .use-img__list.info > li:nth-child(2)::after { right: 50%; top: calc(100% + 10px); transform: translate(50%, 0) rotate(90deg); }
    .use-img__list > li.info-box .img-box img { height: auto; }
    .use-img__list > li.info-box .text-box { padding-bottom: 50px; }
    .app-img__list > li { flex: none; width: calc((100% - 40px)/3); }
    .use-img__list > li .num { left: 10px; top: 10px; font-size: 14px; width: 30px; line-height: 30px; }

    .sec-about .img-box { flex-direction: column; justify-content: center; margin-top: 60px; padding: 20px 30px; }
    .sec-about .img-box svg, .sec-about .img-box img { width: 100%; max-width: 500px; }
    .sec-about .img-box svg .line { display: none; }
    .sec-about .img-box svg .group-02 { transform: translateY(10%); }
    .sec-about .img-box .box { display: block; width: 50%; max-width: 250px; }
    .sec-about .img-box .arrow { display: inline-block; width: 8px; height: 42.6px; background: url("/img/sub/mo_arrow.svg") no-repeat center center/contain; }
    .card-info__box { padding: 20px; }
    .card-info__box .title-box { padding-bottom: 14px; margin-bottom: 14px; }
    .card-info__box .title-box .title { font-size: 20px; }
    .card-info__box .title-box .eng { font-size: 16px; }
    .card-info__box .text-box > p { font-size: 14px; }
    .card-pop__box { width: calc(50% - 10px); height: 240px;}
    .info__wrap + .info__wrap { margin-top: 80px; }

    .awards-img__list > li { width: calc(50% - 20px); }
    .map__wrap { flex-direction: column-reverse; }
    .map__wrap .info-box { width: 100%; max-width: initial; }
    .map__wrap .map-box { width: 100%; height: 400px; }
}
@media screen and (max-width:768px) {
    .intro__area.human .bg { transform: translateY(-50%) scale(1.2); }
    .intro__area.animal .bg { transform: translateY(-50%) scale(1.2);  }
    .intro__area .intro-text { font-size: 16px; }
    .intro__area .btn-link { margin-top: 30px; padding: 10px 14px; font-size: 14px; }
    .intro__area .btn-link::after { width: 14px; height: 14px; margin-left: 10px; }

    #location { column-gap: 24px; }
    #location > li::before { left: -14px; }
    #location > li > a { font-size: 16px; }

    .sec-title-box .sub-title { font-size: 16px; }
    .tab__area { margin: 100px auto 0; top: calc(var(--header-H) + 5px); }
    .sub-tab .tab__item { padding: 6px 12px; }
    .table-type-02 colgroup { display: none; }
    .table-type-02 thead { display: none; }
    .table-type-02 tbody tr, .table-type-02 tbody tr { display: flex; flex-wrap: wrap; height: auto; padding: 10px 0; }
    .table-type-02 tbody tr td { height: 40px; }
    .table-type-02 tbody tr td:nth-of-type(1) { width: 40px; padding: 5px; }
    .table-type-02 tbody tr td:nth-of-type(2) { width: calc(100% - 40px); }
    .table-type-02 tbody tr td:nth-of-type(3) { margin-left: 40px; }
    .sec-notice .table-type-02 tbody tr td.num { justify-content: center; }
    .sec-notice .table-type-02 tbody tr td { display: flex; align-items: center; height: auto; }
    .sec-notice .table-type-02 tbody tr td:nth-last-child(-n+3) { position: relative; margin-right: 10px;  }
    .sec-notice .table-type-02 tbody tr td:nth-last-child(-n+3)::after { content: ""; position: absolute; right: -6px; top: 50%; display: block; width: 1px; height: 10px; background-color: #999; transform: translateY(-50%); }
    .sec-notice .table-type-02 tbody tr td:nth-last-child(1) { margin-right: 0; }
    .table-type-02 tbody tr td:last-child::after { display: none !important; }
    .table-type-02 a.title { padding: 0; }
    .sec-literature .table-type-02 tbody tr td { height: 65px; }
    .sec-literature .table-type-02 tbody tr td.td-link { height: auto; margin-left: 40px; padding-top: 0; }
    .table-type-02 .btn-link { padding: 5px 10px; font-size: 13px; }
    .search__form { margin-bottom: 20px; }
    .search__area { height: 50px; padding: 0 10px; }
    .search__select { width: 90px; padding: 0 10px; font-size: 14px; background-position: calc(100% - 10px) center; }
    .search__input { width: calc(100% - 90px); }
    .search__input > input { width: calc(100% - 50px); padding: 0 10px; font-size: 14px; }
    .search__input .btn-search { width: 50px; background-size: 40%; }
    .paging { column-gap: 4px; }
    .paging a { width: 22px; height: 22px; font-size: 13px; }
    .paging ul,.paging .arr { column-gap: 4px; }
    .view_ctn .tit { padding-bottom: 20px; }
    .view_ctn .tit ul { margin-top: 14px; gap: 5px 20px; }
    .view_ctn .tit ul li { font-size: 14px; }
    .view_ctn .tit ul li::before { left: -11px; }
    .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; }
    .view_ctn .file_box dl dd { width: calc(100% - 110px); }
    .view_ctn .file_box dl dt .icon-file { width: 18px; height: 18px; }
    .view_ctn .pages dl { height: 50px; }
    .view_ctn .pages dl dt { width: 80px; }
    .view_ctn .pages dl dd { width: calc(100% - 80px); }
    .view_ctn .pages dl dt { padding: 0 10px; font-size: 14px; column-gap: 10px; }
    .view_ctn .pages dl dd a { padding: 0 10px; font-size: 14px; }
    
    .sec-about .title > br { display: none; }
    .container .sec-about .title::before { left: 0; }
    .container .sec-about .title::after { right: 0; }
    .history-swiper__wrap .line .bar { width: 100%; }
    .history-swiper__wrap .line .bar:nth-child(2) { display: none; }
    .history-swiper .swiper-slide { padding-right: 20px; }

    .awards__text { margin-top: 20px; }
    .title.type-circle { font-size: 18px; }

    .awards__text .box { margin-top: 15px; padding-top: 15px; }
    .awards__text .box dd { font-size: 14px; }

    .sec-product { margin-top: 50px; }
    .use-img__list { max-width: 400px; margin: 0 auto; gap: 50px; }
    .use-img__list > li, .use-img__list.info > li { width: 100%; }
    .use-img__list > li::after,
    .use-img__list > li::after, .use-img__list.info > li::after { right: 50%; top: calc(100% + 10px); transform: translate(50%, 0) rotate(90deg); }
    .use-img__list.info > li { flex-direction: column; }
    .use-img__list > li.info-box .img-box, .use-img__list > li.info-box .text-box { width: 100%; }
    .use-img__list > li.info-box .text-box dt::after { display: none; }
    .use-img__list > li.info-box .text-box { padding-bottom: 20px; }
    .num-type-list > li, .dot-type-list > li { font-size: 14px; }
    .num-type-list > li .img-box { height: 200px; }
    .app-img__list > li { width: calc(50% - 10px); }
    .app-img__list > li > a::before { right: 10px; top: 10px; }
    .app-img__list > li > a .text { margin-top: 20px; }

    .card-info__area { gap:20px; margin-top: 30px; }
    .card-info__box { width: 100%; }
    .info__wrap.flex .list-box { width: 100%; }
    .info__wrap.flex .img-box { width: 100%; max-width: 500px; }
    .awards-img__list { gap: 30px 20px; }
    .awards-img__list > li { width: calc(50% - 10px); }
    .awards-img__list > li .title { margin-top: 0.7em; font-size: 14px; }
    .map__wrap { gap: 30px; }
    .map__wrap .map-box { height: 300px; }
    .map__wrap .info-box .company { font-size: 20px; }
    .map__wrap .info-box .company::before { width: 18px; height: 21.6px; margin-right: 10px; }
    .map__wrap .info-box .address { margin-top: 1em; font-size: 16px; }
    .map__wrap .dot-type-list { margin-top: 30px; }
    .map__wrap .dot-type-list dt { width: 50px;}
    .map__wrap .dot-type-list dd { width: calc(100% - 80px); }
    .map__wrap .dot-type-list dd span + span::before { height: 12px; }
}
@media screen and (max-width:640px) {
    .card-pop__box { width: 100%; height: 200px; }
    .card-pop__box .top .tag { padding: 4px 14px; font-size: 14px; }
    .card-pop__box .title { font-size: 16px; }
}