@charset "utf-8";
/* Common */
.sec-tit {font-weight: 700; font-size: 26px;}
.sec-tit.large {font-size: 30px; color: #000;}
.desc p:not(:last-child) {margin-bottom: 24px;}
.large-txt {font-size: 20px;}
.deco-tit {position: relative; padding-left: 25px; margin-bottom: 40px; font-weight: 700; font-size: 20px; color: #333;}
.deco-tit:before {position: absolute; content: ''; left: 0; top: 3px; width: 18px; height: 18px; background: url('../images/sub/deco-tit.png') no-repeat center center; background-size: contain;}
.mb75 {margin-bottom: 75px;}

/* 인사말 */
.greetings {display: flex; gap: 65px;}
.greetings .img {overflow: hidden; width: 40%; height: fit-content; border-radius: 26px;}
.greeting-cnt {flex: 1; padding-top: 25px;}
.greeting-cnt .desc {margin: 30px 0 24px;}
.sign {text-align: right; font-weight: 600; color: #333;}

/* 비전 및 목표 */
.vision-title {margin: 45px 0 160px; text-align: center;}
.vision-title .sec-tit.large {margin-bottom: 20px;}
.vision-items {display: flex; gap: 30px; position: relative;}
.vision-items:before {position: absolute; content: ''; left: 0; bottom: 102px; width: 100%; height: 10px; background: #f2f2f2;}
.vision-items .item {flex: 1;}
.vision-items .img-cnt {position: relative; overflow: hidden; padding-bottom: 85%; color: #fff; text-align: center;}
.vision-items .img-cnt .img img {position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.vision-items .img-cnt .img-txt {display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.vision-items .img-cnt .sec-tit {margin: 10px 0 20px;}
.large-txt.caption {font-weight: 700;}
.vision-items .list-cnt {position: relative; margin-top: 90px; padding-top: 60px;}
.vision-items .list-cnt:before {position: absolute; content: ''; top: 0; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; border: 10px solid #1d7cda; border-radius: 100%;}
.vision-items .item:nth-child(2) .list-cnt:before {border-color: #2b64cd;}
.vision-items .item:nth-child(3) .list-cnt:before {border-color: #139fde;}
.vision-items .item:nth-child(4) .list-cnt:before {border-color: #4a659f;}
.vision-items .list-cnt li {position: relative; width: fit-content; padding-left: 12px; margin: 0 auto; font-size: 18px; color: #000;}
.vision-items .list-cnt li:before {position: absolute; content: '·'; left: 0;}

/* 연혁 */
.history {display: flex;}
.history .img {width: 50%; padding-right: 60px;}
.history .history-cnt {position: relative; flex: 1;}
.history .history-cnt:before {position: absolute; content: '';bottom: 0; left: -1px; width: 2px; height: calc(100% - 10px); background: #ccc;}
.history .item {position: relative; padding-left: 40px; margin-bottom: 115px;}
.history .item:last-child {margin-bottom: 0;}
.history .item:before {position: absolute; content: ''; top: 7px; left: 0; transform: translateX(-50%); width: 28px; height: 28px; border-radius: 100%; border: 8px solid #2b64cd; background: #fff;}
.history .year {margin-bottom: 15px; font-family: 'GmarketSans'; font-size: 46px; font-weight: 700; line-height: 1em; color :#4a659f;}
.year-cnt li {display: flex; gap: 5px; margin-bottom: 6px;}
.year-cnt .date {font-weight: 700;}

/* 조직도 */
.org {text-align: center;}


/* 정관 */
.first-num-list li {/* display: flex; flex-wrap: wrap; gap: 0 5px; */}
.third-num-list {margin: 5px 0 8px;}
.second-num-list {margin: 5px 0 8px; width: 100%;}
.second-num-list>li{display: list-item; margin-left: 25px; list-style: auto;}
.articles .sec-tit {margin-bottom: 20px; color:#333; font-weight: 700; font-size: 24px;}
.articles .item-tit {margin-bottom: 5px; font-weight: 700; font-size: 18px; color: #333;}
.articles .item:not(:last-child) {margin-bottom: 25px;}
.articles .sec:not(:last-child) {margin-bottom: 65px;}

/* 회원사 정보 */
.partners .section:not(:last-child) {margin-bottom: 100px;}
.partner-items {display: flex; gap: 20px 15px; flex-wrap: wrap;}
.partner-items .item {width: calc((100% - 75px) / 6); padding: 17px; border: 1px solid #ddd; text-align: center; }
.partner-items .item-tit {margin-top: 20px;}

/* 가입 신청 */
.apply .deco-tit {margin-bottom: 25px;}
.apply .space-left {padding-left: 14px;}
.apply .section:not(:last-child) {margin-bottom: 40px;}
.apply .form-tit {position: relative; padding-bottom: 7px; border-bottom: 1px solid #ddd; font-weight: 700; font-size: 18px; color: #333;}
.apply .form-tit:before {position: absolute; content: ''; bottom: -1px; left: 0; width: 188px; height: 2px; background: #000;}
.form-table {flex: 1; margin: 22px 0 75px;}
.form-table .row {display: flex;}
.form-table .col {flex: 1; display: flex; align-items: center; padding: 11px 35px;}
.form-table .col .tit { min-width: 168px; font-weight: 700; color: #333;}
.form-table .item-cnt {display: flex; flex: 1; gap: 18px;}
.form-flex {display: flex; padding: 22px 0; border-bottom: 1px solid #ddd;}
.table-tit {min-width: 168px; padding: 11px 35px; margin-top: 10px; font-weight: 700; color: #333;}
.form-table .col .tit span, .table-tit span {display: block; width: fit-content; font-weight: 400; color: #555;}
.form-flex .form-table {margin: 0;}
.form-table .item-cnt.flex-wrap {flex-wrap: wrap;}
.chk-long {display: flex; align-items: center; gap: 14px; width: 100%;}
.chk-long .checkbox label {min-width: max-content;}
.term-tit {font-weight: 700; font-size: 18px; color: #333;}
.form-table .checkbox label:before {background: #fff;}
.btn-apply {display: flex; align-items: center; justify-content: center; margin: 0 auto; width: 160px; height: 60px; border-radius: 30px; background: #1d7cda; border: none; color: #fff; font-weight: 600; font-size: 18px; cursor: pointer;}

/* 기술지원신청 */
.apply-form .large-txt {text-align: center; font-weight: 600; color: #333;}
.dark-box {display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; margin: 23px 0; padding: 30px 250px;background: #232d40; border-radius: 16px; color: #fff;}
.dark-box .checkbox label:before { background: #fff;}
.form-table .col.baseline {align-items: flex-start;}
.apply-tech .form-table {margin-bottom: 0; padding: 20px 0 35px; border-bottom: 1px solid #000;}
.form-table.chk-table .col.baseline {margin-top: 20px;}