@charset "utf-8";

* {margin: 0; padding: 0;}
*, *::before, *::after {box-sizing:border-box;}
body {word-break:keep-all;word-wrap:break-word;overflow-wrap:break-word;line-break:normal;}

/* 서브 타이틀 */
#sub-container {width:1200px; margin:0 auto; padding-top:130px;}
#sub-container::after {content:"";display:block;clear:both;}
#sub-contents {width: 900px;float:left;}
#con-title {position:relative; margin-top:65px; margin-bottom: 18px;}
#con-title p {position:relative; font-size: 34px; font-weight: 600; font-family: "NEXON", sans-serif;}
#con-title ul {float:right;}
#con-title ul li{float:right;}


#con-con {position: relative; margin-top:40px; padding-bottom:120px; min-height: 600px;}
#con-con::after{content:"";display:block;clear:both;}
#con-con #img01 {float: left;}
#con-con #txt01 {width: 565px;margin-left: 40px;float:left;}
#con-con #txt01 #sign {text-align: right; float:right; font-size: 18px;}
#con-con #txt01 img {float:right;}
#con-con #txt01 p {font-size: 14px; padding:0; margin:0; text-align:justify;}
#con-con .btn-box {text-align:right; height: 32px;}
#con-con .btn-box2 {text-align:center; margin-top:20px;}

/* 서브 게시판 */
#con-con .board-search {text-align: right; margin-bottom:25px; background-color: #f9faf9; height:68px; line-height:68px;padding:0 20px;position:relative;;}
#con-con .board-search h2 {float:left; line-height:68px;font-size:16px;letter-spacing:-.04em;}
#con-con .board-search h2 span {font-weight: bold;}
#con-con .board-search h2 span:last-of-type{color:#67a117;}
#con-con .board-search input {display: inline-block; vertical-align: middle; width: 184px;padding-right:30px;}
#con-con .board-search select {display: inline-block; vertical-align: middle; width: 90px;}
#con-con .board-search input + a,
#con-con .board-search .btn-search{position:absolute;top:50%;right:20px;width:36px;height:36px;margin-top:-18px;text-align:center;}
#con-con .board-search input + a::after,
#con-con .board-search .btn-search::after{content:"\f002";font-family:"Font Awesome 5 Pro";line-height:36px;font-size:14px;}
#con-con .board-search input + a img,
#con-con .board-search .btn-search img{display:none;}

#con-con .board-list-table {position: relative; width: 100%;}
#con-con .board-list-table table {width: 100%; border-top: 3px solid #0b7547;}
#con-con .board-list-table table th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con .board-list-table table th:first-child {border-left: none;}
#con-con .board-list-table table th:last-child {border-right: none;}
#con-con .board-list-table table td {height:40px; text-align:center; border: 1px solid #e3e3e3;}
#con-con .board-list-table table td:first-child {border-left:none;}
#con-con .board-list-table table td:last-child {border-right: none;}
#con-con .board-list-table table td span {display: block; text-align: left; padding-left: 20px;}

#con-con .board-btn {text-align: right; margin-top: 20px;}
#con-con .board-btn .listNavi li{float:left; margin-right:5px;}
#con-con .board-btn .listNavi a{padding:0;width:40px;}
#con-con .board-btn .listNavi a i{font-size:16px;line-height:38px;margin:0;}
#con-con .board-page {text-align: center; margin-top: 10px;}

#con-con .board-write-table {position: relative; width: 100%;}
#con-con .board-write-table table {width: 100%; border-top: 3px solid #0b7547; margin-bottom:20px;}
#con-con .board-write-table table th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con .board-write-table table th:first-child {border-left: none;}
#con-con .board-write-table table th:last-child {border-right: none;}
#con-con .board-write-table table td {height:40px; border: 1px solid #e3e3e3;}
#con-con .board-write-table table td span {vertical-align: middle;}
#con-con .board-write-table table td input {margin-left: 12px;}
#con-con .board-write-table table td textarea {margin: 10px 12px 10px 12px; width: 620px; height: 200px;}
#con-con .board-write-table table td:first-child {border-left:none;}
#con-con .board-write-table table td:last-child {border-right: none;}
#con-con .board-write-table table td.textL {text-align:left; padding-left:12px;}
#con-con .board-write-table .fileUpload {border:0; margin:0; width: 100%;}
#con-con .board-write-table .select {margin-left: 12px;}
#con-con .board-write-table .radio-td {text-align:center;}
#con-con .board-write-table .radio-td input {vertical-align:middle;}

#con-con .board-read-table {position: relative; width: 100%;}
#con-con .board-read-table table {width: 100%; border-top: 3px solid #0b7547;}
#con-con .board-read-table table th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con .board-read-table table th:first-child {border-left: none;}
#con-con .board-read-table table th:last-child {border-right: none;}
#con-con .board-read-table table td {height:40px; padding-left: 10px; border: 1px solid #e3e3e3;}
#con-con .board-read-table table td:first-child {border-left:none;}
#con-con .board-read-table table td:last-child {border-right: none;}
#con-con .board-read-table table td span {display: block; padding-top: 20px; padding-bottom: 20px;}
#con-con .board-read-table .btnGrp {margin-top:10px;}

/* 워크샵 테이블 */
#con-con .event-detail-table {position:relative; width:100%;}
#con-con .event-detail-table table {width: 100%; border-top: 3px solid #0b7547;}
#con-con .event-detail-table table th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold; font-size:14px;}
#con-con .event-detail-table table th:first-child {border-left: none;}
#con-con .event-detail-table table th:last-child {border-right: none;}
#con-con .event-detail-table table td {height:40px; border: 1px solid #e3e3e3; text-align:center;}
#con-con .event-detail-table table td:first-child {border-left:none;}
#con-con .event-detail-table table td:last-child {border-right: none;}
#con-con .event-detail-table table td.textL {text-align:left; padding-left:20px; padding-right: 10px;}
#con-con .event-detail-table table td.textP {text-align:left; padding-left:20px; text-decoration: underline;}

#con-con .btn-user-plus {text-align:right; margin-bottom:20px;}


/* 참여마당 건의사항 */
#con-con .board-qna-write-table {position: relative; width: 770px;}
#con-con .board-qna-write-table table {width: 770px; border-top: 3px solid #0b7547;}
#con-con .board-qna-write-table table th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con .board-qna-write-table table th:first-child {border-left: none;}
#con-con .board-qna-write-table table th:last-child {border-right: none;}
#con-con .board-qna-write-table table td {height:40px; border: 1px solid #e3e3e3;}
#con-con .board-qna-write-table table td span {vertical-align: middle;}
#con-con .board-qna-write-table table td input {margin-left: 12px;}
#con-con .board-qna-write-table table td textarea {margin: 10px 12px 10px 12px; width: 620px; height: 200px;}
#con-con .board-qna-write-table table td:first-child {border-left:none;}
#con-con .board-qna-write-table table td:last-child {border-right: none;}
#con-con .board-qna-write-table table td select {margin-left: 12px;}



