@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

#wrapper {overflow:hidden;}

.doc-tit {padding-bottom:15px;}
.doc-tit.border {border-bottom:1px solid #ddd; margin-bottom:40px;}
.doc-tit h3 {position:relative; padding-left:25px; font-size:23px; font-weight:600; letter-spacing:-.03em; color:#242424; line-height:1.217em;}
.doc-tit h3:before {position:absolute; content:""; width:20px; height:20px; background:url('../images/sub/doc-tit.png')50% 50% no-repeat; background-size:contain; top:4px; left:0;}


.greetings h3 {font-size:33px; color:#0a163c;}
.greetings .lg-tit {font-size:30px; font-weight:400; letter-spacing:-.03em; color:#242424; line-height:1.433em; margin-top:8px; margin-bottom:30px;}
.greetings .txt-box-wrap {padding-left:50px; padding-top:50px; margin-bottom:100px; float:right; position:relative ;background:#fff; width:100%; max-width:870px; margin-top:-90px;}
.greetings .txt-box-wrap:after {content:""; display:block; clear:both;}
.greetings .txt-box {clear:both;}
.greetings .txt-box-wrap h4 {font-size:20px; font-weight:500; letter-spacing:-.03em; line-height:1.400em;}
.greetings .txt-box-wrap .txt {margin-top:20px;}
.greetings .txt-box-wrap .txt strong {font-size:23px; font-weight:600; color:#242424; padding-left:5px;}

.organization {text-align:center;}

.ci-list {margin:60px 0;}
.ci-list ul li {display:flex;}
.ci-list ul li .img {min-height:260px; border:1px solid #ddd; width:49%; text-align:center; display:flex; align-items:center; justify-content:center;}
.ci-list ul li .txt-box {padding-left:50px;}
.ci-list ul li .txt-box .tit {font-size:28px; font-weight:600; letter-spacing:-.03em; line-height:1.3em; color:#0a163c;}
.ci-list ul li .txt-box .txt {margin:30px 0 0 0;}
.ci-list ul li .txt-box dl {display:flex; margin-bottom:5px; align-items:center;}
.ci-list ul li .txt-box dl dt {font-weight:500; color:#242424; }
.ci-list ul li .txt-box dl dt span {color:#2d4abe; font-size:20px; font-weight:800; letter-spacing:0;}

.ci-list-wrap ul {display:flex; margin:0 -6px;}
.ci-list-wrap ul li {width:25%; padding:0 6px; text-align:center;}
.ci-list-wrap ul li .tit {font-weight:600; letter-spacing:0; color:#242424; margin-top:15px;}

.ci-mark-list {display:flex; flex-direction:column; gap:8px; margin:20px 0;}
.ci-mark-list .item {display:flex; align-items:center; flex-wrap:wrap; gap:10px 30px; min-height:50px; padding:13px 20px; background:#f4f4f4;}
.ci-mark-list .item .label {display:flex; align-items:center; gap:10px;}
.ci-mark-list .item .num {display:flex; align-items:center; justify-content:center; width:24px; height:24px; border-radius:99px; background:#e62164; font-size:14px; font-weight:700; letter-spacing:-0.48px; line-height:1.4; color:#fff; text-align:center;}
.ci-mark-list .item .name {min-width:75px; font-size:16px; font-weight:700; letter-spacing:-0.48px; line-height:1.4; color:#333;}
.ci-mark-list .item .desc {font-size:14px; font-weight:400; letter-spacing:-0.48px; line-height:1.4; color:#505050;}

.education-wrap-list {margin-bottom:60px;}
.education-wrap-list.mg {margin-bottom:40px;}
.education .cnt {margin-bottom:60px;}
.education-wrap {display:flex;}
.education-wrap .img {min-width:470px;}
.education-wrap .txt-box {padding-left:50px; margin-top:50px;}
.education-wrap.top .txt-box {margin-top:0;}
.education-wrap.top.mg .txt-box {margin-top:15px;}
.education-wrap .txt-box .tt-wrap {margin-bottom:25px;}
.education-wrap .txt-box .tt-wrap .tit {font-size:20px; font-weight:600; color:#0a163c; letter-spacing:-.03em; line-height:1.400em; margin-bottom:8px;}
.education-wrap .txt-box .tt-wrap .list p {font-size:15px; line-height:1.600em; padding-left:0.5em; text-indent:-0.5em;}
.education-wrap .txt-box .tt-wrap .list p span {font-size:20px; font-weight:700; color:#0a163c;}
.education-wrap .txt-box .tt-wrap .list.wd {display:flex; flex-wrap:wrap;}
.education-wrap .txt-box .tt-wrap .list.wd p {width:50%;}
.education-wrap .txt-box .txt {font-size:18px; line-height:1.722em;}
.education-box {background:#fafafa; padding-left:40px; border-radius:30px; min-height:235px; display:flex; flex-direction:column; justify-content:center;}
.education-box .education-tit {font-size:18px; font-weight:600; color:#0a163c; letter-spacing:-.03em; line-height:1.3em;}
.education-box ol li {margin-top:10px;}

.table01.type02 th {background:#fafafa; font-size:16px; font-weight:600; color:#242424;}
.table01 {width: 100%; margin: 0 auto; width: 100%; border-collapse: collapse; border-spacing: 0px; font-size: 18px; color: #fff; background: #fff; border-top: 2px solid #0a163c;}
.table01 th {color: #242424; text-align: center; font-size:16px; color: #fff; padding:12px; background:#0a163c; font-weight:600; line-height: 1.750em; letter-spacing: -.03em; border-bottom: 1px solid #ddd;  border-right: 1px solid #ddd;}
.table01 td {padding:10px; color: #454545; border: 1px solid #dfdfdf; line-height: 1.667em; font-size:16px; letter-spacing: -.03em;}
.table01 td.bg {font-size:16px; font-weight:600; color:#242424; letter-spacing:-.03em; text-align: center; background:#fafafa;}
.table01 td.center {text-align: center; padding:10px;}
.table01 td ul li {position: relative; line-height: 1.875em; text-align: left; padding-left: 10px;}
.table01 tr th:first-child, .table01 tr td:first-child {border-left: 0;}
.table01 tr th:last-child, .table01 tr td:last-child {border-right: 0; }

.go-more {display:flex; align-items:center; justify-content:center; background:#ff6600; font-size:18px; font-weight:600; letter-spacing:-.03em; height:50px; border-radius:10px; color:#fff; margin:0 auto; width:223px;}
.go-more a {display:block;}
.go-more span img {vertical-align:text-top; margin-left:20px; margin-top:5px; }

.edu-box {display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:100px; background:#fafafa; border-radius:30px; margin-bottom:40px;}
.edu-box .tit {font-size:20px; color:#454545; letter-spacing:-.03em;}
.edu-box .tit strong {font-size:23px; font-weight:600; color:#242424;}
.edu-box .tit strong span {color:#0a163c;}
.edu-box.height {min-height:130px;}
.edu-box.height .tit {text-align:center;}
.edu-box.height .tit strong {font-size:20px;}

.category-wrap {margin-bottom:20px;}
.category-wrap .tit {margin-bottom:8px; font-size:20px; color:#0a163c; font-weight:600; letter-spacing:-.03em; line-height:1.400em;}

.step-list ul {display:flex; margin:0 -30px;}
.step-list ul li {position:relative; width:16.6666%; text-align:center; padding:0 30px;}
.step-list ul li:before {position:absolute; content:""; width:21px; height:22px; background:url('../images/sub/sub-nexts.png')50% 50% no-repeat; background-size:contain; top:50%; margin-top:-55px; right:-10px;}
.step-list ul li:last-child:before {display:none;}
.step-list ul li .tit {color:#242424; margin-top:15px; line-height:1.500em; letter-spacing:-.03em;}

.certification ul {display:flex; flex-wrap:wrap; margin:0 -10px; margin-bottom:-35px;}
.certification ul li {width:20%; padding:0 10px; margin-bottom:35px;}
.certification ul li .img {border: 1px solid #ddd;}
.certification ul li .img.type2 {border: 0;}
.certification ul li .tit {text-align:center; margin-top:10px; color:#686868;}

/* .organization .img {margin-left:20px;} */