@charset "utf-8";

#subWrap { padding-top: var(--header-H); }
#sv { padding-top: 100px; }
#sv .page-title { overflow: hidden; text-align: center; }
#sv .page-title > span { display: inline-block; font-family: var(--font-Outfit); font-size: clamp(32px,2.81vw,54px); font-weight: 600; color: #111; text-transform: uppercase; animation: titleAni 0.6s ease-out both; }
#sv .lnb { margin-top: 80px; animation: opacityAni 0.6s 0.3s ease-out both; }
#sv .lnb__list { display: flex; justify-content: center; align-items: center; width: fit-content; height: 75px; gap: 10px; margin: 0 auto; padding: 10px; border-radius: 75px; background-color: #f8f8f8; }
#sv .lnb__list > li { width: fit-content; height: 100%; font-size: 19px; font-weight: 600; color: #aaa; } 
#sv .lnb__list > li a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 5px 80px; border-radius: 55px; font-family: var(--font-set-2); text-align: center; }
#sv .lnb__list > li a.on { background-color: var(--main-color2); color: #fff; }
#subContents { padding-top: 120px; }
#subContents .main-title { margin-bottom: 80px; font-size: clamp(30px,2.81vw,54px); font-weight: 600; color: #111; text-align: center; }
.container { overflow-x: hidden; padding-bottom: 200px; opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s ease-out; transition-delay: 0.6s; }
.aos-animate .container { opacity: 1; }
.container.pb0 { padding-bottom: 0; }
.layout-menu { position: relative; }
.content .section.bg-gray { position: relative; padding: 120px 0; }
.content .section.bg-gray::before { content:""; position: absolute; right: 50%; top: 0; display: block; width: 100vw; height: 100%; background-color: #F8F8F8; z-index: -1; transform: translateX(50%); clip-path: inset(0 0 0 0); }
.business__content .section.bg-gray::before { right: calc(50% + 160px); }
.content .section + .section { margin-top: 120px; }
.content__wrap { width: calc(100% - 240px); padding-left: 80px; margin-left: auto; }
.content__wrap.w100{ width: 100%; padding-left: 0; }

/* element */
.sec-title-box { margin-bottom: 40px; }
.sec-title-box.flex { display: flex; justify-content: space-between; align-items: flex-end; }
.sec-title-box p { margin-top: 1.052em; font-size: 19px; font-weight: 300; color: #333; }
.sec-title-box .count { font-size: 19px; font-weight: 300; color: #333; }
.sec-title-box .count strong { font-family: inherit; font-size: 1.579em; font-weight: 600; color: var(--main-color2); }
.title-point { position: relative; padding-left: 1.4em; font-family: var(--font-set-2); font-size: 30px; font-weight: 600; }
.title-point::before { content: ""; position: absolute; left: 0; top: 0.4em; display: block; width: 0.73em; max-width: 22px; aspect-ratio: 1.46/1; background: url("/img/common/point_marker_2.svg") no-repeat center center/contain; }
.img-layout { display: flex; flex-wrap: wrap; }
.list-type-desc { margin-top: 30px; }
.list-type-desc > li { position: relative; padding-left: 1.35em; font-size: 17px; font-weight: 300; color: #333; }
.list-type-desc > li strong { font-weight: 600; color: #111; }
.list-type-desc > li + li { margin-top: 0.588em; }
.list-type-desc > li::before { content: ""; position: absolute; left: 0; top: 0.27em; display: block; width: 0.764em; aspect-ratio: 1.3/1; background: url("/img/sub/desc_check_icon.svg") no-repeat center center/contain; }
.list-type-desc.fsz-18 > li { padding-left: 1.27em; font-size: 18px; }
.list-type-desc.fsz-18 > li::before { width: 0.72em; top: 0.362em; }
.list-type-desc.fsz-18 > li + li { margin-top: 0.55em; }
.list-type-num { counter-reset: list-num; }
.list-type-num > li { counter-increment: list-num; display: flex; gap: 20px; font-size: 18px; line-height: 1.7; color: #333; }
.list-type-num > li * { line-height: inherit; font-weight: inherit; color: inherit; }
.list-type-num > li + li { margin-top: 1.61em; }
.list-type-num > li::before { content: counter(list-num); display: inline-block; min-width: 25px; height: fit-content; line-height: 25px; border-radius: 5px; background-color: #111; font-family: var(--font-Outfit); font-size: 0.833em; font-weight: 600; text-align: center; color: #fff; }
.list-type-num > li ul { margin-top: 1.11em; }
.list-type-num > li ul > li + li { margin-top: 0.278em; }
.list-type-dot > li { position: relative; padding-left: 0.44em; font-size: 18px; font-weight: 300; color: #555; }
.list-type-dot > li + li { margin-top: 0.278em; }
.list-type-dot > li::before { content: "·"; position: absolute; left: 0; top: 0; font-weight: inherit; line-height: inherit; color: inherit; }

/* board */
.search__area { display: flex; justify-content: right; align-items:center; column-gap: 10px; margin-bottom: 40px; }
.search__area .search-select { appearance: none; width: 180px; height: 60px; padding: 0 30px; border: none; border-radius: 60px; font-size: 17px; font-weight: 500; color: #999; background: url("/img/common/search_select_arrow.svg") no-repeat calc(100% - 30px) 50% /auto #F8F8F8; }
.search__area .search__box { display: flex; align-items: center; gap: 20px; width: 350px; height: 60px; padding: 0 30px; border-bottom: 1px solid #E5E5E5; }
.search__area .search-input { width: calc(100% - 38px); height: 100%; border: none; font-size: 17px; font-weight: 300; }
.search__area .search-input::placeholder { color: #999; }
.search__area .btn-search { width: 18px; height: 18px; border: none; background: url("/img/common/icon_search.svg") no-repeat center center/contain; }
.img_borad_list{display: flex; flex-wrap:wrap; gap:80px; }
.img_borad_list .item{position: relative; width: calc((100% - 160px)/3); cursor: pointer;}
.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; background-color: #f5f5f5; }
.img_borad_list .item figure::before { content: ""; display: block; padding-top: 61.538%; }
.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 .text-box{padding-top: 30px;}
.img_borad_list .item .text-box .title{font-weight: 600; font-size: 21px;color: #222; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.img_borad_list .item .text-box p{font-size: 17px; line-height: 1.58824em; margin-top: 10px; white-space: normal; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; /*높이값 라인하이트 x 2*/ height: 3.17648em}
.img_borad_list .item .text-box ul{display:flex; justify-content: space-between; margin-top: 20px; }
.img_borad_list .item .text-box ul li{ font-family: var(--font-set-2); font-size: 17px; font-weight: 500; color: #ccc;}
.paging { margin-top: 120px; }
.paging a { border: none; width: 45px; height: 45px; border-radius: 50%; font-family: var(--font-Outfit); font-size: 19px; color: #111; }
.paging ul li.on a { border: 2px solid var(--main-color2); color: var(--main-color2); background-color: transparent; }
.paging a i.xi-angle-left-min::before, .paging a i.xi-angle-right-min::before { display: none; }
.paging a i { width: 5px; height: 9px; }
.paging a i.xi-angle-left-min { background: url("/img/common/page_prev.svg") no-repeat center center/contain; }
.paging a i.xi-angle-right-min { background: url("/img/common/page_next.svg") no-repeat center center/contain; }
.paging .arr a.last i, .paging .arr a.first i { transform: none; }
.paging a i + i { margin-left: 5px; }
.view_ctn .tit{ border-bottom: 1px solid #E5E5E5; padding-bottom: 40px; }
.view_ctn .tit h2{ font-size: 42px; font-weight: 500; color: #222;}
.view_ctn .tit ul{display:flex; margin-top: 20px;}
.view_ctn .tit ul li{ font-family: var(--font-set-2); font-size: 17px; font-weight: 500; color: #CCC; }
.view_ctn .info{ padding: 40px 0; font-size: 20px; } 
.view_ctn .file_box{ padding-top: 40px; }
.view_ctn .file_box > ul > li { display: flex; justify-content: right; font-size: 17px; }
.view_ctn .file_box > ul > li + li { margin-top: 0.588em; }
.view_ctn .file_box > ul > li a { display:flex; align-items: center; gap: 20px; font-weight: 300; color: #555; }
.view_ctn .file_box > ul > li ::before { content: ""; display: block; width: 19px; height: 20px; background: url("/img/common/icon_file.svg") no-repeat center center/contain; }
.view_ctn .pages{ display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 40px; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; }
.view_ctn .pages dl{display: flex; align-items: center; width: calc((100% - 340px)/2); gap: 40px;  font-size: 19px;  }
.view_ctn .pages dl:last-of-type{ justify-content: right; text-align: right; }
.view_ctn .pages dl:last-of-type dd { text-align: right; }
.view_ctn .pages dl dt{position: relative; display: flex; align-items: center; width: 84px; font-family: var(--font-Outfit); font-weight: 500; color: var(--main-color2); }
.view_ctn .pages dl dt i { display: inline-block; width: 6px; height: 11px; background: no-repeat center center/contain; }
.view_ctn .pages dl dt .icon-prev { margin-right: 30px; background-image: url("/img/common/icon_page_prev.svg"); }
.view_ctn .pages dl dt .icon-next { margin-left: 30px; background-image: url("/img/common/icon_page_next.svg"); }
.view_ctn .pages dl dd { max-width: calc(100% - 144px); }
.view_ctn .pages dl dd a{display: block; width: fit-content; max-width: 100%; font-size: 1.105em; font-weight: 300; color: #555; 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);}

/* table */
.table { table-layout: fixed; border-collapse: collapse; width: 100%; }
.table th { font-size: 19px; font-weight: 500; }
.table td { font-size: 17px; font-weight: 300; color: #333; }
.table td.text-left { text-align: left; }
.table td.text-left p + p { margin-top: 0.294em; }
.table-type-01 tr { border-bottom: 1px solid #E5E5E5; }
.table-type-01 thead tr { border-top: 2px solid #000; }
.table-type-01 th { height: 85px; padding: 10px; font-family: var(--font-set-2); }
.table-type-01 td { height: 94px; padding: 10px; text-align: center; }
.table-type-01 td p + p { margin-top: 0.58em; }
.table-type-01 td .text-box > p + p { margin-top: 0.588em; }
.business__wrap .table-type-01 th,
.business__wrap .table-type-01 td { padding: 20px; }
.table-type-01 td.board-title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
.flex-table .table-type-01 th { padding: 20px; }
.flex-table .table-type-01 td { height: 61px; padding: 20px; }
.table-type-02 td { height: 100px; border: 1px solid #E5E5E5; padding: 20px 30px; text-align: center;  }
.table-type-02 td b { display: inline-block; margin-bottom: 0.588em; font-weight: 600; }
.table-type-02 thead th { height: 85px; background-color: #333; color: #fff; }
.table-type-02 tbody th { border: 1px solid #E5E5E5; border-left: none; font-size: 17px; font-weight: 300; color: #333; background-color: #F8F8F8; }
.table-type-02 tbody td:last-child { border-right: none; }
.table-type-02 td.bd-r-n { border-right: none; padding-right: 7.5px; }
.table-type-02 td.bd-r-n + td { border-left: none; padding-left: 7.5px; }
.table-type-02 td.text-left { text-align: left; vertical-align: top; }
.table-scroll .table { min-width: 800px; }

/* === subpage === */
/* company */
.list-type-01 { border-top: 1px solid #000 ; }
.list-type-01 > li { display: flex; justify-content: space-between; align-items:center; padding: 45px 60px; gap: 30px; border-bottom: 1px solid #E5E5E5; }

.fixed-menu__box { position: absolute; min-height: fit-content; }
.menu-swiper { position: static; top: calc(var(--header-H) + 20px); width: 240px; padding: 30px; border: 2px solid #E5E5E5; border-radius: 10px; background-color: #fff; transition: top 0.3s ease-in; z-index: 10; }
.menu-swiper.scroll { position: fixed; }
.menu-swiper.pos-t { top: 80px; }
.fixed-menu { display: block; height: fit-content; }
.fixed-menu > li { width: fit-content; height: fit-content; }
.fixed-menu > li + li { margin-top: 15px; }
.fixed-menu > li > a { position: relative; display: block; width: fit-content; padding-left: 1.315em; font-family: var(--font-set-2); font-size: 19px; font-weight: 600; color: #CCCCCC;  }
.fixed-menu > li > a::before { content: ""; position: absolute; left: 0; top: 0.473em; display: block; width: 0.526em; aspect-ratio: 1.428/1; background: url("/img/common/point_marker_2.svg") no-repeat center center/contain; -webkit-filter: brightness(0); filter: brightness(0); opacity: 0.2;  }
.fixed-menu > li > a.on { color: var(--main-color2); }
.fixed-menu > li > a.on::before { filter: none; opacity: 1; }
 
.greeting__area { display: flex; justify-content: space-between; }
.greeting__area .img-box { width: 33.7%; }
.greeting__area .text-box { width: 59.3%; font-size: 21px;  }
.greeting__area .text-box .title { margin-bottom: 1.9em; font-size: 2em; font-weight: 600; }
.greeting__area .text-box p { line-height: 1.8; font-weight: 300; color: #333; }
.greeting__area .text-box p + p { margin-top: 1.9em; }
.greeting__area .text-box  b { display: inline-block; margin-top: 80px; margin-bottom: 1.9em; font-weight: 600; }
.greeting__area .text-box .logo { display: block; }

.sec-symbol .img-box { display: flex; justify-content: center; align-items: center; height: 320px; padding: 30px; border-radius: 20px; background-color: #F8F8F8; }
.sec-sign .img-layout { gap: 20px 50px; }
.sec-sign .img-layout .img-box { display: flex; justify-content: center; align-items: center; width: calc(50% - 25px); height: 200px; padding: 20px; border: 1px solid #E5E5E5; border-radius: 20px; }
.sec-sign .img-layout .img-box:nth-child(odd) img { max-width: 50%; } 
.sec-sign .img-layout .img-box:nth-child(even) img { max-width: 70%; } 
.sec-color .img-layout { gap: 40px; }
.sec-color .img-layout .layout-box { width: calc(50% - 20px); }
.sec-color .img-layout .img-box { overflow: hidden; border-radius: 20px; }
.sec-color .img-layout .text-box { margin-top: 1.578em; font-size: 19px; }
.sec-color .img-layout .text-box dt { font-family: var(--font-set-2); font-weight: 500; }
.sec-color .img-layout .text-box dd { margin-top: 0.526em; font-family: var(--font-set-2); font-weight: 300; color: #333; }

.sec-vision .list-type-01 .box { display: flex; justify-content: space-between; align-items: center; gap: 20px; width: 348px; }
.sec-vision .list-type-01 .box:nth-child(3) { width: 70%; }
.sec-vision .list-type-01 .icon { display: flex; justify-content: center; align-items: center; width: 43.1%; max-width: 150px; aspect-ratio: 1/1; border-radius: 50%; background-color: var(--main-color2); }
.sec-vision .list-type-01 .title { font-size: 26px; font-weight: 600; text-align: center; }
.sec-vision .list-type-01 .title span { display: block; }
.sec-vision .list-type-01 .title .eng { margin-top: 0.68em; font-family: var(--font-Outfit); font-size: 0.846em; font-weight: 500; color: var(--main-color2); }
.sec-vision .list-type-01 .dot { display: flex; align-items: center; gap: 8px; }
.sec-vision .list-type-01 .dot::before, .sec-vision .list-type-01 .dot::after { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color2); }
.sec-vision .list-type-01 .dot::after { opacity: 0.3; }
.sec-vision .list-type-01 dl { font-size: 22px; }
.sec-vision .list-type-01 dt { font-weight: 500; }
.sec-vision .list-type-01 dd { margin-top: 1.66em; font-size: 0.818em; line-height: 1.7; font-weight: 300; }
.sec-policy { padding-top: 50px; }
.policy-diagram { position: relative; max-width: 760px; margin: 0 auto; text-align: center; }
.policy-diagram > ul { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: grid; grid-template-columns: repeat(2,1fr); }
.policy-diagram > ul > li { display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 28px; font-weight: 600; color: var(--main-color2); }
.policy-diagram > ul > li:nth-child(-n+2) { padding-top: 15.79%; }
.policy-diagram > ul > li:nth-last-child(-n+2) { padding-bottom: 15.79%; }
.policy-diagram > ul > li:nth-child(odd) { padding-left: 15.79%; }
.policy-diagram > ul > li:nth-child(even) { padding-right: 15.79%; }
.policy-diagram > ul > li .eng { margin-top: 0.526em; font-family: var(--font-Outfit); font-size: 0.678em; font-weight: 500; }

.history__visual { overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; height: 180px; border-radius: 20px; background: no-repeat center center/cover; }
.history__visual * { font-family: var(--font-Outfit); }
.history__visual[data-idx="0"]{ background-image: url("/img/sub/history_visual_01.jpg");}
.history__visual[data-idx="1"]{ background-image: url("/img/sub/history_visual_02.jpg");}
.history__visual[data-idx="2"]{ background-image: url("/img/sub/history_visual_03.jpg");}
.history__visual[data-idx="3"]{ background-image: url("/img/sub/history_visual_04.jpg");}
.history__visual .year-title { overflow: hidden; text-align: center; }
.history__visual .year-title > span { display: inline-block; opacity: 0; font-size: clamp(20px,1.758vw,32px); font-weight: 500; color: #fff; }
.history__visual .year-title.on > span { animation: moveUp 0.6s ease-out both; }
.history__visual .tab-type-03 { position: absolute; width: 100%; left: 0; bottom: 0; }
.history__wrap  { position: relative; display: none; justify-content: center; margin-top: 80px; padding: 60px 0; }
.history__wrap.on { display: flex; }
.history__wrap .line { position: absolute; left: 50%; top: 0; width: 4px; height: 100%; background-color: #F8F8F8; z-index: 1; }
.history__wrap .line > .bar { position: absolute; display: block; left: 0; top: 0; width: 4px; height: var(--line-H); max-height:100%; min-height: 0px; background-color: var(--main-color2); transition: 0.3s ease-out; }
.year__list { width: 100%; }
.year__item { position: relative; display: flex; z-index: 5; }
.year__item + .year__item { margin-top: 20px; }
.year__item:nth-child(even) { text-align: right; }
.year__item:nth-child(odd) { justify-content: right; }
.year__item .box { width: calc(50% - 80px); }
.year__item .year { position: relative; font-family: var(--font-Outfit); font-size: 32px; font-weight: 600; color: #111; }
.year__item .year::before, .year__item .year::after { content: ""; position: absolute; left: -79px; top: 50%; display: block; width: 22px; height: 16px; background: no-repeat center center/contain; transform: translate(-50%, -50%); }
.year__item .year::before { background-image: url("/img/common/point_marker_gray.svg"); transition-delay: 0.1s; transition: opacity 0.2s ease-out; }
.year__item .year::after { background-image: url("/img/common/point_marker_2.svg"); opacity: 0; transform: translate(-50%, -50%); transition: opacity 0.3s ease-out; }
.year__item .history__list { margin-top: 20px; }
.year__item .history__list > li { position: relative; font-size: 19px; font-weight: 300; color: #333; }
.year__item .history__list > li::before { content: "-"; font-size: inherit; font-weight: inherit; color: inherit; margin-right: 0.25em; }
.year__item .history__list > li + li { margin-top: 10px; }
.year__item:nth-child(even) .history__list > li { justify-content: right; }
.year__item:nth-child(even) .year::before, .year__item:nth-child(even) .year::after { left: auto; right: -81px; transform: translate(50%, -50%); }
.year__item.on .year::before { opacity: 0; }
.year__item.on .year::after { opacity: 1; }

.map__content .title-point { padding-left: 1em; font-size: 42px; }
.map__top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; gap: 20px; }
.map__top .map-info { display: flex; align-items: center; gap: 10px 30px; }
.map__top .map-info p { position: relative; padding-left: 1.714em; font-size: 21px; font-weight: 500; color: #555; }
.map__top .map-info p::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 1em; aspect-ratio: 0.84/1; background: url("/img/sub/map_marker.svg") no-repeat center center/contain; }
.map__top .map-info.link { gap: 10px; }
.map__top .map-info.link .btn { display: flex; justify-content: center; align-items: center; width: 180px; height: 55px; border-radius: 10px; }
.map__top .map-info .link-kakaomap { background-color: #F9E000; }
.map__top .map-info .link-kakaomap::before{ content: ""; display: block; width: 100px; height: 25px; background: url("/img/sub/kakao_map_logo.svg") no-repeat center center/contain; }
.map__top .map-info .link-navermap { background-color: #03C75A; }
.map__top .map-info .link-navermap::before{ content: ""; display: block; width: 86px; height: 19px; background: url("/img/sub/naver_map_logo.svg") no-repeat center center/contain; }
.map__area { display: flex; flex-wrap: wrap; width: 100%; gap: 20px; }
.map__area .img-box { overflow: hidden; position: relative; border-radius: 20px; width: 34.28%; }
.map__area .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.map-box { overflow: hidden; width: calc(65.72% - 20px);  border-radius: 20px; height: 420px; }
.map-box .root_daum_roughmap { width: 100%; height: 100%; }
.map-box .root_daum_roughmap .wrap_map { height: 100%; }
.map-box .root_daum_roughmap .map_border { display: none; }
.root_daum_roughmap .cont { display: none; }

/* business */
.business__content .section + .section { margin-top: 120px; }
.business__content .section.bg-gray:last-child { padding-bottom: 200px; }
.business__top .summary { display: flex; min-height: 160px; margin-top: 40px; padding-bottom: 40px; font-size: 22px; font-weight: 500; }
.business__top .summary .box { width: calc(54.3%/2); display: flex; justify-content: center; align-items: center; padding: 10px; border-right: 1px solid #E5E5E5; }
.business__top .summary .box:last-child { width: 45.7%; justify-content: left; border-right: none; padding: 10px 40px; }
.business__top .summary .box.logo-box { justify-content: center; padding: 10px; gap: 10px 40px; }
.business__top .summary .box.logo-box .logo { display: flex; flex-direction: column; justify-content: center; align-items: center; }
.business__top .summary .box.logo-box .logo img { max-height: 26px; }
.business__top .summary .box.logo-box .logo span { margin-top: 0.83em; font-size: 0.81em; font-weight: 300; color: #333; }
.business__top .summary p em { margin-left: 0.22em; margin-right: 0.11em; font-family: var(--font-Outfit); font-size: 2.045em; font-weight: 400; color: var(--main-color2); }
.business__top .summary .info p { font-size: 0.81em; font-weight: 300; color: #333; }
.business__top .summary .info p + p { margin-top: 0.28em; }
.business__top .sub-text { margin-top: 1.05em; font-size: 19px; font-weight: 300; color: #333; }
.business__top + .business__wrap { margin-top: 40px; }
.business__list { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 40px 25px; }
.business__list > .item { position: relative; width: calc((100% - 50px)/3); }
.business__list > .item .btn-modal { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: none; background: transparent; }
.business__list .img-box { overflow: hidden; position: relative; border-radius: 10px; background-color: #F8F8F8; }
.business__list .img-box .cover { position: absolute; left: 50%; top: 50%; width: 80px; height: 80px; border-radius: 50%; background: url("/img/common/icon_view_more.svg") no-repeat center center/25% var(--main-color2); transform: translate(-50%, -50%); opacity: 0; transition: opacity 0.4s; }
.business__top + .business__list .img-box { margin-top: 10px; }
.business__top + .img-box { margin-top: 40px; }
.bg-gray .business__list .img-box { background-color: #FFF; }
/* .content__wrap.w100 .business__list { justify-content: space-between }
.content__wrap.w100 .business__list > .item { max-width: 760px; justify-content: left; column-gap: 40px; }
.content__wrap.w100 .business__list .img-box {  max-width: 340px; }
.content__wrap.w100 .business__list .text-box { width: calc(49.7% - 40px); } */
.business__wrap .paging { margin-top: 80px; }
.business__list .img-box::before { content: ""; display: block; padding-top: 71.11%; }
.business__list .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: 0.4s; }
.business__list:not(.info) > .item:hover .img-box img { transform: translate(-50%, -50%) scale(1.123); }
.business__list:not(.info) > .item:hover .img-box .cover { opacity: 1; }
.business__list .text-box { margin-top: 25px; }
.business__list .title { font-size: 20px; font-weight: 500; }
.business__list .list { margin-top: 34px; }
.business__list .list > li { display: flex; font-size: 16px; font-weight: 300; color: #333; }
.business__list.col { gap: 40px 80px; }
.business__list.col > .item { width: calc(50% - 40px); }
.business__list.col .img-box, .business__list.col .text-box { width: 100%; }
.business__list.col .img-box::before { content: ""; display: block; padding-top: 60.6%; }
.business__list.col .title { font-size: 24px; }
.business__list.col .list > li { font-size: 17px; }
.business__list.col .list > li + li { margin-top: 0.88em; }
.business__list.col .list > li strong { width: 165px; line-height: 1.5; }
.business__list.col .list > li strong::before { top: 0.353em; }
.business__list.col .list > li .text { width: calc(100% - 165px); line-height: 1.5; }
.row-info__area { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 30px; }
.row-info__area.reverse { flex-direction: row-reverse; }
.row-info__area + .row-info__area { margin-top: 120px; }
.row-info__area .img-box { overflow: hidden; position: relative; width: 40%; height: fit-content; border-radius: 20px; }
.row-info__area .img-box::before { content: ""; display: block; padding-top: 71.428%; }
.row-info__area .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.row-info__area .text-box { width: 55.71%; }
.row-info__area .text-box .title { margin-bottom: 1.38em; font-size: 36px; font-weight: 600; line-height: 1.5; }
.row-info__area .text-box p { font-size: 19px; font-weight: 300; line-height: 1.7; color: #333; }
.row-info__area .text-box p + p { margin-top: 1.578em; }
.row-info__area .text-box p strong { font-family: inherit; font-size: 1.105em; color: var(--main-color2); font-weight: 600; }
.row-info__area .text-box p em { color: var(--main-color); }
.equipment__area { margin-top: 120px; }
.equipment__area > .title { margin-bottom: 40px; font-size: 24px; font-weight: 500; }
.equipment__list { display: flex; flex-wrap: wrap; gap: 80px 20px; }
.equipment__list > li { width: calc((100% - 80px)/5); }
.equipment__list > li .title { margin-bottom: 10px; font-family: var(--font-set-2); font-size: 17px; font-weight: 600; color: #333; border-radius: 5px; padding: 10px; background-color: #DDDDDD; text-align: center; }
.equipment__list > li .img-box { overflow: hidden; border-radius: 20px; }
.equipment__list > li .img-box.line { border: 1px solid #E5E5E5; }
.equipment__list .list-type-desc > li { font-family: var(--font-set-2); }
.sub-title { font-size: 19px; font-weight: 600; }
.overview__area { display: flex; justify-content: space-between; gap: 10px; }
* + .overview__area { margin-top: 40px; }
.overview__area .img-box { overflow: hidden; width: 27.14%; border-radius: 15px; background-color: #F8F8F8; }
.overview__area .img-box img { width: 100%; min-height: 100%; object-fit: cover; }
.overview__area .text-box { display: flex; align-items: center; width: 70%; border-radius: 15px; padding: 20px 50px; background-color: #F8F8F8; }
.overview__area .text-box .sub-title { margin-bottom: 20px; }
.overview__area .text-box dd { margin-top: 1.11em; font-size: 18px; font-weight: 300; line-height: 1.7; color: #333; }
.overview__area .desc-box { width: 100%; border: 1px solid #E5E5E5; border-radius: 20px; padding: 50px; }
.overview__area .desc-box .list-type-desc { margin-top: 20px; }
.overview__area .dot { display: flex; flex-direction: column; justify-content: center; gap: 8px; }
.overview__area .dot::before, .overview__area .dot::after { content: "";  display: block; width: 6px; height: 6px; border-radius: 50%;  background-color: var(--main-color2); }
.overview__area .dot::after { opacity: 0.3; }
.overview__area + .overview-img { margin-top: 20px; }
.rnd__area + .overview-img { margin-top: 40px; }
.overview-img { position: relative; height: 480px; padding: 50px; border: 1px solid #E5E5E5; border-radius: 15px; background-color: #fff; }
.overview-img.h-400 { height: 400px; }
.overview-img .sub-title { position: absolute; left: 50px; top: 50px; }
.overview-img .img-box { display: flex; justify-content: center; align-items: center; gap: 80px; height: 100%; }
.overview-img .img-box.gap-120 { gap: 120px; }
.overview-img .img-box.gap-180 { gap: 180px; }
.overview-img .img-box .box { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; }
.overview-img .img-box .label { width: fit-content; padding: 5px 30px; border-radius: 50px; font-size: 17px; font-weight: 600; color: #fff; text-align: center; background-color: var(--main-color2); }
.overview-img .img-box .label.mt30 { margin-top: 30px; }
.overview-img .img-box .label + img { margin-top: 20px; }
.overview-img .img-box .text { margin-top: 20px; }
.overview-img .img-box .text p { font-size: 18px; font-weight: 300; color: #333; }
.overview-img .img-box .text p + p { margin-top: 0.55em; }
.overview-img.diagram { height: auto; margin-top: 60px;  margin-bottom: 60px; padding: 40px; }
.overview-img.diagram .diagram-box { position: relative; display: flex; align-items: center; gap: 60px; }
.diagram-box .col { width: 21.2%; }
.diagram-box .col:last-child { width: calc(100% - 21.2% - 60px); }
.diagram-box .col .row { display: flex; justify-content: space-between; }
.diagram-box .col .row + .row { margin-top: 10px; }
.diagram-box .box { width: 100%; height: 120px; padding: 10px; border-radius: 10px; display: flex; justify-content: center; align-items: center; font-size: 17px; text-align: center; }
.diagram-box .box.c-main2 { position: relative; color: #fff; background-color: var(--main-color2); font-weight: 600; }
.diagram-box .box.c-main2::after { content: ""; position: absolute; right: 0; top: 50%; display: block; width: 10px; height: 10px; border: 2px solid #FFF; border-radius: 50%; background-color: var(--main-color2); box-sizing: border-box; transform: translate(50%,-50%); }
.diagram-box .box.c-gray { width: 28.57%; background-color: #EEEEEE; font-weight: 500; color: #555; }
.diagram-box .box.type-line { position: relative; flex-direction: column; width: 65.3%; padding: 10px 40px; border: 1px solid #E5E5E5; font-weight: 300; color: #333; }
.diagram-box .box.type-line .dot { position: absolute; left: -5%; top: 50%; display: flex; gap: 8px; transform: translate(-50%, -50%); }
.diagram-box .box.type-line .dot::before, .diagram-box .box.type-line .dot::after { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main-color2); }
.diagram-box .box.type-line .dot::after { opacity: 0.3; }
.diagram-box .box .text { display: flex; justify-content: left; align-items: center; gap: 15px; width: 100%; }
.diagram-box .box .text + .text { margin-top: 10px; }
.diagram-box .box .tag { width: 100px; padding: 6px; border-radius: 50px; font-size: 14px; font-weight: 600; color: #fff; }
.diagram-box .box .tag.c-orange { background-color: #FF600B; }
.diagram-box .box .tag.c-main2 { background-color: var(--main-color2); }
.diagram-box .box .tag.c-gray { background-color: #828282; }
.diagram-box .box p { width: calc(100% - 100px); text-align: left; }
.diagram-box .line { position: absolute; left: calc(21.2% + 30px); top: 50%; width: 30px; height: 100%; max-height: calc(100% - ((100% - 20px) / 3)); transform: translateY(-50%); border: 2px solid #E5E5E5; border-right: none; }
.diagram-box .line::before { content: ""; position: absolute; left: -30px; top: 50%; display: block; width: 60px; height: 2px; background-color: #E5E5E5; transform: translateY(-50%); }
.bg-gray .overview__area .img-box { background-color: #fff; }
.bg-gray .overview__area .text-box { background-color: #fff; }
.bg-gray .overview-img { border: none; }
.bg-gray .overview__area .desc-box { border: none; background-color: #fff; }
.tech-info { margin-top: 60px; }
.tech-info .list-type-desc { margin-top: 20px; }
.rnd__area { margin-top: 40px; }
.rnd__area .sub-title { margin-bottom: 20px; }
.rnd-img__list { display: flex; gap: 20px; }
.rnd-img__list > li { flex: 1; }
.rnd-img__list > li .img-box { overflow: hidden; border-radius: 15px; }
.rnd-img__list > li .text { display: block; margin-top: 1.11em; font-size: 18px; font-weight: 500; text-align: center; }
.patent-slider .title { margin-top: 1.11em; font-size: 18px; font-weight: 500; text-align: center; }
.patent-slider { overflow: hidden; padding: 0 30px; }
.patent-slider .slick-list { overflow: visible; margin-right: -41px; }
.patent-slider .slick-track { margin-right: 0; }
.patent-slider .slick-slide { margin-right: 41px; }
.patent-slider .img-box { position: relative; }
.patent-slider .img-box::before { content: ""; display: block; padding-top: 140%; }
.patent-slider .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.patent-slider .slick-next,.patent-slider .slick-prev { position: absolute; width: 12px; height: 50%; top: 50%; transform: translateY(-50%); margin-top: 0; border: none; background: no-repeat center center/contain; font-size: 0; z-index: 5; }
.patent-slider .slick-prev { left: 0; background-image: url("/img/sub/swiper_prev.svg"); }
.patent-slider .slick-next { right: 0; background-image: url("/img/sub/swiper_next.svg"); }
.patent-slider .slick-next::after, .patent-slider .slick-prev::after { display: none; }

/* modal */
.dim-layer { position: fixed; display: none; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 930; }
.dim-layer.on { display: block; }
.modal { position: fixed; left: 50%; top: 50%; display: none; width: calc(100% - 100px); height: calc(100% - 200px); max-height: 1110px; max-width: 1200px; border-radius: 20px; transform: translate(-50%, -50%); background-color: #fff; z-index: 950; }
.modal.on { display: block; }
.modal__inner { padding: 40px; }
.btn-modal-close { position: absolute; right: -10px; top: -10px; width: 20px; height: 20px; border: none; background: url("/img/common/icon_modal_close.svg") no-repeat center center/contain; transform: translate(100%,-100%); }
.modal__header .modal-title { padding-bottom: 30px; border-bottom: 1px solid #E5E5E5; font-size: 28px; font-weight: 500; color: #111; }
.business-modal .os-scrollbar.os-scrollbar-vertical { height: calc(100% - 40px); top: 20px; }
.business-modal .modal__inner { overflow-y: auto; height: 100%; }
.business-modal .modal__content { padding: 30px 0 40px; }
.business-modal .list > li { display: flex; gap: 10px; font-size: 18px; }
.business-modal .list > li + li { margin-top: 0.83em; }
.business-modal .list > li > strong { width: 110px; font-weight: 600; color: #111; }
.business-modal .list > li > .text { width: calc(100% - 120px); font-weight: 300; color: #333; }
.business-modal .img-box { display: flex; flex-wrap: wrap; gap:20px; margin-top: 40px; }
.business-modal .img-box .img { overflow: hidden; width: 100%; border-radius: 10px; }
.business-modal .img-box .img > img { width: 100%; }

/* esg */
.esg-visual { overflow: hidden; display: flex; justify-content: center; align-items: center; height: 280px; margin-bottom: 120px; border-radius: 20px; background: no-repeat center center/cover; }
.esg-visual > p { padding: 0 20px; font-size: 26px; font-weight: 600; line-height: 1.7; color: #fff; text-align: center; }
.env__content .esg-visual { background-image: url("/img/sub/esg_visual_01.jpg"); }
.social__content .esg-visual { background-image: url("/img/sub/esg_visual_02.jpg"); }
.gov__content .esg-visual { background-image: url("/img/sub/esg_visual_03.jpg"); }
.esg__wrap { display: flex; justify-content: space-between; gap: 20px; }
.esg__wrap .left { width: calc(30.233% - 20px); }
.esg__wrap .right { width: 69.767%; }
.esg__wrap .main-text { margin-bottom: 30px; font-size: 21px; font-weight: 500; line-height: 1.7; }
.esg__wrap .main-text b { font-weight: 600; }
.esg__wrap .sub-text { margin-bottom: 30px; font-size: 19px; font-weight: 300; line-height: 1.7; }
.esg__wrap .bg-box { border-radius: 20px; padding: 60px; background-color: #f8f8f8; }
.card__list { display: flex; flex-wrap: wrap; gap: 30px; }
.card__list > li { display: flex; flex-direction: column; align-items: flex-start; gap: 61px; width: calc((100% - 60px)/3); border: 1px solid #E5E5E5; border-radius: 20px; padding: 40px; }
.card__list > li .title { display: flex; gap: 15px; font-size: 22px; font-weight: 600; color: var(--main-color2); }
.card__list > li .title .num { min-width: 25px; line-height: 25px; height: fit-content; margin-top: 0.08em; border-radius: 5px; background-color: var(--main-color2); font-family: var(--font-Outfit); font-size: 0.68em; text-align: center; color: #fff; }
.card__list > li .text { font-size: 19px; font-weight: 500; line-height: 1.5; color: #333; }
.card__list > li .eng { font-family: var(--font-Outfit); color: #EEEEEE; }
.card__list.li-gap-40 > li { min-height: 450px; gap: 40px; }
.certification-info { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; row-gap: 30px; }
.certification-info .img__area { display: flex; flex-wrap: wrap; gap: 20px; width: 55.36%; }
.certification-info .img__area .img-box { overflow: hidden; width: calc(50% - 10px); border: 1px solid #E5E5E5; border-radius: 10px; }
.certification-info .info__list { width: 39.286%; }
.certification-info .info__list > li { display: flex; font-size: 18px; font-weight: 300; color: #333; }
.certification-info .info__list > li + li { margin-top: 0.83em; }
.certification-info .info__list > li strong { width: 150px; font-weight: 600; color: #111; }
.certification-info .info__list > li p { width: calc(100% - 150px); }
.circle-img__list { display: flex; flex-wrap: wrap; gap: 80px 30px; } 
.circle-img__list > li { width: calc((100% - 60px)/3); text-align: center; } 
.circle-img__list > li img { max-width: 64.47%; }
.circle-img__list > li .text { margin-top: 1.579em; font-size: 19px; font-weight: 500; line-height: 1.5; } 
.form__item + .form__item { margin-top: 20px; }
.input__box { display: flex; flex-wrap: wrap; gap: 20px; }
.input__box .item { width: 100%; height: var(--input-H); padding: var(--input-pd); border: 1px solid #E5E5E5; border-radius: 10px; font-size: 18px; font-weight: 300; color: #333333; }
.input__box .item:focus { border-color: transparent; outline: 2px solid var(--main-color2); }
.input__box.col-2 .item { width: calc(50% - 10px); }
.input__box .form-select { appearance: none; background: url("/img/common/select_arrow.svg") no-repeat calc(100% - 25px) 50%/auto; }
.input__box .form-input::placeholder, .input__box .form-textarea::placeholder { color: #AAAAAA; }
.input__box .form-textarea { height: 150px; resize: vertical; }
.form__area .bottom__wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 30px; }
.terms__box { height: 200px; padding: 10px; background-color: #F8F8F8; border: none; border-radius: 10px; padding: 25px; }
.terms__text { overflow-y: auto; height: 100%; padding: 15px; font-size: 18px; font-weight: 300; line-height: 1.5; color: #555; }
.terms__text::-webkit-scrollbar{ width: 3px; }
.terms__text::-webkit-scrollbar-thumb{background-color: var(--main-color2);}
.terms__text::-webkit-scrollbar-track{background-color: #EEEEEE;}
.terms__text .under-line { font-weight: 400; text-decoration: underline; }
.chk__label { display: flex; align-items: center; gap: 15px; cursor: pointer; }
.chk__label > span { font-size: 18px; font-weight: 300; line-height: 1.5; color: #333; }
.chk__label .chk-01 { width: 25px; height: 25px; border: 1px solid #E5E5E5; border-radius: 5px; cursor: pointer; }
.chk__label .chk-01:checked { border: none; background: url("/img/common/icon_check.svg") no-repeat center center/auto var(--main-color); }

/* pr */
.board_ctn .title-point { margin-bottom: 40px; }

/* career */
.sec-title-box .talent-title { font-size: 42px; font-weight: 600; text-align: center; }
.sec-title-box .talent-text { margin-top: 5px; font-size: 24px; font-weight: 600; line-height: 1.5; text-align: center; }
.talent__wrap { position: relative; max-width: 920px; margin: 120px auto 0; }
.bg-circle { position: absolute; width: 78.48%; aspect-ratio: 1/1; left: 50%; bottom: 16.8%; border: 1px solid transparent; border-radius: 50%; background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 66%, rgba(213, 213, 213, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; transform: translate(-50%, 0); z-index: -1; }
.bg-circle::before { content: ""; position: absolute; display: block; width: 73.61%; aspect-ratio: 1/1; left: 50%; top: 50%; border: 1px solid transparent; border-radius: 50%; background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 66%, rgba(213, 213, 213, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; transform: translate(-50%, -50%); }
.bg-circle::after { content: ""; position: absolute; display: block; width: 52.77%; aspect-ratio: 1/1; left: 50%; top: 50%; border: 1px solid transparent; border-radius: 50%; background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 66%, rgba(213, 213, 213, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; transform: translate(-50%, -50%); }
.talent__list { display: flex; flex-wrap: wrap; justify-content: center; gap: 55px; }
.talent__list > li { width: calc((100% - 110px)/3); aspect-ratio: 1/1; padding: 15px; }
.talent__list > li.center { padding: 0; }
.talent__list > li .circle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%; border: 2px solid var(--main-color2); border-radius: 50%; background-color: #fff; text-align: center; }
.talent__list > li:not(.center) .circle { box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1); background-color: #E6EBF4; }
.talent__list > li img { max-width: 67.4%; }
.talent__list > li strong { font-size: 28px; font-weight: 600; color: var(--main-color2); }
.talent__list > li p { margin-top: 0.789em; font-size: 19px; font-weight: 500; color: var(--main-color2); }

.system__wrap + .system__wrap { margin-top: 120px; }
.sec-personnel .row-info__area { align-items: center;}
.sec-personnel .row-info__area .img-box { width: 41.86%; }
.sec-personnel .row-info__area .img-box::before { padding-top: 66.67%; }
.sec-personnel .row-info__area .text-box { width: 49.418%; }
.line-text-box { border: 1px solid #E5E5E5; border-radius: 20px; padding: 60px; background-color: #fff; }
.line-text-box > p { font-size: 19px; font-weight: 300; color: #333; }
.line-text-box > strong { font-size: 21px; font-weight: 600; }
.line-text-box .list-type-desc { margin-top: 0; }
.line-text-box  * + .list-type-desc { margin-top: 40px; }
.line-text-box .list-type-desc > li { font-size: 19px; }
.line-text-box.flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 30px; }
.system-step__list { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.system-step__list > li:not(.arrow) { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: calc((100% - 330px)/4); max-width: 250px; aspect-ratio: 1/1; border-radius: 50%; }
.system-step__list > li:nth-child(1) { background-color: rgba(0, 48, 135, 0.05); }
.system-step__list > li:nth-child(3) { background-color: rgba(0, 48, 135, 0.12); }
.system-step__list > li:nth-child(5) { background-color: rgba(0, 48, 135, 0.2); }
.system-step__list > li:nth-child(7) { background-color: var(--main-color2); }
.system-step__list > li.arrow { content: ""; display: block; width: 50px; height: 14px; background: url("/img/sub/system_step_arrow.svg") no-repeat center center/contain; }
.system-step__list > li .num { width: 25px; line-height: 25px; border-radius: 5px; background-color: var(--main-color2); font-size: 15px; font-weight: 600; color: #fff; text-align: center; }
.system-step__list > li .text { font-size: 22px; font-weight: 600; text-align: center; }
.system-step__list > li:nth-child(7) .num { color: var(--main-color2); background-color: #fff; }
.system-step__list > li:nth-child(7) .text { color: #fff; }
.system__wrap .col-2 { display: flex; flex-wrap: wrap; gap: 40px; }
.system__wrap .col-2 .line-text-box { width: calc(50% - 20px); }
.system__wrap .col-2 .list-type-desc { margin-top: 15px; }
.benefit__list { display: flex; flex-wrap: wrap; gap: 40px 80px; }
.benefit__list > li { display: flex; gap: 50px; width: calc((100% - 160px)/3); min-height: 255px; border-radius: 15px; padding: 50px 50px 26px; background-color: #F8F8F8; }
.benefit__list > li .text-box { width: calc(100% - 110px); }
.benefit__list > li .text-box strong { display: inline-block; margin-bottom: 0.909em; font-size: 22px; font-weight: 600; }
.benefit__list > li .benefit-info > li { display: flex; font-size: 17px; font-weight: 300; color: #333; } 
.benefit__list > li .benefit-info > li::before { content: "-"; margin-right: 0.25em; font-size: inherit; line-height: inherit; font-weight: inherit; }
.benefit__list > li .benefit-info > li + li { margin-top: 0.294em; }
.sec-recruit .system-step__list > li:not(.arrow,:nth-child(7)) { background-color: #F8F8F8; }

/* privacy */
.privacy { color:#666; width: 100%; overflow: hidden; box-sizing:border-box; font-size:18px;  }
.privacy * {line-height: 1.5; }
.privacy > p { margin: 1em 0; }
.privacy > p+dl { margin-top: 2em; }
.privacy > dl + dl { margin-top: 2em; }
.privacy > dl > dt{ color:var(--main-color2);font-weight:700; margin-bottom: 0.5em;}
.privacy > dl > dd ul{ padding:10px; }
.privacy > dl > dd ul li{ margin-top: 0.5em; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.sTxt { margin: 10px; }
.sTxt h3 { color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt + p { margin-top: 20px; }
.privacy .table-box { margin-top: 20px; }
.privacy .table-scroll table { min-width: 600px; }
.privacy .table-type-02 thead th { height: 50px; }
.privacy .sub-text { margin-top: 10px; font-size: 16px;  }

@keyframes titleAni {
    0%{ letter-spacing: -0.5em; opacity: 0; }
    100%{ letter-spacing: -0.02em; opacity: 1; }
}
@keyframes opacityAni {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}
@keyframes moveUp {
    0%{ opacity: 0; transform: translateY(50%); }
    100%{ opacity: 1; transform: translateY(0); }
}

@media screen and (max-width:1820px) {
    .greeting__area .text-box { font-size: clamp(16px,1.15vw,21px); }
    .map__content .title-point { font-size: clamp(22px,2.3vw,42px); }
    .title-point { font-size: clamp(20px,1.648vw,30px); }
    .map__top .map-info p { font-size: clamp(14px,1.154vw,21px); }
    .row-info__area .text-box .title { font-size: clamp(20px,1.978vw,36px); }
    .row-info__area .text-box p { font-size: clamp(16px,1.04vw,19px); }
    .row-info__area .text-box p > br { display: none; }
    .equipment__area > .title { font-size: clamp(18px,1.318vw,24px); }
    .overview-img,.overview-img.h-400 { height: auto; }
    .overview-img .sub-title { position: static; }
    .overview-img .img-box { margin-top: 30px; }

    .sec-personnel .row-info__area .text-box p > br { display: inline; }
    .overview__area .text-box dd { font-size: clamp(14px,0.989vw,18px); }
    .esg-visual > p { font-size: clamp(18px,1.428vw,26px); }
    .view_ctn .tit h2 { font-size: clamp(22px,2.307vw,42px); }
    .sec-title-box .talent-title { font-size: clamp(24px,2.307vw,42px); }
    .sec-title-box .talent-text { font-size: clamp(18px,1.318vw,24px); }
    .talent__list > li strong { font-size: clamp(18px,1.538vw,28px); }
    .talent__list > li p { font-size: clamp(14px,1.044vw,19px); }
    .sec-title-box .count { font-size: clamp(14px,1.044vw,19px); }
}
@media screen and (max-width:1760px){
    .business__list .title, .business__list.col .title { font-size: 18px; }
    .business__list .list { margin-top: 20px; }
    .business__list.col .list > li strong { width: 110px; }
    .business__list.col .list > li .text { width: calc(100% - 110px); }
}
@media screen and (max-width:1600px) {
    .content__wrap:not(.w100) .business__list .img-box, .content__wrap:not(.w100) .business__list .text-box { width: 100%; }
    /* .content__wrap.w100 .business__list .img-box { max-width: initial; } */
    .business__top .summary .box.logo-box { gap: 10px 20px; }
    .diagram-box .box { height: 100px; font-size: 16px; }
    .diagram-box .box.type-line { padding: 10px 20px; }
}
@media screen and (max-width:1400px) {
    #sv .lnb__list > li a { padding: 0 40px; }
    
    .greeting__area .text-box p > br { display: none; }
    .menu-swiper { width: 150px; padding: 20px; }
    .fixed-menu > li + li { margin-top: 10px; }
    .fixed-menu > li > a { font-size: 16px; }
    .business__content .section.bg-gray::before { right: calc(50% + 100px);}
    .content__wrap { width: calc(100% - 160px); padding-left: 40px; }
    .map__top .map-info.link .btn { width: 120px; height: 36px; border-radius: 5px; }
    .map__top .map-info .btn::before { transform: scale(0.75); }
    .map-box { height: 350px; }
    .business__top .summary { font-size: 18px; min-height: 140px; }
    .business__top .summary .box:last-child { padding: 10px 20px; }
    .modal { width: calc(100% - 40px); }
    /* .content__wrap.w100 .business__list > .item { max-width: initial; } */
    /* .content__wrap .business__list .img-box, .content__wrap .business__list .text-box, .content__wrap.w100 .business__list .text-box { width: 100%; } */
    .btn-modal-close { right: 0; transform: translate(0, -100%); }
    .overview-img .img-box,.overview-img .img-box.gap-120,.overview-img .img-box.gap-180 { gap: 40px; }
    .esg__wrap .bg-box { padding: 30px; }
    .list-type-num > li { gap:10px; font-size: 16px; }
    .list-type-num > li::before { min-width: 22px; line-height: 22px; }
    .card__list > li { padding: 20px; }
    .card__list.li-gap-40 > li { min-height: 390px; }
    .card__list > li .title { gap: 10px; font-size: 20px; }
    .card__list > li .title .num { min-width: 22px; line-height: 22px; }
    .list-type-dot > li { font-size: 16px; }
    .circle-img__list > li .text { font-size: 16px; }
    .certification-info .info__list > li strong { width: 120px; }
    .certification-info .info__list > li p { width: calc(100% - 120px); }
    .certification-info .info__list > li { font-size: 16px; }
    .diagram-box .box { font-size: 14px; }

    .view_ctn .pages { padding: 30px; }
    .view_ctn .pages dl { gap: 20px; font-size: 16px; }
    .view_ctn .pages dl dt { width: 80px; }
    .view_ctn .pages dl dd { max-width: calc(100% - 100px); }

    .benefit__list { gap: 30px 40px; }
    .benefit__list > li { width: calc((100% - 80px)/3); padding: 40px; }
    .benefit__list > li img { height: 40px; }
    .benefit__list > li .text-box { width: calc(100% - 100px); }
    .benefit__list > li .text-box strong { font-size: 20px; }
    .benefit__list > li .benefit-info > li { font-size: 16px; }
}
@media screen and (max-width:1200px) {
    .business__wrap .table-type-01 th,
    .business__wrap .table-type-01 td { padding: 10px; }
    .flex-table .table-type-01 th,
    .flex-table .table-type-01 td { padding: 10px; }
    .table th { font-size: 18px; }
    .table td, .table-type-02 tbody th { font-size: 16px; }
    .table-type-02 td { padding: 10px 20px; }
    .list-type-desc > li,.list-type-desc.fsz-18 > li { font-size: 16px; }

    .business__list .img-box .cover { width: 60px; height: 60px; }

    .fixed-menu > li > a { font-size: 14px; }
    .greeting__area .text-box .title { font-size: 1.5em; }
    .sec-vision .list-type-01 .title { font-size: 22px; }
    .sec-vision .list-type-01 dl { font-size: 20px; }

    .equipment__list { gap: 60px 20px; }
    .equipment__list > li { width: calc((100% - 40px)/3); }
    .equipment__list > li .title { padding: 6px 10px; font-size: 16px; }
    .row-info__area.reverse { flex-direction: row; }
    .row-info__area .img-box, .row-info__area .text-box { width: 100%; }
    .row-info__area .img-box { max-width: 600px; }
    .overview__area .img-box { width: auto; max-width: 35%; }
    .overview-img .img-box .text p { font-size: 16px; }
    .patent-swiper .title { font-size: 16px; }
    .overview-img.diagram { padding: 20px; }
    .diagram-box .line { height: 225px; }
    .diagram-box .box.c-main2 > br { display: none; }

    .esg__wrap .main-text { font-size: 18px; }
    .esg__wrap .sub-text { font-size: 16px; }
    .card__list { gap: 20px; }
    .card__list > li { width: calc(50% - 10px); }
    .card__list > li img { height: 50px;}

    .img_borad_list { gap: 40px; }
    .img_borad_list .item { width: calc((100% - 80px)/3); }
    .img_borad_list .item .text-box .title { font-size: 20px; }
    .view_ctn .pages { flex-direction: column; gap: 0; padding: 0; border-top: none; border-bottom: none; }
    .view_ctn .pages dl { width: 100%; padding: 20px 10px; border-bottom: 1px solid #E5E5E5; } 
    .view_ctn .pages dl:nth-of-type(1) { border-top: 1px solid #E5E5E5; }
    .view_ctn .pages dl:last-of-type { flex-direction: row-reverse; justify-content: left; text-align: left; }
    .view_ctn .pages dl:last-of-type dt { flex-direction: row-reverse; justify-content: left; }
    .view_ctn .pages dl dt i { transform-origin: 75% 75%; }
    .view_ctn .pages dl dt .icon-prev { margin-right: 20px; transform: rotate(90deg); }
    .view_ctn .pages dl dt .icon-next { margin-left: 0; margin-right: 20px; transform: rotate(90deg); }
    .view_ctn .pages .btn-radius { order: 3; margin-top: 40px; }

    .line-text-box { padding: 40px; }
    .line-text-box > p { font-size: 18px; }
    .line-text-box .list-type-desc > li { font-size: 18px; }
    .system-step__list > li:not(.arrow) { gap: 15px; }
    .system-step__list > li img { height: 45px; }
    .system-step__list > li .text { font-size: 18px; }
}
@media screen and (min-width:1025px){
    .fixed-menu { transform: none !important; }
}
@media screen and (max-width:1024px) {
    :root {
        --input-H: 50px;
        --input-pd: 15px;
    }
    #sv { padding-top: 60px; }
    #sv .lnb { margin-top: 60px; }
    #sv .lnb__list { height: 60px; }
    #sv .lnb__list > li a { padding: 0 30px; font-size: 16px; }
    #subContents { padding-top: 60px; }
    #subContents .main-title { margin-bottom: 40px; }
    .container { padding-bottom: 100px; }
    .content .section + .section { margin-top: 60px; }
    .content .section.bg-gray { padding: 60px 0; }
    .system__wrap + .system__wrap { margin-top: 60px; }
    .sub-title { font-size: 16px; }

    .paging { margin-top: 60px; }
    .paging a { width: 32px; height: 32px; font-size: 16px; }
    .table th { font-size: 16px; }
    .table td { font-size: 14px; }
    .table-type-01.patent-table colgroup col:nth-child(1) { width: 10% !important; }
    .table-type-01.patent-table colgroup col:nth-child(3) { width: 75.465% !important; }
    .table-type-01 th { height: 50px; }
    .table-type-01 td { height: 70px; }
    .flex-table .table-type-01 td { height: 50px; }
    .table-type-02 thead th { height: 50px; }
    .table-type-02 td, .table-type-02 tbody th { height: 80px; padding: 10px; font-size: 14px; }
    .table-type-02 td.bd-r-n { padding-right: 5px; }
    .table-type-02 td.bd-r-n + td { padding-left: 5px; }
    
    .greeting__area { flex-direction: column; align-items: center; }
    .greeting__area .img-box, .greeting__area .text-box { width: 100%; }
    .greeting__area .img-box { max-width: 340px; }
    .greeting__area .text-box .title { font-size: 22px; }
    .greeting__area .text-box b { margin-top: 60px; }
    .greeting__area .text-box .logo { width: 200px; }
    .greeting__area .text-box p + p { margin-top: 1.3em; }
    .sec-symbol .img-box { height: clamp(160px,31.25vw,320px); border-radius: 10px; }
    .sec-symbol .img-box img { max-width: 40%; min-width: 120px; }
    .sec-sign .img-layout { gap: 20px 30px; }
    .sec-sign .img-layout .img-box { width: calc(50% - 15px); height: clamp(80px,19.53vw,150px); border-radius: 10px; }
    .sec-title-box p { font-size: 16px; }
    .sec-color .img-layout .img-box { border-radius: 10px; }
    .sec-color .img-layout .text-box { font-size: 16px; }
    .list-type-01 > li { padding: 30px; }
    .sec-vision .list-type-01 .box { flex-direction: column; width: 130px; }
    .sec-vision .list-type-01 .icon { width: 100%; }
    .sec-policy { padding-top: 0; }
    .policy-diagram { width: 70%; max-width: 600px; }
    .policy-diagram > ul > li { font-size: clamp(18px,2.345vw,24px); }

    .history__wrap { margin-top: 60px; }
    .year__item .year { font-size: 24px; }
    .year__item .history__list > li { font-size: 16px; }
    .menu-swiper { position: fixed; left: 0; top: var(--header-H); width: 100%; padding: 15px 20px; border-width: 1px; border-left: 0; border-right: 0; border-radius: 0; opacity: 0; visibility: hidden; transition: top 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s ease-out; }
    .menu-swiper.pos-t { top: 0px; }
    .menu-swiper.scroll { opacity: 1; visibility: visible; }
    .fixed-menu { display: flex; }
    .fixed-menu > li + li { margin-top: 0; }
    .fixed-menu > li > a > br {  display: none;}
    .business__content .section.bg-gray::before { right: 50%;}
    .content__wrap { width: 100%; padding-left: 0; }
    .map__top { flex-direction: column; align-items: flex-start; margin-bottom: 30px; }
    .map__area .img-box { border-radius: 10px; }
    .map-box { height: 300px; border-radius: 10px; }

    .business__wrap .paging { margin-top: 60px; }
    .business__top .summary { padding-bottom: 20px; }
    .business__top + .business__wrap { margin-top: 20px; }
    .business__top + .img-box { margin-top: 20px; }
    .business__list.col { gap: 40px 50px; }
    .business__list.col > .item { width: calc(50% - 25px); }
    .business__list .text-box { margin-top: 15px; }
    .modal__header .modal-title { padding-bottom: 20px; font-size: 24px; }
    .business-modal .list > li { font-size: 16px; }
    .business-modal .list > li > strong { width: 90px; }
    .business-modal .list > li > .text { width: calc(100% - 100px); }
    .equipment__area { margin-top: 60px; }
    .equipment__area > .title { margin-bottom: 20px; }
    .equipment__list > li .img-box { border-radius: 10px; }
    .overview__area { flex-direction: column; align-items: center; gap: 20px; }
    .overview__area .img-box { width: 100%; max-width: 350px; border-radius: 10px; }
    .overview__area .img-box img { min-height: initial; }
    .overview__area .text-box { width: 100%; border-radius: 10px; padding: 20px; }
    .overview-img { border-radius: 10px; padding: 20px; }
    .overview-img .img-box .label { padding: 5px 15px; font-size: 14px; }
    .overview-img .img-box .text p { font-size: 14px; }
    .list-type-desc { margin-top: 20px; }
    .business__top .sub-text { font-size: 16px; }
    .rnd-img__list { flex-wrap: wrap; }
    .rnd-img__list > li { flex: none; width: calc(50% - 10px); }
    .rnd-img__list > li .text { font-size: 16px; }
    .overview__area .desc-box { padding: 20px; }
    .overview-img.diagram { margin-top: 40px; margin-bottom: 40px; }
    .overview-img.diagram .diagram-box { flex-direction: column; }
    .diagram-box .col { width: 100%; }
    .diagram-box .box.c-main2 { max-width: 500px; margin:  auto; }
    .diagram-box .box.c-main2::after { right: 50%; top: auto; bottom: 0; transform: translate(50%,50%); }
    .diagram-box .col:last-child { display: flex; width: 100%; gap: 10px; }
    .diagram-box .col .row { flex-direction: column; flex: 1; justify-content: flex-start; gap: 40px; }
    .diagram-box .col .row + .row { margin-top: 0; }
    .diagram-box .box.c-gray { width: 100%; }
    .diagram-box .line { left: 50%; top: 130px; width: 100%; max-width: calc(100% - ((100% - 20px) / 3)); height: 30px; border-right: 2px solid #E5E5E5; border-bottom: none; transform: translateX(-50%); }
    .diagram-box .line::before { left: 50%; top: -30px; width: 2px; height: 60px; transform: translateX(-50%); }
    .diagram-box .box .text { flex-direction: column; gap: 10px; }
    .diagram-box .box .text + .text { margin-top: 15px; }
    .diagram-box .box p { width: 100%; text-align: center; }
    .diagram-box .box.type-line { justify-content: flex-start; width: 100%; height: calc(100% - 140px); }
    .diagram-box .box.type-line .dot { left: 50%; top: -20px; transform: translate(-50%, -50%) rotate(90deg); }
    
    .board_ctn .title-point { margin-bottom: 20px; }
    .table-scroll { padding-bottom: 10px; }

    .esg-visual { height: 200px; border-radius: 10px; margin-bottom: 60px; }
    .esg-visual > p > br { display: none; }
    .esg__wrap { flex-direction: column; }
    .esg__wrap .left, .esg__wrap .right { width: 100%; }
    .esg__wrap .left .title-point > br { display: none; }
    .esg__wrap .main-text, .esg__wrap .sub-text { margin-bottom: 20px; }
    .esg__wrap .bg-box, .card__list > li { border-radius: 10px; }
    .certification-info .img__area, .certification-info .info__list { width: 100%; }
    .certification-info .img__area { max-width: 600px; }
    .form__item + .form__item { margin-top: 10px; }
    .input__box { gap: 10px; }
    .input__box .item { font-size: 14px; }
    .input__box.col-2 .item { width: calc(50% - 5px); }
    .input__box .form-select { background-position: calc(100% - 15px) 50%; }
    .terms__box { padding: 10px; }
    .terms__text { padding: 5px; font-size: 14px; }
    .chk__label { gap: 8px; }
    .chk__label .chk-01 { width: 20px; height: 20px; }
    .chk__label .chk-01:checked { background-size: 50%; }
    .chk__label > span { font-size: 14px; }

    .search__area { margin-bottom: 30px; }
    .search__area .search-select { width: 120px; height: 40px; padding: 0 15px; font-size: 15px; background-position: calc(100% - 15px) 50%; }
    .search__area .search__box { height: 40px; padding: 0 15px; }
    .search__area .search-input { font-size: 15px; }
    .img_borad_list .item { width: calc(50% - 20px); }
    .img_borad_list .item figure { border-radius: 10px; }
    .img_borad_list .item .text-box { padding-top: 20px; }
    .img_borad_list .item .text-box .title { font-size: 16px; }
    .img_borad_list .item .text-box ul { margin-top: 14px; }
    .img_borad_list .item .text-box ul li { font-size: 16px; }
    .view_ctn .file_box { padding-top: 20px; }
    .view_ctn .tit { padding-bottom: 20px; }
    .view_ctn .tit ul li { font-size: 14px; }
    .view_ctn .file_box > ul > li a { gap: 10px; }
    .view_ctn .file_box > ul > li { font-size: 14px; }
    .view_ctn .file_box > ul > li ::before { width: 15px; height: 16px; }
    .view_ctn .info { font-size: 16px; }
    .view_ctn .pages dl { gap: 15px; font-size: 14px; }
    .view_ctn .pages dl dt { width: 65px; }
    .view_ctn .pages dl dd { max-width: calc(100% - 80px); }

    .bg-circle { width: 68.89%; bottom: 23.5%; }
    .talent__wrap { margin: 60px auto 0; }
    .talent__list { gap: 30px; }
    .talent__list > li { width: calc((100% - 60px) / 3); padding: 10px; }
    .sec-personnel .row-info__area .img-box,
    .sec-personnel .row-info__area .text-box { width: 100%; }
    .sec-personnel .row-info__area .text-box p > br { display: none; }
    .system-step__list { gap: 15px; }
    .system-step__list > li .num { width: 20px; line-height: 20px; font-size: 13px; }
    .system-step__list > li:not(.arrow) { width: calc((100% - 180px)/4); gap: 10px; }
    .system-step__list > li.arrow { width: 30px; }
    .system-step__list > li .text { font-size: 14px; }
    .line-text-box { padding: 20px; border-radius: 10px; }
    .line-text-box > strong { font-size: 18px; }
    .line-text-box > p { font-size: 16px; }
    .line-text-box * + .list-type-desc { margin-top: 30px; }
    .line-text-box .list-type-desc > li { font-size: 16px; }
    .system__wrap .col-2 { gap: 20px; }
    .system__wrap .col-2 .line-text-box { width: calc(50% - 10px); }

    .benefit__list > li { width: calc(50% - 20px); gap: 30px; min-height: 230px; padding: 30px; }
    .benefit__list > li .text-box { width: calc(100% - 80px); }

    .privacy { font-size: 16px; }
    .privacy .sub-text { font-size: 14px; }
}
@media screen and (max-width:768px) {
    #sv .lnb__list { width: 100%; flex-wrap: wrap; justify-content: left; height: auto; border-radius: 10px; }
    #sv .lnb__list > li { width: calc((100% - 20px)/3); }
    #sv .lnb__list > li a { height: 40px; padding: 0; border-radius: 5px; }

    .flex-table .table-type-01 { border-top: 2px solid #000; }
    .flex-table .table-type-01 colgroup { display: none; }
    .flex-table .table-type-01 thead { display: none; }
    .flex-table .table-type-01 tbody tr { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 0px; padding: 10px 0; }
    .flex-table .table-type-01 th, .flex-table .table-type-01 td { padding: 5px; }
    .flex-table .table-type-01 td { position: relative; width: fit-content; height: auto; margin-right: 10px; font-size: 14px; }
    .flex-table .table-type-01 td:nth-child(3) { margin-left: 40px; }
    .flex-table .table-type-01 td.num { width: 40px; margin-right: 0; padding-bottom: 6px; font-weight: 500; color: var(--main-color2); }
    .flex-table .table-type-01 td.board-title { width: calc(100% - 50px); margin-right: 0; font-weight: 500; font-size: 16px; }

    .list-type-01 > li { flex-direction: column; }
    .sec-vision .list-type-01 .box:nth-child(3) { width: 100%;  text-align: center; }
    .sec-vision .list-type-01 .title { font-size: 20px; }
    .sec-vision .list-type-01 dl { font-size: 18px; }
    .sec-vision .list-type-01 dd { margin-top: 1.3em; }
    .sec-vision .list-type-01 .dot { transform: rotate(90deg); }
    .policy-diagram { width: 100%; }
    .policy-diagram > ul > li:nth-child(-n+2) { padding-top: 11%; }
    .policy-diagram > ul > li:nth-last-child(-n+2) { padding-bottom: 11%; }
    .policy-diagram > ul > li:nth-child(odd) { padding-left: 11%; }
    .policy-diagram > ul > li:nth-child(even) { padding-right: 11%; }

    .history__visual { height: 150px; border-radius: 10px; }
    .history__wrap { padding: 40px 0; }
    .history__wrap .line { left: 10px; }
    .year__item + .year__item { margin-top: 40px; }
    .year__list { padding-left: 40px; }
    .year__item .year::before, .year__item .year::after { left: -29px; }
    .year__item:nth-child(odd) { justify-content: left; }
    .year__item:nth-child(even) {  text-align: left; }
    .year__item:nth-child(even) .year::before, .year__item:nth-child(even) .year::after { left: -29px; right: auto; transform: translate(-50%, -50%); }
    .year__item:nth-child(even) .history__list > li { justify-content: left; }
    .year__item .box { width: 100%; }
    .map__top .map-info:not(.link) { flex-direction: column; align-items: flex-start; }
    .map__area .img-box, .map-box { width: 100%; }
    .map__area .img-box::before { content: ""; display: block; padding-top: 87.5%;}
    .map__area .img-box { height: auto; max-height: 400px; }

    .business__top .summary { flex-wrap: wrap; min-height: initial; border-top: 1px solid #E5E5E5; }
    .business__top .summary .box { width: 50%; }
    .business__top .summary .box:nth-child(2) { border-right: none; }
    .business__top .summary .box:last-child { width: 100%; border-top: 1px solid #E5E5E5; padding: 20px; }
    .business__top .summary { font-size: 16px; }
    .business__top .summary p em { font-size: 1.8em; }
    .business__top .summary .info p, .business__top .summary .box.logo-box .logo span { font-size: 14px; }
    .business__top .sub-text { font-size: 14px; }
    .business__list, .business__list.col { gap: 40px 20px; }
    .business__list > .item { width: calc(50% - 10px); }
    .business__list.col > .item { width: 100%; }
    .modal__header .modal-title { padding-bottom: 15px; font-size: 20px; }
    .business-modal .list > li { font-size: 14px; }
    .business-modal .list > li > strong { width: 70px; }
    .business-modal .list > li > .text { width: calc(100% - 80px); }
    .modal__inner { padding: 30px 20px; }
    .business-modal .modal__content { padding: 15px 0 30px; }
    .business-modal .img-box { margin-top: 30px; }
    .overview-img .img-box { flex-wrap: wrap; }
    .rnd-img__list > li .text { font-size: 14px; }
    .overview-img.diagram .diagram-box { gap: 30px; }
    .overview-img .img-box .label { font-size: 13px; }
    .diagram-box .line { display: none; }
    .diagram-box .box { height: 70px; }
    .diagram-box .box.c-main2::after { display: none; }
    .diagram-box .col:last-child { flex-direction: column; gap: 30px; }
    .diagram-box .box .text { flex-direction: row; align-items: baseline; }
    .diagram-box .box p { width: calc(100% - 100px);  text-align: left; }
    .diagram-box .box .tag { font-size: 13px; width: 90px; }

    .esg-visual > p { font-size: 16px; }
    .esg__wrap .main-text { font-size: 16px; }
    .esg__wrap .sub-text { font-size: 14px; }
    .row-info__area .text-box p { font-size: 14px; }
    .esg__wrap .bg-box { padding: 20px; }
    .card__list > li, .card__list.li-gap-40 > li{ gap: 30px; }
    .card__list > li .title { font-size: 18px; }
    .list-type-desc > li,.list-type-desc.fsz-18 > li { font-size: 14px; }
    .list-type-num > li { font-size: 14px; }
    .list-type-dot > li { font-size: 14px; }
    .certification-info .info__list > li { font-size: 14px; }
    .certification-info .info__list > li strong { width: 90px; }
    .certification-info .info__list > li p { width: calc(100% - 90px); }
    .circle-img__list { gap: 40px 30px; }
    .circle-img__list > li { width: calc(50% - 15px); }
    .circle-img__list > li .text { font-size: 14px; }

    .img_borad_list { gap: 40px 20px; }
    .img_borad_list .item { width: calc(50% - 10px); }
    
    .system-step__list { flex-wrap: wrap; justify-content: center; gap: 20px; max-width: 400px; margin: 0 auto; }
    .system-step__list > li.arrow { display: none; }
    .system-step__list > li:not(.arrow) { width: calc(50% - 10px); max-width: initial; }
    .system__wrap .col-2 .line-text-box { width: 100%; }
}
@media screen and (max-width:640px){
    .paging a { width: 32px; height: 32px; font-size: 16px; }

    .sec-sign .img-layout { gap: 10px 20px; }
    .sec-sign .img-layout .img-box { width: calc(50% - 10px); }
    .sec-sign .img-layout .img-box:nth-child(odd) img { max-width: 60%; } 
    .sec-sign .img-layout .img-box:nth-child(even) img { max-width: 80%; } 
    .sec-color .img-layout .layout-box { width: 100%; }
    .sec-title-box p { font-size: 14px; }
    .sec-color .img-layout .text-box { font-size: 14px; }
    .business__list > .item { width: 100%; }
    .card__list > li, .card__list.li-gap-40 > li { min-height: initial; }
    .card__list > li { width: 100%; }
    .equipment__list { gap: 30px 20px; }
    .equipment__list > li { width: calc(50% - 10px); }

    .search__area .search__box { width: calc(100% - 130px); }
    .img_borad_list .item { width: 100%; }

    .bg-circle { bottom: 50%; width: 100%; transform: translate(-50%, 50%); background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 33%, rgba(213, 213, 213, 1) 100%);}
    .bg-circle::before { background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 33%, rgba(213, 213, 213, 1) 100%); }
    .bg-circle::after { background-image: linear-gradient(#fff, #fff), linear-gradient(180deg,rgba(255, 255, 255, 0.5) 33%, rgba(213, 213, 213, 1) 100%); }
    .talent__list { flex-direction: column; align-items: center; gap: 10px; }
    .talent__list > li.center { order: -1; }
    .talent__list > li { width: 150px; padding: 0; }
    .talent__list > li.center { width: 180px; }
    .benefit__list > li { width: 100%; min-height: initial; height: auto; }
    .benefit__list > li img { height: 30px; }
    .benefit__list > li .text-box strong { font-size: 18px; }
    .benefit__list > li .benefit-info > li { font-size: 14px; }

    .input__box.col-2 .item { width: 100%; }
    .form__area .bottom__wrap { margin-top: 20px; flex-direction: column; row-gap: 40px; }

    .privacy { font-size: 15px; }
    .privacy .sub-text { font-size: 13px; }
    .privacy .table-type-02 thead th { height: 40px; font-size: 15px; }
}
@media screen and (max-width:500px) {
    #sv .lnb__list > li a { font-size: 14px; }
    .policy-diagram > ul > li .eng {font-size: 13px; }
    .circle-img__list > li .text > br { display: none; }
    .patent-slider .slick-list { margin-right: -31px; }
    .patent-slider .slick-slide { margin-right: 31px; }
}

@media screen and (max-height:600px) {
    .modal { height: calc(100% - 100px); }
}