@charset "utf-8";

.doc-tit {margin-bottom:20px;}
.doc-tit.mg {margin-bottom:8px;}
.doc-tit h4 {position:relative; color:#333; font-size:26px; font-weight:700; letter-spacing:-.025em; line-height:1.3em; font-weight:700; padding-left:25px;}
.doc-tit.flex .btns {display:inline-block; font-weight:700; width:130px; height:30px; line-height:30px; background:#1b2b3c; text-align:center; color:#fff; border-radius:5px;}
.doc-tit .color {color:#129797; letter-spacing:-.025em; font-weight:500; font-size:16px;}
.doc-tit h4:before {position:absolute; content:""; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain; top:50%;margin-top:-8px; left:0; width:16px; height:16px;}
.doc-tit h4 small {display:inline-block; font-size:var(--font-size-18); font-weight:500; line-height:1.3em;}
.doc-tit.flex {display:flex; align-items:center;}
.doc-tit.flex.space {justify-content:space-between; align-items:flex-end;}
.doc-tit.flex.space .doc-tit-wraps {display:flex;}
.doc-tit.flex p {margin-left:15px; font-size:20px; font-weight:700; color:#333; letter-spacing:-.025em;}
.doc-tit.flex p span {padding-left:3px; font-size:16px;}

.doc-tit-tt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:25px;}

.doc-cnt {margin-bottom:70px;}
.doc-cnt.st2 {margin-bottom:40px;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050;}
.table01 th {padding:12px; background:#fafafa; border:1px solid rgba(255, 255, 255, 0.5); border-bottom:1px solid #ddd; color:#333; font-size:18px; font-weight:600;}
.table01 th.bg {text-align:center; background:#d21d4f; color:#fff;}
.table01 td {font-size:18px; color:#454545; letter-spacing:-.03em; padding:12px; border:1px solid #ddd;}

.table01.style1 {margin-top:80px;}
.table01.style1 th {font-size:16px;}
.table01.style1 th.bg {font-size:18px; background:#555;}
.table01.style1 td {font-size:16px;}

/* 협회소개 */
.greetings {color:#505050; line-height:1.88em; letter-spacing:-.04em;}
.greetings h2 {margin-bottom:var(--space-50); color:#2c2c2c; font-size:var(--font-size-32); font-weight:600; line-height:1.5em; letter-spacing:-.04em;}
.greetings p {margin-bottom:1.5em;}
.greetings p:last-child {margin-bottom:0;}
.greetings p span {display:inline-block;}
.greetings .krfa {font-weight:500; color:var(--color-secondary);}
.greetings .tt {margin-bottom:var(--space-40); color:#2c2c2c; font-size:var(--font-size-20); font-weight:500; line-height:1.5em;}
.greetings .wrap {display:flex; justify-content:space-between;}
.greetings .cnt-area {width:56%;}
.greetings .img-area {width:38%; text-align:right;}
.greetings .sign {margin-top:var(--space-50); color:#3a3b35; font-weight:600;}
.greetings .sign img {display:inline-block; margin-top:var(--space-30);}

.establish .establish-bg {display:flex; flex-direction:column; justify-content:center; font-size:40px; font-weight:700; min-height:400px; color:#fff; text-align:center; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; margin-bottom:50px;}
.establish .txt {text-align:center; font-size:18px; color:#555; letter-spacing:-.03em; line-height:1.667em; margin-bottom:35px;}

.his-tab {margin-bottom:var(--space-100); border-bottom:2px solid #ddd; text-align:center;}
.his-tab .swiper {position:relative; margin-bottom:-2px;}
.his-tab ul {display:inline-flex; width:auto; max-width:100%;}
.his-tab ul li {display:flex; align-items:center; position:relative; width:auto; text-align:center; padding-bottom:30px;}
.his-tab ul li:after {content:""; width:1px; height:15px; background:#c2c2c2; margin:0 12px;}
.his-tab ul li:last-child:after {display:none;}
.his-tab ul li a {display:block; font-size:var(--font-size-24); color:#505050; font-weight:700; letter-spacing:0;} 
.his-tab ul li.active {color:var(--color-primary);}
.his-tab ul li.active a {color:var(--color-primary);}

.history {margin-bottom:180px;}
.history .history-flex {display:flex;}
.history .history-flex .circle-wrap {width:28.8%;} 
.history .history-flex .circle-wrap .circle {margin:0 auto; width:156px; height:156px; line-height:156px; color:#fff; background:var(--color-primary); text-align:center; border-radius:50%;}
.history .history-flex .circle-wrap .circle h3 {font-size:36px; font-weight:700; letter-spacing:-.03em;}
.history .history-flex .history-list {margin-top:15px;}
.history .history-flex .history-list ul {}
.history .history-flex .history-list ul li {display:flex;}
.history .history-flex .history-list ul li .num {min-width:40px; font-size:20px; color:#555; letter-spacing:-.03em; font-weight:700; line-height:1.700em;}
.history .history-flex .history-list ul li .list {}
.history .history-flex .history-list ul li .list p {font-size:18px; color:#555; letter-spacing:-.03em; line-height:1.889em;}

.ci-wrap {margin-bottom:140px;} 
.ci-wrap .ci-wrap-flex {display:flex; flex-direction:column; justify-content:center; border:1px solid #ddd; min-height:480px; padding:0 50px;}
.ci-wrap .ci-wrap-flex ul {display:flex; margin-left:-130px;}
.ci-wrap .ci-wrap-flex ul li {position:relative; width:calc(50% - 130px); margin-left:130px;}
.ci-wrap .ci-wrap-flex ul li:before {position:absolute; content:""; width:1px; height:100%; background:#ddd; top:0; right:-65px;}
.ci-wrap .ci-wrap-flex ul li:last-child:before {display:none;}
.ci-wrap .ci-wrap-flex ul li .tit {position:relative; font-size:24px; letter-spacing:-.03em; color:#333; font-weight:700; margin-bottom:25px; padding-top:12px;}
.ci-wrap .ci-wrap-flex ul li .tit:before {position:absolute; content:""; width:40px; height:2px; background:#129797; top:0; left:0;}
.ci-wrap .ci-wrap-flex ul li .tit span {font-size:18px; font-weight:300; color:#333; letter-spacing:-.03em; line-height:1.889em; display:inline-block; margin-left:8px;}
.ci-wrap .ci-wrap-flex ul li .img {min-height:220px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; display:flex; flex-direction:column; justify-content:center;}
.ci-wrap .ci-wrap-flex ul li .img .imgs {text-align:center;}
.ci-wrap .ci-wrap-flex ul li .txt {margin-top:30px; font-size:18px; color:#555; letter-spacing:-.03em; line-height:1.556em;}
.ci-wrap .ci-wrap-flex ul li .txt strong {} 

.sub-tit {text-align:center; margin-bottom:65px;}
.sub-tit h3 {position:relative; font-size:34px; font-weight:700; color:#333; letter-spacing:-.03em; line-height:1.0em; padding-bottom:12px;}
.sub-tit h3:before {position:absolute; content:""; width:40px; height:2px; background:#ccc; left:50%; margin-left:-20PX; bottom:0;}

.vision-wrap {}
.vision-wrap .vision-tit {font-size:28px; color:#555; letter-spacing:-.03em; line-height:1.0em; text-align:center; margin-bottom:70px;}
.vision-wrap .vision-tit span {padding:0 20px;}
.vision-wrap .vision-tit strong {color:#129696;}
.vision-wrap .vision-tit strong:nth-child(2) {color:#f4c12d;}
.vision-wrap .strategy-wrap {}
.vision-wrap .strategy-wrap .strategy {display:flex; min-height:95px;} 
.vision-wrap .strategy-wrap .strategy .tit {font-size:30px; font-weight:700; letter-spacing:-.03em; line-height:1.0em; color:#555; position:relative; min-width:160px; padding-top:10px;}
.vision-wrap .strategy-wrap .strategy .tit:before {position:absolute; content:""; width:50px; height:2px; background:#005499; top:0; left:0;}
.vision-wrap .strategy-wrap .strategy .txt {font-size:18px; color:#555; letter-spacing:-.03em; line-height:1.556em;}
.vision-wrap .strategy-flex {}
.vision-wrap .strategy-flex ul {display:flex; margin:0 -20px;}
.vision-wrap .strategy-flex ul li {width:50%; padding:0 20px;}
.vision-wrap .strategy-flex ul li img {min-height:400px;}

.manpower {}
.manpower .manpower-flex {margin-bottom:120px;}
.manpower .manpower-flex ul {}
.manpower .manpower-flex ul li {display:flex; justify-content:center;}
.manpower .manpower-flex ul li .ico {}
.manpower .manpower-flex ul li .tt-box {margin-left:25px;}
.manpower .manpower-flex ul li .tt-box .tit {font-size:24px; font-weight:700; color:#333; letter-spacing:-.03em; line-height:1.417em; margin-bottom:12px;}
.manpower .manpower-flex ul li .tt-box .txt {font-size:20px; font-weight:500; color:#333; letter-spacing:-.03em; line-height:1.700em;}

.manpower .manpower-list {}
.manpower .manpower-list ul {display:flex; margin:0 -30px;}
.manpower .manpower-list ul li {width:50%; padding:0 30px;}
.manpower .manpower-list ul li img {min-height:400px;}

.organization {margin-bottom:130px;}
.organization .img {text-align:center;}

.directions-map {max-width:1420px; padding:0 10px; margin:0 auto var(--space-60);}
.directions-map .root_daum_roughmap {width:100%; border-radius:var(--radius-24);}
.directions-map .root_daum_roughmap .map_border {display:none;}

.directions-info .comp-name {display:flex; align-items:center; justify-content:space-between; margin-bottom:var(--space-60);}
.directions-info .comp-name p {color:#2c2c2c; font-size:var(--font-size-28); font-weight:600; line-height:1.3em; letter-spacing:-.04em;}
.directions-info .comp-name img {height:26px;}
.directions-info .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-20);}
.directions-info .item {padding:var(--space-40); background:#f8f8f8; border-radius:var(--radius-16);}
.directions-info .item h3 {margin-bottom:1em; font-size:var(--font-size-16); font-weight:600; line-height:1.3em; letter-spacing:-.04em;}
.directions-info .item p {color:#2c2c2c; font-size:var(--font-size-20); font-weight:500; line-height:1.7em; letter-spacing:-.04em;}
.directions-info .item .subway {display:inline-block; width:45px; margin:-.2em 4px 0 0; border-radius:20px; color:#fff; font-size:12px; font-weight:500; line-height:18px; text-align:center; vertical-align:middle;}
.directions-info .item .subway.line-5 {background:#8936e0;}
.directions-info .item .subway.line-1 {background:#263c96;}

.business {}
.business .business-list {margin-bottom:65px;}
.business .business-list ul {display:flex; margin-left:-20px;}
.business .business-list ul li {width:calc(20% - 20px); margin-left:20px; border:1px solid #ddd; }
.business .business-list ul li .ico-flex {display:flex; justify-content:center; align-items:center; min-height:80px; border-bottom:1px solid #ddd;}
.business .business-list ul li .ico-flex .ico {vertical-align:middle; margin-right:15px;}
.business .business-list ul li .ico-flex .tit {font-size:20px; color:#555; letter-spacing:-.025em; line-height:1.3em; font-weight:700;}
.business .business-list ul li .list {min-height:160px; padding:20px 30px;}
.business .business-list ul li .list p {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:3px;}

.education {}
.education .education-list {margin-bottom:100px;}
.education .education-list ul {display:flex; flex-wrap:wrap; margin-bottom:-80px;}
.education .education-list ul li {width:50%; display:flex; margin-bottom:80px;}
.education .education-list ul li .img {width:38.2%;}
.education .education-list ul li .tt-box {width:61.8%; padding-left:26px;}
.education .education-list ul li .tt-box .tit {font-size:20px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.3em; margin-bottom:10px;}
.education .education-list ul li .tt-box .txt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}

.ui-table {width:100%; border-collapse:collapse; border-spacing:0px; color:#505050; border-top:2px solid #129797;}
.ui-table tr.border {border-top:1px solid #000;}
.ui-table tr.border td  {border-top:0;}
.ui-table tr.border-none td {border-bottom:0;}
.ui-table th {font-size:18px; border-top:0; font-weight:700; height:55px; background:#f9f9f9; border:1px solid #eee; color:#333; text-align:center;} 
.ui-table th .table-flex {display:flex; justify-content:space-between; height:110px;}
.ui-table th .table-flex span {width:100%;}
.ui-table th:first-child,
.ui-table td:first-child {border-left:0;}
.ui-table th:last-child,
.ui-table td:last-child {border-right:0;}
.ui-table td {font-size:18px; color:#333; border:1px solid #eee; text-align:center; height:60px; line-height:1.556em; padding:10px;} 
.ui-table td.left {text-align:left; padding-left:20px;}
.ui-table td.padding {padding:20px 30px;}
.ui-table td .list-flex ul li {display:flex; font-size:18px; color:#333; letter-spacing:0; line-height:1.556em;}
.ui-table td .list-flex ul li span {display:inline-block; min-width:20px;}
.ui-table td .table-list {padding:15px 0 15px 60px;}
.ui-table td .table-list .tit {font-size:18px; color:#333; letter-spacing:0; line-height:1.667em;}
.ui-table td .table-list ul {padding-left:10px;}
.ui-table td .table-list ul li {}

.ui-table.type02 td {border:0; border-bottom:1px solid #ddd;}
.ui-table.type02 td span {color:#129797;}
.ui-table.type02 td .btn {display:block; margin:0 auto; width:100px; border:1px solid #ddd; height:36px; line-height:34px; font-size:16px; letter-spacing:-.025em; color:#333;}
.ui-table.type02 th.border,
.ui-table.type02 td.border {border-bottom:0; border-right:0; border-left:0;}
.ui-table.type02 td.border {height:auto; padding:8px 7px; color:#555;}

.table-tt {text-align:right; color:#333; margin-bottom:5px;}
.table-txt {font-size:18px; color:#555; letter-spacing:0; line-height:1.3em; margin-top:15px;}
.table-txt.between {display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px;}
.table-txt.mg {margin-bottom:15px; color:#333;}

.table-responsive {margin-bottom:70px;}
.table-responsive.mg {margin-bottom:30px;}
.table-responsive.none {margin-bottom:0;}

.doc-list {}
.doc-list ul {}
.doc-list ul li {font-size:18px; color:#555; line-height:1.556em; letter-spacing:0; padding-left:0.5em; text-indent:-0.5em;}

.doc-tit-cnt {margin-bottom:45px;}

.finance {}
.finance .finance-list {display:flex;}
.finance .finance-list .img {width:64.5%;}
.finance .finance-list .txt {margin-top:15px; padding-left:25px; font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}

.work {}
.work .work-list {}
.work .work-list ul { }
.work .work-list ul li {display:flex; align-items:center; margin-bottom:35px;}
.work .work-list ul li .ico {margin-right:25px;}
.work .work-list ul li .list {}
.work .work-list ul li .list p {font-size:18px; color:#555; line-height:1.556em;}

.ethics {}
.ethics .ethics-list {}
.ethics .ethics-list ul {display:flex; margin-left:-30px;}
.ethics .ethics-list ul li {display:flex; flex-direction:column; justify-content:center; font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; font-weight:700; width:calc(20% - 30px); margin-left:30px; border:1px solid #ddd; border-radius:20px; text-align:center; min-height:150px;}

.organizations {text-align:center;}
.organizations .img {margin-top:50px;}

.certificate {display:flex;}
.certificate .img {width:27.65%;}
.certificate .tt-box {display:flex; flex-direction:column; justify-content:center; width:75.87%; border:1px solid #ddd; border-left:0; min-height:250px; padding-left:45px;}
.certificate .tt-box .tit {font-size:30px; color:#333; letter-spacing:-.025em; line-height:1.3em; font-weight:700; margin-bottom:20px;}
.certificate .tt-box .txt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; font-weight:500;}

.step-list {margin-top:50px;}
.step-list ul {display:flex; margin:0 -60px;}
.step-list ul li {position:relative ;width:20%; text-align:center; padding:0 60px;}
.step-list.padding ul {margin:0 -35px;}
.step-list.padding ul li {padding:0 35px;}
.step-list.padding ul li:before {right:-10px;}
.step-list ul li:before {position:absolute; content:""; width:16px; height:29px; background:url('../images/sub/step-arrow.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-50px; right:0;}
.step-list ul li:last-child:before {display:none;}
.step-list ul li .img {}
.step-list ul li .tit {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-top:15px;}

.step-list.mgt {margin-left:60px;}
.step-list.mgt ul li:before {margin-top:-40px;}

.applicant {display:flex; align-items:center;}
.applicant.pd {padding-left:50px;}
.applicant .img {text-align:center; min-width:240px;}
.applicant .applicant-list {}
.applicant .applicant-list .applicant-tit {font-size:20px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.400em; margin-bottom:10px;}
.applicant .applicant-list .applicant-tit span img {vertical-align:middle; margin-right:5px;} 
.applicant .applicant-list ul {padding-left:10px;}
.applicant .applicant-list ul li {font-size:18px; letter-spacing:-.025em; line-height:1.556em; margin-bottom:5px;}
.applicant .applicant-list ul li p {padding-left:10px;}
.applicant .applicant-list ul li strong {}

.table-tits {font-size:20px; font-weight:700; color:#000; letter-spacing:-.025em; line-height:1.400em; margin-bottom:10px;}
.table-tits.flex {display:flex;}
.table-tits.flex span img {margin-right:12px;}

.doc-indent {padding-left:40px;}
.doc-indent.pd {padding-left:25px;}

.table-box {border:1px solid #ddd; padding:35px 100px 70px 55px;} 
.table-box .doc-indent .doc-indent-list {}
.table-box .doc-indent .doc-indent-list ol {margin-bottom:30px;}
.table-box .doc-indent .doc-indent-list ol li {display:flex; font-size:18px; font-weight:500; color:#555; letter-spacing:0; line-height:1.556em;}
.table-box .doc-indent .doc-indent-list ol li strong {color:#000; display:inline-block; min-width:25px;}

.application {display:flex; justify-content:center; align-items:center; min-height:170px; border-radius:15px; border:1px solid #ddd; margin-bottom:70px;}
.application .application-ico {margin-right:25px;}
.application .application-tt {font-size:20px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.4em;} 
.applicant-btn {font-size:18px; font-weight:600; letter-spacing:-.03em; display:block; margin:0 auto; margin-top:150px; color:#fff; text-align:center; background:#129797; border-radius:30px; border:0; height:50px; line-height:48px; width:250px;}
.applicant-btn.width {width:180px;}
.applicant-btn.mgt {margin-top:90px;}

.file-tit {margin:20px 0 5px; font-size:var(--font-size-16); font-weight:600; line-height:1.5em;}
.file-tit.first {margin-top:10px;}

.file-flex {display:flex; align-items:center;} 
.file-flex .file-wrap.wd .input {min-width:650px;}
.file-flex .img {width:22.6%;}
.file-flex .img.wd {width:10.6%;}
.file-flex .thumb {position:relative; padding-bottom:135%; overflow:hidden;}
.file-flex .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.file-flex .file-wrap {padding-left:50px;}
.file-flex .file-wrap.none {padding-left:0;}
.file-flex .file-wrap.none .find-btn {_margin-bottom:15px; margin-right:0 !important;}
.file-flex .file-wrap.none .input {min-width:595px;}
.file-flex .file-wrap .btn-flex {display:flex;}
.file-flex .file-wrap .btn-flex .find-btn {font-size:18px; font-weight:600; height:50px; line-height:50px; color:#fff; width:100px; text-align:center; margin-left:10px; margin-right:10px; background:#252525; border-radius:6px;}
.file-flex .file-wrap .btn-flex .input {height:50px;}
.file-flex .file-wrap .txt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.3em; margin-top:10px;}
.file-flex .file-wrap .txt span {display:block; margin-top:5px; margin-left:8px;}
.file-flex .file-wrap .txt strong {color:#000; font-weight:600;}

.doc-flex {display:flex; margin-left:-30px;}
.doc-flex .doc-wrap {width:calc(50% - 30px); margin-left:30px;}

.information-tt {margin-top:25px; padding-left:25px;}
.information-tt ul {}
.information-tt ul li {display:flex; flex-direction:column; font-size:18px; color:#555; font-weight:500; letter-spacing:0; line-height:1.556em; margin-bottom:3px;}
.information-tt ul li p {padding-left:10px;}

.table-tit {font-size:18px; font-weight:700; color:#333; letter-spacing:0; line-height:1.333em; margin-top:20px; margin-bottom:5px;}
.table-tit span {font-weight:400;}
.table-tit.mg {margin-top:5px; margin-bottom:20px;}

.check-box {display:flex; justify-content:center; align-items:center; border:1px solid #ddd; height:80px; margin-top:50px;}

.notice {display:flex; flex-direction:column; justify-content:center; border:1px solid #ddd; padding-left:65px; border-radius:20px; min-height:420px; margin-top:70px;}
.notice .tit {display:flex; font-size:20px; color:#333; letter-spacing:-.025em; line-height:1.4em; font-weight:700; margin-bottom:30px;}
.notice .tit span img {vertical-align:middle; margin-right:10px;}
.notice .notice-list {}
.notice .notice-list ul {}
.notice .notice-list ul li {font-size:18px; letter-spacing:-.025em; line-height:1.556em; color:#555; margin-bottom:10px;}
.notice .notice-list ul li:nth-child(2) {margin-bottom:25px;}
.notice .notice-list ul li:last-child {margin-left:-10px;}
.notice .notice-list ul li span {font-weight:700; margin-left:-12px; margin-right:10px;}
.notice .notice-list ul li p {padding-left:12px;}

.mgb0 {margin-bottom:0;}

.maintenance {display:flex; align-items:center; margin-bottom:35px;}
.maintenance .img {}
.maintenance .tt-box {padding-left:45px;}
.maintenance .tt-box .tit {font-size:24px; font-weight:700; letter-spacing:-.04em; line-height:1.3em; margin-bottom:10px;}
.maintenance .tt-box .txt {font-size:18px; color:#555; letter-spacing:-.04em; line-height:1.556em;}

.real-box {display:flex; justify-content:center; align-items:center; min-height:150px; border:1px solid #ddd;}
.real-box ul {display:flex;}
.real-box ul li {margin-right:25px;}
.real-box ul li label {font-size:18px; margin-right:10px;}
.real-box ul li .btn-pack.medium {margin-left:8px;}

.default-btn-flex {width:100%; max-width:785px; margin:0 auto; margin-top:50px;}
.default-btn-flex ul {display:flex; margin-left:-20px;}
.default-btn-flex ul li {border-radius:30px; font-size:18px; font-weight:600; color:#555; letter-spacing:-.03em; text-align:center; border:1px solid #ddd; width:calc(25% - 20px); margin-left:20px; height:50px; line-height:48px;}
.default-btn-flex ul li a {display:block;}

.service {margin-top:45px;}
.service ul {display:flex;}
.service ul li {width:16.6666%; padding:0 30px; text-align:center;}
.service ul li .tt-box {margin-top:15px;}
.service ul li .tt-box .tit {font-size:20px; font-weight:700; letter-spacing:-.025em; color:#333; line-height:1.3em; margin-bottom:10px;}
.service ul li .tt-box .txt {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}

.advisor {}
.advisor .advisor-list {}
.advisor .advisor-list ul {flex-wrap:wrap; display:flex; justify-content:center; margin-bottom:-60px;} 
.advisor .advisor-list ul li {display:flex; width:50%; margin-bottom:60px; border-radius:20px; } 
.advisor .advisor-list ul li .img {width:32%;}
.advisor .advisor-list ul li .thumb {position:relative; height:0; padding-bottom:125%; overflow:hidden; border-radius:20px;}
.advisor .advisor-list ul li .thumb img {position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover;}
.advisor .advisor-list ul li .tt-box {margin-left:40px;}
.advisor .advisor-list ul li .tt-box .s-tt {display:flex; align-items:center; font-size:24px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.3em; }
.advisor .advisor-list ul li .tt-box .s-tt span {padding:0 2px; color:#ccc; font-weight:500; height:13px; }
.advisor .advisor-list ul li .tt-box .s-tt p {position:relative;font-size:20px; font-weight:500; color:#333; letter-spacing:-.025em; padding-left:20px;}
.advisor .advisor-list ul li .tt-box .s-tt p:before {position:absolute; content:""; width:1px; background:#ccc; top:50%; margin-top:-6.5px; height:13px; left:10px;}
.advisor .advisor-list ul li .tt-box .name  {font-size:20px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.300em; margin-bottom:10px;}
.advisor .advisor-list ul li .tt-box .name span {font-size:18px; font-weight:400; margin-left:5px;}
.advisor .advisor-list ul li .tt-box .list {margin-top:25px;}
.advisor .advisor-list ul li .tt-box .list p {font-size:18px; color:#333; letter-spacing:-.025em; line-height:1.333em;}
.advisor .advisor-list ul li .tt-box .list p span {font-weight:900;}

.opinion {}
.opinion ul {display:flex;}
.opinion ul li {width:50%;}

.performace-list {margin-bottom:50px;}
.performace-list ul {}
.performace-list ul li {flex:1;}
.performace-list ul li a {font-size:18px; letter-spacing:-.025em; border:1px solid #ddd; border-left:0; position:relative; display:flex; align-items:center; justify-content:center; height:60px; color:#333; font-weight:700;}
.performace-list ul li.active a {color:#fff; background:#002667;}  

.disclosure-list {width:100%; max-width:540px; margin:0 auto; margin-bottom:60px;}
.disclosure-list ul {margin-right:-10px;}
.disclosure-list ul li {flex:auto; width:calc(50% - 10px); margin-right:10px;}
.disclosure-list ul li a {border-radius:45px; font-size:20px; letter-spacing:0; border:1px solid #ddd; position:relative; display:flex; align-items:center; justify-content:center; height:70px; color:#333; font-weight:700;}
.disclosure-list ul li.active a {color:#fff; background:#129797; border-color:#129797;}

.support-list {position:relative; margin-top:-95px; margin-left:95px;}
.support-list ul {display:flex;}
.support-list ul li {margin-right:40px;}
.support-list ul li a {}

.support-tt {margin-top:130px; margin-left:70px;}
.support-tt .list {}
.support-tt .list p {font-size:20px; font-weight:500; color:#333; letter-spacing:-.03em; font-weight:500; line-height:1.5em;}

.donation-list {display:flex; align-items:center; border:1px solid #ddd; min-height:120px; padding-left:55px; margin-top:15px;}
.donation-list .ico {}
.donation-list .txt {padding-left:10px; font-size:24px; font-weight:700; color:#129696; letter-spacing:0; line-height:;}

.donation-box {}
.donation-box .tt {font-size:18px; color:#555; letter-spacing:0; line-height:1.556em; margin-top:30px; text-align:center;}
.donation-box .tt span {display:inline-block; margin-left:15px;}
.donation-box .tt.mg {margin-top:10px;}

.checkup-flex {display:flex; justify-content:space-between; margin-bottom:15px;}
.checkup-flex .checkup-box {}
.checkup-flex .img {margin-top:15px;}

.membership {padding-left:25px;}
.membership ul {}
.membership ul li {font-size:18px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.556em;}

.membership-list {padding-left:15px; margin-bottom:20px;}
.membership-list ul {}
.membership-list ul li {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}
.membership-list ul li:nth-child(2) {margin-bottom:15px;}
.membership-list ul li p {padding-left:10px;}

.membership-bar {margin-left:20px;}

.step-list.wd {}
.step-list.wd ul {}
.step-list.wd ul li {width:33.3333%; padding:0 130px;}
.step-list.wd ul li .s-tt {font-size:16px; font-weight:700; color:#555; letter-spacing:-.025em; margin-top:15px;}

.benefits {display:flex; flex-direction:column; justify-content:center; min-height:380px; border:1px solid #ddd; border-radius:20px; padding-left:70px;}
.benefits .benefits-tit {font-size:18px; font-weight:700; color:#555; letter-spacing:-.025em; line-height:1.556em; margin-bottom:10px;}
.benefits ul {padding-left:15px;}
.benefits ul li {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;}

.mypage-box {overflow:hidden; position:relative; display:flex; flex-direction:column; justify-content:center; border:1px solid #ddd; border-radius:20px; min-height:310px; padding-left:100px;}
.mypage-box:before {position:absolute; content:""; width:330px; height:260px; background:url('../images/sub/mypage-box-bg.png')50% 50% no-repeat; background-size:contain; right:55px; bottom:-90px;}
.mypage-box .mypage-flex {display:flex;}
.mypage-box .mypage-flex .img {width:12%;}
.mypage-box .mypage-flex .thumb {position:relative; padding-bottom:126%; overflow:hidden;}
.mypage-box .mypage-flex .thumb img {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:auto !important; height:auto !important; max-width:100%; max-height:100%; object-fit:contain;}
.mypage-box .mypage-flex .tt-box {padding-left:50px;}
.mypage-box .mypage-flex .tt-box .tit {font-size:24px; font-weight:700; color:#333; letter-spacing:-.025em; line-height:1.167em; margin-bottom:12px; margin-top:12px;}
.mypage-box .mypage-flex .tt-box .tit span {display:inline-block; font-weight:400; padding-left:10px; font-size:20px; color:#333; letter-spacing:-.025em; line-height:1.400em;}
.mypage-box .mypage-flex .tt-box .list {padding-left:15px; margin-bottom:70px;}
.mypage-box .mypage-flex .tt-box .list ul {}
.mypage-box .mypage-flex .tt-box .list ul li {font-size:18px; color:#555; letter-spacing:-.025em; line-height:1.556em;} 
.mypage-box .mypage-flex .tt-box .list ul li span {position:relative; padding-left:15px;}
.mypage-box .mypage-flex .tt-box .list ul li span:before {position:absolute; content:""; width:1px; height:13px; background:#acacac; top:50%; left:5px; margin-top:-6.5px;}
.mypage-box .mypage-flex .btn-flex {padding-left:15px;}
.mypage-box .mypage-flex .btn-flex ul {display:flex;}
.mypage-box .mypage-flex .btn-flex ul li {min-width:180px; background:#129797; height:50px; line-height:48px; color:#fff; border-radius:30px; border:1px solid #ddd; margin-right:15px;}
.mypage-box .mypage-flex .btn-flex ul li a {justify-content:center; width:100%; text-align:center; display:flex;}
.mypage-box .mypage-flex .btn-flex ul li a .ico {}
.mypage-box .mypage-flex .btn-flex ul li a .ico img {vertical-align:middle; margin-right:7px;}
.mypage-box .mypage-flex .btn-flex ul li a .tits {font-size:18px; font-weight:600; letter-spacing:-.03em;}

.doc-tit-flex {display:flex; margin-left:-30px;}
.doc-tit-flex .doc-wrap {width:calc(50% - 30px); margin-left:30px;}
.doc-tit-flex .doc-wrap .mypage-default {}
.doc-tit-flex .doc-wrap .mypage-default .tit-wrap {height:57px; line-height:55px; border-top:2px solid #129797; background:#f9f9f9;}
.doc-tit-flex .doc-wrap .mypage-default .tit-wrap .tit { font-weight:700; color:#333; letter-spacing:0;}
.doc-tit-flex .doc-wrap .mypage-default .tit-wrap .tit.size {font-size:20px; padding-left:25px; border-bottom:1px solid #ddd;}
.doc-tit-flex .doc-wrap .mypage-default .tt {font-size:18px; color:#333; letter-spacing:0; line-height:1.556em; margin:15px 0 25px;}
.doc-tit-flex .doc-wrap .mypage-default .qualification-list {}
.doc-tit-flex .doc-wrap .mypage-default .qualification-list .list {display:flex; align-items:center; padding-left:15px;}
.doc-tit-flex .doc-wrap .mypage-default .qualification-list .list p {font-size:18px; font-weight:600; color:#333; letter-spacing:0; line-height:1.667em; min-width:130px; margin-bottom:5px;}
.doc-tit-flex .doc-wrap .mypage-default .qualification-list .list span {color:#555;}
.doc-tit-flex .txt-wrap {padding-left:25px; min-height:200px; border-bottom:1px solid #ddd;}

.doc-wrap .mypage-default .ui-table {min-height:auto; border-bottom:1px solid #ddd;}
.doc-wrap .mypage-default .ui-table.type02 th {border-bottom:1px solid #ddd;}
.doc-wrap .mypage-default .ui-table td span {color:#555; padding-left:8px;}
.doc-wrap .mypage-default .ui-table td span.finish {margin-left:5px; display:inline-block; font-size:14px; letter-spacing:-.03em; text-align:center; width:62px; line-height:20px; height:20px; border-radius:10px; background:#129797; color:#fff; padding-left:0;}
.doc-wrap .mypage-default .ui-table td span.ing {margin-left:5px; display:inline-block; width:50px; color:#fff; text-align:center; background:#333; height:20px; line-height:20px; font-size:14px; letter-spacing:-.03em; border-radius:10px; padding-left:0;}
.doc-wrap {}

.report {}
.report .report-list {border-top:2px solid #129797; padding:30px; border-bottom:1px solid #ddd;}
.report .report-list dl {display:flex; margin-bottom:5px;} 
.report .report-list dl dt {width:auto; padding-right:20px; font-size:18px; font-weight:600; color:#333; letter-spacing:0; line-height:1.667em; }
.report .report-list dl dd {font-size:18px; color:#555; letter-spacing:0; line-height:1.667em;}
.report .report-list dl dd span {margin-left:5px; display:inline-block; font-size:14px; letter-spacing:-.03em; text-align:center; width:50px; line-height:20px; height:20px; border-radius:10px; background:#ddd; color:#000; padding-left:0;}

.reset-btn {font-size:18px; color:#129797; letter-spacing:-.025em; background:transparent; border:0; text-align:center; display:block; margin:0 auto;}

.board-form.m {display:none;}

.disclosure-wrap {justify-content:space-between; display:flex; align-items:flex-end; border:1px solid #ddd; border-radius:15px; padding:100px 80px 70px 100px;}
.disclosure-wrap .tt-wrap {display:flex;}
.disclosure-wrap .tt-wrap .disclosure-ico {margin-right:30px;}
.disclosure-wrap .tt-wrap .txt-box {}
.disclosure-wrap .tt-wrap .txt-box .tit {font-size:40px; color:#333; letter-spacing:0; font-weight:700; line-height:1.3em; margin-bottom:15px;}
.disclosure-wrap .tt-wrap .txt-box .txt {font-size:24px; font-weight:500; color:#333; letter-spacing:0; line-height:1.417em;}
.disclosure-wrap .btn {font-size:18px; font-weight:600; color:#555; font-weight:600; letter-spacing:-.03em; width:220px; height:50px; line-height:48px; text-align:center; border:1px solid #ddd; border-radius:25px;}

.agree-wrap .tits {font-size:18px; color:#555; letter-spacing:0; line-height:1.556em;}