@charset "utf-8";

#sv { overflow-x: hidden; position: relative; display: flex; align-items: flex-end; height: 700px; background: no-repeat center center/cover; }
#sv::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 40%, #000 100%); z-index: 1; }
#sv .inner { position: relative; z-index: 1; }
.page-title { font-size: 120px; font-weight: 600; color: #fff; text-transform: uppercase; opacity: 0; animation: pageTitle 0.6s ease-out both; }
#lnbBox { height: 80px; margin-top: 80px; margin-bottom: 20px; border-radius: 100px; background-color: rgba(255, 255, 255, 0.1); -webkit-backdrop-filter: blur(7.5px); backdrop-filter: blur(7.5px); }
#lnbBox .lnb__list { display: flex; padding: 10px; height: 100%; }
#lnbBox .lnb__list > li { flex: 1; height: 100%; }
#lnbBox .lnb__list > li > a { display: flex; justify-content: center; align-items: center; height: 100%; padding: 10px; border-radius: 60px; font-size: 20px; font-weight: 600; color: rgba(255, 255, 255, 0.5); text-align: center; }
#lnbBox .lnb__list > li > a.on { color: #fff; background-color: var(--main-color); }
.content { overflow-x: hidden; padding: 120px 0 200px; background: url("/img/sub/bg_dark_2.png") no-repeat center 100%/100% #000; color: #fff; }
.content.no-overflow { overflow: initial; }
.content.overflow-y { overflow-y: hidden; }
.content-title__box { margin-bottom: 120px; text-align: center; background: no-repeat center center/cover; }
.content-title { font-size: 54px; font-weight: 600; }
.content-title__box .text { margin-top: 1.5em; font-size: 20px; font-weight: 600; }
.section + .section { margin-top: 150px; }

/* product bg */
.content-title__box.bg-00 { background-image: url("/img/sub/banner_tanker.jpg"); }
.content-title__box.bg-01 { background-image: url("/img/sub/banner_container.jpg"); }
.content-title__box.bg-02 { background-image: url("/img/sub/banner_carrier.jpg"); }
.content-title__box.bg-03 { background-image: url("/img/sub/banner_roro.jpg"); }
.content-title__box.bg-10 { background-image: url("/img/sub/banner_electric.jpg"); }
.content-title__box.bg-11 { background-image: url("/img/sub/banner_mist.jpg"); }
.content-title__box.bg-12 { background-image: url("/img/sub/banner_monitor.jpg"); }

/* tab */
.tab { display: flex; justify-content: center; align-items: center; }
.tab-type-01 { gap: 10px; }
.tab-type-01 .tab__item { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 250px; height: 80px; font-size: 20px; font-weight: 500; color: #fff; border: 2px solid #fff; background-color: transparent; }
.tab-type-01 .tab__item.on { border-color: var(--main-color); background-color: var(--main-color); }

/* board */
.search__area { display: flex; justify-content: right; align-items: stretch; gap: 10px; margin-bottom: 40px; }
.search__area > select { appearance: none; width: 180px; height: 60px; border: 2px solid #fff; border-radius: 100px; padding-left: 28px; padding-right: 40px; background: url("/img/common/search_select_arrow.svg") no-repeat calc(100% - 28px) center/auto ; font-size: 17px; font-weight: 500; color: #CCC; }
.search__area .search-box { display: flex; align-items: center; gap: 20px; width: 350px; padding: 0 30px; border-bottom: 2px solid #fff;  }
.search__area .search-box .search-input { width: calc(100% - 38px); height: 100%; border: none; font-size: 17px; font-weight: 300; color: #ccc; background-color: transparent; }
.search__area .search-box .search-input::placeholder { color: inherit; }
.search__area .search-box .btn-search { width: 18px; height: 18px; border: none; background: url("/img/common/btn_search.svg") no-repeat center center/contain; }
.board_box table { font-size: 18px; }
.board_box table * { font-family: var(--font-default); }
.board_box table tr{position: relative;}
.board_box table tbody tr{ border-bottom: 1px solid #E5E5E5; }
.board_box table th{position: relative; height: 90px;}
.board_box table th::after{content:""; position: absolute; top: 50%; right: 0; width: 1px; height: 15px; transform: translateY(-50%);}
.board_box table th:last-of-type::after{display: none;}
.board_box table td{ height: 79px;  text-align: center; font-weight: 300; color: #333; }
.board_box table td.title { padding: 0 20px; text-align: left; }
.board_box table td a{width: 100%; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.board_box thead th { background-color: #F8F8F8; font-weight: 600; }
.board_box table tr.notice .num { font-weight: 500; color: var(--main-color); }
.img_borad_list{display: flex; flex-wrap:wrap;}
.img_borad_list .item {position: relative; cursor: pointer;}
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0; z-index: 5;}
.img_borad_list .item figure{position: relative; overflow: hidden;}
.img_borad_list .item figure::before { content: ""; display: block; padding-top: 53%; }
.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.6s;}
.img_borad_list .item:hover figure img{transform: translate(-50%,-50%) scale(1.05);}
.img_borad_list .txt { margin-top: 20px; }
.img_borad_list .txt .title { overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-family: var(--font-default); font-size: 20px; line-height: 1.6; font-weight: 500; min-height: 3.2em; }
.img_borad_list .txt .date { margin-top: 20px; font-size: 18px; color: #ccc; }
.paging{display:flex;align-items:center;justify-content:center; margin-top: 120px; }
.paging .arr{display:flex;}
.paging .arr a { display: flex; justify-content: center; align-items: center; }
.paging .arr a i { width: 7px; height: 13px; }
.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/auto; }
.paging .arr a .xi-angle-right-min { background: url("/img/common/page_next.svg") no-repeat center center/auto;  }
.paging a{display:flex;align-items:center;justify-content:center; width: 45px; height: 45px; }
.paging ul{display:flex;align-items:center;}
.paging ul li a {font-size: 19px; font-weight: 500;}
.paging ul li.on a { border: 2px solid var(--main-color); border-radius: 50%; color: var(--main-color); }
.sec-board .paging ul li a { color: #ccc; }
.sec-board .paging ul li.on a { color: var(--main-color); }
.sec-board .paging .arr a i { -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); }
.sec-view .inner { max-width: 1000px; }
.view_ctn .tit{text-align: center; padding-bottom: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.view_ctn .tit .tag{display: inline-block; margin-bottom: 30px; padding: 5px 20px; font-size: 16px; line-height: 1.3; font-weight: 600; border-radius: 5px; }
.view_ctn .tit .tag.onging{ background-color: var(--main-color); }
.view_ctn .tit .tag.close{ background-color: #111; }
.view_ctn .tit .tag.standby { background-color: #555; }
.view_ctn .tit .tag.regular { background-color: #fff; color: #111; }
.view_ctn .tit .board-title {font-weight: 500; font-size: 42px; }
.view_ctn .tit ul{display:flex; justify-content: center; margin-top: 30px; }
.view_ctn .tit ul li{ font-size: 18px; font-weight: 500; color: #CCC;}
.view_ctn .tit ul li:last-of-type{margin-right: 0;}
.view_ctn .info{ padding: 60px 0; font-size: 16px; font-family: var(--font-default); word-break: normal; }
.view_ctn .info .video-box { position: relative; }
.view_ctn .info .video-box::before { content: ""; display: block; padding-top: 56.25%; }
.view_ctn .info .video-box iframe { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.view_ctn .file_box > li + li { margin-top: 25px; }
.view_ctn .file_box > li > a { position: relative; display: block; width: fit-content; padding-left: 39px; font-size: 17px; font-weight: 300; color: #fff; word-break: normal; }
.view_ctn .file_box > li > a::before { content: ""; position: absolute; left: 0; top: 0; display: block; width: 19px; height: 20px; background: url("/img/common/icon_file.svg") no-repeat center center/contain; }
.view_ctn .pages{ display: flex; margin-top: 60px; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.1); border-bottom: 1px solid rgba(255,255,255,0.1) }
.view_ctn .pages dl{ position: relative; display: flex; align-items: center; width: 50%; gap: 40px; padding: 20px 40px; }
.view_ctn .pages dl:last-child{ justify-content: right; flex-direction: row-reverse; }
.view_ctn .pages dl:last-child::before { content: ""; position: absolute; left: -1px; top: 0; display: block; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.1); }
.view_ctn .pages dl dt{ position: relative; width: 81px; padding-left: 37px; font-weight: 500; font-size: 18px;}
.view_ctn .pages dl dt::before{ content: ""; position: absolute; top: 50%; display: block; width: 7px; height: 13px; background: no-repeat center center/contain; transform: translateY(-50%); }
.view_ctn .pages dl:last-child dt { padding-left: 0; padding-right: 37px; }
.view_ctn .pages dl:first-child dt::before{ left: 0; background-image: url("/img/common/list_icon_prev.svg"); }
.view_ctn .pages dl:last-child dt::before{ right: 0; background-image: url("/img/common/list_icon_next.svg"); }
.view_ctn .pages dl dd { max-width: calc(100% - 121px); }
.view_ctn .pages dl dd a{  overflow: hidden; display: inline-block; vertical-align: top; width: 100%; font-size: 18px; font-weight: 300; white-space: nowrap; 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; }

/* company */
#sv.sv01 { background-image: url("/img/sub/visual_bg_company.jpg"); }
.greeting__wrap { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px;  }
.greeting__wrap .text-box { width: 55.81%; font-size: 20px; }
.greeting__wrap .text-box * { font-family: var(--font-default); }
.greeting__wrap .text-box em { display: inline-block; margin-bottom: 1.25em; font-size: 2.4em; line-height: 1.5; font-weight: 600; }
.greeting__wrap .text-box p { font-weight: 300; line-height: 1.7; color: #ccc; }
.greeting__wrap .text-box p + p { margin-top: 2em; }
.greeting__wrap .text-box p b { font-weight: 600; }
.greeting__wrap .text-box p b.ceo { color: #fff; }
.greeting__wrap .img-box { overflow: hidden; width: 33.72%; border-radius: 40px; }
.sec-about .inner { display: flex; align-items: center; column-gap: 150px; }
.sec-about .img-box { overflow: hidden; border-radius: 40px; }
.sec-about:nth-of-type(1) .text-box { max-width: calc(65.11% - 150px); }
.sec-about:nth-of-type(2) .text-box { max-width: calc(50.58% - 150px); }
.sec-about:nth-of-type(3) .text-box { max-width: calc(56.97% - 150px); }
.sec-about .img-box img { width: 100%; }
.sec-about .top { font-size: 28px; }
.sec-about .top .title { font-size: 1.71em; line-height: 1.5; font-weight: 600; }
.sec-about .top .eng { margin-top: 1.07em; font-style: italic; }
.sec-about .text { margin-top: 4em; font-size: 20px; font-weight: 300; color: #ccc; }
.sec-about .text * { font-family: var(--font-default); }
.sec-about .text > p { line-height: 1.7; }
.sec-about.reverse .inner { flex-direction: row-reverse; justify-content: space-between; }
.sec-state .inner { display: flex; justify-content: space-between; gap: 30px 20px; }
.sec-state .title { font-size: 54px; font-weight: 600; }
.sec-state .state__list { width: 51.74%; border-top: 1px solid #fff; }
.sec-state .state__list > li { display: flex; justify-content: space-between; gap: 40px; padding: 40px 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.sec-state .state__list dl { width: calc(50% - 10px); max-width: 350px; font-size: 20px; }
.sec-state .state__list dt { margin-bottom: 1em; }
.sec-state .state__list dd { text-align: right; font-size: 1.8em; }
.sec-state .state__list dd span { font-size: 0.66em; }
.organization__area { display: flex; flex-direction: column; align-items: center; font-size: 18px; }
.organization__area .top { align-items: center; }
.organization__area .top .circle { position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 250px; aspect-ratio: 1/1; border: 10px solid #C4DC4E; border-radius: 50%; background-color: var(--main-color); text-align: center; }
.organization__area .top .circle::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: calc(100% + 70px); aspect-ratio: 1/1; border: 2px solid var(--main-color); border-radius: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }
.organization__area .top .circle .position { font-size: 1.44em; font-weight: 700; }
.organization__area .top .circle .name { margin-top: 0.45em; font-size: 1.2em; font-weight: 500; }
.organization__area .box { width: 270px; }
.organization__area .box .position { display: flex; justify-content: center; align-items: center; width: 100%; height: 70px; padding: 5px; border: 2px solid #fff; font-size: 1.11em; font-weight: 500; text-align: center; }
.organization__area .box .position.dashed { position: relative; }
.organization__area .box .position.dashed::before { content: ""; position: absolute; right: 100%; top: 50%; display: block; width: 210px; height: 1px; border-top: 1px dashed #fff; transform: translateY(-50%); }
.organization__area .box .position.dashed::after { content: ""; position: absolute; left: 0; top: 50%; display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background-color: #000; box-shadow: 0 0 0 5px #000; box-sizing: border-box; transform: translate(-50%,-50%); }
.organization__area .box .position.dashed.reverse::before { right: auto; left: 100%; }
.organization__area .box .position.dashed.reverse::after { left: auto; right: 0; transform: translate(50%,-50%); }
.organization__area .box .text-box { height: calc(100% - 80px); margin-top: 10px; padding: 30px; background-color: #151515; text-align: center; }
.organization__area .box .text-box p { font-weight: 300; word-break: break-word; }
.organization__area .box .text-box p + p { margin-top: 0.55em; }
.organization__area .row { position: relative; display: flex; justify-content: space-between; width: 100%; }
.organization__area .row:not(.row-2) { max-width: 960px; }
.organization__area .row-1 { align-items: flex-start; margin-top: 25px; }
.organization__area .row-1::after { content: ""; position: absolute; left: calc(50% - 2px); top: -25px; display: block; width: 1px; height: calc(100% + 25px + 39px); border-right: 2px dotted #fff; }
.organization__area .row-2 { flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 80px; max-width: initial; }
.organization__area .row-2::after { content: ""; position: absolute; left: 50%; top: -40px; display: block; width: calc(100% - (100% - 100px)/6); height: 40px; border-top: 1px dashed #fff; transform: translateX(-50%); }
.organization__area .row-2 .box { width: calc((100% - 100px)/6); }
.organization__area .row-2 .box .position { position: relative; border-color: rgba(171, 205, 3, 0.5); background-color: rgba(171, 205, 3, 0.1); }
.organization__area .row-2 .box .position::before { content: ""; position: absolute; left: 50%; bottom: 100%; display: block; width: 1px; height: 40px; border-right: 1px dashed #fff; transform: translateX(-50%); }
.organization__area .row-2 .box .position::after { content: ""; position: absolute; left: 50%; top: 0; display: block; width: 10px; height: 10px; border: 2px solid var(--main-color); border-radius: 50%; background-color: #000; box-shadow: 0 0 0 5px #000; box-sizing: border-box; transform: translate(-50%,-50%); }
.sec-history .inner { display: flex; justify-content: space-between; gap: 60px; }
.side-tab{ position: sticky; top: 120px; width: 250px; height: 100%; padding-top: 120px; }
.side-tab > ul > li { color: #fff; font-size: 20px; font-weight: 500; }
.side-tab > ul > li + li { margin-top: 10px; }
.side-tab > ul > li > a { display: flex; justify-content: center; align-items: center; width: 100%; padding: 25px; border: 2px solid #fff; text-align: center; }
.side-tab > ul > li > a.on { border-color: var(--main-color); background-color: var(--main-color); }
.history__wrap{ position: relative; width: 74.18%; max-width: 1274px; padding-top: 120px; }
.history__wrap .line { position: absolute; left: -1px; top: 0; width: 2px; height: 100%; background-color: #222;}
.history__wrap .line .bar { position: absolute; left: 0; top: 0; width: 100%; height: var(--line-H); max-height: 100%; background-color: var(--main-color); transition: height 0.3s ease-out; }
.history__wrap .line .bar .circle{ position: absolute; left: 0; bottom: 0; display: block; width: 50px; height: 50px; border: 4px solid var(--main-color); border-radius: 50%; background-color: #000; box-shadow: 0 0 50px 0 rgba(171, 205, 3, 0.3); transform: translateX(-50%); }
.history__wrap .line .bar .circle::after { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 10px; height: 10px; border-radius: 50%; background-color: var(--main-color); transform: translate(-50%, -50%); }
.year__list { padding-left: 15.23%; }
.year__list .year__item .year { font-size: 40px; font-weight: 500; color: #fff; }
.year__list .year__item + .year__item { margin-top: 150px; }
.history__list { margin-top: 30px; }
.history__list > li { display: flex; gap: 60px; padding: 28px 38px; border: 2px solid rgba(255, 255, 255, 0.2); font-size: 18px; }
.history__list > li + li { margin-top: 10px; }
.history__list > li .date { position: relative; width: 100px; font-weight: 600; }
.history__list > li .date::after { content: ""; position: absolute; right: -31px; top: 0.65em; display: block; width: 1px; height: 15px; background-color: #fff; transform: translateY(-50%); }
.history__list > li .text { width: calc(100% - 160px); font-family: var(--font-default); font-weight: 300; }
.map__wrap { position: relative; margin-top: 80px; }
.map__area { position: absolute; left: 0; top: 0; visibility: hidden; }
.map__area.on { position: static; visibility: visible; }
.map__area .top-info { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 40px; }
.map__area .top-info .title {position: relative; padding-left: 74px; font-size: 40px; font-weight: 500; white-space: nowrap; }
.map__area .top-info .title::after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 44px; height: 50px; background: url("/img/sub/icon_map_marker.svg") no-repeat center center/contain; }
.map__area .top-info .text { font-size: 24px; }
.map__area .map-box { overflow: hidden; border-radius: 40px; height: 620px; }
.map__area .root_daum_roughmap { width: 100%; height: 100%; }
.map__area .root_daum_roughmap .cont { display: none; }
.map__area .root_daum_roughmap .wrap_map { height: 100%; }
.map__area .map-box iframe { width: 100%; height: 100%; }
.map__area .bottom-info { display: flex; flex-wrap: wrap; gap: 20px 40px; margin-top: 40px; } 
.map__area .bottom-info dl { width: calc(50% - 20px); display: flex; align-items: flex-start; padding: 40px; border: 2px solid rgba(171, 205, 3, 0.5); border-radius: 20px; background-color: rgba(171, 205, 3, 0.1); font-size: 20px; }
.map__area .bottom-info dt { position: relative; display: flex; align-items: center; gap: 20px; width: 250px; padding-right: 20px; font-weight: 600; }
.map__area .bottom-info dd { width: calc(100% - 250px); padding-top: 2px; font-family: var(--font-default); font-weight: 200; }
.map__area .bottom-info.col-3 dl { flex: 1; }
.map__area .bottom-info.col-3 dt { width: 160px; }
.map__area .bottom-info.col-3 dd { width: calc(100% - 160px); }

/* shipbuilding & fire */
#sv.sv02 { background-image: url("/img/sub/visual_bg_shipbuilding.jpg"); }
#sv.sv03 { background-image: url("/img/sub/visual_bg_firefighting.jpg"); }
.product .content-title__box { overflow: hidden; position: relative; display: flex; flex-direction: column; justify-content: center; height: 520px; }
.product .content-title__box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.product .content-title { position: relative; font-size: 72px; z-index: 1; }

.sec-info { overflow-x: hidden; }
.product__list { display: flex; flex-wrap: wrap; gap: 120px 20px; }
.product__list > li { position: relative; width: calc((100% - 60px)/4); height: 640px; font-size: 18px; text-align: center; background: linear-gradient(180deg, #252525 0%, #000 100%); transition: 0.2s; }
.product__list > li > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 2px solid transparent; transition: 0.2s; }
.product__list > li > .box { width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; align-items: center; gap: 20px; padding: 80px 30px; }
.product__list > li .title { font-size: 1.33em; font-weight: 600; }
.product__list > li .text { font-weight: 300; line-height: 1.6; }
.product__list > li .img-box { overflow: hidden; position: relative; width: 100%; }
.product__list > li .img-box::before { content: ""; display: block; padding-top: 70.42%; }
.product__list > li .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.product__list > li .more { position: absolute; right: 0; top: 0; width: 50px; height: 50px; background-color: #000; transition: 0.2s; }
.product__list > li .more::after { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 10px; height: 10px; background: url("/img/sub/icon_plus.svg") no-repeat center center/contain; transform: translate(-50%, -50%); transition: 0.2s; }
.product__list > li:hover > a { border-color: var(--main-color); }
.product__list > li:hover .more { background-color: var(--main-color); }
.product__list > li:hover .more::after { transform: translate(-50%, -50%) rotate(-180deg); }

.info__wrap { display: flex; justify-content: space-between; }
.location { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; margin-bottom: 80px; }
.location > li { position: relative; padding: 0 22.5px; font-size: 18px; font-weight: 500; }
.location > li.home a { display: flex; }
.location > li::before { content: ""; position: absolute; left: -2px; top: 50%; display: block; width: 5px; height: 8px; background: url("/img/sub/location_arrow.svg") no-repeat center center/contain; transform: translateY(-50%); }
.location > li:first-child { padding-left: 0; }
.location > li:last-child { padding-right: 0; }
.location > li:first-child::before { display: none; }
.product-img { width: 51.16%; }
.img-swiper .swiper-slide { overflow: hidden; background-color: #fff; }
.img-swiper .swiper-slide::before { content: ""; display: block; padding-top: 70.45%; }
.img-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.thumb-swiper__wrap { position: relative; max-width: 696px; margin: 20px auto 0; padding: 0 28px; }
.thumb-swiper__wrap .swiper-slide { width: calc((100% - 40px)/5); }
.thumb-swiper__wrap .swiper-button-prev, .thumb-swiper__wrap .swiper-button-next { width: 8px; height: 14px; margin-top: 0; transform: translateY(-50%); }
.thumb-swiper__wrap .swiper-button-prev { left: 0; background: url("/img/sub/swiper_prev.svg") no-repeat center center/contain; }
.thumb-swiper__wrap .swiper-button-next {right: 0; background: url("/img/sub/swiper_next.svg") no-repeat center center/contain; }
.thumb-swiper .swiper-slide { position: relative; cursor: pointer; background-color: #fff; }
.thumb-swiper .swiper-slide::before { content: ""; display: block; width: 100%; padding-top: 70.83%; }
.thumb-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; height: 100%; object-fit: contain; transform: translate(-50%, -50%); }
.thumb-swiper__wrap .swiper-button-lock { display: block; opacity: 0.5; pointer-events: none; }
.thumb-swiper__wrap.default-w { width: fit-content; }
.thumb-swiper__wrap.default-w .swiper-slide { width: 120px; }
.thumb-swiper__wrap.default-w .swiper-slide:last-child { margin-right: 0 !important; }
.product-info { width: 44.18%; padding-top: 40px; }
.product-info .title { font-size: 54px; font-weight: 600; }
.product-info .text-box { margin-top: 80px; font-size: 20px; }
.product-info .text-box p { font-weight: 300; line-height: 1.7; color: #ccc; }
.sec-detail .tab__wrap { margin-bottom: 120px; height: 70px; }
.tab-type-02 {  background-color: #222; }
.tab-type-02 > ul { display: flex; }
.tab-type-02 > ul > li { flex: 1; }
.tab-type-02 > ul > li > a { display: flex; justify-content: center; align-items: center; height: 70px; padding: 5px; font-size: 18px; font-weight: 600; text-align: center; }
.tab-type-02 > ul > li > a.on { background-color: var(--main-color); }
.sec-detail .tab-type-02.scroll { position: fixed; left: 0; top: var(--header-H); width: 100%; z-index: 10; }
.sec-detail .inner { max-width: 1440px; }
.detail__wrap { padding: 0 100px; background-color: #fff; color: #111; }
.detail__wrap * { font-family: var(--font-default); }
.detail__area { padding: 120px 0; border-bottom: 1px solid #E5E5E5; }
.detail__area:last-child { border-bottom: none; }
.detail-title { margin-bottom: 60px; font-size: 40px; font-weight: 600; text-align: center; }
.video__list { display: flex; gap: 20px; }
.video__list > li { width: calc(50% - 10px); }
.video__list > li .video__box { position: relative; width: 100%; }
.video__list > li .video__box::before { content: ""; display: block; padding-top: 56%; }
.video__list > li .video__box video { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: contain; transform: translate(-50%, -50%); z-index: 1; }
.video__list > li .video__box iframe { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: contain; transform: translate(-50%, -50%); z-index: 1; }
.video__list > li .title { margin-top: 1em; font-size: 20px; font-weight: 500; }
/* .video__box .dim { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 3; }
.video__box .btn-video-play { position: absolute; left: 50%; top: 50%; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border: 2px solid #fff; background-color: transparent; border-radius: 50%; transform: translate(-50%, -50%); z-index: 5; }
.video__box .btn-video-play::after { content: ""; display: block; width: 8px; height: 12px; background: url(/img/sub/icon_video_play.svg) no-repeat center center / contain; }
.video__box.play .btn-video-play { visibility: hidden; opacity: 0; transition: 0.3s; } */

.info-text__box { font-size: 18px; font-weight: 300; color: #333; padding-bottom: 1px; }
.info-text__box p + p { margin-top: 0.83em; }
.info__list > li { display: flex; font-size: 18px; font-weight: 300; color: #333; }
.info__list > li::before { content: "-"; margin-right: 0.22em; font-size: inherit; }
.info__list > li + li { margin-top: 0.83em; }
.file__list { display: flex; flex-wrap: wrap; gap: 20px; }
.file__list > li { position: relative; width: calc((100% - 40px)/3); height: 180px; padding: 40px; background-color: #F8F8F8; }
.file__list > li > .text { font-size: 20px; font-weight: 500; }
.file__list > li > .icon { position: absolute; right: 40px; bottom: 40px; display: inline-block; width: 22px; height: 25px; background: url("/img/sub/icon_file_download.svg") no-repeat center center/contain; }
.file__list > li > a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; }
.table-type-01 th,.table-type-01 td { height: 62px; padding: 5px; border-right: 1px solid #E5E5E5;  font-size: 18px; }
.table-type-01 th:last-child,.table-type-01 td:last-child { border-right: none; }
.table-type-01 td { font-weight: 300; color: #555; text-align: center; }
.table-type-01 tr { border-bottom: 1px solid #E5E5E5; }
.table-type-01 thead { border-top: 2px solid #000; }
.table-type-01 thead th { font-weight: 600; background-color: #F8F8F8; }
.table-scroll table { min-width: 700px; }
.detail__area .product__list { gap: 20px; }
.detail__area .product__list > li { height: auto; background: #F8F8F8; }
.detail__area .product__list > li .title { font-size: 22px; }
.detail__area .product__list > li > .box { display: block; padding: 49px 30px; }
.detail__area .product__list > li .img-box { margin-top: 30px; }
.detail__area .product__list > li .img-box::before { padding-top: 68.19%; }
.detail__area .product__list > li .more { width: 40px; height: 40px; }

/* esg */
#sv.sv04 { background-image: url("/img/sub/visual_bg_esg.jpg"); }
.esg__wrap .img-box { overflow: hidden; position: relative; height: 490px; display: flex; justify-content: center; align-items: center; padding: 20px; border-radius: 40px; }
.esg__wrap .img-box img.bg { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.esg__wrap .img-box img.text { position: relative; max-width: 80%; z-index: 1; }
.esg__wrap .text-box { margin-top: 120px; text-align: center; font-size: 22px; }
.esg__wrap .text-box em { font-size: 2.18em; font-weight: 600; }
.esg__wrap .text-box p { margin-top: 2.727em; line-height: 1.7; font-weight: 300; }

/* pr */
#sv.sv05 { background-image: url("/img/sub/visual_bg_pr.jpg"); }
#sv.sv05::before { display: none; }
.content.pr { background: #fff; color: #111; }
.content.pr .view_ctn .tit { border-color: #E5E5E5; }
.content.pr .view_ctn .file_box > li > a { color: #555; }
.content.pr .view_ctn .file_box > li > a::before { -webkit-filter: invert(1); filter: invert(1); }
.content.pr .view_ctn .pages { border-color: #E5E5E5; }
.content.pr .view_ctn .pages dl dt { color: #ccc; }
.content.pr .view_ctn .pages dl dt::before { -webkit-filter: brightness(0.2) invert(1); filter: brightness(0.2) invert(1); }
.content.pr .view_ctn .pages dl:last-child::before { background-color: #E5E5E5; }
.sec-board .img_borad_list { gap: 120px 20px; }
.sec-board .img_borad_list .item { width: calc((100% - 60px)/4); }
.img_borad_list .item figure .cover { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(171, 205, 3, 0.00) 0%, #ABCD03 100%); visibility: hidden; opacity: 0; transition: 0.3s; transform: translateY(5%); z-index: 3; }
.img_borad_list .item figure .cover::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; border: 2px solid #fff; border-radius: 50%; box-sizing: border-box; transform: translate(-50%, -50%); }
.img_borad_list .item:hover figure .cover { visibility: visible; opacity: 1; transform: translateY(0); }
.img_borad_list.media .item figure .cover::after { background: url("/img/sub/board_icon_play.svg") no-repeat center center/ auto; }
.img_borad_list.file .item figure::before { padding-top: 139.76%; }
.img_borad_list.file .item figure .cover::after { background: url("/img/sub/board_icon_download.svg") no-repeat center center/ auto; }
.img_borad_list.file .txt { margin-top: 30px; }

/* career */
#sv.sv06 { background-image: url("/img/sub/visual_bg_career.jpg"); }
.talent__list { display: flex; flex-wrap: wrap; gap: 40px 20px; }
.talent__list > li { overflow: hidden; position: relative; display: flex; align-items: flex-end; width: calc((100% - 60px)/4); height: 565px; border-radius: 20px; padding: 40px; transition: transform 0.3s; }
.talent__list > li::before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.30) 100%); z-index: 1; }
.talent__list > li .bg { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); transition: transform 0.3s; }
.talent__list > li .title-box { position: relative; font-size: 22px; z-index: 3; }
.talent__list > li .title-box .title { font-size: 1.63em; font-weight: 600; }
.talent__list > li .title-box .title > span { display: inline-block; margin-top: 0.45em; font-weight: 500; }
.talent__list > li .title-box > span { display: inline-block; margin-top: 0.45em; }
.talent__list > li .cover { position: absolute; left: 0; top: 0; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; padding: 20px; background: linear-gradient(180deg, #ABCD03 0%, #191F00 100%); text-align: center; visibility: hidden; opacity: 0; z-index: 5; transition: 0.3s; }
.talent__list > li .cover * { font-family: var(--font-default); }
.talent__list > li .cover .text { margin-top: 3em; font-size: 20px; }
.talent__list > li .cover .text > em { font-size: 2.1em; font-weight: 600; }
.talent__list > li .cover .text > p { margin-top: 2em; line-height: 1.5; font-weight: 300; }
.talent__list > li:hover { transform: translateY(-20px); }
.talent__list > li:hover .cover { visibility: visible; opacity: 1; }
.benefit__wrap { display: flex; justify-content: space-between; align-items: flex-start; }
.benefit__wrap + .benefit__wrap { margin-top: 150px; }
.benefit__wrap .title { display: flex; align-items: center; gap: 30px; width: calc(37.2% - 40px); font-size: 40px; font-weight: 600; }
.benefit__wrap .benefit__list { display: flex; flex-wrap: wrap; gap: 15px; width: 62.8%; }
.benefit__wrap .benefit__list > li { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 30px; width: calc((100% - 30px)/3); height: 200px; border: 2px solid rgba(255, 255, 255, 0.1); padding: 20px; font-size: 20px; font-weight: 500; text-align: center; }
.recruit-step__list { display: flex; justify-content: center; align-items: center; gap: 30px 230px; padding: 15px; margin: 0 auto; }
.recruit-step__list > li { position: relative; width: 250px; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; background-color: #111111; }
.recruit-step__list > li::after { content: ""; position: absolute; left: calc(100% + 110px); top: 50%; display: block; width: 20px; height: 16px; background: url("/img/sub/step_arrow.svg") no-repeat center center/contain; transform: translate(0,-50%); }
.recruit-step__list > li::before { content: ""; position: absolute; left: calc(100% + 20px); top: 50%; display: block; width: 200px; height: 2px; border-top: 2px dotted #111 ; transform: translate(0, -50%); z-index: -1; }
.recruit-step__list > li:last-child::after, .recruit-step__list > li:last-child::before { display: none; }
.recruit-step__list > li .space { position: relative; display: block; padding-top: 100%; }
.recruit-step__list > li .space::before { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: calc(100% + 40px); height: calc(100% + 40px); border: 2px solid #111111; border-radius: 50%; transform: translate(-50%, -50%); box-sizing: border-box; }
.recruit-step__list > li:last-child { background-color: var(--main-color); }
.recruit-step__list > li:last-child .space::before { border-color: var(--main-color); }
.recruit-step__list > li .box { position: absolute; left: 50%; top: 50%; display: flex; justify-content: center; align-items: center; flex-direction: column; width: calc(100% - 10px); height: calc(100% - 10px); transform: translate(-50%, -50%); z-index: 5;}
.recruit-step__list > li .box > span { margin-top: 1em; font-size: 20px; font-weight: 500; text-align: center; }
.section.sec-recruitment {margin-top: 120px; }
.sec-recruitment .img_borad_list { gap: 20px; }
.sec-recruitment .img_borad_list .item { width: calc((100% - 60px)/4); padding: 40px; border:2px solid rgba(255, 255, 255, 0.1);  border-radius: 10px; background-color: transparent; }
.sec-recruitment .img_borad_list .txt { display: flex; flex-direction: column; justify-content: space-between; height: 100%; margin-top: 0; }
.sec-recruitment .img_borad_list .txt .tag { display: inline-block; margin-bottom: 40px; padding: 5px 20px; font-size: 16px; font-weight: 600; border-radius: 5px; }
.sec-recruitment .img_borad_list .txt .title { font-size: 22px; }
.sec-recruitment .img_borad_list .txt .date { margin-top: 40px; font-size: 16px; }
.sec-recruitment .img_borad_list .item.onging { border-color: rgba(171, 205, 3, 0.5); background-color: rgba(171, 205, 3, 0.1); }
.sec-recruitment .img_borad_list .item.onging .txt .tag { background-color: var(--main-color); }
.sec-recruitment .img_borad_list .item.close .txt .tag { background-color: #111; }
.sec-recruitment .img_borad_list .item.standby .txt .tag { background-color: #555; }
.sec-recruitment .img_borad_list .item.regular .txt .tag { background-color: #fff; color: #111; }

/* contact */
#sv.sv07 { background-image: url("/img/sub/visual_bg_contact.jpg"); }
.sec-contact .contact-text { margin-bottom: 60px; padding-bottom: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 20px; }
.sec-contact .contact-text > b { font-size: 1.8em; font-weight: 600; }
.sec-contact .contact-text > p { margin-top: 1em; font-weight: 300; color: #ccc; }
.form__area .button__wrap { margin-top: 120px; }
.form__list > li { display: flex; flex-wrap: wrap; gap: 60px 80px; }
.form__list > li + li { margin-top: 60px; }
.form__list > li .box { width: 100%; }
.form__list > li.col-2 .box { width: calc(50% - 40px); }
.form__list .title { font-size: 22px; font-weight: 500; }
.form__list .title .star { font-family: var(--font-default); color: #FF0000; }
.form__list .input__box { display: flex; justify-content: left; gap: 20px; width: 100%; margin-top: 20px; }
.form-input { width: 100%; height: var(--input-H); border: none; padding: 0 40px; font-family: var(--font-default); font-size: var(--input-fsz); font-weight: 300; color: #fff; background-color: var(--input-bgc); }
.form-input::placeholder,.form-textarea::placeholder { color: #ccc; }
.form-input:focus, .form-textarea:focus { outline: 2px solid var(--main-color); background-color: transparent; }
.form-textarea { width: 100%; height: 250px; border: none; padding: 40px; font-size: var(--input-fsz); font-weight: 300; color: #fff; background-color: var(--input-bgc); resize: none;  }
.form-textarea::-webkit-scrollbar{ width: 5px; }
.form-textarea::-webkit-scrollbar-thumb{background-color: var(--main-color); border-radius: 5px; }
.form-textarea::-webkit-scrollbar-track{background-color: #EEEEEE; border-radius: 5px; }
.btn-file { min-width: 320px; height: var(--input-H); color: #111; font-size: var(--input-fsz); font-weight: 500; background-color: #fff; cursor: pointer; }
.kcaptcha-box .kcaptcha-input { display: flex; align-items: center; gap: 20px; width: calc(100% - 340px); }
.kcaptcha-box .form-input { width: calc(100% - 85px - 20px); max-width: 375px; }
.kcaptcha-img > img { height: var(--input-H); object-fit: contain; }
#btnKcaptcha { width: var(--input-H); height: var(--input-H); border: none; background: url("/img/common/btn_refresh.svg") no-repeat  center center/auto #fff; }
.form-terms { margin-top: 150px; }
.terms-title { margin-bottom: 1.11em; font-size: 36px; font-weight: 600; }
.terms__box { height: 250px; padding: 20px; background-color: var(--input-bgc); font-size: 18px; font-weight: 300; color: #ccc; }
.terms__box * { line-height: 1.7; }
.terms__box b { display: inline-block; margin-bottom: 1.11em; font-weight: 500; }
.terms__box .terms__text { overflow-y: auto; height: 100%; padding: 40px; }
.terms__box .terms__text::-webkit-scrollbar{ width: 5px; }
.terms__box .terms__text::-webkit-scrollbar-thumb{background-color: var(--main-color); border-radius: 5px; }
.terms__box .terms__text::-webkit-scrollbar-track{background-color: #EEEEEE; border-radius: 5px; }
.terms__box .terms__text .title { margin-bottom: 20px; font-size: 18px; font-weight: 500; color: #ccc; }
.terms__box .terms__text .privacy { font-size: 16px; }
.terms__box .terms__text .privacy .text-top { margin-bottom: 40px; padding: 0; border-bottom: none; font-size: 18px; color: #ccc; }
.terms__box + .check-box { margin-top: 40px; } 
.check-box { display: flex; justify-content: right; }
.check__label { display: flex; align-items: center; gap: 15px; font-size: 18px; font-weight: 300; cursor: pointer; }
.check__label .box { position: relative; display: flex; }
.check__label .check-01 { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; cursor: pointer; }
.check__label .check-01 + .dot { position: absolute; left: 50%; top: 50%; width: 4px; height: 4px;border-radius: 50%; background-color: #fff; transform: translate(-50%, -50%); transition: 0.2s; }
.check__label .check-01:checked { border-color: var(--main-color); }
.check__label .check-01:checked + .dot { width: 8px; height: 8px; background-color: var(--main-color); }
.sec-as-map .contact-text { text-align: center; }
.sec-as-map .contact-text > p { margin-bottom: 120px; font-size: 32px; line-height: 1.5; font-weight: 300; }
.sec-as-map .contact-text > p b { font-weight: 600; }
.as-contact__list { display: flex; gap: 20px 80px; }
.as-contact__list > li { display: flex; gap: 81px; width: calc(50% - 40px); border: 2px solid rgba(171, 205, 3, 0.5); padding: 40px; background-color: rgba(171, 205, 3, 0.1); font-size: 22px; font-weight: 500; text-align: left; }
.as-contact__list > li .label { position: relative; }
.as-contact__list > li .label::after { content: ""; position: absolute; right: -41px; top: 0.09em; display: block; width: 1px; height: 25px; background-color: rgba(255, 255, 255, 0.2); }
.as-contact__list > li .text { position: relative; padding-left: 1.77em; }
.as-contact__list > li .text::before { content: ""; position: absolute; left: 0; top: 0.18em; display: block; width: 24px; height: 21px; background: url("/img/sub/info_icon_email_01.svg") no-repeat center center/contain; }
.world-map { position: relative; margin-top: 150px; }
.world-map::before { content: ""; display: block; padding-top: 46.97%; }
.world-map svg { position: absolute; width: 100%; left: 0; top: -26.9%; }
#motion01 circle:nth-child(1) { transform-box: content-box; transform-origin: center center; animation: circle01 3.5s infinite linear both; }
#motion01 circle:nth-child(2) { transform-box: content-box; transform-origin: center center; animation: circle02 3.5s infinite linear both; }
.as-info__area + .as-info__area { margin-top: 150px; }
.as-info__area .title { font-family: var(--font-default); font-size: 40px; font-weight: 600; }
.nation__list { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 40px; }
.nation__list > li { width: calc((100% - 40px)/3); padding: 40px; background-color: #fff; color: #333; }
.nation__list > li .nation { display: flex; align-items: center; gap: 20px; font-size: 28px; font-weight: 600; color: #111; }
.nation__list > li .nation .space { display: inline-block; }
.as-info__list { margin-top: 40px; }
.as-info__list > li { position: relative; padding-left: 2.11em; font-size: 18px; font-weight: 300; word-break: break-all; }
.as-info__list > li + li { margin-top: 0.83em; }
.as-info__list > li .icon { position: absolute; left: 0; top: 0; width: 18px; height: 1.3em; background: no-repeat center center/contain; }
.as-info__list > li .icon-company { background-image: url("/img/sub/info_icon_company.svg"); }
.as-info__list > li .icon-call { background-image: url("/img/sub/info_icon_call.svg"); }
.as-info__list > li .icon-email { background-image: url("/img/sub/info_icon_email_02.svg"); }

/* policy */
.content.policy { padding-top: 200px; background: #000; }
.privacy { width: 100%; overflow: hidden; box-sizing:border-box; font-size:17px; font-weight: 300; line-height: 1.3;  color: #ccc; }
.privacy * { font-family: var(--font-default); font-weight: 300; }
.policy .content-title { margin-bottom: 0.487em; font-size: 82px; }
.privacy .text-top { padding-bottom: 80px; margin-bottom: 80px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); font-size: 20px; color: #fff; }
.privacy .text-top p { line-height: 1.7; }
.privacy .text-top p:nth-of-type(2) { margin-top: 2em; line-height: 1.7; }
.privacy > p+dl { margin-top: 30px; }
.privacy > dl + dl { margin-top: 80px; }
.privacy > dl > dt{ margin-bottom: 30px; font-size:1.64em;color:#fff;font-weight:500;}
.privacy > dl > dd .textBox { margin-top: 15px; }
.privacy > dl > dd ul { margin-top: 15px; }
.privacy > dl > dd ul li + li { margin-top: 15px; }
.privacy > dl > dd ul li{ margin-top: 10px; }
.privacy > dl > dd ul li:first-child { margin-top: 0; }
.privacy > dl > dd ul li p { margin:0 10px 5px; }
.privacy > dl > dd .listBox { margin-top: 15px; }
.privacy .table-type-01 { margin-top: 30px; }
.privacy .table-type-01 thead { border-top: none; }
.privacy .table-type-01 tr { border-color: #111; }
.privacy .table-type-01 th { border: none; background-color: #111; color: #fff; }
.privacy .table-type-01 td { border-color: #111; color: #ccc; }
.sTxt { margin: 15px 0; color: #fff; }
.sTxt h3 { font-size:16px; color: #333; font-weight: 700; margin: 20px 0 10px; }
.sTxt p { margin-top: 10px; }
.sTxt dt { margin-top: 10px; }
.sTxt dd { font-weight: 500; }
.sTxt dd + dd { margin-top: 10px; }


@keyframes pageTitle {
    0%{ letter-spacing: 0.2em; opacity: 0; }
    100%{ letter-spacing: -0.02em; opacity: 1; }
}
@keyframes opacity {
    0%{ opacity: 0; }
    100%{ opacity: 1; }
}
@keyframes circle01{
    0%{ transform: scale(1); opacity: 0.05; }
    85.72%{ transform: scale(100); opacity: 0; }
    100%{ transform: scale(100); opacity: 0; }
}
@keyframes circle02{
    0%{ transform: scale(1); opacity: 0.05; }
    85.72%{ transform: scale(50); opacity: 0; }
    100%{ transform: scale(50); opacity: 0; }
}

@media screen and (max-width:1760px) {
    #sv { height: clamp(320px,39.77vw,700px); }
    .page-title { font-size: clamp(40px,6.81vw,120px); }
    #lnbBox { margin-top: clamp(30px,4.54vw,80px); }
    .content-title { font-size: clamp(24px,3.07vw,54px); }
    .product .content-title { font-size: clamp(30px,4.09vw,72px); }
    .greeting__wrap .text-box { font-size: clamp(16px,1.136vw,20px); }
    .sec-about .text > p > br:not(.fixed-br) { display: none; }
    .sec-about .inner { column-gap: 80px; }
    .sec-about .text-box, .sec-about:nth-of-type(n) .text-box { max-width: 49.4%; }
    .sec-about .top { font-size: clamp(14px,1.59vw,28px); }
    .sec-about .text { font-size: clamp(16px,1.136vw,20px); }
    .sec-about .text > p > br:not(.fixed-br) { display: none; }
    .sec-state .title { font-size: clamp(24px,3.068vw,54px); }
    .sec-state .state__list dl { font-size: clamp(16px,1.136vw,20px); }

    .product .content-title__box { height: clamp(200px,29.54vw,520px); }
    .product__list > li .text > br { display: none; }
    .product-info .title { font-size: clamp(26px,3.06vw,54px); }
    .product-info .text-box { font-size: clamp(16px,1.136vw,20px); }
    .detail-title { font-size: clamp(22px,2.27vw,40px); }

    .esg__wrap .text-box { font-size: clamp(16px,1.25vw,22px); }
    .view_ctn .tit .board-title { font-size: clamp(22px,2.38vw,42px); }
    .talent__list > li .cover .text > p > br { display: none; }
    .recruit-step__list { gap: 30px 100px; }
    .recruit-step__list > li::after { left: calc(100% + 45px); }
    .recruit-step__list > li::before { width: 70px; }
    .sec-as-map .contact-text > p { font-size: clamp(18px,1.8vw,32px); }
    .as-info__area .title { font-size: clamp(24px,2.27vw,40px); }
    .policy .content-title { font-size: clamp(28px,4.66vw,82px); }
}
@media screen and (max-width:1600px){
    :root{
        --input-fsz: 16px;
        --input-H: 65px;
    }
    .product-info .text-box p > br { display: none; }
    .form__list > li { gap: 60px 40px; }
    .form__list > li.col-2 .box { width: calc(50% - 20px); }
    .form-input { padding: 0 20px; }
    .form-textarea { padding: 20px; }
    .btn-file { min-width: 160px; }
    .kcaptcha-box .kcaptcha-input { width: calc(100% - 245px - 20px); }
    .kcaptcha-box .form-input { width: calc(100% - 65px - 20px); }
    .terms__box { font-size: 16px; }
}
@media screen and (max-width:1400px){
    .greeting__wrap .text-box p > br:not(.fixed-br) { display: none; }
    .organization__area { font-size: 16px; }
    .organization__area .row:not(.row-2) { max-width: 900px; }
    .organization__area .top .circle { width: 200px; }
    .organization__area .box .position { height: 60px; }
    .organization__area .box .text-box { height: calc(100% - 70px); }
    .organization__area .box { width: 240px; }
    .organization__area .box .text-box { padding: 20px; }
    .map__area .bottom-info.col-3 { gap: 20px; }
    .map__area .bottom-info.col-3 dl { flex: none; width: 100%; }

    .location > li { padding: 0 15px; font-size: 16px; }
    .location > li.home img { width: 18px; }
    .product__list > li { height: 600px; font-size: 16px; }
    .product__list > li > .box { padding: 60px 20px; }
    .product-img { width: 600px; }
    .product-info { width: calc(100% - 600px - 80px); }
    .thumb-swiper__wrap .swiper-slide, .thumb-swiper__wrap.default-w .swiper-slide { width: 100px; }
    .video__list > li .title { font-size: 18px; }
    .info-text__box { font-size: 16px; }
    .info__list > li { font-size: 16px; }
    .table-type-01 th, .table-type-01 td { font-size: 16px; }
    .detail__area .product__list > li .title { font-size: 20px; }
    .detail__wrap { padding: 0 50px; }
    .detail__area { padding: 60px 0; }
    .file__list > li { height: 150px; padding: 20px; }
    .file__list > li > .icon { right: 20px; bottom: 20px; width: 18px; height: 20px; }
    .file__list > li > .text { font-size: 18px; }
    .talent__list > li { height: 500px; }
    .talent__list > li .title-box { font-size: 20px; }
    .talent__list > li .cover .text { font-size: 18px; }
    .benefit__wrap .title { font-size: 32px; }
    .benefit__wrap .title img { width: 50px; }
    .benefit__wrap .benefit__list > li { font-size: 18px; }

    .as-contact__list { gap: 20px 40px; }
    .as-contact__list > li  { width: calc(50% - 20px); gap: 61px; padding: 30px; font-size: 18px; }
    .as-contact__list > li .label::after { right: -31px; height: 20px; }
    .as-contact__list > li .text::before { width: 20px; height: 17px; }
}
@media screen and (max-width:1200px) {
    .search__area > select { width: 150px; height: 50px; padding-left: 20px; padding-right: 30px; font-size: 16px; background-position: calc(100% - 20px) center; }
    .search__area .search-box { padding: 0 20px; }
    .search__area .search-box .search-input { font-size: 16px; }
    .sec-board .img_borad_list { gap: 60px 20px; }
    .sec-board .img_borad_list .item, .sec-recruitment .img_borad_list .item { width: calc((100% - 40px)/3); }
    .img_borad_list .txt .title { font-size: 18px; }
    .img_borad_list .txt .date { font-size: 16px; }
    .img_borad_list .item figure .cover::after { width: 50px; height: 50px; background-size: 5%; }
    .img_borad_list.file .txt { margin-top: 20px; }

    .sec-about .inner { column-gap: 60px; }
    .sec-about .text { margin-top: 2em; }
    .sec-state .state__list { width: 60%; }
    .side-tab{ width: 160px; }
    .side-tab > ul > li { font-size: 18px; }
    .side-tab > ul > li > a { padding: 15px 0; }
    .year__list { padding-left: 90px; }
    .tab-type-01 .tab__item { max-width: 180px; height: 60px;font-size: 16px; }
    .map__area .top-info .title { padding-left: 50px; font-size: 32px; }
    .map__area .top-info .title::after { width: 32px; height: 36px; }
    .map__area .top-info .text { font-size: 20px; }
    .map__area .map-box { height: 500px; }
    .map__area .bottom-info { gap: 20px; }
    .map__area .bottom-info dl { padding: 30px 20px; font-size: 16px; }
    .map__area .bottom-info dt { width: 130px; gap: 15px; padding-right: 0px; }
    .map__area .bottom-info dt > img { height: 24px; }
    .map__area .bottom-info dd { width: calc(100% - 130px); }

    .product__list { gap: 80px 20px; }
    .product__list > li { width: calc((100% - 40px)/3); }
    .product-img { width: 500px; }
    .product-info { width: calc(100% - 500px - 60px); padding-top: 20px; }
    .thumb-swiper__wrap .swiper-slide, .thumb-swiper__wrap.default-w .swiper-slide { width: 80px; }

    .talent__list > li { width: calc(50% - 10px); }
    .benefit__wrap .title { gap: 20px; font-size: 24px; }
    .benefit__wrap .title img { width: 36px; }
    .benefit__wrap .benefit__list > li { gap: 20px; height: 160px; font-size: 16px; }
    .benefit__wrap .benefit__list > li > img { height: 32px; }
    .recruit-step__list > li .box> img { height: 32px; }
    .recruit-step__list > li .box > span { font-size: 16px; }
    .sec-recruitment .img_borad_list .item { padding: 30px; }
    .sec-recruitment .img_borad_list .txt .tag { margin-bottom: 30px; padding: 4px 16px; font-size: 14px; }
    .sec-recruitment .img_borad_list .txt .title { font-size: 18px; }
    .sec-recruitment .img_borad_list .txt .date { margin-top: 20px; }

    .sec-contact .contact-text { font-size: 16px; }
    .form__list > li.col-2.etc .box { width: 100%; }
    .terms__box .terms__text { padding: 20px; }
    .world-map svg { top: -48%; }
    .nation__list > li { padding: 30px; }
    .nation__list > li .nation { font-size: 22px; }
    .nation__list > li .nation > img { width: 40px; }
    .as-info__list > li { font-size: 16px; }
    .content.policy { padding-top: 120px; }
}
@media screen and (min-width:1025px) { 
    .talent__list > li:hover .bg { transform: translate(-50%, -50%) scale(1.14); }
}
@media screen and (max-width:1024px) { 
    #lnbBox { height: 60px; }
    #lnbBox .lnb__list > li > a { font-size: 16px; }
    .content { padding: 80px 0 100px; }
    .content-title__box { margin-bottom: 60px; }
    .content-title__box .text { font-size: 16px; }
    .section + .section { margin-top: 60px; }
    .section.sec-recruitment { margin-top: 60px; }

    .board_box table { font-size: 16px; }
    .board_box table th, .board_box table td { height: 60px; }
    .paging { margin-top: 60px; }
    .paging a { width: 35px; height: 35px; }
    .paging ul li a { font-size: 16px; }
    .view_ctn .tit { padding-bottom: 40px; }
    .view_ctn .tit ul { margin-top: 20px; }
    .view_ctn .tit ul li { font-size: 16px; }
    .view_ctn .info { padding: 40px 0; }
    .view_ctn .button__wrap { margin-top: 60px; }
    .view_ctn .file_box > li > a { padding-left: 25px; font-size: 14px; }
    .view_ctn .file_box > li > a::before { width: 16px; height: 17px; }
    .view_ctn .pages { padding: 20px 0; }
    .view_ctn .pages dl { gap: 20px; padding: 15px 30px; }
    .view_ctn .pages dl dt { width: 75px; padding-left: 26px; font-size: 16px; }
    .view_ctn .pages dl:last-child dt { padding-right: 26px; }
    .view_ctn .pages dl dd { max-width: calc(100% - 95px); }
    .view_ctn .pages dl dd a { font-size: 16px; }

    .greeting__wrap { flex-direction: column-reverse; justify-content: flex-start; }
    .greeting__wrap .img-box { position: relative; width: 100%; height: 400px; border-radius: 20px; }
    .greeting__wrap .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
    .greeting__wrap .text-box { width: 100%; }
    .greeting__wrap .text-box em { font-size: 1.6em; }
    .sec-state .inner { flex-direction: column; }
    .sec-state .state__list { width: 100%; }
    .sec-about .img-box { border-radius: 20px; }
    .sec-state .state__list > li { padding: 30px 15px; }
    .sec-state .state__list dd { font-size: 1.5em; }
    .organization__area { font-size: 14px; }
    .organization__area .row:not(.row-2) { max-width: 460px; }
    .organization__area .row-1 { gap: 60px; }
    .organization__area .top { justify-content: center; }
    .organization__area .top .circle { width: 160px; }
    .organization__area .top .circle::before { width: calc(100% + 40px); }
    .organization__area .top .box { position: absolute; left: 50%; top: calc(100% + 30px); transform: translateX(-50%); z-index: 5; }
    .organization__area .top .box::after { content: ""; position: absolute; left: 50%; bottom: 100%; display: block; width: 1px; height: 30px; border-left: 2px dotted #fff; transform: translateX(-50%); }
    .organization__area .box .position { height: 50px; }
    .organization__area .box .position.dashed::before { width: 30px; }
    .organization__area .box .text-box { height: calc(100% - 60px); padding: 15px; }
    .organization__area .row-1 { margin-top: 190px; }
    .organization__area .row-1 .box { width: 100%; max-width: 200px; }
    .organization__area .row-2 { margin-top: 40px; padding: 20px; border: 1px dashed #fff; }
    .organization__area .row-2::before { content: ""; position: absolute; left: 50% ; top: 0; display: block; width: 10px; height: 10px; border: 2px solid #fff; border-radius: 50%; background-color: #000; box-shadow: 0 0 0 5px #000; box-sizing: border-box; transform: translate(-50%,-50%); }
    .organization__area .row-2::after { display: none; }
    .organization__area .row-2 .box { width: calc((100% - 40px) / 3); }
    .organization__area .row-2 .box .position::before, .organization__area .row-2 .box .position::after { display: none; }
    .sec-history .inner { gap: 40px; }
    .side-tab { width: 110px; top: 60px; padding-top: 60px; }
    .side-tab > ul > li { font-size: 14px; }
    .side-tab > ul > li > a { padding: 8px 0; }
    .history__wrap { width: calc(100% - 140px); padding-top: 60px; }
    .year__list { padding-left: 40px; }
    .year__list .year__item + .year__item { margin-top: 80px; }
    .year__list .year__item .year { font-size: 32px; }
    .history__list { margin-top: 20px; }
    .history__list > li { gap: 40px; padding: 15px 20px; font-size: 16px; }
    .history__list > li .date { width: 80px; }
    .history__list > li .date::after { right: -21px; }
    .history__list > li .text { width: calc(100% - 140px); }
    .history__wrap .line .bar .circle { width: 40px; height: 40px; border-width: 2px; }
    .map__area .map-box { border-radius: 20px; height: 350px; }
    .map__area .bottom-info dl { flex: none; width: 100%; }

    .sec-detail .tab__wrap { height: 50px; }
    .tab-type-02 > ul > li > a { height: 50px; font-size: 16px; }
    .info__wrap { flex-direction: column-reverse; row-gap: 50px; }
    .product-img, .product-info { width: 100%; }
    .product-info { padding-top: 0; }
    .product-img { max-width: 700px; margin: 0 auto; }
    .location { margin-bottom: 40px; }
    .sec-info { min-height: 250px; }
    .product-info .text-box { margin-top: 30px; }
    .product__list { gap: 40px 20px; }
    .product__list > li { width: calc(50% - 10px); }
    .product__list > li > .box { padding: 50px 20px; }
    .product__list > li .more { width: 40px; height: 40px; }
    .thumb-swiper__wrap .swiper-slide { width: calc((100% - 40px) / 5); }
    .thumb-swiper__wrap.default-w .swiper-slide { width: 120px; }
    .detail-title { margin-bottom: 40px; }
    .video__list { flex-direction: column; gap: 40px; }
    .video__list > li { width: 100%; }
    .file__list > li { width: calc(50% - 10px); }
    .table-scroll { padding-bottom: 10px; }
    .table-type-01 th, .table-type-01 td { height: 50px; font-size: 14px; }

    .esg__wrap .img-box { height: 350px; border-radius: 20px; }
    .esg__wrap .text-box { margin-top: 60px; }

    .talent__list > li { border: 1px solid rgba(171, 205, 3, 0.5); box-shadow: 0 0 3px 3px rgba(171, 205, 3, 0.5); }
    .talent__list > li::before { display: none; }
    .talent__list > li .title-box { display: none; }
    .talent__list > li .cover { background: rgba(0, 0, 0, 0.5); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); visibility: visible; opacity: 1; }
    .talent__list > li .cover .text > em { font-size: 1.8em; }
    .benefit__wrap { flex-direction: column; row-gap: 40px; }
    .benefit__wrap + .benefit__wrap { margin-top: 80px; }
    .benefit__wrap .title, .benefit__wrap .benefit__list { width: 100%; }
    .recruit-step__list  { flex-wrap: wrap; gap: 80px; max-width: 600px; padding: 0 20px 40px; }
    .recruit-step__list > li { width: calc(50% - 40px); }
    .recruit-step__list > li::before{ display: none; }
    .recruit-step__list > li::after{ content: ""; position: absolute; left: auto; right: -55px; top: 50%; width: 20px; height: 16px; background: url("/img/sub/step_arrow.svg") no-repeat center center / contain; transform: translateY(-50%); }
    .recruit-step__list > li:nth-child(2)::after { right: 50%; top: calc(100% + 37px); transform: translateX(50%) rotate(90deg); }
    .recruit-step__list > li:nth-child(3) { order: 6; }
    .recruit-step__list > li:nth-child(3)::after { right: calc(100% + 35px); transform: translateY(-50%) rotateY(180deg); }
    .recruit-step__list > li:last-child::after { display: none; }
    .sec-recruitment .img_borad_list .item { padding: 20px; }
    .sec-recruitment .img_borad_list .txt .title { font-size: 15px; }
    .sec-recruitment .img_borad_list .txt .date { font-size: 14px; }

    :root{
        --input-fsz: 14px;
        --input-H: 50px;
    }
    .sec-contact .contact-text > b { font-size: 1.3em; }
    .form__area .button__wrap { margin-top: 60px; }
    .form__list > li { gap: 40px; }
    .form__list > li + li { margin-top: 40px; }
    .form__list .title { font-size: 18px; }
    #btnKcaptcha { background-size: 30%; }
    .kcaptcha-box .kcaptcha-input { width: auto; }
    .kcaptcha-box .form-input { max-width: 188px; width: calc(100% - 50px - 20px); }
    .form-terms { margin-top: 80px; }
    .terms-title { font-size: 24px; }
    .terms__box { padding: 10px; font-size: 14px; }
    .terms__box .terms__text { padding: 10px; }
    .terms__box .terms__text .title { font-size: 16px; }
    .terms__box .terms__text .privacy { font-size: 14px; }
    .terms__box .terms__text .privacy .text-top { font-size: 14px; }
    .terms__box + .check-box { margin-top: 20px; }
    .check__label { gap: 10px; }
    .check__label { font-size: 14px; }

    .as-info__area + .as-info__area { margin-top: 80px; }
    .sec-as-map .contact-text > p { margin-bottom: 60px; }
    .world-map { margin-top: 60px; }
    .world-map svg { top: -30%; }
    .as-contact__list { flex-direction: column; }
    .as-contact__list > li  { width: 100%; }
    .nation__list > li { width: calc(50% - 10px); }

    .content.policy { padding-top: 100px; }
    .privacy { font-size: 14px; }
    .privacy .text-top { margin-bottom: 40px; padding-bottom: 40px; font-size: 16px;  }
    .privacy > dl + dl { margin-top: 40px; }
    .privacy > dl > dt { margin-bottom: 20px; font-size: 1.3em; }
    .privacy > dl > dd ul { margin-top: 10px; }
    .privacy > dl > dd ul li + li { margin-top: 10px; }
    .privacy > dl > dd .listBox {margin-top: 10px; }
}
@media screen and (max-width:768px) { 
    #lnbBox { height: auto; border-radius: 20px; }
    #lnbBox .lnb__list { flex-wrap: wrap; gap: 5px; }
    #lnbBox .lnb__list > li { flex: none; width: calc((100% - 10px)/3); height: auto; } 
    #lnbBox .lnb__list > li > a { height: 100%; min-height: 40px; padding: 5px; font-size: 14px; line-height: 1.2; border-radius: 10px; }
    .sv07 #lnbBox .lnb__list > li { width: calc(50% - 5px); }
    
    .search__area > select { width: 130px; padding-left: 14px; padding-right: 26px; background-position: calc(100% - 14px) center; }
    .search__area .search-box { width: calc(100% - 140px); padding: 0 14px; }
    .search__area > select, .search__area .search-box .search-input { font-size: 14px; }
    .search__area .search-box .search-input { width: calc(100% - 28px); }
    .sec-board .img_borad_list { gap: 40px 20px; }
    .sec-board .img_borad_list .item, .sec-recruitment .img_borad_list .item { width: calc(50% - 10px); }
    .img_borad_list .txt .title { font-size: 15px; }
    .img_borad_list .txt .date { margin-top: 10px; font-size: 14px; }
    .board_box table { font-size: 14px; }
    .board_box table colgroup { display: none; }
    .board_box table thead tr { display: none; }
    .board_box table tr { display: flex; flex-wrap: wrap; padding: 10px 0;}
    .board_box table tbody tr:first-child{ border-top: 2px solid var(--main-color); }
    .board_box table td { height: auto; }
    .board_box table td.title { padding: 0 10px;  }
    .board_box table td a { width: fit-content; max-width: 100%; font-size: 16px; font-weight: 400; }
    .board_box table tbody td.num { width: 40px; }
    .board_box table tbody td:nth-child(2) { width: calc(100% - 40px); }
    .board_box table tbody td:nth-child(3) { width: 100%; margin-top: 10px; padding-left: 50px; text-align: left; }
    .view_ctn .pages { flex-direction: column; padding: 0; }
    .view_ctn .pages dl { width: 100%; padding: 15px; }
    .view_ctn .pages dl:last-child { flex-direction: row; justify-content: left; border-top: 1px solid rgba(255, 255, 255, 0.1); }
    .view_ctn .pages dl:last-child::before { display: none; }
    .view_ctn .pages dl:last-child dt { padding-left: 26px; padding-right: 0; }
    .view_ctn .pages dl:first-child dt::before { transform: translateY(-50%) rotate(90deg); }
    .view_ctn .pages dl:last-child dt::before { right: auto; left: 0; transform: translateY(-50%) rotate(90deg); }
    .view_ctn .pages dl dt { width: 60px; padding-left: 20px; font-size: 14px; }
    .view_ctn .pages dl:last-child dt { padding-left: 20px; }
    .view_ctn .pages dl dd { max-width: calc(100% - 80px); }
    .view_ctn .pages dl dd a { font-size: 14px; }
    .paging a { width: 25px; height: 25px; }
    .paging ul li a { font-size: 14px; }

    .greeting__wrap .text-box em { font-size: 1.4em; }
    .sec-about .inner,.sec-about.reverse .inner { flex-direction: column;}
    .sec-about .inner { row-gap: 30px; }
    .sec-about .img-box { position: relative; width: 100%; height: 400px; }
    .sec-about .img-box img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
    .sec-about .text-box, .sec-about:nth-of-type(n) .text-box { max-width: initial; }
    .sec-about .text { margin-top: 1.5em; }
    .sec-about .top .title > br { display: none; }
    .sec-state .state__list > li { padding: 20px 10px; }
    .sec-state .state__list dl { font-size: 14px; }
    .sec-state .state__list dd { font-size: 1.3em; }
    .sec-history .inner { flex-direction: column; gap: 60px; }
    .side-tab { position: relative; left: 0; top: 0; width: 100%; padding-top: 0; z-index: 10; }
    .side-tab > ul { display: flex; align-items: stretch; gap: 5px; width: 100%; }
    .side-tab > ul > li { width: calc((100% - 15px)/4); max-width: 110px; }
    .side-tab > ul > li + li { margin-top: 0; }
    .side-tab > ul > li > a { height: 40px; padding: 0 2px; border: none; background-color: #000; }
    .history__wrap { width: 100%; padding-left: 10px; }
    .history__wrap .line .bar .circle { width: 30px; height: 30px; }
    .history__wrap .line .bar .circle::after { width: 8px; height: 8px; }
    .year__list .year__item .year { font-size: 24px; }
    .history__list > li { flex-direction: column; gap: 14px; padding: 10px 15px; font-size: 14px; }
    .history__list > li .date { width: 100%; }
    .history__list > li .date::after { display: none; }
    .history__list > li .text { width: 100%; }
    .side-tab.scroll > ul { position: fixed; left: 0; top: calc(var(--header-H) - 1px); padding: 0 20px; background-color: rgba(0, 0, 0, 0.9); }
    .tab-type-01 { flex-wrap: wrap; justify-content: left; }
    .tab-type-01 .tab__item { max-width: initial; width: calc(50% - 10px); height: 40px; font-size: 14px; }
    .map__wrap { margin-top: 40px; }
    .map__area .top-info { flex-direction: column; gap: 10px; align-items: flex-start; margin-bottom: 30px; }
    .map__area .top-info .title { padding-left: 40px; font-size: 24px; }
    .map__area .top-info .title::after { width: 24px; height: 27px; }
    .map__area .top-info .text { font-size: 16px; }
    .map__area .bottom-info dl { flex-direction: column; gap: 20px; border-width: 1px; }
    .map__area .bottom-info dt, .map__area .bottom-info dd, .map__area .bottom-info.col-3 dt, .map__area .bottom-info.col-3 dd { width: 100%; }
    .map__area .bottom-info dd { padding-top: 0; }

    .location > li { padding: 0 9px; }
    .location > li { font-size: 14px; }
    .location > li.home img { width: 14px; }
    .detail__wrap { padding: 0 30px; }
    .thumb-swiper__wrap { width: fit-content; max-width: 581px; }
    .thumb-swiper__wrap .swiper-slide { width: 97px; } 
    .thumb-swiper__wrap.default-w .swiper-slide { width: 97px; }
    
    .esg__wrap .img-box { height: 300px; }
    .esg__wrap .text-box em { font-size: 1.5em; }

    .content.pr .pages dl:last-child { border-color: #E5E5E5; }

    .talent__list > li { height: 400px; }
    .talent__list > li .cover .box > img { transform: scale(0.8); }
    .talent__list > li .cover .text { margin-top: 2em; font-size: 16px; }
    .talent__list > li .cover .text > em { font-size: 1.5em; }
    .talent__list > li .cover .text > p { margin-top: 1.5em; }

    .nation__list > li { padding: 20px; }
    .nation__list > li .nation { gap: 10px; font-size: 18px; }
    .as-info__list { margin-top: 30px; }
    .as-info__list > li { padding-left: 1.8em; font-size: 14px; }
    .as-info__list > li .icon { width: 14px; }
}
@media screen and (max-width:640px) {
    .organization__area .row-2 .box { width: calc(50% - 10px); }
    .product__list > li { width: 100%; height: auto; min-height: 500px; }
    .product__list > li > .box { gap: 40px; }
    .product__list > li .title { font-size: 1.2em; }
    .thumb-swiper__wrap { max-width: 446px; }
    .thumb-swiper__wrap .swiper-slide { width: 70px; } 
    .thumb-swiper__wrap.default-w .swiper-slide { width: 70px; }
    .detail__area .product__list > li { height: auto; min-height: initial; }
    .file__list > li { width: 100%; height: 120px; }

    .talent__list > li { width: 100%; height: 350px; }
    .benefit__wrap { row-gap: 30px; }
    .benefit__wrap .title { gap: 15px; font-size: 22px; }
    .benefit__wrap .title img { width: 32px; }
    .benefit__wrap .benefit__list > li { width: calc(50% - 7.5px); }

    .sec-contact .contact-text { margin-bottom: 40px; font-size: 14px; }
    .form__list > li { gap: 30px; }
    .form__list > li + li { margin-top: 30px; }
    .form__list > li.col-2 .box { width: 100%; }
    .form__list .title { font-size: 16px; }
    .form__list .input__box { margin-top: 10px; }
    .btn-file { min-width: 100px; }
    .form__list .kcaptcha-box { flex-wrap: wrap; align-items: flex-start; }
    .kcaptcha-box .kcaptcha-input { width: 100%; }
    .kcaptcha-box .form-input { width: calc(100% - 50px - 20px); }
    .terms-title { font-size: 20px; }

    .as-contact__list > li { flex-direction: column; gap: 20px 41px; padding: 20px; font-size: 16px; }
    .as-contact__list > li .label::after { left: 0; right: auto; top: calc(100% + 9px); width: 100%; height: 1px; }
    .as-contact__list > li .text::before { width: 18px; height: 16px; }
    .nation__list > li { width: 100%; } 
}
@media screen and (max-width:500px) {
    .greeting__wrap .img-box { height: 300px; }
    .sec-about .img-box { height: 300px; }
    .sec-state .state__list > li { flex-wrap: wrap; padding: 0; gap: 0; border-bottom: none; }
    .sec-state .state__list dl { width: 100%; max-width: initial; padding: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
    .img_borad_list .item figure .cover::after { width: 60px; height: 60px; background-size: auto; }
    .recruit-step__list { gap: 60px; padding: 0 10px 40px; }
    .recruit-step__list > li { width: calc(50% - 30px); border-width: 3px; }
    .recruit-step__list > li .space::before { width: calc(100% + 30px); height: calc(100% + 30px); }
    .recruit-step__list > li::after { right: -40px; width: 16px; height: 13px; }
    .recruit-step__list > li:nth-child(2)::after { top: calc(100% + 27px); }
    .recruit-step__list > li:nth-child(3)::after { right: calc(100% + 25px); }
    .recruit-step__list > li .box> img { height: 26px; }
    .recruit-step__list > li .box > span { font-size: 13px; } 
    .sec-board .img_borad_list .item, .sec-recruitment .img_borad_list .item { width: 100%; }
    .sec-board .img_borad_list.file .item { width: calc(50% - 10px); }

    .thumb-swiper__wrap { width: 100%; max-width: initial; }
    .thumb-swiper__wrap.default-w  { max-width: 100%; }
    .thumb-swiper__wrap .swiper-slide { width: calc((100% - 20px)/3); } 
    .thumb-swiper__wrap.default-w .swiper-slide { width: calc(((100vw - 40px - 56px) - 20px)/3); }
    .sec-detail .tab__wrap { height: 40px; }
    .tab-type-02 > ul > li > a { height: 40px; font-size: 14px; }  
}