/* sub 공통 */
#con-con .submit-box {border-top: 1px solid #4ea586; background-color:#f9faf9;padding:50px 0;text-align:center;}
#con-con .submit-box > div{width:360px;margin:0 auto;}
#con-con .submit-box p {font-size: 18px; line-height:1.6; letter-spacing:-.04em;}
#con-con .submit-box .box-con {margin-top:30px;}
#con-con .submit-box .box-con h4 {display:inline-block; width:80px; line-height: 36px; font-size: 16px;font-weight:600;}
#con-con .submit-box .box-con input {width: 276px;}
#con-con .submit-box .box-con2 {margin-top:35px;}
#con-con .submit-box .box-con2 h4 {display:inline-block; width:80px; line-height: 36px; font-size: 16px;font-weight:600;}
#con-con .submit-box .box-con2 input {width: 276px;}
#con-con .submit-box .box-con3 {margin-top:6px;}
#con-con .submit-box .box-con3 h4 {display:inline-block; width: 80px; line-height: 36px; font-size: 16px;font-weight:600;}
#con-con .submit-box .box-con3 input {width: 276px;}
#con-con .submit-box .box-btn {margin-top: 60px; text-align: center;}
#con-con .submit-box .box-btn a{margin:0 4px;}
#con-con .submit-box .box-btn2 {margin-top: 60px; text-align: center;}
#con-con .submit-box .box-btn2 a{margin:0 4px;}

/* #con-con h1 { font-size:20px;font-weight:bold;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 4px no-repeat;padding-left: 28px;  margin-top:60px; line-height: 22px;} */
/* #con-con .table-search h1 { font-size:20px;font-weight:bold;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 4px no-repeat;padding-left: 28px; margin-bottom: 30px; margin-top:0px; line-height: 22px;} */
/* #con-con p {font-size:15px;line-height: 160%; margin-bottom: 25px; font-weight:normal;} */



#con-con .sub-area1 {
    margin-left: 41px;
    background-color: #fafafa;
    padding: 15px 15px;
	margin-bottom: 30px;
}
#con-con .sub-area1 li {background: url(/images/aims/sub/icon_03.gif) 1px 11px no-repeat;padding-left: 15px;}
#con-con .sub-area1 li span {font-size:14px;}
#con-con .sub-arrow {
    padding-left: 40px;
    background: url(/images/aims/sub/icon_02.gif) 26px 6px no-repeat;
	font-size: 15px;
	color: #2b2c2c;
	margin-top:10px;
}



/* sub02 연혁 */
#con-con #sub02_history li { padding-top:25px;}
#con-con #sub02_history li:FIRST-CHILD {padding-top: 0px;}

/* sub03 조직도 */

/* sub04 법적근거 */
#con-con #sub04 h1 { font-size:20px;font-weight:bold;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 4px no-repeat;padding-left: 25px; margin-top:0px; line-height: 25px; clear:both;}
#con-con #sub04 h1 span{font-size:17px;color:#1b7a2c; margin-bottom: 25px; margin-top:40px;}
#con-con #sub04 h1 #tit01 {font-size: 13px; letter-spacing:-1px;}
#con-con #sub04 span {font-size:14px;line-height: 20px; margin-bottom: 30px;}
#con-con #sub04 .sub-con-area {margin-bottom: 60px;padding: 20px 25px;background: #fdfdfd;border: 1px solid #cccccc; float:right; width:677px;}
#con-con #sub04 .sub-con-area li {padding-top: 5px;}
#con-con #sub04 .sub-area2 {margin-left: 30px;background-color: #fff9e7;padding: 10px 10px;}


/* sub05 기본방향 */
#con-con #sub05 h1 { font-size:20px;font-weight:600;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 2px no-repeat;padding-left: 25px; margin-bottom: 30px; margin-top:60px; line-height: 22px; clear:both;}
#con-con #sub05 h3 { font-size:20px;font-weight:600;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 2px no-repeat;padding-left: 25px; margin-bottom: 30px; margin-top:0px; line-height: 22px; clear:both;}
#con-con #sub05 span {font-size:14px;line-height: 24px; margin-bottom: 30px;}
#con-con #sub05 img {float:right; margin-bottom:60px;}



/* sub06 관련사이트 */
#con-con #sub06 h1 { font-size:20px;font-weight:bold;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 4px no-repeat;padding-left: 25px; margin-bottom: 30px; margin-top:0px; line-height: 22px;}
#con-con #sub06 .Data-Table2 {position: relative; width: 770px; margin-bottom: 30px; border-top: 3px solid #0b7547;}
#con-con #sub06 .Data-Table2 th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con #sub06 .Data-Table2 th:first-child {border-left: none;}
#con-con #sub06 .Data-Table2 th:last-child {border-right: none;}
#con-con #sub06 .Data-Table2 td {height:40px; text-align:center; border: 1px solid #e3e3e3; padding-top: 5px; padding-bottom: 5px; height:25px;}
#con-con #sub06 .Data-Table2 td:first-child {border-left:none;}
#con-con #sub06 .Data-Table2 td:last-child {border-right: none;}



/* sub07 인증대학 */

/* sub08 인증절차 */

/* sub09 인증기준 1주기 */
#con-con #sub09 h1 {font-size:20px;font-weight:600;color:#18652b;background: url(/images/aims/sub/icon_01.gif) 0px 2px no-repeat;padding-left: 25px; margin-bottom: 30px; margin-top:60px; line-height: 22px;}
#con-con #sub09 .evlTable {position: relative; width: 770px; border-top: 3px solid #0b7547;}
#con-con #sub09 .evlTable th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con #sub09 .evlTable th:first-child {border-left: none;}
#con-con #sub09 .evlTable th:last-child {border-right: none;}
#con-con #sub09 .evlTable td {height:20px; text-align:center; border: 1px solid #e3e3e3; padding-top: 8px; padding-bottom: 8px;}
#con-con #sub09 .evlTable td.bg-gray {background-color: #f5f5f5;}
#con-con #sub09 .evlTable td:first-child {border-left:none;}
#con-con #sub09 .evlTable td:last-child {border-right: none; text-align: left; padding-left: 10px;}


/* sub10 인증기준 2주기 */
#con-con #sub09 .evlTable2 {position: relative; width: 770px; margin-bottom: 30px; border-top: 3px solid #0b7547;}
#con-con #sub09 .evlTable2 th {height:40px; text-align:center; background-color: #f5f5f5; border: 1px solid #e3e3e3; font-weight: bold;}
#con-con #sub09 .evlTable2 th:first-child {border-left: none;}
#con-con #sub09 .evlTable2 th:last-child {border-right: none;}
#con-con #sub09 .evlTable2 td {height:20px; text-align:center; border: 1px solid #e3e3e3; padding-top: 8px; padding-bottom: 8px;}
#con-con #sub09 .evlTable2 td.bg-gray {background-color: #f5f5f5;}
#con-con #sub09 .evlTable2 td:first-child {border-left:none;}
#con-con #sub09 .evlTable2 td:last-child {border-right: none; text-align: left; padding-left: 10px;}
#con-con #sub09 .evlTable2 td.txt-C {text-align:center; padding-left:0px}

