@charset 'utf-8';

/* common */
#subWrap{min-height: calc(100dvh - 621px);}
.sub-visual { height: clamp(300px,31.25vw,600px); }
.sub-visual>.inner { display: flex; height: 100%; justify-content:center; align-items:center;}
.sub-visual>.inner .text { margin-top: min(2.083vw,40px); }
.sub-visual>.inner .title { font-size: clamp(36px,5.2vw,100px); font-weight: 500; letter-spacing: -0.02em; color:#fff; text-align: center; }
.breadcrumb__list { display: flex; justify-content:center; align-items:center; column-gap:44px; margin-top: 20px; }
.breadcrumb__list>li { position: relative; }
.breadcrumb__list>li::before{ content:""; position: absolute; left: -22px; top:50%; display: block; width: 4px; height: 4px; background-color: #fff; transform:translateY(-50%); }
.breadcrumb__list>li:first-child::before{ display: none; }
.breadcrumb__list>li>a { display: block; font-family: var(--font-Pretendard); font-size: 18px; font-weight: 300; color: #fff; }
.breadcrumb__list>li>a.icon-home{ width: 24px; height: 24px; background: url('/img/common/icon_home.svg') no-repeat center center/auto; }
#subContents .content { padding: 120px 0 200px; } 
.content-title { margin-bottom: clamp(60px,6.25vw,120px); font-family: var(--font-Pretendard); font-size: clamp(30px,3.33vw,64px); font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #222; text-align: center; }
.sub-title { font-size: clamp(24px,2.4vw,46px); font-weight: 600; letter-spacing: -0.02em; color: #111; text-align: center; }

/* search */
.search_box{display:flex; justify-content: right; align-items:center; height: 50px; gap:10px; margin-bottom: 40px; }
.search_box select{width: 150px; height: 100%; border:none; padding: 0 20px; background:#F8F8F8 url('/img/common/icon_select.svg') no-repeat calc(100% - 20px) 50%/auto; outline: none; font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #111;}
.search_box input{width: 300px; height: 100%; border: none; font-family: var(--font-Pretendard); font-size: 16px; border-bottom: 1px solid #DDD; outline: none; }
.search_box input::placeholder{color: #ccc;}
.search_box button{width: 80px; height: 100%; font-weight: 500; color: #fff; background: var(--main-color); font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; border: none; cursor: pointer; padding: 0; transition: background-color 0.3s;}

/* table */
.board_box table tr{position: relative; }
.board_box table tbody tr { border-bottom: 1px solid #EEEEEE; }
.board_box table tbody tr::after{content:""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; transition: 0.7s; background-color: var(--main-color);}
.board_box table th{position: relative; height: 86px; background-color: #F8F8F8; font-family: var(--font-Pretendard); font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #111; }
.board_box table td{ height: 100px; text-align: center; font-family: var(--font-Pretendard); font-size: 18px;  font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #555; }
.board_box table td:nth-child(1) { font-family: var(--font-Roboto); font-size: 18px; }
.board_box table td::before { font-family: var(--font-Pretendard); }
.board_box table td:last-child { font-family: var(--font-Roboto); font-weight: 400; }
.board_box table td a{width: 100%; display: inline-block; vertical-align: top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit;}
.board_box table tbody tr:hover::after {width: 100%;}
.board_box table td .btn-download { display: inline-flex; width: fit-content; }
.board_box table td .btn-download::before { content: ""; display: block; width: 24px; height: 24px; margin-right: 10px; background: url('/img/common/icon_download.svg') no-repeat center center/auto; }

/* paging */
.paging{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; margin-top: 120px; column-gap: 15px;}
.paging .arr{display:flex; column-gap: 15px;}
.paging .arr a.last,
.paging .arr a.first{letter-spacing:-10px;}
.paging .arr a i::before { display: none;}
.paging .arr a i { display: block; width: 14px; height: 14px; }
.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 .arr a.off .xi-angle-left-min { background-image: url('/img/common/page_prev_off.svg'); }
.paging .arr a.off .xi-angle-right-min { background-image: url('/img/common/page_next_off.svg'); }
.paging .arr a.first,.paging .arr a.last { width: 34px; }
.paging .arr a.first i:first-child { transform:translateX(2px); }
.paging .arr a.last i:last-child { transform:translateX(-2px); }
.paging a{display:flex; justify-content:center; align-items: center; width: 30px; height: 30px; font-size: 18px; line-height: 1.3; color: #AAAAAA; }
.paging ul{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center; column-gap: 5px;}
.paging li.on a { color: var(--main-color); } 


.view_ctn .tit{text-align: center;}
.view_ctn .tit .tag{display: inline-block; padding: 0 23px; line-height: 35px; border-radius:20px; font-weight: 500; font-size: 15px; color: #fff; min-width: 85px}
.view_ctn .tit h2{ padding: 120px 0; font-family: var(--font-Pretendard);  font-size: 30px; font-weight: 500; letter-spacing: -0.02em; color: #111; background-color: #f8f8f8; }
.view_ctn .tit ul{display:flex; justify-content: center; column-gap: 40px; padding: 30px 0; border-bottom: 1px solid #EEEEEE; }
.view_ctn .tit ul li{ font-family: var(--font-Pretendard); font-size: 18px; font-weight: 300; line-height: 1.3; letter-spacing: -0.02em; color: #555;}
.view_ctn .tit ul li:last-of-type{margin-right: 0;}
.view_ctn .tit ul li span{font-weight: 600; margin-right: 8px; }
.view_ctn .info{padding: 60px 0 100px; font-family: var(--font-Pretendard); font-size: 16px; word-break: break-all; }
.view_ctn .file_box{padding: 5px 0;}
.view_ctn .file_box dl{display:flex; flex-wrap:wrap; align-items:center; border-bottom: 1px solid #DDDDDD; }
.view_ctn .file_box dl:first-child{ border-top: 1px solid #DDDDDD; }
.view_ctn .file_box dl dt{position: relative; width: 140px; font-weight: 500; font-family: var(--font-Pretendard); font-size: 16px; padding: 30px; color: #222; }
.view_ctn .file_box dl dd{ position: relative; width: calc(100% - 140px); font-family: var(--font-Pretendard); font-size: 16px;}
.view_ctn .file_box dl dd a{position: relative; display: inline-block; vertical-align: top; width: 100%; padding: 0 30px;  color: #999999;  transition: 0.3s;}
.view_ctn .file_box dl dd a span{position: absolute; top: 50%; right: 30px; transform: translateY(-50%); font-family: var(--font-Pretendard);}
.view_ctn .file_box dl dd a i { width: 16px; height: 16px; margin-right: 8px; vertical-align:-0.12em; transition: 0.3s; }
.view_ctn .file_box dl dd a i.xi-folder-o { background: url('/img/common/icon_folder.svg') no-repeat center center/contain; }
.view_ctn .file_box dl dd a i.xi-arrow-bottom {background: url('/img/common/icon_download2.svg') no-repeat center center/contain; }
.view_ctn .file_box dl dd a i::before { display: none; }
.view_ctn .pages{margin-top: 60px;}
.view_ctn .pages dl{display: flex; align-items: center; margin-bottom: 10px; border-top: 1px solid #E0E0E0; border-bottom: 1px solid #E0E0E0; background-color: #F8F8F8;}
.view_ctn .pages dl:last-of-type{margin-bottom: 0;}
.view_ctn .pages dl dt{position: relative; width: 140px; padding: 24px 30px; font-weight: 500; font-size: 16px; line-height: 1.3; }
.view_ctn .pages dl dt i{ width: 16px; height: 16px; margin-right: 15px; vertical-align:-0.12em;}
.view_ctn .pages dl dt i::before { display: none; }
.view_ctn .pages dl dt i.xi-caret-up-min { background: url('/img/common/pages_arrow_prev.svg') no-repeat center center/8px; }
.view_ctn .pages dl dt i.xi-caret-down-min { background: url('/img/common/pages_arrow_next.svg') no-repeat center center/8px; }
.view_ctn .pages dl dd { width: calc(100% - 140px); }
.view_ctn .pages dl dd a{display: inline-block; vertical-align: top; width: 100%; padding: 24px 30px; font-family: var(--font-Pretendard); font-size: 16px; line-height: 1.3; }
.view_ctn .pages dl dt::after,
.view_ctn .file_box dl dt::after{content:""; position: absolute; top: 50%; right: -1px; width: 1px; height: 20px; background: #e0e0e0; transform: translateY(-50%);}
.view_ctn .list_btn{margin-top: 120px; display: flex; justify-content: center; }
.view_ctn .btn-box { color: #fff; }
.view_ctn .btn-box i{ display: inline-block; width: 14px; height: 14px; margin-right: 10px; background: url('/img/common/icon_list.svg') no-repeat center center/contain; }
.view_ctn .btn-box i::before{ display: none; }
.view_ctn .file_box dl dd:hover a{color: var(--main-color);}
.view_ctn .file_box dl dd:hover a i.xi-folder-o { background-image: url('/img/common/icon_folder_on.svg'); }
.view_ctn .file_box dl dd:hover a i.xi-arrow-bottom { background-image: url('/img/common/icon_download2_on.svg'); }


/* company */
.company .sub-visual { background: url('/img/sub/sub_visual_company.jpg') no-repeat center center/cover; }
#subContents .content.greeting { overflow: hidden; background: url('/img/sub/greeting_bg.png') no-repeat 100% 22.656vw/100%; }
.greeting-area { position: relative; display: flex; justify-content:space-between; }
.greeting-img { width: 44.19%; max-width:760px; }
.greeting-img > img { width: 100%; }
.greeting-text { width: calc(55.81% - 30px); max-width:860px; }
.greeting-text h4 { font-family: var(--font-Pretendard); margin-bottom: 40px; font-size: clamp(24px,2.08vw,40px); font-weight: 500; line-height: 1.5; letter-spacing: -0.02em; color: #222; }
.greeting-text .text > p { font-family: var(--font-Pretendard); font-size: clamp(14px,1.04vw,20px); font-weight: 300; line-height: 1.7; color: #444; }
.greeting-text .text > p + p { margin-top: 25px; }
.greeting-text .from { margin-top: clamp(40px,6.14vw,118px); font-size: clamp(14px,1.04vw,20px); font-weight: 500; line-height: 1.3; color: #444; text-align: right; }
.greeting-gallery { margin-top: 160px; }
.greeting-gallery h4 { margin-bottom: 60px; font-family: var(--font-Pretendard); font-size: 46px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #111; text-align: center; }
.greeting-swiper__wrap { position: relative; padding: 0 30px; }
.greeting-swiper .swiper-slide { overflow: hidden; position: relative; }
.greeting-swiper .swiper-slide::after { content: ""; display: block; padding-bottom: 57.4%; }
.greeting-swiper .swiper-slide img { position: absolute; left: 50%; top: 50%; width: 100%; min-height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
.greeting-swiper__wrap .swiper-button-prev,.greeting-swiper__wrap .swiper-button-next {  width: 50px; height: 50px; margin: 0; transform: translateY(-50%); }
.greeting-swiper__wrap .swiper-button-prev::after,.greeting-swiper__wrap .swiper-button-next::after { display: none; }
.greeting-swiper__wrap .swiper-button-prev { left: 0; background: url('/img/common/swiper_prev.svg') no-repeat center center/auto #222222;}
.greeting-swiper__wrap .swiper-button-next { right: 0; background: url('/img/common/swiper_next.svg') no-repeat center center/auto #222222;}

#subContents .content.vision { padding-bottom: 100dvh; }
.vision .content-title { margin-bottom: 90px; }
.vision .space { height: 100dvh; }
.vision-visual{ overflow:hidden; position: relative; height: 100dvh; }
.vision-visual .bg {overflow:hidden; position: absolute; left: 50%; top:50%; width: 100%; height: 100%; background:url('/img/sub/vision_visual_bg.jpg') no-repeat center center/cover; clip-path: circle(0% at 50% 100%); transform:translate(-50%, -50%);}
.vision-visual .title{ overflow:hidden; position: absolute; left: 50%; top: 50%; width: 100%; padding: 0 30px; text-align: center;  transform:translate(-50%, -50%);}
.vision-visual .title span { display: inline-block; font-size: clamp(24px,4.16vw,80px); line-height: 1.3; letter-spacing: -0.02em; color: #222; transform:translateY(100%);}
.vision-visual .title span.kr{ margin-left: 0.25em; font-family: var(--font-Pretendard); font-weight: 500; }
.vision-visual.on .bg {animation: circle 1.2s 1.2s ease-out both; }
.vision-visual.on .title span{  animation: slideUp 0.4s 0.4s ease-out both, textColor 1.2s 1.2s ease-out both; }
.vision-area { display: flex; height: 100dvh; background-color: #fff; }
.vision-img { width: 50%; height: 100%; }
.vision-img.value { background: url('/img/sub/vision_01.jpg') no-repeat center center/cover; }
.vision-img.trust { background: url('/img/sub/vision_02.jpg') no-repeat center center/cover; }
.vision-img.knowledge { background: url('/img/sub/vision_03.jpg') no-repeat center center/cover; }
.vision-text { display: flex; align-items:center;  width: 50%; padding-left: clamp(20px,8.33vw,160px); }
.vision-text .title { font-size: clamp(24px,3.125vw,60px); line-height: 1.3; font-weight: 500; letter-spacing: -0.02em; color: #222; }
.vision-text .sub { margin-top: 20px; font-family: var(--font-Pretendard); font-size: clamp(20px,1.875vw,36px); line-height: 1.3; font-weight: 500; letter-spacing: -0.02em; color: #222;}
.vision-text .text { margin-top: 60px; font-size: clamp(14px,1.042vw,20px); font-family: var(--font-Pretendard); font-weight: 300; line-height: 1.6; letter-spacing: -0.02em; color: #333; }

#subContents .content.organization { background: url('/img/sub/organization_bg.png') no-repeat 100% 100%/100%; }
.organization-area { text-align: center; }
.organization-area .mo-img { display: none; }

.history .content-title { margin-bottom: 60px; }
.year__wrap { position:sticky; top: var(--header-H); display: flex; justify-content:center; border-bottom:1px solid #DDD; background-color: #fff; z-index: 10; transform:translateY(1px);}
.year__list { display: flex; flex-wrap:wrap; gap: 10px 40px; padding: 40px 30px; }
.year__item a { display: block; width: 50px; font-size: 22px; line-height: 1.3; letter-spacing: -0.02em; text-align: center; color: #BBB; }
.year__item a:hover,.year__item a.on{ font-weight: 700; color: var(--main-color); }
.history__wrap { position: relative; padding-top: 60px; }
.history__wrap .line { position: absolute; left: calc(50% - 121px); top: 0; width: 1px; height: 100%; background-color: #DDDDDD; }
.history__wrap .line > .bar { position: absolute; display: block; left: 0; top: 0; width: 1px; height: var(--line-H); max-height:100%; min-height:14px; background-color: var(--main-color); transition: 0.4s ease-out; }
.history__wrap .line > .bar::before{ content:""; position:absolute; left: -14px; bottom: -14px; display: block; width: 28px; height: 28px; border-radius:50%; background-color: var(--main-color); opacity:0.15; z-index: 5;}
.history__wrap .line > .bar::after{ content:""; position:absolute; left: -2.5px; bottom: -3px; display: block; width: 6px; height: 6px; border-radius:50%; background-color: var(--main-color); z-index: 5;}
.history__wrap .row { max-width:1345px; display: flex; justify-content: space-between; margin:0 auto; }
.history__wrap .row+.row { margin-top: 160px; }
.history__wrap .row .year { position: relative; display: block; font-size: clamp(60px,5.73vw,110px); line-height: 1.3; letter-spacing: -0.02em; color: #000; }
.history__wrap .row .year .dot { content:""; display: block; position: absolute; right: -57px;top: 20px; width: 6px; height: 6px; border-radius: 50%; background-color: royalblue; transform: translateX(-50%);}
.history__wrap .row .year .dot.on { box-shadow: 0 0 10px 5px lightblue; }
.history__list { margin-top: clamp(30px,3.125vw,60px); width: 48.33%; max-width:650px; }
.history__list > li { position: relative; padding-left: 15px; font-size: 20px; line-height: 1.3; font-weight: 400; letter-spacing: -0.02em; color: #555; }
.history__list > li::after { content:""; position: absolute; left: 0; top:0.575em; display: block; width: 3px; height: 3px; border-radius:50%; background-color: #555; }
.history__list > li + li { margin-top: 25px; }

.map-area iframe { width: 100%; height: 640px; }
.map-info__wrap { display: flex; margin-top: 20px; gap:20px; }
.map-info__wrap .map-info { flex:1; padding: 40px; background-color: #F8F8F8; }
.map-info__wrap .map-info .title { margin-bottom: 20px; }
.map-info__wrap .map-info .title > img { margin-right: 11px; vertical-align: -3px; }
.map-info__wrap .map-info .title > span{ font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #333; }
.map-info__wrap .map-info .text > span { font-family: var(--font-Pretendard); font-size: 18px; font-weight: 300; line-height: 1.2; letter-spacing: -0.02em; color: #555; }
.map-info__wrap .map-info .text > span + span { margin-left: 20px; }

.recruit-area { max-width:1440px; aspect-ratio:3.91/1; max-height:368px; margin: 0 auto; background: url('/img/sub/recruit_bg.png') no-repeat center center/contain; }
.recruit__list { display: flex; align-items:center; height: 100%; }
.recruit__item { display: flex; flex:1; flex-direction:column; justify-content:center; align-items:center; }
.recruit__item .box { width: 100%; margin-bottom: 12px; text-align: center; }
.recruit__item .box .num { width: 38px; height: 38px; margin: 0 auto clamp(15px,1.82vw,35px); font-size: 16px; font-weight: 500; line-height: 38px; letter-spacing: -0.02em; border-radius:50%; background-color: #0784E3; color: #fff; }
.recruit__item .box .text { margin-top: clamp(15px,2.08vw,40px); font-family: var(--font-Pretendard); font-size: 24px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #252525; }
.recruit-info { margin-top: 171px; }
.recruit-info h4 { font-size: clamp(24px, 2.4vw, 46px); font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #000; text-align: center;}	
.recruit-info .list { display: flex; flex-wrap:wrap; gap:20px; padding: 60px; margin-top: 60px; background-color: #F8F8F8; }
.recruit-info .list > li { position: relative; width: calc(50% - 10px); padding-left: 18px; font-size: 20px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #555; }
.recruit-info .list > li::after{ content:""; position: absolute; left: 0; top: 0.5em; display: block; width: 3px; height: 3px; border-radius:50%; background-color: #555; }

/* business */
#subContents .business .content { background: url('/img/sub/business_bottom_bg.png') no-repeat center 100%/100% ; }
.business .sub-visual { background: url('/img/sub/sub_visual_business.jpg') no-repeat center center/cover; }

.business-area>p { font-size: clamp(18px,2.4vw,46px); line-height: 1.5; font-weight: 500; letter-spacing: -0.02em; color: #222;}
.area__list { display: flex; gap:20px; margin-top: 60px; }
.area__item { overflow:hidden; position: relative; width:calc(100%/3); height: 680px; max-height:680px; transition:0.6s ease-out; }
.area__item::after{ content:""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); opacity:0;}
.area__item:nth-child(1){ background: url('/img/sub/business_area01.jpg') no-repeat center center/cover; }
.area__item:nth-child(2){ background: url('/img/sub/business_area02.jpg') no-repeat center center/cover; }
.area__item:nth-child(3){ background: url('/img/sub/business_area03.jpg') no-repeat center center/cover; }
.area__item .title { position: absolute; left: 50%; bottom: 32px; min-width: fit-content; font-size: clamp(20px,1.875vw,36px); font-weight: 600; color: #fff; transform:translateX(-50%); white-space:nowrap; transition: 0.6s ease-out; z-index: 5;}
.area__item .text { font-family: var(--font-Pretendard); position: absolute; left: 50%; bottom: 32px; width: 100%; font-size: clamp(14px,1.04vw,20px); font-weight: 200; color: rgba(255,255,255,0.8); line-height: 1.6; letter-spacing: -0.02em; opacity:0; white-space:nowrap; transition:0.6s ease-out; z-index: 5;}
.area__item.hover{width:74.4%; padding: 60px 70px; }
.area__item.hover::after { opacity:1; transition:0.6s ease-out;}
.area__item.hover .title{ left: 70px; bottom:24.41%; font-size: clamp(20px,2.5vw,48px); transform:translateX(0);}
.area__item.hover .text { left: 70px; opacity:1; }
.area__item.none{width:calc(12.8% - 20px);}
.area__item.none .title { opacity:0; min-width:fit-content; }
.business-vision { margin-top: 160px; }
.vision__area {	max-width:1520px; margin:clamp(60px,6.25vw,120px) auto 0; }
.vision__list { position: relative; display: flex; gap:40px; z-index: 1;}
.vision__list>li { overflow:hidden; flex:1; border-radius:5px; background-color: #fff; }
.vision__list>li:nth-child(1) .vision-title{ background-color: #00AAFF; }
.vision__list>li:nth-child(2) .vision-title{ background-color: #00BBBD; }
.vision__list>li:nth-child(3) .vision-title{ background-color: #F268F2; }
.vision-title { padding: 22px 0; font-size: 28px; font-weight: 700; letter-spacing: -0.02em; color: #fff; text-align: center; }
.vision__list>li .text{ display: flex; justify-content:center; align-items:center; width: 100%; height: 190px; font-size: 18px; line-height: 1.5; letter-spacing: -0.02em; color: #666666; text-align: center; }
.pipeWrap { display: flex; justify-content:center; position: relative; top:-3.5px; left: 1.2em; }
.pipe-01 { transform:translate(1.56vw,-0.12vw); }
.pipe-03 { transform:translate(-1.56vw,-0.12vw); }
.pipe-01 svg { width:min(29.14vw,559.5px); }
.pipe-02 svg {  width:min(1.56vw,30px); }
.pipe-03 svg { width:min(29.14vw,559.5px);  }
.pipe-01 svg path:not(:first-child) { animation: opacity 1s infinite ease-out none;	animation-delay: calc(0.1s* var(--time)); }
.pipe-02 svg path:not(:first-child) { animation: opacity 1s infinite ease-out none;	animation-delay: calc(0.1s* var(--time)); }
.pipe-03 svg path:not(:first-child) { animation: opacity 1s infinite ease-out none;	animation-delay: calc(0.1s* var(--time)); }
.vision__area .img__box { position: relative; width: min(39.06vw,750px); aspect-ratio:1.875/1; margin:0 auto; top:-1.51vw;}
.vision__area .img__box>img { width: 100%; }

/* products */
.products .sub-visual { background: url('/img/sub/sub_visual_products.jpg') no-repeat center center/cover; }
.products .content-title { margin-bottom: 60px; }
.products-tab { display: flex; justify-content:center; align-items:center; column-gap:40px; padding: 40px 0; border-bottom:1px solid #BBBBBB; }
.products-tab .tab-item { padding: 0; font-size: 22px; font-weight: 400; line-height: 1.3; letter-spacing: -0.02em; color: #BBBBBB; }
.products-tab .tab-item.on{ font-weight: 700; color: var(--main-color); }
.products-area { margin-top: 100px; }
.products-area .title { font-size: 46px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #222; text-align: center; }
.products-list__wrap { overflow: hidden; height: 0; visibility: hidden; opacity: 0; transition: opacity 0.6s ease-out, transform 0.6s linear; transform: translateY(90px);}
.products-list__wrap.on { height: auto; visibility: visible; opacity: 1; transform: translateY(0px);}
.products__list { display: flex; flex-wrap: wrap; gap:20px; margin-top: 100px; }
.products__item { width: calc((100% - 40px)/3); }
.products__item a { display: block; }
.products__item img { width: 100%; }
.products__item > p { margin-top: 25px; font-size: 22px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; text-align: center; }

/* support */
.support .sub-visual { background: url('/img/sub/sub_visual_support.jpg') no-repeat center center/cover; }
.form__item { display: flex; flex-wrap: wrap; gap:40px; }
.form__item + .form__item { margin-top: 40px; }
.form__item > .box-1 { width: 100%; }
.form__item > .box-2 { width: calc(50% - 20px); }
.input__inner { width: 100%; margin-top: 20px; }
.form__label { font-family: var(--font-Pretendard); font-size: 20px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em; color: #252525;}
.form__label .req { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: var(--main-color); }
.form__input{ width: 100%; height: 76px; padding: 0 25px; border:none; background-color: #F8F8F8; font-family: var(--font-Pretendard); font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; }
.form__input:focus{ outline: none; }
.form__input::placeholder { font-weight: 300; color: #999999; }
.form__textarea { width: 100%; height: 360px; padding: 25px; border: none; background-color: #F8F8F8; resize: none; font-family: var(--font-Pretendard); font-size: 20px; line-height: 1.3; letter-spacing: -0.02em;}
.form__textarea:focus{ outline: none; }
.form__textarea::placeholder { font-weight: 300; color: #999999; }
.kcaptcha-box { display: flex; height: 90px; background-color: #F9F9FA; }
.kcaptcha-box .img__box { display: flex; align-items: center; padding: 0 30px; margin-right: 10px; }
.kcaptcha-box .img__box .kcaptcha-img { overflow: hidden; width: 140px; height: 40px; }
.kcaptcha-box .img__box .kcaptcha-img img { width: 100%; min-height: 100%; object-position: center center; object-fit: cover; }
.kcaptcha-box #btnKcaptcha { width: 40px; height: 40px; background: url('/img/common/icon_refresh.svg') no-repeat center center/auto #DDDDDD; }
.kcaptcha-box .form__input{ width: calc(100% - 220px); height: auto; padding: 0; font-size: 18px; }
.chk__box { display: flex; column-gap: 10px; margin-top: 20px; }
.chk__box .btn-text { font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; color: #AAA; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.chk__label { display: flex; align-items: center; column-gap: 10px; cursor: pointer;}
.chk__label input[type="checkbox"] { width: 20px; height: 20px; background-color: #EEEEEE; cursor: pointer; }
.chk__label input[type="checkbox"]:checked { background: url('/img/common/icon_check.svg') no-repeat center center/auto var(--main-color); }
.chk__label span { font-family: var(--font-Pretendard); font-size: 18px; font-weight: 500; line-height: 1.3; letter-spacing: -0.02em; vertical-align: text-bottom; }
.chk__label .req{ font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: var(--main-color); }
.qna__form .button__wrap{ margin-top: 120px; }

.popup__wrap { position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100dvh; z-index: 999; }
.popup__wrap.on{ display: block; }
.dim-layer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.4);}
.popup__area { overflow-y: auto; position: absolute; left: 50%; top: 50%; width: calc(100% - 60px); max-width: 1200px; max-height: calc(100dvh - 100px ); padding: 80px 0 100px; background-color: #fff; transform: translate(-50%,-50%); }
.popup__area::-webkit-scrollbar{ width: 8px; }
.popup__area::-webkit-scrollbar-thumb{background-color: #DDD;}
.popup__area::-webkit-scrollbar-track{background-color: #fff;}
.popup__area .tit { position: relative; margin-bottom: 80px; text-align: center; }
.popup__area .tit strong { font-size: 50px; font-weight: 700; line-height: 1.3; letter-spacing: -0.02em; color: #111; }
.btn-popup-close { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url('/img/common/icon_close.svg') no-repeat center center/auto; }
.popup__inner { padding: 0 100px; }
.terms-area { overflow-y: auto; height: 355px; padding-right: 20px; font-family: var(--font-Pretendard); font-size: 15px; font-weight: 300; line-height: 1.3; color: #555; }
.terms-area::-webkit-scrollbar{ width: 3px; }
.terms-area::-webkit-scrollbar-thumb{background-color: #DDD;}
.terms-area::-webkit-scrollbar-track{background-color: #fff;}
.terms-area b { font-size: 16px; font-weight: 500; line-height: 1.3; color: #555; }

/* community */
.community .sub-visual { background: url('/img/sub/sub_visual_community.jpg') no-repeat center center/cover; }

.img_borad_list{display: flex; flex-wrap:wrap; gap: 100px 40px; }
.img_borad_list .item{position: relative; width: calc((100% - 80px)/3); }
.img_borad_list .item a{position: absolute;top: 0; left: 0; right: 0;bottom: 0;}
.img_borad_list .item figure{position: relative; overflow: hidden; display: block; width: 100%; aspect-ratio: 1.95/1; }
.img_borad_list .item figure img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 100%; min-height: 100%; object-fit: cover; transition: 0.5s;}
.img_borad_list .item .txt{padding-top: 25px;}
.img_borad_list .item .txt span{display: inline-block; line-height: 30px; border: 1px solid var(--pointC); color: var(--pointC); border-radius: 15px; font-weight: 600; font-size: 14px; text-align: center; margin-bottom: 15px; padding: 0 14px;}
.img_borad_list .item .txt h2{ height: 52px; font-family: var(--font-Pretendard); font-weight: 500; font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; color: #000; overflow: hidden; white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.img_borad_list .item .txt 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 .txt ul{display:flex; justify-content: space-between; margin-bottom: 25px; }
.img_borad_list .item .txt ul li{font-size: 20px; line-height: 1.3; letter-spacing: -0.02em; color: #BBB;}
.img_borad_list .item:hover figure img{transform: translate(-50%,-50%) scale(1.1);}

/* policy */
.policy .sub-visual { background: url('/img/sub/sub_visual_community.jpg') no-repeat center center/cover; }

/* animation */
@keyframes opacity {
	0%{ fill-opacity: 0.5; }
	100%{ fill-opacity: 1; }
}
@keyframes circle {
	0%{  clip-path: circle(0% at 50% 100%); }
	100%{ clip-path: circle(100% at 50% 100%); }

}
@keyframes circle-mo {
	0%{  clip-path: circle(0% at 50% 100%); }
	100%{ clip-path: circle(200% at 50% 100%); }

}
@keyframes slideUp { 
	0% { transform:translateY(100%); }
	100% { transform:translateY(0px); }
}
@keyframes textColor { 
	0% { color: #222; }
	100% { color: #fff; }
}

@media screen and (max-width:1400px){
	.area__item{height: 600px;}
	.vision-title { font-size: 20px; }
	.vision__list>li .text { height: 160px; font-size: 14px; }
	.vision__list { gap:20px; }
    .vision-text { padding: 0 40px; }
    .vision-text .text > br { display: none; }

    .greeting-gallery h4 { font-size: clamp(24px,3.286vw,46px); }

    .popup__area .tit strong { font-size: clamp(24px,3.571vw,50px); }
}
@media screen and (max-width:1200px){
    .vision-visual.on .bg {animation: circle-mo 2s 1.2s ease-out both; }

    .greeting-text .text > p > br { display: none; }
    
	.area__list { gap:10px; }
	.area__item{height: 500px;}
	.area__item.none{width:calc(12.8% - 10px);}
	.area__item.hover{width:74.4%; padding: 30px 35px; }
	.area__item.hover .title{ left: 35px;}
	.area__item.hover .text { left: 35px;}
}
@media screen and (max-width:1024px){
	#subWrap{min-height: calc(100dvh - 270px);}
	#subContents .content { padding: 60px 0 80px; }
	.breadcrumb__list>li>a.icon-home { width: 20px; height: 20px; background-size: 14px; }
	.breadcrumb__list>li>a { font-size: 16px; }

    #subContents .content.greeting { background-position: 100% 65%; background-size: 200%; }
    .greeting-area { flex-direction: column; row-gap: 40px; }
    .greeting-img, .greeting-text { width: 100%; max-width: initial; }
    .greeting-text h4 { margin-bottom: 20px; }
    .greeting-gallery { margin-top: 80px; }
    .greeting-swiper__wrap { padding: 0 16px; }
    .greeting-swiper__wrap .swiper-button-prev,.greeting-swiper__wrap .swiper-button-next{ width: 30px; height: 30px; background-size: 16px; }

    .year__list { padding: 14px 30px; gap: 10px 30px; }
	.history__wrap .row .year { font-size: 40px; }
	.history__list > li { font-size: 16px; }
	.history__wrap .line { left: calc(50% - 11.8vw); }

    .map-area iframe { height: 500px; }
    .map-info__wrap .map-info { padding: 20px; }
    .map-info__wrap .map-info .title > span { font-size: 16px; }
    .map-info__wrap .map-info .text > span { font-size: 14px; }

    .recruit__item .box img { width: 40%; }
    .recruit__item .box .num { width: 30px; height: 30px; margin: 0 auto 10px; font-size: 14px; line-height: 30px; }
    .recruit__item .box .text { margin-top: 10px; font-size: 18px; }
    .recruit-info { margin-top: 100px; }
    .recruit-info .list > li { font-size: 16px; }
    .products-area .title { font-size: 30px; }
    .products__item > p { font-size: 18px; }

    .products-area { margin-top: 60px; }
    .products__list { margin-top: 40px; }

    .form__item { gap: 20px; }
    .form__item > .box-2 { width: calc(50% - 10px); }
    .form__label { font-size: 16px; }
    .input__inner { margin-top: 10px; }
    .form__input { font-size: 16px; height: 60px; padding: 0 14px; }
    .form__textarea { height: 300px; font-size: 16px; padding: 14px; }
    .kcaptcha-box .form__input { font-size: 16px; }
    .chk__label span { font-size: 16px; }
    .chk__box .btn-text { font-size: 16px; }

    .paging { margin-top: 60px; column-gap: 10px; }
    .paging a { width: 20px; height: 20px; font-size: 16px; }
    .paging .arr { column-gap: 10px; }
    .paging .arr a i { width: 10px; height: 10px; }
    .paging .arr a .xi-angle-left-min, .paging .arr a .xi-angle-right-min { background-size: contain; } 
    .paging .arr a.first, .paging .arr a.last { width: 20px; }

	.area__list { flex-direction:column; }
	.area__item { width: 100% !important; height: auto; aspect-ratio:1.88/1;}
    .area__item.hover .title{left: 20px; bottom: 140px; }
	.area__item.hover .text { left: 20px;}
    .area__item.none .title { opacity: 1; }
	.area__item .text { width: calc(100% - 40px); white-space:wrap; }
	.area__item .text>br{ display: none; }
	.business-vision { margin-top: 100px; }
	.pipeWrap{ display: none; }
	.vision__list { flex-direction:column; margin-bottom: 40px;  }
	.vision__list>li { box-shadow:0 3px 10px rgba(0,0,0,0.2); }
	.vision__area .img__box { width: 100%; max-width:600px; aspect-ratio:1.875/1; top:0;}

    .popup__area { padding: 60px 0; }
    .popup__inner { padding: 0 60px; }
    .qna__form .button__wrap { margin-top: 80px; }

    .search_box { height: 40px; } 
    .search_box select { width: 120px; padding: 0 10px; background-position: calc(100% - 10px) 50%; font-size: 16px; }
    .search_box button { width: 60px; font-size: 16px;}

    .board_box table td { font-size: 16px; }
	.board_box.destroy{width: 100%; }
    .board_box.destroy table { border-top: 1px solid #222; }
	.board_box.destroy table colgroup{display: none;}
	.board_box.destroy table tr{display:flex; flex-wrap:wrap; align-items: center;}
	.board_box.destroy table th{display: none;}
	.board_box.destroy table td{position: relative; display: inline-block;height: auto; padding: 10px 0;}
	.board_box.destroy table td::before{content:attr(data-txt); color: #222; font-weight: 500; display: inline-block; margin-right: 4px;}
	.board_box.destroy table td:nth-of-type(1){display: none;}
	.board_box.destroy table td:nth-of-type(2){width: 100%; padding: 20px 10px 10px; border-bottom: none;}
	.board_box.destroy table td:nth-of-type(3), .board_box.destroy table td:nth-of-type(4){width: 150px; text-align: left; font-size: 14px; padding: 10px 10px 20px;}
    .board_box table td .btn-download::before { width: 18px; height: 18px; margin-right: 4px; background-size: contain; }
	.board_box.destroy table td:nth-of-type(2)::before,
	.board_box.destroy table td:nth-of-type(1)::before{display: none;}

    .view_ctn .tit h2 { font-size: 24px;  padding: 60px 0; }
    .view_ctn .tit ul { padding: 14px 0; column-gap: 25px;}
    .view_ctn .tit ul li { font-size: 16px; }
    .view_ctn .info { padding: 40px 0 60px; }
    .view_ctn .file_box dl dt { width: 100px; padding: 20px 14px; font-size: 14px; }
    .view_ctn .file_box dl dd { width: calc(100% - 100px); font-size: 14px; }
	.view_ctn .file_box dl dd a i { width: 14px; height: 14px; }
    .view_ctn .file_box dl dd a { padding: 0 14px; }
    .view_ctn .file_box dl dd a span { right: 14px; }
    .view_ctn .pages { margin-top: 40px; }
    .view_ctn .pages dl dt, .view_ctn .pages dl dd a { padding: 20px 14px; font-size: 14px; }
    .view_ctn .pages dl dt { width: 100px; }
	.view_ctn .pages dl dt i { width: 14px; height: 14px; }
	.view_ctn .pages dl dt i.xi-caret-down-min, .view_ctn .pages dl dt i.xi-caret-up-min { background-size: 6px; }
    .view_ctn .pages dl dd { width: calc(100% - 100px); }
    .view_ctn .list_btn { margin-top: 80px; }
    .view_ctn .file_box dl dd a span { font-size: 0; }
    .view_ctn .file_box dl dd a span i { margin-right: 0; font-size: 14px;}

    .img_borad_list{ gap: 40px 20px; }
    .img_borad_list .item { width: calc((100% - 40px)/3); }
    .img_borad_list .item .txt ul { margin-bottom: 14px; }
    .img_borad_list .item .txt ul li { font-size: 16px; }
    .img_borad_list .item .txt h2 { height: 42px; font-size: 16px; }
}
@media screen and (min-width:768px){
    .vision-visual { top: 0 !important; transform: translate(0) !important; }
}
@media screen and (max-width:768px){
	.breadcrumb__list>li>a.icon-home { width: 16px; height: 16px; }
	.breadcrumb__list>li>a { font-size: 14px; }

    .greeting-gallery h4{ margin-bottom: 40px; }
    #subContents .content.vision { padding-bottom: 80px; }
    .vision .space { display: none; }
    .vision-area { flex-direction: column; gap: 40px; height: auto; margin-bottom: 40px; }
    .vision-area.reverse {flex-direction: column-reverse;}
    .vision-img {width: 100%; max-width: initial; aspect-ratio: 1.02/1; max-height:940px;}
    .vision-text { width: 100%; max-width: initial; padding: 0 30px; }
    .vision-text .sub { margin-top: 10px; }
    .vision-text .text { margin-top: 30px; }

    #subContents .content.organization { background-size: 150%; }
    .organization-area .pc-img { display: none; }
    .organization-area .mo-img { display: inline-block; width: 100%; max-width: 450px; }
    
	.year__list { gap: 10px 24px; }
	.year__item a { width: 35px; font-size: 16px; }
	.history__wrap .line { left: 30px; }
	.history__wrap .row { flex-direction: column; padding-left: 24px; }
	.history__wrap .row+.row { margin-top: 80px; }
	.history__wrap .row .year { font-size: 40px; }
	.history__list { margin-top: 20px; width: 100%; max-width:initial;}
	.history__list > li + li { margin-top: 20px; }

    .map-area iframe { height: 400px; }
    .map-info__wrap { flex-direction: column; }

    .recruit-area { aspect-ratio: initial; max-height: initial; background: url('/img/sub/recruit_bg_vertical.png') no-repeat center center/contain; }
    .recruit__list { flex-direction: column; max-width: 450px; margin: 0 auto; }
    .recruit__item { flex:none; width: 100%; }
    .recruit__item .box { padding: 20px 0; }
    .recruit__item .box img { width: auto; }
    .recruit__item .box .num { margin-bottom: 20px; }
    .recruit__item .box .text { margin-top: 20px; }
    .recruit-info .list { margin-top: 40px; padding: 20px; gap:12px; }
    .recruit-info .list > li { width: 100%; padding-left: 12px; }

	.area__item { aspect-ratio: 1.35 / 1;}
	.area__item.hover .title{bottom: 160px; }

    .products-tab { padding: 20px 0; }
    .products-tab .tab-item { font-size: 18px; }
    .products-area .title { font-size: 26px; }
    .products__list { gap:40px; max-width: 500px; margin: 40px auto 0; }
    .products__item { width: 100%; }
    .products__item > p { font-size: 16px; }

    .form__item + .form__item { margin-top: 20px; }
    .form__item > .box-2{ width: 100%; }
    .kcaptcha-box .img__box { padding: 0 14px; margin-right: 0;}
    .btn-popup-close { width: 30px; height: 30px; background-size: contain; }

    .popup__area { padding: 30px 0; }
    .popup__inner { padding: 0 30px; }
    .popup__area .tit { margin-bottom: 30px; }
    .terms-area { height: 420px; padding-right: 10px; font-size: 14px; }

    .search_box { margin-bottom: 20px; }
    .search_box select { width: 100px; font-size: 14px; }
    .search_box input { width: calc(100% - 180px); font-size: 14px; }
    .search_box button { font-size: 14px; }

    .board_box.destroy table td:nth-of-type(2) { width: 100%;}

    .paging a { font-size: 14px; }
    .paging .arr a,.paging .arr a.first, .paging .arr a.last { width: 16px; }
    .paging .arr a i { width: 8px; }
    .paging .arr a.first i:first-child { transform:translateX(1px); }
    .paging .arr a.last i:last-child {transform: translateX(-1px);} 
    .paging ul { column-gap: 4px; }

    .view_ctn .tit h2 { padding: 40px 0; font-size: 22px; }
    .view_ctn .tit ul { column-gap: 20px;}
    .view_ctn .tit ul li { font-size: 14px; }
    .view_ctn .btn-box i { width: 12px; height: 12px; }

    .img_borad_list .item { width: calc((100% - 20px)/2); }
}
@media screen and (max-width:500px){
    .kcaptcha-box { flex-direction: column; height: auto; gap: 14px; padding: 14px; }
    .kcaptcha-box .img__box { padding: 0; }
    .kcaptcha-box .form__input { width: 100%; height: 40px; }

    .img_borad_list .item { width: 100%; }
}