@charset "utf-8";

@font-face {
    font-family:'yg-jalnan';
    src:url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight:normal;
    font-style:normal;
}

.jalnan {
    font-family:'yg-jalnan';
}

.doc-tit {position:relative; padding-bottom:40px; margin-bottom:40px; text-align:center; font-size:var(--font-size-40); letter-spacing:-.03em; color:#242424; line-height:1.2em;}
.doc-tit::after {content:''; position:absolute; width:14px; height:14px; border-radius:100%; bottom:0; left:50%; transform:translateX(-50%); background-color:var(--color-primary);}
.doc-tit2 {font-size:var(--font-size-28); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em; text-align:center;}

.intro .mission-vision .cnt-wrap {position:relative;}
.intro .mission-vision .cnt-wrap::before {content:''; position:absolute; left: 50%; transform: translateX(-50%); max-width:1200px; width: 100%; height:447px; background-image:url(/images/sub/intro-img.png); background-repeat:no-repeat; background-size:contain; z-index:-1;}
.intro .mission-vision .mv-box.vision {margin:20px 0 200px;}
.intro .mission-vision .mv-box {display:flex; align-items:center; padding:20px; border:1px solid #ddd; border-radius:65px; background:#fff;}
.intro .mission-vision .mv-box .tt {width:210px; height:90px; font-size:var(--font-size-28); font-weight:600; line-height:1.2em; letter-spacing:-.03em; display:flex; align-items:center; justify-content:center; border-radius:45px; color:#fff;}
.intro .mission-vision .mv-box .tt2 {margin-left:40px; flex:1 1 auto; min-width:0; width:1%; font-size: var(--font-size-20); letter-spacing: -.03em; line-height:1.8em;}
.intro .mission-vision .mv-box.mission .tt {background-color:var(--color-primary);}
.intro .mission-vision .mv-box.vision .tt {background-color:var(--color-second);}
.intro .mission-vision .t-box {padding:40px 0; border-radius:30px; border:1px solid #ddd; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.intro .mission-vision .t-box .tt {display:flex; align-items:center; justify-content:center; border-radius:30px; font-weight: 600; font-size:var(--font-size-20); width:180px; height:60px; letter-spacing:-.03em; line-height:1.2em; color:#fff; background-color:var(--color-primary);}
.intro .mission-vision .t-box .tt2 {margin-top:20px; font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.8em; text-align: center;}
.intro .mission-vision .t-box .tt2 span {font-weight:700; color:var(--color-primary);}
.intro .greeting {text-align:center; margin-top:100px; padding:95px 0; background-color:rgba(117,151,37,.05);}
.intro .greeting .tt {font-size:var(--font-size-24); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.intro .greeting .tt2 {margin-top:25px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em;}
.intro .greeting .tt2 span {position: relative;padding-right: 12px;}
.intro .greeting .tt2 span:after {content:'+'; position: absolute; right:0; top: -8px;}
.intro .greeting .ceo {margin-top:45px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}

.org .img {text-align:center;}

.history .top {position:relative;}
.history .top .t-box {position:absolute; padding:35px 40px 55px; width:400px; left:0; top:0; background-color:rgba(255,255,255,.8);}
.history .top .t-box h2 {font-size:var(--font-size-24); color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.history .top .t-box p {position:relative; padding-top:20px; margin-top:35px; font-size:var(--font-size-18); color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.history .top .t-box p::after {content:''; position:absolute; height:1px; width:50px; left:0; top:0; background-color:var(--color-second);}
.history .wrap {margin-top:60px;}
.history .cnt-box {display:flex; padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #ddd;}
.history .cnt-box:last-child {border-bottom:0; padding-bottom:0; margin-bottom:0;}
.history .wrap .cnt-box .year { font-size:var(--font-size-48); font-weight:700; color:var(--color-second); letter-spacing:0; line-height:1.2em;}
.history .wrap .cnt-box .h-wrap ul {margin-left:180px;}
.history .wrap .cnt-box .h-wrap li {position:relative;display:flex; padding-left:65px; margin-bottom:15px;}
.history .wrap .cnt-box .h-wrap li:last-child {margin-bottom:0;}
.history .wrap .cnt-box .h-wrap li::before {content:''; position:absolute; width:6px; height:6px; background-color:var(--color-second); border-radius:100%; background-repeat:no-repeat; background-size:contain; left:0; top:9px;}

.direct .root_daum_roughmap .wrap_controllers,
.direct .root_daum_roughmap .border1,
.direct .root_daum_roughmap .border2,
.direct .root_daum_roughmap .border3,
.direct .root_daum_roughmap .border4 {display:none;}
.direct .map-wrap {margin-bottom:75px; border:1px solid #ddd; border-radius:24px; overflow:hidden;}
.direct .map-info {display:flex; flex-wrap:wrap; padding:40px;}
.direct .map-info dl:first-child {width:100%; margin-top:0;}
.direct .map-info dl {display:flex; align-items: center; margin:25px 60px 0 0 ;}
.direct .map-info dt {display:flex; align-items: center;}
.direct .map-info dt p {margin:0 40px 0 20px; font-size:var(--font-size-18); font-weight:600; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.direct .map-info dd {font-size:var(--font-size-18); color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.direct .transportation .wrap {display:flex; justify-content:center; border:1px solid #ddd; border-radius:24px; padding:40px;}
.direct .transportation .wrap .box {display:flex; align-items:center;}
.direct .transportation .wrap .box + .box {margin-left:135px;}
.direct .transportation .wrap .box .img {margin-right:40px; display:flex; align-items:center; justify-content:center; background-color:rgba(117, 151, 37, .1); width:160px; height:160px; border-radius:100%;}
.direct .transportation .t-box p:first-child {margin-bottom:25px; font-size:var(--font-size-24); font-weight:700; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.direct .transportation .t-box p:last-child {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.7em;}
.direct .transportation .t-box p:last-child span {font-size:var(--font-size-15); color:#fff; letter-spacing:-.03em; line-height:1.2em; width:80px; height:30px; padding:5px; display:inline-flex; align-items:center;justify-content:center; background:#78c5a3; border-radius:15px; margin-right:15px;}

.use .top-wrap {margin-bottom:95px;}
.use .top-wrap ul {padding:40px; border-radius:24px; border:1px solid #ddd;}
.use .top-wrap ul li {display:flex; align-items:center; margin-bottom:20px;}
.use .top-wrap ul li:last-child {margin-bottom:0;}
.use .top-wrap ul .tt {display:inline-flex; align-items:center; justify-content:center; background-color:rgba(117,151,37,.1); width:157px; height:48px;border-radius:24px; font-size:var(--font-size-18); font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.use .top-wrap ul .tt2 {margin-left:20px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.use .top-wrap ul .tt2 span {color:var(--color-primary); font-weight:600;}
.use .step-wrap ol {display:flex; margin:0 -35px;}
.use .step-wrap ol>li {position:relative; width:20%; padding:0 35px;}
.use .step-wrap ol>li:not(:last-child)::after {content:''; position:absolute; right:-3px; top:25%; transform:translateY(-25%); width:12px; height:20px; background-image:url(/images/sub/step-arrow.png); background-repeat:no-repeat; background-size:contain;}
.use .step-wrap ol>li .img-wrap {position:relative; display:flex;}
.use .step-wrap ol>li .img-wrap .img2 {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.use .step-wrap .t-box {text-align:center;}
.use .step-wrap .t-box .step {margin:25px 0 15px; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; line-height:1.2em; color:var(--color-primary);}
.use .step-wrap .t-box .tit {margin-bottom:20px; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.2em; color:#242424;}
.use .step-wrap .t-box ul {margin:0 -20px;}
.use .step-wrap .t-box ul li {color:#878787; font-size:var(--font-size-16); letter-spacing:-.03em; line-height:1.5em; margin-bottom:5px;}
.use .step-wrap .t-box ul li:last-child {margin-bottom:0;}

.rehab .wrap {padding:100px 0;}
.rehab .wrap01 {padding-top:0 !important;}
.rehab .wrap02 {background-color:#f8faf4;}
.rehab .wrap03 {padding-bottom:0;}
.rehab .doc-tit h2 {font-size: var(--font-size-40); letter-spacing: -.03em;line-height:1.2em;}

.rehab .doc-tit p {margin-top:20px; font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.rehab .img-wrap ul {display:flex; margin:0 -10px;}
.rehab .img-wrap ul li {padding:0 10px;}
.rehab .img-wrap ul li img {border-radius:24px;}

.cont-box {padding:40px; border-radius:24px; border:1px solid #ddd;}
.cont-box dl {display:flex; margin-bottom:20px;}
.cont-box dl:last-child {margin-bottom:0;}
.cont-box dt {margin-right:20px; display:inline-flex; align-items:center; justify-content:center; font-size:var(--font-size-18); font-weight:500; letter-spacing:-.03em; color:#242424; width:157px; height:48px; border-radius:24px; background-color:rgba(117,151,37,.1);}
.cont-box dd {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.2em;}
.cont-box dd ul li {margin-top:12px;}
.cont-box dd ol {display:flex; margin:35px -20px 0;}
.cont-box dd ol li {padding:0 20px;}
.cont-box dd ol .box {position:relative;}
.cont-box dd ol .box .num {position:absolute; top:-20px; left:50%; transform:translateX(-50%); z-index:1; display:flex; align-items:center; justify-content:center; color:#fff; font-size:var(--font-size-16); font-weight:600; letter-spacing:-.03em; width:40px; height:40px; background-color:#025029; border-radius:100%;}
.cont-box dd ol .box .img-box {position:relative; display:flex;}
.cont-box dd ol .box .img-box .img2 {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.cont-box dd ol .box .tt {margin-top:16px; text-align:center; font-size:var(--font-size-16); font-weight:500; letter-spacing:-.03em; color:#242424;}

.career .cont-box dl:nth-child(n+2):nth-child(-n+3) {align-items:center;}



.prod .pord-tab {position:relative; text-align:center; margin-bottom:40px;}
.prod .pord-tab ul {display:flex; margin:0 -6px;}
.prod .pord-tab ul li {width:auto; flex:1; padding:0 6px;}
.prod .pord-tab ul li a {position:relative; border:1px solid #ddd; border-radius:8px; padding:10px; display:flex; align-items:center; justify-content:center; height:80px; font-size:var(--font-size-18); font-weight:600; letter-spacing:-.03em; line-height:1.33em; color:#454545; background-color:#fff;}
.prod .pord-tab ul li.active a {background-color:#5f9116; color:#fff;}
.prod .buttons {margin:0 0 30px 0;}
.prod .buttons .list-btn {position:relative; padding-left:45px; font-size:var(--font-size-16); font-weight:500; color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.prod .buttons .list-btn::before {content:''; position:absolute; width:36px; height:36px; left:0; top:50%; transform:translateY(-50%); background-image:url(/images/sub/list-btn.png); background-repeat:no-repeat; background-size:contain;}

.spon-cnt .wrap .cnt-box.box02 {margin-top:35px;}
.spon-cnt .wrap .cnt-box .doc-tit2 {position:relative; font-weight: 700; text-align:left; padding-left:60px; margin-bottom:25px;} 
.spon-cnt .wrap .cnt-box .doc-tit2::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:40px; height:3px; background-color:var(--color-primary);}
.spon-cnt .wrap .cnt-box .t-box {border:1px solid #ddd; border-radius:24px; padding:35px 40px;}
.spon-cnt .wrap .cnt-box .t-box ul li {text-indent: -20px; margin-left: 20px; margin-top:20px; /* display:flex; flex-direction:column; */ font-size:var(--font-size-18); line-height:1.2em; letter-spacing:-.03em;}
.spon-cnt .wrap .cnt-box .t-box ul li:first-child {margin-top:0px;}
.spon-cnt .wrap .cnt-box .t-box ul li span {font-weight:700;}
.spon-cnt .wrap .cnt-box .t-box ul li p {margin-top:10px; margin-left: 0px; text-indent: 0px;}
.spon-cnt .wrap .cnt-box .t-box ul li span.etc-txt {text-indent: 0; margin-left: 0;font-size: var(--font-size-16);color: #8a8a8a;font-weight: 400; line-height: 1.5em; margin: 10px 0 0 0;}
.spon-cnt .wrap .text-box {margin:20px 0 75px; font-size:var(--font-size-20);  text-align: center; font-weight:600; letter-spacing:-.03em; line-height:1.2em; border-radius:32px; width:100%; height:64px; color:#fff;  display:flex; align-items:center; justify-content:center;}
.spon-cnt .wrap .text-box.application {background-color:#025029; margin-bottom: 0;}
.spon-cnt .wrap .text-box.application a {display:flex; align-items:center; justify-content:center; width:100%; height:100%;}
.spon-cnt .wrap .text-box.application .img {display:flex; margin-right:10px;}

.board-form table td .item {margin-right:20px;}
.board-form table td .item:first-child {margin-left:0;}
.board-form table td .item.ty2 {display: flex; align-items: center;}
.board-form table td .item.ty2 p {width: 10%; margin-right:20px;}
.board-form table td .item.ty2 .input {flex: 1 1 auto; min-width: 0; width: 1% !important;}
.board-form table td .item.item-p {width: 100%;display: block;}
.essential-text {margin: 15px 0 50px; font-size: var(--font-size-16); letter-spacing: -.03em; line-height: 1.75em;}
.essential-text span {color: var(--color-primary);}
.board-form table td .etc-t {color: #FF5722; opacity: .6;}

.spon-info .cnt-list ul {display:flex; margin:0 -20px;}
.spon-info .cnt-list li {padding:0 20px;}
.spon-info .cnt-list .box {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:10px; border:1px solid #ddd; border-radius:24px;}
.spon-info .cnt-list .box .tt {color:#242424; letter-spacing:-.03em; line-height:1.2em;}
.spon-info .cnt-list .box .tt2 {font-size:var(--font-size-18); letter-spacing:-.03em; line-height:1.67em; text-align:center;}
.spon-info .cnt-list .box .num {display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; border-radius:100%; color:#fff; background-color:var(--color-primary);}
.spon-info .wrap01 .doc-tit2 {margin-bottom:50px;}
.spon-info .wrap01 .cnt-list li {width:33.33%;}
.spon-info .wrap01 .cnt-list .box {height:300px;}
.spon-info .wrap01 .cnt-list .box .tt {margin:15px 0 30px; font-size:var(--font-size-24); font-weight:700;}
.spon-info .wrap02 {margin-top:95px;}
.spon-info .wrap02 .cnt-list li {width:50%;}
.spon-info .wrap02 .cnt-list .box {height:250px;}
.spon-info .wrap02 .cnt-list .box .tt {margin:25px 0 20px; font-size:var(--font-size-20); font-weight:500;}
.spon-info .wrap02 .cnt-list .box .tt2 {font-size:var(--font-size-16);}
.spon-info .wrap .text-box.account {background-color:var(--color-primary);}
.spon-info .wrap .cnt-box.box01 .t-box ul li {font-weight: 600; }


.vol .cont-box dl {align-items: center;}
.vol .cont-box dl:last-child {align-items: unset;}
.vol .doc-tit2 {margin-bottom: 50px;}
.vol .wrap02 {margin-top:95px;}

.spon-apply .checkbox input {margin:0 5px; position: static; border: 1px solid #ddd; opacity: 1; height: 44px;}