#con-con #sub09 .evlTable2 .job { padding-left:15px; text-align:left; }
#con-con #sub09 .evlTable2 .job ul { padding-left:10px; }



/** Start: to style navigation tab **/
#con-con .nav {
  margin-bottom: 60px;
  margin-left: 0;
  list-style: none;
}

#con-con .nav > li > a {
  display: block;
}

#con-con .nav-tabs{
  *zoom: 1;
}

#con-con .nav-tabs:before,
#con-con .nav-tabs:after {
  display: table;
  content: "";
}

#con-con .nav-tabs:after {
  clear: both;
}

#con-con .nav-tabs > li {
  float: left;
}

#con-con .nav-tabs > li > a {
  padding-right: 35px;
  padding-left: 35px;
  margin-right: 0px;
  line-height: 17px;
}

#con-con .nav-tabs {
}

#con-con .nav-tabs > li {
  margin-bottom: -1px;
  width: 385px;
  text-align: center;
}

#con-con .nav-tabs > li > a {
  padding-top: 11px;
  font-size: 14px;
  padding-bottom: 11px;
  line-height: 18px;
  border: 1px solid transparent;
  border-top: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
  background-color: #f2f2f2;
  color: #4e4e4e;
  border-bottom: 2px solid #0b7547;
}

#con-con .nav-tabs > li > a:hover {
}

#con-con .nav-tabs > .active > a,
#con-con .nav-tabs > .active > a:hover {
  color: #0d7c49;
  cursor: default;
  font-weight: 600;
  background-color: #ffffff;
  border: 2px solid #0b7547;
  border-bottom-color: transparent;
  font-size: 15px;
}

#con-con .tab-content li {
}
#con-con .tab-content li a {
  line-height: 18px;
  font-size: 13px;
  color: #333333;
}

#con-con .tab-content.active{
	display: block;
}

#con-con .tab-content.hide{
	display: none;
}


/* LOGIN */
#sub-container #sub-login {
	font-family: "Pretendard";
    margin: 80px auto 0;
    width: 798px;
}
#sub-container #sub-login #login-tite1 {
	text-align: center;
    color: #999999;
    font-size: 29px;
    margin-bottom: 35px;
}
#sub-container #sub-login #login-tite1 strong {
    font-size: 29px;
    color: #333333;
}

#sub-container #sub-login #login-con {
    height: 330px;
    margin-bottom: 10px;
    border: 1px solid #bbbbbb;
}

#sub-container #sub-login #login-con #login-img {
    width: 360px;
    float: left;
    height: 328px;
}

#sub-container #sub-login #login-con #login-img img{
    padding: 63px;
}

#sub-container #sub-login #login-tite2 {
    color: #333333;
    font-size: 37px;
    margin-top: 95px;
    margin-bottom: 20px;
    width: 435px;
    float: left;
}

#sub-container #sub-login #login-con #login-input {float: left;padding-bottom: 10px;}

#sub-container #sub-login #login-con #login-input table {}

#sub-container #sub-login #login-con #login-input ul li {
    padding-bottom: 4px;
    padding-right: 4px;
}
#sub-container #sub-login #login-con #login-input ul li input{
    width: 265px;
    height: 32px;
    padding: 0 10px;
    font-family: "Pretendard";
}
#sub-container #sub-login #login-con #login-button {
    float: left;
    width: 98px;
    height: 68px;
    background: #006633;
}

#sub-container #sub-login #login-con #login-button a {display:block;font-size: 14px;line-height: 67px;color: #fff;font-family: "Pretendard";text-align:center;}

#sub-container #sub-login #login-con #login-save {float: left;width: 270px;}
#sub-container #sub-login #login-con #login-save input{margin-right:8px;vertical-align:-10%;}

#sub-container #sub-login #login-con #login-crtfct{float:right;margin-top:11px;margin-right:69px;}
#sub-container #sub-login #login-con #login-crtfct a{background:#7e7e7e;color:#fff;padding:6px 10px;font-family: "Pretendard";}

#sub-container #sub-login #login-tite3 {
    padding-left: 253px;
    font-size: 11px;
    color: #575757;
}

#sub-container #sub-login #login-tite3 strong {
    color: #006633;
}

/* 뉴스레터 썸네일 */
.newsletter-thumb{display:inline-block;margin-left:10px;text-align:center;padding:10px 0;}
.newsletter-thumb input[type="radio"]{margin-left:0 !important;margin-bottom:5px;}
.newsletter-thumb label{display:block;}
.newsletter-thumb label span{display:block;font-weight:bold;margin-bottom:3px;}

#con-con .sitemap-form {float: left; width: calc((100% - 50px) / 3); min-height: 400px; margin-right: 25px;}
#con-con .left-form {padding-left:0px;}
#con-con .right-form {margin-right:0px;}
#con-con .site-title {height: 50px; text-align: left;}
#con-con .site-title p 
{
	font-size: 18px; 
	color: #fff ; 
	padding: 12px 25px;
    letter-spacing: -.05em;
    font-weight: 500;
    background-color: #349376;
}
#con-con .sitemap-form ul {}
#con-con .sitemap-form ul li {/* height: 41px; */ border-bottom: 1px solid #e2e2e1;}
#con-con .sitemap-form ul li a
{
	text-decoration: none;
	display: block;
    line-height: 50px;
    padding-left: 38px;
    padding-right:20px;
    font-size: 16px;
    color: #2e2e2e;
    background: url('/images/aims/sub/icon_notice.gif') no-repeat 25px 23px;
}

#con-con .agree-box {max-height: 230px;overflow-y: auto;width: 100%;border: 1px solid #e6e6e6;padding: 20px 25px;}
#con-con .agree-box-txt {width:95%; margin:0; margin-left:5px;}
#con-con .agreeTable {margin-bottom: 50px; width: 100%; text-align: right; margin-top: 10px;font-size:16px;}
#con-con .agreeTable tr {height:20px;}
#con-con .agreeTable #agree,
#con-con .agreeTable #agree2{border: 0; margin-right: 4px; vertical-align: middle;width:14px;height:14px;}
#con-con .agreeTable .contents-text{vertical-align:middle;}

#con-con .line_box2{clear:both;position:relative;font-size:16px; line-height:1.75;letter-spacing:-.04em;}
#con-con .mem_list_tit{font-weight:bold;font-size:24px;}
#con-con .mem_list2{margin-bottom:65px}
#con-con .mem_list2 dt{padding:10px 0 0 0;font-weight:500;}

