@charset "utf-8";
@import url('../css/sub1.css');
@import url('../css/sub2.css');
@import url('../css/sub3.css');
@import url('../css/board.css');

/*sub 공통*/
.sub > .container {display:flex;align-items: flex-start;margin-bottom: 150px; position: relative;}

.sub .content {width: 100%;}

.sub .cont {margin-bottom: 100px;} /*공통클래스인지 확인필요*/ 
.sub .cont:last-child {margin-bottom: 0;}
.sub .cont.top_100 {padding-top: 100px; border-top: 1px solid #D1D4D6;}
.sub .title {margin-bottom: 20px;}
.sub .title.gab {margin-bottom: 50px;}
.sub .title p {font-size: 30px; font-weight: 600;font-family:'noto', sans-serif;}
.sub .title p::after {content: ""; display: block; width: 50px; height: 2px; background-color: #419970; margin-top: 10px;}


table.board-list2.pro_specialTable {border: none;}
table.board-list2.pro_specialTable thead th:nth-of-type(2) {color:#1F8957; background: #DFF5F3;}
table.board-list2.pro_specialTable thead th:nth-of-type(3) {color:#007A72; background: #DAF6FC;}
table.board-list2.pro_specialTable thead th:nth-of-type(4) {color:#446B9E; background: #E6ECFF;}
table.board-list2.pro_specialTable tbody tr:last-child th,
table.board-list2.pro_specialTable tbody tr:last-child td {color:#163860; background: #E9F3FF}





/* grad greet 대학원소개 > 인사말  */
/* sub1 에 가져감 */


/* grad sci 대학원소개 > 학교법인소개  */
/* sub1 에 가져감 */


/* grad edu 대학원소개 > 교육이념 및 목표  */
/* sub1 에 가져감 */


/* grad org 대학원소개 > 조직도  */
/* sub1 에 가져감 */


/* grad his 대학원소개 > 대학원연혁  */
/* sub1 에 가져감 */


/* grad int 대학원소개 > 국제교류  */
/* sub1 에 가져감 */


/* grad poct 대학원소개 > 홍보센터 > 온라인캠퍼스투어  */
/* sub1 에 가져감 */


/* grad pspl 홍보센터 > 차별화된커리큘럼  */
/* sub1 에 가져감 */


/* grad lct 대학원소개 > 찾아오시는길  */
/* sub1 에 가져감 */





























/* iphak ment 입학안내 > 입학안내 > 모집요강 */
/* sub2 에 가져감 */


/* iphak rsch 입학안내 > 입학안내 > 입학일정 */
/* sub2 에 가져감 */


/* iphak rpd 입학안내 > 입학안내 > 입학진행절차 */
/* sub2 에 가져감 */


/* iphak rslr 입학안내 > 입학안내 > 장학안내 */
/* sub2 에 가져감 */


/* iphak rgud 입학안내 > 원서작성 > 지원서작성가이드 */
/* sub2 에 가져감 */


/* iphak afaq 입학안내 > 입학상담 > 입학 FAQ */
/* sub2 에 가져감 */


























/* course 대학원과정 */
/* sub2 에 가져감 */


/* course 대학원과정 > 휴먼서비스대학원 > 전공소개 */
/* sub2 에 가져감 */


/* course 대학원과정 > 휴먼서비스대학원 > 교육과정 */
/* sub2 에 가져감 */


/* course 대학원과정 > 상담심리대학원 > 전공소개 */
/* sub2 에 가져감 */


/* course 대학원과정 > 상담심리대학원 > 교육과정 */
/* sub2 에 가져감 */


/* course 대학원과정 > 교과목 */
/* sub2 에 가져감 */


/* course 대학원과정 > 교수진 */
/* sub2 에 가져감 */


/* course 대학원과정 > 교수진 > 상세보기 */
/* sub2 에 가져감 */




















/* grad atgcld 학사일정 */
/*sub3 가져감*/


/* 학생서비스 */
/*sub3 가져감*/


/*학생서비스 > 지역캠퍼스안내 */
/*sub3 가져감*/



























/* 게시판 css (필요없는 css) */
/* .notice-board .top-bar {display: flex; margin-bottom: 20px;}
.notice-board .total {font-size: 18px;}
.notice-board .total span {font-weight: 600;}
.notice-board .search {display: flex; margin-left: auto;}
.notice-board .search .select {margin-right: 10px; position: relative;}
.notice-board .search .select::after {content: ""; display: block; width: 13px; height: 8px; background-image: url(../images/renewal/select_arrow.svg); position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.notice-board .search select {width: 130px; height: 50px; border: 1px solid #ddd; border-radius: 5px; font-size: 18px; font-weight: 300; color:#666; padding: 0 15px; box-sizing: border-box;}
.notice-board .search .write {position: relative;}
.notice-board .search .write input {width: 490px; height: 50px; border: 1px solid #ddd; border-radius: 5px;
font-size: 18px; font-weight: 300; color:#666; padding: 0 15px; box-sizing: border-box;}
.notice-board .search .write button {position: absolute; top: 0; right: 0; width: 50px; height: 50px; background-image: url(../images/renewal/search_icon.svg); background-repeat: no-repeat; background-position: center; border-radius: 5px;}
.notice-board .search .write button:hover {box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);}

.notice-board .list-board {border-top: 1px solid #000; margin-bottom: 50px;}
.notice-board .list-board .item {border-bottom: 1px solid #ddd;}
.notice-board .list-board .item a {display: flex; align-items: center; height: 150px;}
.notice-board .list-board .num {width: 130px; text-align: center;}
.notice-board .list-board .num p {font-size: 18px;}
.notice-board .list-board .text {width: 0; flex-grow: 1; padding: 0 50px;}
.notice-board .list-board .tit {font-size: 24px; font-weight: 600; margin-bottom: 10px;}
.notice-board .list-board .item a:hover .tit {color: var(--theme-color-02); text-decoration: underline;}
.notice-board .list-board .info {display: flex;}
.notice-board .list-board .info li {font-size: 16px; font-weight: 300;}
.notice-board .list-board .info li::after {content: ""; display: inline-block; width: 1px; height: 14px; background-color: rgba(0, 0, 0, 0.2); margin: 0 15px;}
.notice-board .list-board .info li:last-child::after {display: none;}

.notice-board .paging {display: flex; justify-content: center;}
.notice-board .paging li {margin-right: 10px;}
.notice-board .paging li:last-child {margin-right: 0;}
.notice-board .paging li a {width: 40px; height: 40px; border-radius: 5px; font-size: 16px; font-weight: 300; text-align: center; line-height: 40px; color:#666;
background-size: cover; font-family: var(--font-deco);}
.notice-board .paging li.br a {border: 1px solid #ddd; box-sizing: border-box;}
.notice-board .paging li.on a {font-weight: 600; color: var(--theme-color-02); text-decoration: underline; background-color: #f7f7f7;}
.notice-board .paging li.front a {background-image: url(../images/renewal/paging_front.svg);}
.notice-board .paging li.prev a {background-image: url(../images/renewal/paging_prev.svg);}
.notice-board .paging li.next a {background-image: url(../images/renewal/paging_next.svg);}
.notice-board .paging li.back a {background-image: url(../images/renewal/paging_back.svg);} */


/* go-btn 공통 스타일 */
.btn-list {display: flex; justify-content: center;}
.btn-list .go-btn {margin: 0 5px;}
.btn-list #okSave {display: none;}

.go-btn {display: inline-block !important; border: 1px solid; border-radius: 5px; background-color: #fff;}


.go-btn.large {width: 100%; max-width: 500px; height: 70px; display: flex !important; justify-content: center; align-items: center;}
.go-btn.middle {width: 100%; max-width: 200px; height: 50px; display: flex !important; justify-content: center; align-items: center;}
.go-btn.small {padding: 3px 15px;}

.go-btn.green { border-color: #419970}
.go-btn.green p {color: #419970;}

.go-btn.brown {border-color: #2E1907;}
.go-btn.brown p {color: #2E1907;}


.go-btn.small p {font-size: 16px; font-weight: 300; line-height: 24px;}
.go-btn.middle p {font-size: 18px; font-weight: 300; line-height: 27px;}
.go-btn.large p {font-size: 18px; font-weight:500; line-height: 27px;}

.go-btn.arrow p {display: flex; align-items: center;}
.go-btn.arrow p::after {content: ""; display: block; width: 30px; height: 10px; margin-left: 10px;}
.go-btn.arrow.green p::after {background-image: url(../images/renewal/go_arrow_g.svg);}
.go-btn.arrow.brown p::after {background-image: url(../images/renewal/go_arrow_b.svg);}

.go-btn.fill.green {background-color: #419970; background-color: #419970;}
.go-btn.fill.brown {background-color: #2E1907; background-color: #2E1907;}
.go-btn.fill p {color: #fff;}


/* tab-form 공통 스타일 */
.tab-form {display: flex; flex-wrap: wrap;}
.tab-form > li > a {font-size: 18px; font-weight: 300; color:#707070; border: 2px solid #fff; text-align: center; background-color: #f7f7f7; transition: all 0.3s; padding: 22px 0; height: 100%;}
.tab-form > li > a.on {font-weight: 600; color: #419970; border-color: #419970; background-color: #fff;}
.tab-form > li > a:hover {font-weight: 600; color: #419970; border-color: #419970;}
.tab-form > li > a:focus {font-weight: 600; color: #419970; border-color: #419970;}

.tab-form2 {display: flex; flex-wrap: wrap;}
.tab-form2 > li > a {font-size: 24px; font-weight:500; color:#707070; text-align: center; padding: 22px; border-bottom: 2px solid #ddd; transition: all 0.3s;}
.tab-form2 > li > a.on {color: #419970; border-color: #419970; font-weight: 700;}


/* deco-list 공통 스타일 */
.deco-list > li {font-size: 18px; font-weight: 300; line-height: 27px; margin-bottom: 5px; position: relative; text-align: left; word-break: break-all;}
.deco-list > li:last-child {margin-bottom: 0;}
.deco-list > li.im {color: #419970 !important;}
.deco-list > li > a {color: #419970; text-decoration: underline; display: inline-block;}

.deco-list.sub {margin-top: 5px;}
.deco-list.sub > li {color:#666;}

.deco-list.dot > li {padding-left: 11px !important;}
.deco-list.dot > li::before {content: ""; width: 6px; height: 6px; border-radius: 50%; background-color: #419970; position: absolute; top: 10px; left: 0;}
.deco-list.dash > li {padding-left: 11px !important;}
.deco-list.dash > li::before {content: "-"; color: #000; position: absolute; top: -2px; left: 0;}
.deco-list.star > li {padding-left: 11px !important;}
.deco-list.star > li::before {content: "*"; position: absolute; top: 0; left: 0;}
.deco-list.imp > li {padding-left: 20px;}
.deco-list.imp > li b {text-decoration: underline; color: #666; font-weight: 500;}
.deco-list.imp > li::before {content: "※"; position: absolute; top: 0; left: 0;}
.deco-list.num > li {padding-left: 30px; margin-bottom: 10px;}
.deco-list.num > li span.num {background-color: #419970; display: inline-block; width: 24px; height: 24px;  font-size: 14px; font-weight: 300; color: #fff; text-align: center; line-height: 24px; padding-left: 0; border-radius: 12px 12px 0 12px; position: absolute; top: 0; left: 0;}



.newProgramList ul.deco-list.num > li {margin-top: 32px;}
.newProgramList ul.deco-list > li p {
  font-size: 18px;
  font-weight: 500;
  line-height: 27px;
  color: #666666;
}
.newProgramList ul.deco-list.num > li p:nth-of-type(2),
.newProgramList ul.deco-list.dot {margin-top: 10px;}
.newProgramList ul.deco-list > li p b {
  color: #666666;
  font-weight: 700;
}
.newProgramList ul.deco-list > li p strong {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  color: #000000;
}
.newProgramList ul.deco-list > li p span {
  font-size: 14px;
  font-weight: 400;
}

.newProgramList .table-form {
  margin-bottom: 20px;
}

.greenListProcedure {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 2.22vw;
}
.greenListProcedure > div {
  background: #71B086;
  border-radius: 7px;
  padding: 16px;
  flex:1;
  text-align: center;
  position: relative;
}
.greenListProcedure > div:nth-of-type(2),
.greenListProcedure > div:nth-of-type(3) {
  background: #BEDBC1;
}
.greenListProcedure > div:nth-of-type(4),
.greenListProcedure > div:nth-of-type(5) {
  background: #E4F1DD;
}
.greenListProcedure > div:last-child {
  background: #ffffff;
  border: 2px solid #419970;
}
.greenListProcedure > div::before {
  content: "";
  display: inline-block;
  width: 1.25vw;
  height: 1.25vw;    
  position: absolute;
  top: calc(50% - 0.63vw);
  left: -1.8vw;
  background: url(../images/icon/arrow-right.png) center / cover;
}
.greenListProcedure > div:first-child::before {
  display: none;
}
.greenListProcedure > div span {
  font-size: 16px;
  font-weight: 700;
  line-height: 19.09px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  display: block;
  border-bottom: 1px solid #6A6F75;
  color: #2C2F32;
}
.greenListProcedure > div p {
  font-size: 20px;
  font-weight: 700;
  line-height: 23.87px;
  height: 55px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #2C2F32;
}
.greenListProcedure > div:first-child span,
.greenListProcedure > div:first-child p {
  color: #ffffff;
  border-color: #ffffff;
}

.newProgramList ul.deco-list > li .newlistBox {
  border: 1px solid #DDDDDD;
  padding: 12px 20px;
  margin: 20px 0;
  display: inline-flex;
  flex-direction: column;
}
.newProgramList ul.deco-list > li .newlistBox > div {
  display: inline-flex;
  flex-direction: column;
  gap: 12px;
}
.newProgramList ul.deco-list > li .newlistBox p {
  font-size: 16px;
  font-weight: 400;
  line-height: 23.2px;
  color: #666666;
  display: inline;
}
.newProgramList ul.deco-list > li .newlistBox p.title {
  margin-bottom: 4px;
}
.newProgramList ul.deco-list > li .newlistBox p strong {
  font-weight: 600;
  font-size: 16px;
  line-height: 23.2px;
}
.newProgramList ul.deco-list > li .newlistBox p.title strong {
  color: #1F8957 !important;
}

.newProcedureBox {
  margin-top: 10px;
  width: 796px;
  max-width: 100%;
}
.newProcedureBox > div {
  display: flex;
  gap: 32px;
  margin-bottom: 44px;
}
.newProcedureBox > div:nth-of-type(2) {
  flex-direction: row-reverse;
}
.newProcedureBox > div > div {
  padding: 10px 5px;
  background: #E4F1DD66;
  border-radius: 7px;
  border: 1px solid #1F8957;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items:center;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  width: calc(25% - 24px);
  gap: 10px;
  text-align: center;
  position: relative;
}
.newProcedureBox.color2 > div > div {
  background: #9DD8A399;
}
.newProcedureBox > div > div::after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../images/renewal/newProcedur_arrow-right.svg) center / cover;
  position: absolute;
  top: calc(50% - 12px);
  right: -28px;
}
.newProcedureBox > div:nth-of-type(2) > div::after {
  transform: rotate(180deg);
  right: calc(100% + 6px);
}
.newProcedureBox > div > div:last-child::after {
  top: calc(100% + 12px);
  right: calc(50% - 12px);
  transform: rotate(90deg);
}
.newProcedureBox > div:last-child > div:last-child::after {
  display: none;
}
.newProcedureBox > div b {
  color: #1F8957;
}

/* table 공통 스타일 */
.table-wrap {overflow-x: auto;}

.table-form {border-top: 1px solid #000; min-width: 400px;}
.table-form tr {border-bottom: 1px solid #ddd;}
.table-form th {font-size: 18px; font-weight: 600; line-height: 27px; padding: 12px 20px; border-right: 1px solid #ddd; text-align: center; background-color: #f7f7f7; color: #2E1907; word-break: break-all;}
.table-form th:last-child {border-right: none;}
.table-form td {font-size: 18px; font-weight: 300; color:#4C4C4C; line-height: 27px; padding: 12px 19px; border-right: 1px solid #ddd; text-align: center; word-break: break-all;}
.table-form td:last-child {border-right: none;}

.table-form .br-r {border-right: 1px solid #ddd !important;}
.table-form .ta-l {text-align: left !important;}

.table-form .dot-list > li {color:#4C4C4C;}


.table-form.greenColor {
  margin-top: 57.5px;
  min-width: 700px;
}
.table-form.greenColor tr th {
  background: #E9F2DB;
}
.table-form.greenColor tr th:last-child {
  background: #DBECDE;
}

.table-form.greenColor tr td a {
  font-weight: 700;
  text-decoration: underline;
  display: inline;
}
.table-form.greenColor .textFlexBox {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
.table-form.greenColor tr td strong {
  color: #1F8957;
}
.table-form.greenColor tr td p {
  font-size: 18px;
  text-align: left;
}
.table-form.greenColor tr td p span {
  display: block;
  font-size: 14px;
  margin-top: 4px;
}


@media screen and (max-width: 1280px){
  .newProgramList ul.deco-list > li p {
    font-size: 16px;
  }
  .newProgramList ul.deco-list > li p strong {
    font-size: 18px;
  }
  .greenListProcedure > div p {
    font-size: 16px;
  }
  .greenListProcedure > div span {
    font-size: 12px;
  }
  
  .newProcedureBox {
    width: 100%;
  }
  .newProcedureBox > div {
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
  }
  .newProcedureBox > div > div {
    width: calc(50% - 5px);
  }
  .newProcedureBox > div > div::after {
    display: none;
  }
  .newProcedureBox > div:nth-of-type(2) {
    flex-direction: row;
  }
}

@media screen and (max-width: 1024px){
 .sub-snb {
   top: 164px;
 }
}


@media screen and (max-width: 900px){

  /* go-btn 공통 스타일 */
  .go-btn.large {max-width: 100%;}

}

@media screen and (max-width: 768px){
  .sub > .container {margin-bottom:100px;}
  .sub .cont {margin-bottom:50px;}
  .sub .cont.top_100 {padding-top:50px;}
  .sub .title-cont {margin-bottom: 30px;}
  
  .greenListProcedure {
    flex-direction: column;
    gap: 64px;
  }
  .greenListProcedure > div {
    width: 100%;
  }
  .greenListProcedure > div::before {
    width: 24px;
    height: 24px;
    top:-44px;
    left: calc(50% - 12px);
    transform: rotate(90deg)
  }
}

@media screen and (max-width: 480px){

  /* table 공통 스타일 */
  .table-form th {font-size: 16px; line-height: 24px;}
  .table-form td {font-size: 16px; line-height: 24px;}

  /* deco-list 공통 스타일 */
  .deco-list > li {font-size: 16px; line-height: 24px;}

}