@charset "utf-8";
/* company */
.greeting {background:url('../images/sub/greetingbg.png') no-repeat 100% 100%;}
.greeting .img {margin-bottom:var(--space-70);}
.greeting .txt1 {margin-bottom:var(--space-50); font-size:var(--font-size-40); color:#242424; font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .txt1 span {color:var(--color-primary);}
.greeting .txt2 {font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.6em; font-weight:600; color:#242424;}
.greeting p {margin-top:var(--space-20);}
.greeting p.last {margin-top:var(--space-50); letter-spacing:-.03em; line-height:1.5em; font-size:var(--font-size-18); color:#242424;}
.greeting p.last span {font-weight:600;}
.greeting p.last img {margin:-2px 0 0 40px;}

.ideology1 {padding:var(--space-100) 0; margin-bottom:var(--space-100); text-align:center; background-color:#f5f9fc;}

.s-tit {padding-bottom:var(--space-130); position:relative; text-align:center;}
.s-tit:before, .s-tit:after {position:absolute; content:''; bottom:0; left:50%; width:1px;}
.s-tit:before {height:80px; background-color:#ddd;}
.s-tit:after {height:40px; background-color:var(--color-primary);}
.s-tit .title {font-size:var(--font-size-40); letter-spacing:-.03em; line-height:1.3em; color:#242424;}
.s-tit .title span {color:var(--color-primary);}
.s-tit p {margin-top:var(--space-20); font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em;}

.manage-corebg {background-color:#f5f9fc;}
.manage-core {padding:var(--space-70) 0; align-items:center; display:flex; gap:0 var(--space-80);}
.manage-core .cnt {display:grid; gap:var(--space-20); ;flex:1;}
.manage-core .tit {font-size:var(--font-size-36); letter-spacing:-.03em; font-weight:700; color:#242424; line-height:1.3em;}
.manage-core p {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em}
.manage-core.reverse .img {order:2;}
.manage-core.reverse .cnt {text-align:right;}

.history-top {margin-bottom:var(--space-50); position:relative;}
.history-top span {font-weight:700; color:var(--color-primary);}
.history-top p {line-height:1.39em; font-size:var(--font-size-36); color:#242424; font-weight:500;}
.history-top .img {position:absolute; right:0; bottom:-30px;}

.history-wrap {border-top:2px solid #000; padding-top:75px; position:relative; color:#454545;}
.history-wrap:before {top:120px; bottom:0; position:absolute; left:50%; width:1px; background-color:#ddd; content:"";}
.history-wrap:after {font-size:clamp(36px, calc( 140 / var(--inner) * 100vw ), 140px); top:26%; position:absolute; content:'HISTORY'; color:#f7f7f7; left:0; line-height:1em; font-weight:700;}

.history-item {padding-bottom:var(--space-100);}
.history-item:last-child {padding-bottom:0;}
.history-item .img {margin-bottom:var(--space-20);}
.history-item .history-year {margin-bottom:var(--space-30); align-items:center; position:relative; color:#242424; font-size:28px; line-height:1.4em; letter-spacing:-.03em; padding-right:0; display:flex; justify-content:space-between;}
.history-item .history-year strong {font-size:var(--font-size-40); order:2; line-height:1em; display:inline-block; color:var(--color-primary); font-weight:700; flex:1;}

.history-item:nth-child(odd) {padding-left:50%;}
.history-item:nth-child(odd) .history-month-item,
.history-item:nth-child(odd) .history-year {padding-left:var(--space-70);}
.history-item:nth-child(odd) .dots {left:-5px;}
.history-item:nth-child(even) {padding-right:50%; text-align:right;}
.history-item:nth-child(even) .month {order:2;}
.history-item:nth-child(even) .history-month-item,
.history-item:nth-child(even) .history-year {padding-right:var(--space-70);}
.history-item:nth-child(even) .dots {right:-5px;}

.history-detail {margin-bottom:15px; display:flex; font-size:var(--font-size-18); letter-spacing:-.03em; font-weight:500;}
.history-detail:last-child {margin-bottom:0;}
.history-detail .month {width:65px; color:#242424; display:block; font-weight:700;}
.history-detail p {flex:1;}
.history-item .dots {width:10px; height:10px; position:absolute; border:2px solid #000; background:#fff; border-radius:50%; transition:all 0.3s; z-index:0;}
.history-item .dots .inner-dots {width:50px; height:50px; position:absolute; background:#e1ebf2; border-radius:100%; top:50%; left:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; transition:all 0.3s;}
.history-item .dots .inner-dots:after {width:30px; height:30px; display:block; content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); z-index:-1; background:#9bc0dd; border-radius:100%; transition:all 0.5s;}
.history-item.active .dots .inner-dots {transform:translate(-50%,-50%) scale(1); animation:ani .5s forwards ease; animation-delay:.05s;}
.history-item.active .dots .inner-dots:before {width:20px; height:20px; border:5px solid #0062b1; display:block; content:""; background:#fff; position:absolute; left:50%; top:50%; border-radius:100%; animation:ani .5s forwards ease; animation-delay:.02s;}
.history-item.active .dots .inner-dots:after {animation:ani .5s forwards ease; animation-delay:.08s;}

@keyframes ani {
	0% {transform:translate(-50%,-50%) scale(0);}
	100% {transform:translate(-50%,-50%) scale(1);}
}

.vision {border-top:2px solid #242424;}
.vision .item {padding:var(--space-70) 0; gap:0 var(--space-70); align-items:center; display:flex; border-bottom:1px solid #ddd;}
.vision .item:last-child {padding-bottom:0; border-bottom:0;}
.vision .item:nth-child(even) .img {order:2;}
.vision .cnt {display:grid; gap:var(--space-30); flex:1;}
.vision .txt1 {color:var(--color-primary); font-weight:700;}
.vision .txt2 {font-size:var(--font-size-36); font-weight:700; color:#242424;}
.vision .txt3 strong {color:#242424;}
.vision ul li {padding-left:12px; text-indent:-12px; line-height:1.6em; color:#898989;}

.network {padding-top:var(--space-100); text-align:center;}
.network .tit {margin-bottom:var(--space-50); font-size:var(--font-size-40); font-weight:700; color:#242424; letter-spacing:.2em;}
.network .bg {padding:var(--space-100) 15px; background-color:#f5f9fc;}

.location {margin-bottom:var(--space-100);}
.location .doc-tit {border-bottom:1px solid #242424;}
.location:last-child {margin-bottom:0;}
.location .item {padding:var(--space-50) 0; display:flex; border-bottom:1px dashed #ddd; align-items:center;}
.location .item:last-child {padding-bottom:0; border-bottom:0;}
.location .item .cnt {padding-left:40px; flex:1;}
.location .item .cnt .ty {margin-bottom:var(--space-30); font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em;}
.location .item .cnt .ty img {margin:-2px 10px 0 0; vertical-align:middle; border-radius:100%; box-shadow:1px 3px 10px rgba(0,0,0,.15);}
.location .item dl {margin-bottom:15px; display:flex;}
.location .item dl dt {width:95px; font-weight:500;}
.location .item dl dt i {width:20px; height:20px; margin:-2px 12px 0 0; vertical-align:middle; display:inline-block; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.location .item dl dt i.ico1 {background-image:url('/images/sub/loca-ico1.png');}
.location .item dl dt i.ico2 {background-image:url('/images/sub/loca-ico2.png');}
.location .item dl dt i.ico3 {background-image:url('/images/sub/loca-ico3.png');}
.location .item dl dt i.ico4 {background-image:url('/images/sub/loca-ico4.png');}
.location .item dl dd {flex:1;}
.location .item .map {width:800px; line-height:0;}
.location .item .map iframe {border-radius:20px; height:300px; width:100%;}

/* business */
.sub-tab {margin-bottom:var(--space-60); text-align:center; border-bottom:1px solid var(--color-primary); overflow:visible;}
.sub-tab ul {display:flex;}
.sub-tab ul li {flex:1; border-top:1px solid #ddd; background-color:#fafafa; position:relative;}
.sub-tab ul li:before {position:absolute; content:''; top:50%; transform:translateY(-50%); left:0; background-color:#ddd; width:1px; height:20px;}
.sub-tab ul li:first-child {border-left:1px solid #ddd; border-top-left-radius:20px;}
.sub-tab ul li:first-child:before {display:none;}
.sub-tab ul li:last-child {border-right:1px solid #ddd; border-top-right-radius:20px;}
.sub-tab ul li a {height:60px; font-size:var(--font-size-18); display:flex; align-items:center; justify-content:center; color:#898989; font-weight:600;}
.sub-tab ul li.active a {position:relative; z-index:2; border:1px solid var(--color-primary); background-color:#fafafa; border-bottom:0;}
.sub-tab ul li.active:after {content:""; position:absolute; left:0; right:0; bottom:-4px; height:4px; background:#fff;}
.sub-tab ul li.active a {color:var(--color-primary); background-color:#fff;}
.sub-tab ul li.active:before, 
.sub-tab ul li.active + li:before {display:none;}
.sub-tab ul, 
.sub-tab ul li a {border-radius:20px 20px 0 0;}

.subvideo {margin-bottom:var(--space-50); line-height:0; overflow:hidden;}
.subvideo video {border-radius:20px;}
.subvideo-flex {display:flex; margin:0 -15px;}
.subvideo-flex .subvideo {padding:0 15px; width:50%;}

.chkbox {margin:var(--space-30) 0; border-radius:20px; padding:var(--space-40); background-color:#f7f7f7;}
.chkbox.mb0 {margin-bottom:0;}
.chkbox .ico {width:14px; height:14px; margin:-2px 10px 0 0; display:inline-block; vertical-align:middle; background:url('../images/sub/chkbox-ico.png') no-repeat 50% 50% / contain;}
.chkbox dl {margin-bottom:20px; font-size:var(--font-size-15); letter-spacing:-.03em; line-height:1.5em;}
.chkbox dl.mb5 {margin-bottom:5px;}
.chkbox dl:last-child {margin-bottom:0 !important;}
.chkbox dl dt {font-weight:600; color:#242424;}
.chkbox dl dd {padding-left:25px; margin-top:10px;}

.chkbox.flex dl {margin-bottom:10px; display:flex;}
.chkbox.flex dl dt {width:170px;}
.chkbox.flex dl dd {flex:1; margin-top:0;}

.prd-flex {display:flex; margin:0 -15px; text-align:center; justify-content:center;}
.prd-flex .item {width:50%; padding:0 15px;}
.prd-flex .item.width-auto {width:auto;}
.prd-flex .img {margin-bottom:12px;}
.prd-flex p {color:#242424; font-size:var(--font-size-18); line-height:1.4em; font-weight:600; letter-spacing:-.03em;}
.prd-flex .gray {color:#454545; font-size:var(--font-size-16); font-weight:400;}

.smt-rental-bg {padding:var(--space-130) 0; margin-top:var(--space-100); background:url('../images/sub/smt-rental-bg.jpg') no-repeat 50% 50% / cover; color:#fff; text-align:center;}
.smt-rental-bg .txt1 {letter-spacing:-.03em; line-height:1.7em;}
.smt-rental-bg .txt2 {margin:var(--space-30) 0 var(--space-80); font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.7em;}

.pcb-imgwrap {display:flex; margin:0 -16px;}
.pcb-imgwrap .item {padding:0 16px; width:50%;}
.pcb-imgwrap .in {padding:var(--space-20) var(--space-20) 0;}
.pcb-imgwrap .tt {margin-bottom:10px; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:#242424;}
.pcb-imgwrap .tt span {color:var(--color-primary);}

.pcb-top {display:flex;}
.pcb-top .doc-tit {flex:1;}
.pcb-slide-wrap {padding:var(--space-100) 0; background-color:#f7f7f7;}
.mySwiper {margin:10px -15px 0; padding-bottom:60px; position:relative;}
.mySwiper .swiper-slide {padding:0 15px; font-size:var(--font-size-15); color:#242424; font-weight:600; line-height:1.6em; text-align:center;}
.mySwiper .swiper-slide .img {margin-bottom:10px;}

.pcb-slide-wrap .swiper-button {display:flex; gap:0 10px;}
.pcb-slide-wrap .swiper-button-prev,
.pcb-slide-wrap .swiper-button-next {font-size:22px; width:45px; height:45px; color:#242424; margin:0; left:auto; right:auto; position:relative; top:auto; box-shadow:1px 3px 10px rgba(0,0,0,.15); align-items:center; justify-content:center; display:flex; border-radius:100%; background-image:unset; background-color:#fff; padding:0; cursor:pointer;}
.pcb-slide-wrap .swiper-button-prev:hover,
.pcb-slide-wrap .swiper-button-next:hover {background-color:var(--color-primary); color:#fff;}
.pcb-slide-wrap .swiper-button-next:after,
.pcb-slide-wrap .swiper-button-prev:after {display:none;}
.swiper-container-horizontal>.swiper-pagination {height:4px; bottom:0; left:15px; right:15px; width:auto;}
.swiper-pagination-progressbar {background:#fff; border-radius:10px; overflow:hidden;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:var(--color-primary);}

.prd-config {display:flex; flex-wrap:wrap; margin:0 -15px -30px;}
.prd-config .item {width:50%; padding:0 15px; margin-bottom:30px;}
.prd-config .box {gap:0 var(--space-60); align-items:center; display:flex; border-radius:10px; padding:var(--space-20); border:1px solid #ddd;}
.prd-config .box .cont {flex:1;}
.prd-config .box .tit {margin-bottom:var(--space-30);}
.prd-config .box .tit p {font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.prd-config .box .tit span {font-size:var(--font-size-14); display:block; color:#ababab; font-weight:600;}
.prd-config .box .txt {margin-bottom:15px; font-size:var(--font-size-14); letter-spacing:-.03em; line-height:1.7em;}
.prd-config .box .txt:last-child {margin-bottom:0;}
.prd-config .bot {padding-top:35px; border-top:1px dashed #ddd;}
.prd-config .bot .ti {padding-left:20px; font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em; position:relative;}
.prd-config .bot .ti:before {width:16px; height:16px; top:3px; left:0; position:absolute; content:''; border-radius:100%; border:3px solid var(--color-primary);}
.prd-config .bot .txt2 {margin-top:var(--space-20);}

.prd-config.ty2 .box {align-items:normal;}
.prd-config.ty2 .box .tit {margin-bottom:var(--space-20);}
.prd-config.ty2 .box .flex {padding:20px 0 40px; display:flex; height:100%; flex-direction:column; justify-content:space-between;}

.tb-1 {text-align:center;}
.tb-1 table {border-collapse:collapse; width:100%;} 
.tb-1 table thead th {height:50px; border-right:1px solid #ddd; font-weight:600; color:#fff; background-color:var(--color-primary);}
.tb-1 table tbody td {height:60px; font-size:var(--font-size-15); line-height:1.6em;}
.tb-1 table tbody th {font-weight:600;}
.tb-1 table tbody th, .tb-1 table tbody td {border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.tb-1 table tbody th:last-child, .tb-1 table tbody td:last-child {border-right:0;}
.tb-1 table .bgc1 {background-color:#f7fafd; color:var(--color-primary);}
.tb-1 table .bgc2 {background-color:#f7f9fa; color:#0e3351;}
.tb-1 table .c1 {color:var(--color-primary); font-weight:500;}
.tb-1 table .c2 {color:#0e3351; font-weight:500;}

.btn-more {position:relative; display:inline-flex; align-items:center; font-size:var(--font-size-15); font-weight:700;}
.btn-more:after {position:absolute; top:50%; right:0%; margin-right:-2rem; margin-top:-2rem; width:4rem; height:4rem; background-color:var(--color-primary); content:""; border-radius:50%; transition:all 0.3s}
.btn-more .txt {font-weight:700; font-size:1em;}
.btn-more .icon {display:block; position:relative; z-index:1; width:59px; height:12px; margin-left:20px; transition:all 0.5s; background-repeat:no-repeat; background-position:50% 50%; background-size:contain;}
.btn-more .icon.wh {background-image:url('/images/main/more-arrow-wh.png');}
.btn-more .icon.bk {background-image:url('/images/main/more-arrow-bk.png');}
.btn-more:hover:after {animation:circleHover 0.7s both}
.btn-more:hover .icon {transform:translateX(10px)}

@keyframes circleHover {
	0% {transform:scale(1);}
	50% {transform:scale(1.4);}
	100% {transform:scale(1);}
}

/* 공통 */
.doc-tit {padding-bottom:20px; font-size:var(--font-size-28); font-weight:700; color:#242424; line-height:1.4em;}
.doc-tit span {padding-right:15px; position:relative;}
.doc-tit span:after {width:6px; height:6px; bottom:4px; background-color:var(--color-primary); border-radius:100%; position:absolute; content:''; right:0;}

.doc-top .cont {position:relative;}
.doc-top .img {margin-bottom:var(--space-50);}
.doc-top .txt1 {margin-bottom:var(--space-50); font-size:var(--font-size-50); letter-spacing:-.03em; line-height:1.28em; font-weight:800; color:#242424;}
.doc-top .txt1 span {color:var(--color-primary);}
.doc-top .txt2 {margin-bottom:var(--space-30); font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.6em; font-weight:600; color:#242424;}
.doc-top .txt3 {margin-bottom:var(--space-50);}
.doc-top b {font-weight:600; color:#242424;}
.doc-top a {font-size:var(--font-size-14); color:#242424; font-weight:700; position:absolute; top:0; right:0; line-height:1.5em; display:block; text-align:center;}
.doc-top a img {margin-bottom:5px; border-radius:100%; box-shadow:1px 3px 10px rgba(0,0,0,.15);}

.doc-top.ty2 .txt1 {margin-bottom:var(--space-20);}
.doc-top.ty2 .txt2 {font-size:var(--font-size-28);}

.doc-cnt50 {margin-bottom:var(--space-50);}
.doc-cnt100 {margin-bottom:var(--space-100);}

.doc-list {border-top:1px solid #242424;}
.doc-list.align-ty2 dl {align-items:normal;}
.doc-list dl {padding:var(--space-50) var(--space-40); border-bottom:1px dashed #ddd; display:flex; align-items:center;}
.doc-list dl:last-child {padding-bottom:0; border-bottom:0;}
.doc-list dl dt {width:239px; font-size:var(--font-size-20); font-weight:600; color:#242424;}
.doc-list dl dd {flex:1;}
.doc-list .inner a {max-width:230px; height:44px; margin-top:var(--space-40); align-items:center; justify-content:center; font-size:var(--font-size-14); font-weight:700; color:var(--color-primary); border-radius:30px; display:flex; border:1px solid var(--color-primary);}
.doc-list .inner a img {margin:-2px 0 0 5px; vertical-align:middle;}

/* sustainability */
.ethical-norms-list {display:flex; margin:0 -15px -30px; flex-wrap:wrap;}
.ethical-norms-list .item {padding:0 15px; margin-bottom:30px; width:25%;}
.ethical-norms-list .item:nth-child(even) .box,
.ethical-norms-list .item:nth-child(5) .box,
.ethical-norms-list .item:nth-child(7) .box {background-color:#fafafa;}
.ethical-norms-list .item:nth-child(6) .box,
.ethical-norms-list .item:nth-child(8) .box {background-color:#fff;}
.ethical-norms-list .box {border-radius:0 0 20px 20px; position:relative; padding:var(--space-35) var(--space-20) var(--space-35) var(--space-30); border:1px solid #ddd; border-top:1px solid var(--color-primary);}
.ethical-norms-list.ty1 .box {height:215px;}
.ethical-norms-list.ty2 .box {height:170px;}
.ethical-norms-list .box .tit {margin-bottom:var(--space-20); font-size:var(--font-size-20); letter-spacing:-.03em; color:var(--color-primary); font-weight:600;}
.ethical-norms-list .box p {font-size:var(--font-size-15); letter-spacing:-.03em; line-height:1.6em;}
.ethical-norms-list .box .ico {position:absolute; top:var(--space-20); right:var(--space-20);}

.ethical-norms-bg {margin:var(--space-100) 0; line-height:1.54em; height:clamp(200px, calc( 560 / var(--inner) * 100vw ), 560px); font-size:var(--font-size-26); align-items:center; justify-content:center; display:flex; text-align:center; background:url('../images/sub/ethical-norms-bg.jpg') no-repeat 50% 50% / cover; color:#fff;}

.eth-list {display:flex; margin:0 -6px;}
.eth-list .item {padding:20px 6px 0; width:25%;}
.eth-list .item .box {padding:25px 20px; min-height:225px; border-radius:20px; position:relative;}
.eth-list .item:nth-child(odd) .box {background-color:#f5f9fc;}
.eth-list .item:nth-child(even) .box {background-color:#fafafa;}
.eth-list .item .num {font-size:var(--font-size-14); letter-spacing:-.03em; line-height:1.3em; color:var(--color-primary); font-weight:600;}
.eth-list .item .tt {margin:10px 0 20px; font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.eth-list .item ul li {margin-bottom:5px; padding-left:7px; font-size:var(--font-size-14); position:relative; letter-spacing:-.03em; line-height:1.3em;}
.eth-list .item ul li:last-child {margin-bottom:0;}
.eth-list .item ul li:before {position:absolute; content:'·'; left:0; color:var(--color-primary);}
.eth-list .item .box .ico {position:absolute; top:var(--space-20); right:var(--space-20);}

.lawabiding-norms dl {align-items:flex-start;}

.radia-wrap {gap:0 var(--space-30); display:flex; font-size:var(--font-size-14);}

/* recruit */
.procedure {display:flex; margin:0 -20px; flex-wrap:wrap;}
.procedure li {padding:0 20px;}
.procedure li .step {width:160px; height:160px; text-align:center; padding:30px 20px 0; position:relative;}
.procedure li .step .bg {position:absolute; top:0; left:0; right:0; bottom:0;}
.procedure li .step h4 {font-size:var(--font-size-14); line-height:1.5em; color:var(--color-primary); font-family:'Play', sans-serif;}
.procedure li .step p {color:#242424; font-weight:600; line-height:1.5em;}

.procedure-box {margin-top:var(--space-40); padding:var(--space-35) var(--space-40); background-color:#f5f9fc; border-radius:20px;}
.procedure-box .gr {margin-bottom:var(--space-30);}
.procedure-box .gr:last-child {margin-bottom:0;}
.procedure-box .gr strong {margin-bottom:12px; display:block; font-weight:600; color:var(--color-primary);}
.procedure-box .gr p {font-size:var(--font-size-15); letter-spacing:-.03em; line-height:1.6em;}
.procedure-box .gr span {font-size:var(--font-size-15); color:#898989;}

.recruit-info {padding:var(--space-35) var(--space-40); background-color:#fafafa; border-radius:20px;}
.recruit-info .item {display:flex; margin-bottom:12px;}
.recruit-info .item:last-child {margin-bottom:0;}
.recruit-info .item .left {width:110px; font-weight:600; color:#242424;}
.recruit-info .item .right {flex:1;}
.recruit-info .item .right p {font-size:var(--font-size-15); display:block;}
.recruit-info .item .wh-box {min-width:410px; padding:15px; margin:15px 0; border-radius:10px; background-color:#fff;}
.recruit-info .item .wh-box b {font-weight:500; color:#242424;}
.recruit-info .item .wh-box span {color:var(--color-primary);}
.recruit-info .item a {background-color:#fff; justify-content:space-between; padding:0 var(--space-30);}

.application-method .t {margin-bottom:15px; font-weight:600; color:#242424;}

.benefit {display:flex; flex-wrap:wrap; border-top:1px solid #242424;}
.benefit .item {min-height:180px; padding:var(--space-30) var(--space-25); width:33.3333%; position:relative;}
.benefit .tit {margin-bottom:var(--space-20); font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.3em;}
.benefit .item:nth-child(odd) {background-color:#f3f9fd;}
.benefit .ico {position:absolute; top:var(--space-20); right:var(--space-20);}

.personnel-img {margin-bottom:var(--space-100); text-align:center;}

.edu-support .item {margin-bottom:10px; border-radius:20px; padding:var(--space-40); gap:0 var(--space-40); align-items:center; display:flex;}
.edu-support .item:last-child {margin-bottom:0;}
.edu-support .item:nth-child(1) {background-color:#f5fbff;}
.edu-support .item:nth-child(2) {background-color:#f3f9fd;}
.edu-support .item:nth-child(3) {background-color:#f2f7fb;}
.edu-support .cnt {flex:1;}
.edu-support .cnt .tt {margin-bottom:12px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.4em; color:#242424; font-weight:600;}

/* 영문css */
html[lang="en"] #footer dl {font-size:var(--font-size-15); flex-wrap:wrap;}
html[lang="en"] #footer dl dt {width:100%;}
html[lang="en"] #footer .col-l ul {flex-wrap:wrap;}
html[lang="en"] .ethical-norms-list.ty1 .box {height:250px;}
html[lang="en"] .ethical-norms-list.ty2 .box {height:270px;}
html[lang="en"] .ethical-norms-list .box .tit  {padding-right:var(--space-40);}
html[lang="en"] .doc-list dl dt {width:320px;}
html[lang="en"] .eth-list .item .box {min-height:310px;}
html[lang="en"] .eth-list .item .box .ico {top:10px; right:10px;}
html[lang="en"] .doc-list .inner a {max-width:300px; padding:0 15px; line-height:1.4em;}
html[lang="en"] .doc-list .inner a.ty2 {max-width:380px;}
html[lang="en"] .chkbox.flex dl dt {width:250px;}
html[lang="en"] .tb-1 table tbody th,
html[lang="en"] .tb-1 table tbody td {padding:0 15px;}
html[lang="en"] .recruit-info .item .left {width:250px;}
html[lang="en"] .benefit .tit {padding-right:var(--space-40);}
html[lang="en"] .radia-wrap {gap:0 var(--space-20);}
html[lang="en"] .location .item dl dt {width:110px;}

/* 중국어 css */
html[lang="zh-CN"] #gnb>ul>li {width:13rem;}
html[lang="zh-CN"] .doc-list dl dt {width:260px;}

/* 일본어 css */
html[lang="ja"] #gnb>ul>li {width:13rem;}
html[lang="ja"] .location .item dl dt {width:130px;}
html[lang="ja"] .doc-list .inner a {max-width:300px;}