/* 인증 대학 */
#univ-form {
    float: left;
    margin-top: 45px;
    margin-bottom: 25px;
    border: 1px solid #cccccc;
    background: #fdfdfd;
}
#univ-form li {
    float: left;
    border: 1px solid #cccccc;
    margin-left: 29px;
    margin-top: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}
#univ-form li a{
    font-size: 18px;
    padding: 10px 18px;
}

#univ-form p {
    font-size: 15px;
    float: left;
    width: 99%;
    padding-left: 30px;
    margin-top: 10px;
}

#univ-form #serch_univ {
    float: left;
    padding-left: 30px;
    padding-top: 10px;
    padding-bottom: 25px;
}

#univstatusboard{
	background: #fff;
	color: #349376;
    padding: 0 20px;
    position: absolute;
    right: 60px;
    top: 67px;
    z-index: 1;
    font-size: 18px;
    letter-spacing: -.05em;
    height: 60px;
    line-height: 58px;
    border: 1px solid #4ea586;
    trasition: all. 2s;
}
#univstatusboard:hover {
	background: #4ea586;
	color: #fff;
}
#univStudentNum {
	position: absolute;
    top: 14px;
    right: 0;
}
#univStudentNum a {
	color: #727272;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: -.04em;
}
#univStudentNum a i{margin-right:6px;}

.table-info-text{font-size: 12px;}


/**
 *  2022 New 
 */
/* 타이틀 */
h2.contents-title{margin-bottom:20px;font-size:24px;font-weight:bold;letter-spacing:-.025em;}

/* 텍스트 */
.contents-text{font-size:16px;letter-spacing:-.04em;position:relative;padding-left:19px;line-height:1.75;}
.contents-text + .contents-text{margin-top:25px;}
.contents-text::before{content:"";position:absolute;top:9px;left:0;width:7px;height:7px;border-radius:50%;border:2px solid #4ea586;}
.contents-text.no-bullet{padding-left:0;}
.contents-text.no-bullet::before{display:none;}
.contents-text.line{text-decoration: underline;  text-underline-position: under;}
.contents-text-small{font-size: 16px;font-weight: bold;letter-spacing: -.04em;line-height: 1.8;}

.line-01{color: #e15f75;}
.line-02{color: #4ea586;}
.line-03{color: #4e64a5;}

.link-text{font-size: 16px;letter-spacing: -.04em;line-height: 1.5;text-align: center;position: relative;}
.link-text:hover{color: #349376;}
.link-text::after{content: "\f08e";font-family: "Font Awesome 5 Pro";font-size: 14px;color: #4ea586;position: absolute;top: -1px;bottom: 0;right: -20px;font-weight: 400;}

.text-primary{color:#4ea586;font-weight:500;}
.text-disabled{color:#a3aaac;font-weight:500;}
.text-disabled.light{font-weight:300;}

.text-sort{font-size:16px;}
.text-sort + .text-sort{margin-left:12px;}
.text-sort.on{color:#349376;text-decoration:underline;font-weight:500;text-underline-offset:2px;}

/* 박스 */
.contents-box{background:#f9faf9;padding:30px 40px;}
.contents-text + .contents-box{margin-top:20px;}
.contents-box .contents-text{padding-left:12px;}
.contents-box .contents-text + .contents-text{margin-top:0;}
.contents-box .contents-text::before{content:"";position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:50%;background:#939393;border:none;}

.full-box,
.line-box{border-radius: 10px;text-align: center;display: flex;flex-direction: column;justify-content: center;}
.full-box{font-size: 16px;font-weight: 600;letter-spacing: -.04em;}
.line-box{width: 178px;position: relative;}
.line-box,
.line-box p{font-size: 16px;font-weight: 600;line-height: 1.3;letter-spacing: -.04em;background-color: #fff;}
.full-box.full-01{background-color: #e15f75;color: #fff;}
.full-box.full-02{background-color: #4ea586;color: #fff;}
.full-box.full-03{background-color: #4e64a5;color: #fff;}
.full-box.full-04{background-color: #a3a3a3;color: #fff;}
.line-box.line-01{border: 1px solid #e15f75;color: #e15f75;}
.line-box.line-02{border: 1px solid #4ea586;color: #4ea586;}
.line-box.line-03{border: 1px solid #4e64a5;color: #4e64a5;}
.line-box span{display: block;color: #898887;font-size: 14px;font-weight: 400;letter-spacing: -.04em;margin-bottom: 3px;}
.mid-box{height: 110px;display: flex;align-items: center;justify-content: center;}
.mid-box02{height: 99px;display: flex;align-items: center;justify-content: center;}
.small-box{height: 76px;}
.big-box{height: 212px;}

/* 섹션 */
.contents-section{position:relative;}
.contents-section + .contents-section:not(:empty){margin-top:65px;}

/* 탭 */
.contents-tab{margin-bottom:40px;border-bottom:1px solid #e3e3e3;}
.contents-tab::after{content:"";display:block;clear:both;}
.contents-tab li{margin-right:10px;float:left;}
.contents-tab li a{display:block;height:50px;background:#a3a3a3;color:#fff;font-size:16px;letter-spacing:-.04em;line-height:50px;padding:0 26px;}
.contents-tab li:not(.active) a:hover{font-weight:600;letter-spacing:-.045em;}
.contents-tab li.active a{background:#349376;}

/* 버튼 */
.button{display:inline-block;min-width:40px;height:40px;line-height:38px;padding:0 20px;border:1px solid #4ea586;color:#4ea586;font-size:16px;letter-spacing:-.04em;font-weight:600;transition:all .2s;text-align:center;background-color:#fff;vertical-align:middle;}
.button:hover{color:#fff;background-color:#4ea586;}
.button:disabled{opacity:.7;}
.button i{font-size:14px;margin-top:-2px;}
.button i,
.button span{vertical-align:middle;}
.button i + span{margin-left:6px;}

.button.small{height:32px;line-height:30px;font-size:14px;padding:0 10px;}
.button.small i{font-size:12px;}

.button.dark{color:#898887;border-color:#898887;}
.button.dark:hover{color:#fff;background-color:#898887;}

.button.background{color:#fff;border:0;line-height:40px;}
.button.background.dark{background:#a3aaac;}

.btn-add{position:absolute;top:10px;right:0;color:#349376;font-size:16px;font-weight:500;letter-spacing:-.04em;}

/* 버튼 그룹 */
.button-group{margin-top:20px;text-align:right;}
.button-group.center{text-align:center;margin-top:50px;}
.button-group.top{margin-bottom:20px;margin-top:0;}
.button-group a{margin-left:6px;}
.button-group.center a{margin:0 3px;}

/* 테이블 */
table td.text-left,
table td.listLeft{text-align:left;padding-left:20px;padding-right:20px;}
table td.text-center,
table td.listCenter{text-align:center !important;}

.contents-table{width:100%;border-top:1px solid #4ea586;table-layout:fixed;}
.contents-table + .contents-table{margin-top:60px;}
.contents-table th,
.contents-table td{height:57px;font-size:16px;letter-spacing:-.04em;line-height:1.5;border-bottom:1px solid #e4e4e3;border-right:1px solid #e4e4e3;text-align:center;padding-top:15px;padding-bottom:15px;}
.contents-table th:last-child,
.contents-table td:last-child{border-right:0;}
.contents-table th{background:#f9faf9;font-weight:600;}
.contents-table td{background:#fff;}
.contents-table tbody th + td{text-align:left;padding-left:20px;padding-right:20px;}
.contents-table .link a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;}
.contents-table .link a:hover{color:#4ea586;font-weight:500;}
.contents-table .link a[target="_blank"]{padding-right:20px;}
.contents-table .link a[target="_blank"]::after{content:"\f08e";position:absolute;top:2px;right:0;color:#4ea586;font-family:"Font Awesome 5 Pro";font-size:14px;}
.contents-table .required{position:absolute;}
.contents-table .border-right{border-right:1px solid #e4e4e3 !important;}

.pagination{margin-top:50px;text-align:center;}
.pagination img{display:none;}
.pagination a,
.pagination strong{font-size:16px;display:inline-block;min-width:22px;height:22px;;line-height:22px;vertical-align:middle;margin:0 4px;}
.pagination a:hover,
.pagination strong{color:#4ea586;}
.pagination .first,
.pagination .prev,
.pagination .next,
.pagination .last{background:#f3f5f4;color:#6f9184;font-size:12px;border-radius:4px;}
.pagination .first::before,
.pagination .prev::before,
.pagination .next::before,
.pagination .last::before{font-family:"Font Awesome 5 Pro";}
.pagination .first::before{content:"\f323";}
.pagination .prev::before{content:"\f053";}
.pagination .next::before{content:"\f054";}
.pagination .last::before{content:"\f324";}

/* 게시판 */
#after_con2,
#bbs_cn{padding:15px 30px;font-size:16px;letter-spacing:-.04em;position:relative;line-height:1.75;text-align:left;}
.text-file{display:inline-block;color:#a3aaac;margin-right:20px;}
.text-file:hover{color:#4ea586;}
.text-file + .text-file{margin-top:4px;}
.text-file::after{content:"\f019";display:inline-block;font-family:"Font Awesome 5 Pro";font-weight:bold;margin-left:6px;}

.file-list{}
.file-list > div{margin-top:10px;}
.file-list > div + div{margin-top:6px;}
.file-list button{margin-left:8px;color:#4ea586;font-size:15px;vertical-align:middle;}
.file-list button:not(:last-child){margin-right:20px;}

/* datepicker */
.ui-datepicker td{height:auto;}

/* 대학통계 */
.year-list{display:flex;margin-bottom:40px;margin-top:-20px;}
.year-list .yearList{margin-right:10px;}
.year-list h3{height:38px;line-height:36px;padding:0 25px;color:#a3aaac;font-size:18px;font-weight:bold;border:1px solid #bac3c5;border-radius:19px;cursor:pointer;}
.year-list .yearList.on h3{color:#4ea586;border-color:#349376;}

.EvlStdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.EvlStdr .contents-title{margin-bottom:0;}

.EvlStdrCn::after{content:"";display:block;clear:both;}
.LeftTree,
.RightTree{position:relative;padding-top:59px;border:1px solid #e2e2e1;}
.LeftTree{float:left;width:377px;}
.RightTree{float:right;width:501px;}
.tree-head{position:absolute;top:0;left:0;right:0;height:59px;display:flex;align-items:stretch;border-bottom:1px solid #e2e2e1;}
.tree-head .head-lbl{flex:0 0 96px;line-height:58px;text-align:center;font-size:18px;font-weight:600;border-right:1px solid #e2e2e1;}
.tree-head input{flex:1;min-width:0;border:0;font-size:16px;height:100%;padding:0 15px;outline:none;}
.tree-head a{flex:0 0 56px;font-size:18px;border-left:1px solid #e2e2e1;text-align:center;}
.tree-head a i{line-height:58px;}
.tree-head .btn-search{color:#4ea586;}
.tree-body{height:615px;overflow-y:auto;}
.tree-body::-webkit-scrollbar {
  width: 11px;
  height: 100%;
  background-color: #f3f5f4;
}
.tree-body::-webkit-scrollbar-thumb{background:#e2e2e1;}

.download-wrap{margin-bottom:20px;}
.btn-status-search{display:inline-block;min-width:206px;padding:0 25px;height:74px;background:#349376;color:#fff;font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:74px;}
.btn-status-search i{float:left;line-height:74px;font-size:80%;}
.btn-status-search.dark{background:#898887;}

.contextView{margin-bottom:60px;}
.chart-title{background:#f9faf9;margin-bottom:40px;}
.chart-ti-img{display:block;}
.h2-tit2{font-size:24px;font-weight:bold;letter-spacing:-.025em;padding: 17px 23px;position:relative;}
.h2-tit2::before{content:"\f659";font-family:"Font Awesome 5 Pro";font-weight:bold;color:#4ea586;margin-right:20px;}
.h2-tit2::after{content:"\f078";font-family:"Font Awesome 5 Pro";color:#a3aaac;font-size:20px;position:absolute;top:50%;right:25px;line-height:1;margin-top:-10px;}
.chart-title.on .h2-tit2::after{transform:rotate(-180deg);}
.chart-wrap{margin-bottom:30px;height:330px;}
.chart-wrap .text{display:flex;height:100%;align-items:center;justify-content:center;font-size:16px;font-weight:500;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.chart-unit{text-align:right;margin-bottom:20px;}

.status-search{display:flex;background:#f9faf9;padding:22px 23px;margin-top:-60px;margin-bottom:50px;align-items:flex-end;justify-content:space-between;}
.search-select{display:flex;flex:0 0 276px;}
.search-select > span{flex:1 1 130px;}
.search-select > span + span{margin-left:16px;}
.search-select .title{display:block;font-size:14px;font-weight:bold;letter-spacing:-.04em;padding-left:5px;margin-bottom:5px;}
.search-select select{width:100%;}
.search-check{flex:0 0 550px;}
.search-check::after{content:"";display:block;clear:both;}
.search-check label{float:left;font-size:14px;margin-top:10px;margin-left:14px;}
.search-check input{margin-right:9px;vertical-align:middle;margin-top:-4px;}

.board-option{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.board-option .button + .button{margin-left:6px;}


/* 법적근거 */
.contents-wrap + .contents-wrap{margin-top: 36px;}
.contents-check-box{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 16px;}
.contents-check-box .box-item{width: 440px;height: 208px;padding: 0 30px;border: 1px solid #dadada;margin-top: 20px;}
.contents-check-box .item-title{padding: 20px 0 14px;border-bottom: 1px solid #dadada;}
.contents-check-box .item-title .contents-text-small{margin-left: 9px;}
.contents-check-box .item-list{padding: 26px 0 36px;margin-left: 10px;}
.contents-check-box .item-list li{font-size: 16px;letter-spacing: -.04em;margin-bottom: 9px;}
.contents-check-box .item-list li:last-child{margin-bottom: 0;}
.contents-check-box .item-list i{color: #6eb299;margin-right: 9px;}

.contents-icon-box{margin-top: -14px;}
.contents-icon-box li{display: flex;padding: 14px 0;border-bottom: 1px solid #e2e2e1;}
.contents-icon-box .icon-box{
    width: 100%;
    max-width: 114px;
    color: #4ea586;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: -.04em;
    line-height: 1.8;
    text-align: center;
    padding: 0 26px;
    background-color: #f3f5f4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.contents-icon-box .icon-box i{font-size: 28px;margin-bottom: 8px;}
.contents-icon-box .icon-text{padding: 8px 0;margin-left: 24px;}
.contents-icon-box .contents-text-small{margin-bottom: 10px;}
.contents-icon-box .contents-text{padding: 0;}
.contents-icon-box .contents-text.line + .contents-text{color: #6c7071;}
.contents-icon-box .contents-text::before{display: none;}
.contents-icon-box .contents-text + .contents-text{margin-top: 10px;}

/* 평가인증소개 */
/* 인증절차 */
/* 공통 */
.section-procedure{display: flex;margin-top:60px;}
.section-procedure .procedure{width: 280px;height: 867px;background-color: #f7f8fa;display: flex;flex-direction: column;align-items: center;position: relative;}
.section-procedure .procedure > ul li{width: 188px;}
.section-procedure .procedure + .procedure{margin-left: 35px;}
.section-procedure .full-box{padding: 14px 30px;position: absolute;top: -16px;left:50%;transform:translateX(-50%);}
.section-procedure .line-box{padding: 26px 0;}
ul .line-wrap + .line-wrap{margin-top: 13px;}

/* 대학 */
.procedure01 ul li{display: flex;flex-direction: column;position: relative;}
.procedure01 ul li:nth-child(1){margin-top: 210px;}
.procedure01 ul li:nth-child(2){margin-top: 50px;}
.procedure01 ul li:nth-child(3){margin-top: 96px;}
.procedure01 ul li:before{
    content: "";
    background-image: url(../../../images/aims/sub/procedure-icon.png);
    background-repeat: no-repeat; 
    background-position: 50% 50%;
    position: absolute;
    right: -107px;
    top: 50%;
    transform: translate(0 , -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}
.procedure01 ul li i{color: #898887;margin: 5px 0;}
.procedure01 ul li p{color: #e15f75;line-height: 1.6;}
.procedure01 ul li p + p{margin-top: 6px;}

/* 절차 */
.procedure02 ul,
.procedure03 ul{margin-top: 77px;display: flex;flex-direction: column;}
.procedure02 ul li{position: relative;}
.procedure02 ul li + li{margin-top: 56px;}
.procedure02 ul li::after{content: "\f078";font-size: 16px;font-family: "Font Awesome 5 Pro";font-weight: 400; position: absolute;left: 0;right: 0;bottom: -40px;color: #898887;}
.procedure02 ul li:last-child::after{display: none;}
.procedure02 .line-box{padding: 16px 0;}

/* 평가원 */
.procedure03 ul li{position: relative;}
.procedure03 ul li span{margin-top: 8px;}
.procedure03 ul li:nth-child(2){margin-top: 82px;}
.procedure03 ul li:nth-child(4){margin-top: 57px;}
.procedure03 ul li:before{
    content: "";
    background-image: url(../../../images/aims/sub/procedure-icon02.png);
    background-repeat: no-repeat; 
    background-position: 50% 50%;
    position: absolute;
    left: -107px;
    top: 50%;
    transform: translate(0 , -50%);
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* 인증기준 */
/* 탭버튼 */
.tab-wrap{display: none;}
.tab-wrap.active{display: block;}

/* 3주기 */
.section-list{display: flex;justify-content: space-between;position: relative;}
.section-list li{display: flex;flex-direction: column;justify-content: flex-start;text-align: center;}
.section-list .list{margin-top: 33px;position: relative;}
.section-list .list .item:last-child::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0; 
    bottom: -170px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #a3aaac;
}
.section-list .list .item:last-child::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0; 
    bottom: -170px;
    width: 1px;
    height: 170px;
    margin: 0 auto;
    border: 1px solid #a3aaac;
}
.section-list .list .line-03{font-size: 16px;font-weight: 600;margin: 20px 0;}
.section-list .list-box::after{content: "";width: 206px;height: 246px;background-color: #f7f8fa;position: absolute;top: -16px;left: -14px;z-index: -1;}
.section-list .full-box{padding: 12px 0;}
.section-step03 .line-box.mid-box{margin-top: 202px;}
.section-list .sub-box{
    position: absolute;
    bottom: 207px;
    width: 100%;
    height: 59px;
    background-color: #f7f8fa;
    text-align: center;
    line-height: 59px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -.04em;
    left: 0;
    z-index: 1;
}

.contents-img{display: flex;align-items: center;/* justify-content: flex-end; */margin-left:160px;}
.contents-img .img-box{text-align: center;/* margin-top: 50px; */}
.contents-img .box-wrap{display: flex;flex-direction: column;}
.contents-img .box-wrap .line-box{width: 178px;height: 41px;line-height: 41px;margin-left: 20px;position: relative;}
.contents-img .box-wrap .line-box::after{content: "";position: absolute;top: 50%;left: -260px;transform: translate(0 , -50%);border: 1px dashed #bbbab9;width: 260px;height: 1px;z-index: -1;}
.contents-img .box-wrap .line-box + .line-box{margin-top: 29px;}
.contents-box.step-text-box{display: flex; justify-content: center;font-size: 18px;font-weight: 600;letter-spacing: -.04em;margin:24px auto 0;width: 743px;border-radius: 10px;}



/* 2주기 */
.section-step02.section-list .list{margin-top: 144px;}
.section-step02 .sub-box.top{top: 70px;}
.section-step02 li h2{position: relative;}
.section-step02 li h2::after{
    content: "\f067";
    position: absolute;
    left: 0;
    right: 0; 
    bottom: -120px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 400;
    color: #898887;
}

.section-step02 .top-list .small-box:nth-child(1):after{
    content: "\f067";
    position: absolute;
    left: 0;
    right: 0; 
    bottom: -40px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 400;
    color: #898887;
}
.section-step02 li .mid-box{margin-top: 200px;}
.section-step02 li .mid-box02:after{
    content: "\f067";
    position: absolute;
    left: 0;
    right: 0; 
    bottom: -30px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 400;
    color: #898887;
}
.section-step02 .line-box.small-box + .small-box{margin-top: 60px;}
.section-step02 .line-box.mid-box02{margin-bottom: 37px;}

.section-img-contents li{display: flex;}
.section-img-contents li + li{margin-top: 30px;}
.section-img-contents .contents-txt{width: 163px;border-radius: 10px 0 0 10px;display: flex;align-items: center;justify-content: center;}

.section-step02 .contents-img{margin-left:90px;}

.step-text-box02.contents-box{width: 320px;height: 70px;line-height: 70px;background-color: #a3a3a3;color: #fff;margin-top: 40px;margin-left: 190px;position: relative;padding: 0 40px;}
.section-step02 .step-text-box02::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0; 
    top: -50px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 10px solid #a3aaac;
}
.section-step02 .step-text-box02::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0; 
    top: -38px;
    width: 1px;
    height: 38px;
    margin: 0 auto;
    border: 1px dashed #a3aaac;
}
.step-table{display: flex;justify-content: space-around;align-items: center;}

/* 1주기 */
.section-step01 .small-box + .small-box{margin-top: 60px;}
.section-step01.section-list .top-list::after{height: 279px;}
.section-step01 .list .small-box:first-child:after {
    content: "\f067";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 400;
    color: #898887;
}
.section-step01 .top-list ~ .line-box{margin-top: 422px;}
.section-step01 .item ~ .line-box{margin-top: 57px;}
.section-step01 li:first-child .line-box.mid-box {height: 76px;}
.section-step01.section-list li .list .small-box:last-child::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 107px;
    width: 1px;
    height: 352px;
    margin: 0 auto;
    border: 1px solid #a3aaac;
}
.section-step01.section-list li .list .small-box:last-child::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -395px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #a3aaac;
}
.section-step01 li:nth-child(2) .line-box.mid-box,
.section-step01 li:nth-child(3) .line-box.mid-box{height: 122px;}
.section-step01 li:nth-child(3) .line-box.mid-box02{height: 112px;margin-top: 60px;}
.section-step01 li:nth-child(3) .item-text{font-size: 16px;font-weight: 600;letter-spacing: -.04em;margin: 38px 0 5px;color: #a3a3a3;}
.section-step01 li:nth-child(3) .line-box.mid-box{margin-top: 75px;}
.section-step01.section-list li:nth-child(3) .list .small-box:last-child::before{height: 19px;top: 95px;}
.section-step01.section-list li:nth-child(3) .list .small-box:last-child::after{bottom: -50px;}
.section-step01 li:nth-child(4) .line-box.mid-box{height: 96px;}
.section-step01 li:nth-child(4) .line-box.mid-box02{margin-top: 534px;}
.section-step01.section-list li:last-child .list .mid-box::before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 122px;
    width: 1px;
    height: 472px;
    margin: 0 auto;
    border: 1px solid #a3aaac;
}
.section-step01.section-list li:last-child .list .mid-box::after{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -507px;
    width: 0;
    height: 0;
    margin: 0 auto;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #a3aaac;
}
.contents-system{display: flex;flex-direction: column;justify-content: center;align-items: center;padding-top: 40px;}
.contents-system li,
.contents-system .last .item{position: relative;}
.contents-system li + li{margin-top: 31px;;}
.contents-system .last{display: flex;padding-top: 29px}
.contents-system .last .full-box + .full-box{margin-left: 22px;}
.contents-system .line-box,
.contents-system .full-box{width: 189px;height: 47px;border-radius: 0;}
.contents-system.contents-box.step-text-box{width: 620px;margin: 24px auto 0;}
.contents-system li::after,
.contents-system li::before{
    content: "";
    position: absolute;
    margin: 0 auto;
}
.contents-system .item::after,
.contents-system .item::before{
    content: "";
    position: absolute;
    margin: 0 auto;
}
.contents-system li:nth-child(1)::after{
    left: 0;
    right: 0;
    bottom: -8px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #888884;
}
.contents-system li:nth-child(1)::before{
    left: 0;
    right: 0;
    bottom: -32px;
    width: 1px;
    height: 24px;
    border: 1px dashed #888884;
}
.contents-system li:nth-child(2)::before{
    left: 0;
    right: 0;
    bottom: -29px;
    width: 1px;
    height: 29px;
    border: 1px solid #e2e2e1;
}
.contents-system .item:nth-child(1)::before{
    left: 0;
    right: 0;
    top: -30px;
    width: 1px;
    height: 30px;
    border: 1px solid #888884;
}
.contents-system .item:nth-child(1)::after{
    left: 50%;
    top: -30px;
    width: 210px;
    height: 1px;
    border: 1px solid #888884;
}
.contents-system .item:nth-child(2)::after{
    left: 0;
    right: 0;
    top: -30px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #888884;
}
.contents-system .item:nth-child(2)::before{
    left: 0;
    right: 0;
    top: -23px;
    width: 1px;
    height: 23px;
    border: 1px dashed #888884;
}
.contents-system .item:nth-child(3)::before{
    left: 0;
    right: 0;
    top: -30px;
    width: 1px;
    height: 30px;
    border: 1px dashed #e2e2e1;
}
.contents-system .item:nth-child(3)::after{
    right: 50%;
    top: -30px;
    width: 210px;
    height: 1px;
    border: 1px dashed #e2e2e1;
}
.section-step01.contents-table .point-txt{background-color: #f5f5f5;}

/* 인사말 */
.section-top{position: relative;}
.section-top .text-box{width: 100%;height: 137px;background-color: #f4f7f6;position: absolute;bottom: 0;left: 0;z-index: -1;display: flex;flex-direction: column;justify-content: center;align-items: flex-end;padding-right: 65px;}
.section-top .text-box h2{font-size: 18px;letter-spacing: -.02em;line-height: 1.2;margin: 4px 0;font-weight: 400;}
.section-top .text-box span{font-size: 16px;letter-spacing: -.02em;line-height: 1.75;color: #797776;margin-right: 8px;}

.section-body li + li{margin-top: 20px;}
.section-body li h2,
.section-body li p{font-size: 16px;font-weight: 400;letter-spacing: -.04em;line-height: 1.75;text-align: justify;}
.section-body li h2{font-weight: 600;}
.section-body li:last-child{display: flex;align-items: center;justify-content: flex-end;padding-top: 10px;}
.section-body li .img-box{opacity: .5;mix-blend-mode: luminosity;}
.section-body li .title{font-size: 20px;font-family: "KOTRA_SONGEULSSI";letter-spacing: .3em;margin-left: 8px;color: #7a7878;}

/* 조직도 */
.contents-group{display: flex;justify-content: space-between;align-items: flex-start;padding: 0 50px;}
.contents-group .line-box,
.contents-group .full-box{width: 189px;height: 47px;border-radius: 0;}
.contents-group .full-box a{color: #fff;font-size: 16px;font-weight: 600;}

.group-left ul{display: flex;flex-direction: column;align-items: center;position: relative;}
.group-left li{position: relative;}
.group-left .left-text{position: absolute;top: 10px; left: 256px;font-size: 16px;font-weight: 400;letter-spacing: -.02em;color: #6c7071;}
.group-left li + li{margin-top: 52px;}
.group-left li::after,
.group-left li::before{
    content: "";
    position: absolute;
    border: 1px solid #e2e2e1;
    margin: 0 auto;
}
.group-left li:nth-child(1)::after{
    top: 47px;
    left: 0;
    right: 0;
    width: 1px;
    height: 53px;
}
.group-left li:nth-child(3)::after{
    bottom: -30px;
    left: 0;
    right: 0;
    width: 1px;
    height: 30px;
}
.group-left li:nth-child(3)::before{
    top: 0;
    bottom: 0px;
    right: -369px;
    margin: auto 0;
    width: 369px;
    height: 1px;
}
.group-left .side{padding-top: 8px;display: flex;justify-content: center;}
.side .side-item{
    width: 221px;
    height: 252px;
    background-color: #f7f8fa;
    padding: 17px 17px 22px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.side .side-item + .side-item{margin-left: 42px;}
.side .side-item a + a{margin-top: 13px;}
.side .side-item span + span{margin-top: 13px;}
.side .side-item .txt{font-size: 16px;font-weight: 600;letter-spacing: -.04em;color: #888b8c;}
.side .side-item:first-child::after,
.side .side-item:last-child::before{content: "";width: 1px;height: 30px;position: absolute;top: -30px;left: 0;right: 0;margin: 0 auto;border: 1px solid #e2e2e1;}
.side .side-item:first-child::before{content: "";width: 262px;position: absolute;top: -30px;left: 110px;border: 1px solid #e2e2e1;}

.group-right{margin-top: 151px;position: relative;}
.group-right span + span{margin-top: 30px;}
.group-right span:last-child::after{content: "";width: 1px;height: 107px;position: absolute;top: -30px;right: 0;left: 0;margin: 0 auto;border: 1px solid #e2e2e1;z-index: -1;}

.box-wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.box-wrap li{width: 436px;border: 1px solid #e2e2e1;display: flex;flex-direction: column;justify-content: flex-start;margin-bottom: 25px;}
.box-wrap .wrao-top{padding: 36px 35px;border-bottom: 1px solid #e2e2e1;height: 219px;}
.box-wrap .wrao-top .type01{margin-top: 12px;}
.box-wrap .wrao-top i{vertical-align: middle;font-size: 16px;color: #4ea586;margin-right: 6px;}
.box-wrap .wrao-top span{vertical-align: middle;font-size: 16px;line-height: 1.7;color: #6c7071;}
.box-wrap .wrao-top .user{color: #e2e2e1;font-size: 55px;}
.box-wrap .wrao-top .name{font-size: 20px;font-weight: 600;letter-spacing: -.04em;margin-right: 4px;color: #343030;}
.box-wrap .wrao-top .type02{margin-top: 5px;}
.box-wrap .wrao-botto{height: 100%;}
.box-wrap .wrao-botto .contents-box{height: 100%;}

/* 연혁 */
.clearfix::after{ content:"";display:block;clear:both;}
.contents-head img{display: block;margin: 0 auto;}
.contents-head img + img{margin-top: 14px;}
.contents-head img:last-child{margin-top: 20px;}
.contents-body{margin-top: 15px;}
.contents-body .body-wrap{display: flex;flex-direction: column;}
.contents-body .body-wrap .contents-box{padding: 10px 28px;border-radius: 5px;}
.contents-body .body-wrap .contents-box + .contents-box{margin-top: 8px;}
.contents-body .wrap-list{position: relative;}
.contents-body .wrap-list .item .year{font-size: 24px;font-weight: 600;letter-spacing: -.06em;line-height: 1.6; color: #307b60;margin-bottom: 15px;}
/* right */
.contents-body .right{width: 50%;float: right;}
.contents-body .right .wrap-list::after{content: "";position: absolute;top: 0;left: 0; width: 1px;height: 100%;border: 1px solid #e2e2e1;}
.contents-body .right .wrap-list::before{content: "";width: 20px;height: 20px;position: absolute;top: 36px;left: -9px;border: 5px solid #4ea586;border-radius: 50%;z-index: 1;background-color: #fff;}
.contents-body .right .wrap-list .item{margin-left: 40px;margin-top: 28px;}
.contents-body .right .wrap-list .item::after{content: "";position: absolute;top: 44px;left: 9px; width: 16px;height: 1px;border: 1px solid #e2e2e1;}
/* left */
.contents-body .left{width: 50%;float: left;text-align: right;}
.contents-body .left .wrap-list::after{content: "";position: absolute;top: 0;right: -2px; width: 1px;height: 100%;border: 1px solid #e2e2e1;}
.contents-body .left .wrap-list::before{content: "";width: 20px;height: 20px;position: absolute;top: 36px;right: -11px;border: 5px solid #4ea586;border-radius: 50%;z-index: 1;background-color: #fff;}
.contents-body .left .wrap-list .item{margin-right: 38px;margin-top: 28px;}
.contents-body .left .wrap-list .item::after{content: "";position: absolute;top: 44px;right: 9px; width: 16px;height: 1px;border: 1px solid #e2e2e1;}
.contents-body .left .contents-box .contents-text::before{left: auto;right: 0;}
.contents-body .left .contents-box .contents-text{padding-left: 0;padding-right: 12px;}

/* 오시는길 */
.map-box{height: 270px;overflow: hidden;}
.map-box iframe{width: 100%;height: 100%;}
.address{display: flex;align-items: center;margin-top: 30px;margin-left: 33px;}
.address .icon{font-size: 18px;font-weight: 600;letter-spacing: -.06em;margin-right: 30px;display: flex;align-items: center;}
.address .icon i{color: #4ea586;margin-right: 15px;font-size: 24px;}
.address .contents-box{padding: 12px 28px;width: 100%;}
.address .contents-box .contents-text{padding-left:0;}
.address .contents-box .contents-text::before{display: none;}
.public-list{display: flex;justify-content: space-between;}
.public-list li{width: 280px;}
.public-list .title{font-size: 18px;font-weight: 600;letter-spacing: -.06em;margin-left: 30px;margin-bottom: 30px;}
.public-list li i{color: #4ea586;font-size: 24px;display: block;margin-bottom: 14px;vertical-align: middle;}
.public-list li .icon{display: block;margin-bottom: 14px;height: 24px;}
.public-list .contents-box{width: 100%;height: 203px;padding: 40px 37px;}
.public-list .contents-box .contents-text{padding-left:0;}
.public-list .contents-box .contents-text::before{display: none;}
.public-list .contents-box li{display: flex;align-items: center;}
.public-list .contents-box li img{margin-right: 10px;}
.public-list .bus.contents-box .point{font-weight: 100;padding: 0 5px;}
.public-list .bus.contents-box{padding: 30px 50px;}
.public-list .contents-box li + li{margin-top: 18px;}
.public-list .bus.contents-box li + li{margin-top: 10px;}