@charset "utf-8";


/* 공통 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 개요 */
.front-summary {margin-top:70px;}
.front-summary:first-child {margin-top:0;}
.front-summary > h2 {font-weight:700; font-size:30px; line-height:40px; color:#111; letter-spacing:-0.5px;}
.front-summary > h2 span {color:#005698;}
.front-summary > h3 {margin-top:20px; font-weight:500; font-size:18px; line-height:28px; letter-spacing:-0.5px;}
.front-summary > h3 span {color:#005698;}
.front-summary > div {margin-top:30px; padding:120px 70px; border-radius:15px;}
.front-summary > div h2 {font-weight:500; font-size:16px; line-height:16px; color:#fff; letter-spacing:-0.5px;}
.front-summary > div h3 {margin-top:15px; padding-right:40%; word-break:keep-all; font-weight:700; font-size:24px; line-height:34px; color:#fff; letter-spacing:-0.5px;}
.front-summary > div h4 {margin-top:15px; word-break:keep-all; font-weight:700; font-size:24px; line-height:34px; color:#fff; letter-spacing:-0.5px;}

@media all and (max-width:479px) {
  .front-summary > h2 {font-size:22px; line-height:30px;}
  .front-summary > h3 {font-size:14px; line-height:22px;}
  .front-summary > div {margin-top:30px; padding:60px 20px; border-radius:10px;}
  .front-summary > div h2 {font-size:14px; line-height:14px;}
  .front-summary > div h3 {padding-right:0; font-size:18px; line-height:26px;}
  .front-summary > div h4 {font-size:18px; line-height:26px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-summary > h2 {font-size:22px; line-height:30px;}
  .front-summary > h3 {font-size:14px; line-height:22px;}
  .front-summary > div {margin-top:30px; padding:60px 20px; border-radius:10px;}
  .front-summary > div h2 {font-size:14px; line-height:14px;}
  .front-summary > div h3 {padding-right:0; font-size:18px; line-height:26px;}
  .front-summary > div h4 {font-size:18px; line-height:26px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-summary > h2 {font-size:24px; line-height:32px;}
  .front-summary > h3 {font-size:16px; line-height:24px;}
  .front-summary > div {margin-top:40px; padding:80px 30px; border-radius:10px;}
  .front-summary > div h2 {font-size:14px; line-height:14px;}
  .front-summary > div h3 {padding-right:30%; font-size:18px; line-height:26px;}
  .front-summary > div h4 {font-size:18px; line-height:26px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-summary > h2 {font-size:24px; line-height:32px;}
  .front-summary > h3 {font-size:16px; line-height:24px;}
  .front-summary > div {margin-top:40px; padding:80px 30px; border-radius:10px;}
  .front-summary > div h2 {font-size:14px; line-height:14px;}
  .front-summary > div h3 {padding-right:20%; font-size:18px; line-height:26px;}
  .front-summary > div h4 {font-size:18px; line-height:26px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-summary > div h3 {padding-right:30%;}
}
@media all and (min-width:1400px) {

}


/* 컨텐츠 내용 */
.front-content {width:100%;}

.front-content .fc-title1 {margin-top:50px; padding:2px 0 30px 38px; font-weight:600; font-size:24px; line-height:24px; color:#111; letter-spacing:-0.5px; border-bottom:#e1e1e1 1px solid; background:url('../images/content/icn_title1.svg') 0 0 no-repeat;}
.front-content .fc-title2 {margin-top:30px; padding:4px 0 4px 27px; font-weight:600; font-size:20px; line-height:26px; color:#111; letter-spacing:-0.5px; background:url('../images/content/icn_title3.svg') 0 8px no-repeat;}

.front-content .fc-img-box {margin-top:30px; padding:50px; border:#e9e9e9 1px solid; border-radius:10px; overflow:hidden;}
.front-content .fc-img-txt {margin-top:30px; text-align:center; font-size:16px; line-height:20px;}

.front-content .fc-process {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px; margin-top:50px;}
.front-content .fc-process > li {position:relative; padding:30px; border:2px solid #e0f0f5; border-radius:12px; background:#f8fcfe;}
.front-content .fc-process > li p {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:50%; width:44px; height:44px; margin:-25px 0 0 -22px; border-radius:50%; font-weight:700; font-size:15px; line-height:15px; color:#fff; background:#005698;}
.front-content .fc-process > li h2 {margin-top:12px; padding:20px 10px; text-align:center; font-weight:500; font-size:18px; line-height:24px; color:#111; letter-spacing:-0.5px; border:1px solid #e0f0f5; border-radius:6px; background:#fff;}
.front-content .fc-process > li h2 span {display:block; font-weight:700; color:#00A1B2;}
.front-content .fc-process > li div {padding-top:12px; text-align:center; font-weight:500; font-size:18px; line-height:24px; color:#00275B; letter-spacing:-0.5px; word-break:keep-all;}
.front-content .fc-process > li div span {display:block;}

.front-content .fc-text-list {margin-top:30px;}
.front-content .fc-text-list > li {padding:0 0 25px 12px; font-size:18px; line-height:28px; letter-spacing:-0.5px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}

.front-content .fc-down-btn {margin-top:30px;}
.front-content .fc-down-btn button {padding-left:30px; padding-right:30px;}


@media all and (max-width:479px) {
  .front-content .fc-title1 {margin-top:50px; padding-bottom:20px;}
  .front-content .fc-title1 dt {width:80%; padding:3px 0 3px 30px; font-size:20px; line-height:20px; background:url('../images/content/icn_title1.svg') 0 3px no-repeat; background-size:22px;}
  .front-content .fc-title1 dd {width:20%;}
  .front-content .fc-title2 {margin-top:20px; padding:2px 0 2px 25px; font-size:16px; line-height:20px; background:url('../images/content/icn_title3.svg') 0 4px no-repeat; background-size:18px;}

  .front-content .fc-img-box {padding:20px;}
  .front-content .fc-img-txt {margin-top:20px; font-size:14px; line-height:20px;}

  .front-content .fc-process {grid-template-columns:1fr; margin-top:30px;}
  .front-content .fc-process > li {padding:20px; font-size:14px; line-height:22px;}
  .front-content .fc-process > li p {width:36px; height:36px; margin:-15px 0 0 -18px; font-size:13px;}
  .front-content .fc-process > li h2 {padding:15px 10px; font-size:16px; line-height:22px;}
  .front-content .fc-process > li div {padding-top:12px; font-size:16px; line-height:22px;}

  .front-content .fc-text-list {margin-top:20px;}
  .front-content .fc-text-list > li {padding:0 0 15px 12px; font-size:14px; line-height:22px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-content .fc-title1 {margin-top:50px; padding-bottom:20px;}
  .front-content .fc-title1 dt {width:80%; padding:3px 0 3px 30px; font-size:20px; line-height:20px; background:url('../images/content/icn_title1.svg') 0 3px no-repeat; background-size:22px;}
  .front-content .fc-title1 dd {width:20%;}
  .front-content .fc-title2 {margin-top:20px; padding:2px 0 2px 25px; font-size:16px; line-height:20px; background:url('../images/content/icn_title3.svg') 0 4px no-repeat; background-size:18px;}

  .front-content .fc-img-box {padding:20px;}
  .front-content .fc-img-txt {margin-top:20px; font-size:14px; line-height:20px;}

  .front-content .fc-process {grid-template-columns:1fr; margin-top:30px;}
  .front-content .fc-process > li {padding:20px; font-size:14px; line-height:22px;}
  .front-content .fc-process > li p {width:36px; height:36px; margin:-15px 0 0 -18px; font-size:13px;}
  .front-content .fc-process > li h2 {padding:15px 10px; font-size:16px; line-height:22px;}
  .front-content .fc-process > li div {padding-top:12px; font-size:16px; line-height:22px;}

  .front-content .fc-text-list {margin-top:20px;}
  .front-content .fc-text-list > li {padding:0 0 15px 12px; font-size:14px; line-height:22px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-content .fc-title1 {margin-top:60px; padding-bottom:25px;}
  .front-content .fc-title1 dt {font-size:22px; line-height:22px; background:url('../images/content/icn_title1.svg') 0 2px no-repeat;}
  .front-content .fc-title2 {margin-top:25px; font-size:18px; line-height:18px; background:url('../images/content/icn_title3.svg') 0 4px no-repeat;}

  .front-content .fc-img-box {padding:30px;}

  .front-content .fc-process > li h2 {padding:15px 10px; font-size:16px; line-height:22px;}
  .front-content .fc-process > li div {padding-top:12px; font-size:16px; line-height:22px;}

  .front-content .fc-text-list {margin-top:25px;}
  .front-content .fc-text-list > li {padding:0 0 15px 12px; font-size:16px; line-height:22px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-content .fc-process > li h2 {font-size:16px; line-height:22px;}
  .front-content .fc-process > li div {padding-top:12px; font-size:16px; line-height:22px;}

  .front-content .fc-img-box {padding:30px;}

  .front-content .fc-text-list {margin-top:25px;}
  .front-content .fc-text-list > li {padding:0 0 15px 12px; font-size:16px; line-height:22px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-content .fc-process > li h2 {font-size:16px; line-height:22px;}
  .front-content .fc-process > li div {padding-top:12px; font-size:16px; line-height:22px;}
}
@media all and (min-width:1400px) {

}








/* 테이블  /////////////////////////////////////////////////////////////////////////*/
/* 테이블 - 기본 */
.front-table {padding:20px 0 70px 0;}
.front-table > h2 {display:none; font-size:14px; line-height:22px; letter-spacing:-0.5px;}
.front-table > h2 i {color:#E81A0C;}
.front-table > table {width:100%; table-layout:fixed; margin-top:15px; border-top:#222 1px solid; overflow:hidden;}
.front-table > table thead td {padding:20px 5px; word-break:break-all; font-weight:500; font-size:16px; line-height:16px; color:#111; letter-spacing:-0.5px; text-align:center; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#F5FAFD;}
.front-table > table thead td:last-child {border-right:none;}
.front-table > table thead td.border-left {border-left:#e1e1e1 1px solid;}
.front-table > table thead td.border-right {border-right:#e1e1e1 1px solid;}
.front-table > table tbody td {padding:17px 15px; text-align:center; font-weight:500; font-size:15px; line-height:22px; color:#555; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#fff;}
.front-table > table tbody td a {color:#111;}
.front-table > table tbody td a:hover {color:#2973D6;}
.front-table > table tbody td:last-child {border-right:none;}
.front-table > table tbody th {padding:17px 15px; text-align:left; font-weight:500; font-size:15px; line-height:22px; color:#555; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#fff;}
.front-table > table tbody th a {color:#111;}
.front-table > table tbody th a:hover {color:#2973D6;}
.front-table > table tbody th:last-child {border-right:none;}

.front-table > table tbody .border-left {border-left:#e1e1e1 1px solid;}
.front-table > table tbody .border-right {border-right:#e1e1e1 1px solid;}

@media all and (max-width:479px) {
  .front-table {width:90%; overflow-x:scroll;}
  .front-table > h2 {display:block;}
  .front-table > table {width:750px;}
  .front-table > table thead td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table > table tbody td {padding:15px 5px; font-size:13px; line-height:20px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-table {width:470px; overflow-x:scroll;}
  .front-table > h2 {display:block;}
  .front-table > table {width:750px;}
  .front-table > table thead td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table > table tbody td {padding:15px 5px; font-size:13px; line-height:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-table {width:750px;}
  .front-table > table thead td {padding:20px 5px; font-size:14px; line-height:20px;}
  .front-table > table tbody td {padding:20px 5px; font-size:14px; line-height:20px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-table {width:1040px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-table {width:1240px;}
}
@media all and (min-width:1400px) {

}


/* 테이블 - 박스형 [20231222] */
.front-table-box {width:100%;}
.front-table-box > h2 {display:none; padding:10px 0; font-size:14px; line-height:22px; letter-spacing:-0.5px;}
.front-table-box > h2 i {color:#E81A0C;}
.front-table-box > h3 {margin-top:10px; color:#E60013;}
.front-table-box > table {width:100%; table-layout:fixed; border:#e1e1e1 1px solid; border-top:#222 1px solid; overflow:hidden;}
.front-table-box > table thead td {padding:20px 5px; word-break:break-all; font-weight:500; font-size:16px; line-height:20px; color:#111; letter-spacing:-0.5px; text-align:center; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#F5FAFD;}
.front-table-box > table thead td:last-child {border-right:none;}
.front-table-box > table thead td.border-left {border-left:#e1e1e1 1px solid;}
.front-table-box > table thead td.border-right {border-right:#e1e1e1 1px solid;}
.front-table-box > table tbody td {padding:17px 15px; text-align:center; font-weight:500; font-size:15px; line-height:22px; color:#555; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#fff;}
.front-table-box > table tbody td a {color:#111;}
.front-table-box > table tbody td a:hover {color:#2973D6;}
.front-table-box > table tbody td:last-child {border-right:none;}
.front-table-box > table tbody th {padding:17px 30px; text-align:left; font-weight:500; font-size:15px; line-height:22px; color:#555; letter-spacing:-0.5px; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#fff;}
.front-table-box > table tbody th a {color:#111;}
.front-table-box > table tbody th a:hover {color:#2973D6;}
.front-table-box > table tbody th:last-child {border-right:none;}

.front-table-box > table tbody .border-left {border-left:#e1e1e1 1px solid;}
.front-table-box > table tbody .border-right {border-right:#e1e1e1 1px solid;}
.front-table-box > table tbody .bg-td {background:#F5FAFD;}

.front-table-box > table tbody .ftb-list {width:100%;}
.front-table-box > table tbody .ftb-list li {padding:3px 0 3px 12px; font-weight:500; font-size:15px; line-height:22px; color:#555; letter-spacing:-0.5px; background:url('../images/content/icn_dot01.gif') 0 12px no-repeat;}

@media all and (max-width:479px) {
  .front-table-box {overflow-x:scroll;}
  .front-table-box > h2 {display:block;}
  .front-table-box > table {width:100%;}
  .front-table-box > table thead td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table-box > table tbody td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table-box > table tbody th {padding:15px 5px; font-size:13px; line-height:20px;}

  .front-table-box > table tbody .ftb-list li {padding:2px 0 2px 12px; font-size:13px; line-height:20px; background:url('../images/content/icn_dot01.gif') 0 11px no-repeat;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-table-box {overflow-x:scroll;}
  .front-table-box > h2 {display:block;}
  .front-table-box > table thead td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table-box > table tbody td {padding:15px 5px; font-size:13px; line-height:20px;}
  .front-table-box > table tbody th {padding:15px 5px; font-size:13px; line-height:20px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-table-box > table thead td {padding:20px 5px; font-size:14px; line-height:20px;}
  .front-table-box > table tbody td {padding:20px 5px; font-size:14px; line-height:20px;}
  .front-table-box > table tbody th {padding:20px 5px; font-size:14px; line-height:20px;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) and (max-width:1399px) {

}
@media all and (min-width:1400px) {

}


/* 테이블 - 입력 */
.front-table-input {width:100%;}
.front-table-input > h2 {display:none; padding:10px 0; font-size:14px; line-height:22px; letter-spacing:-0.5px;}
.front-table-input > h2 i {color:#E81A0C;}
.front-table-input > table {width:100%; table-layout:fixed; border:#e1e1e1 1px solid; border-top:#222 1px solid; overflow:hidden;}
.front-table-input > table tbody th {padding:15px 25px; text-align:left; font-weight:500; font-size:15px; line-height:15px; color:#555; letter-spacing:-0.5px; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:url('../images/content/icn_dot01.gif') 15px center no-repeat, #F5FAFD;}
.front-table-input > table tbody td {padding:15px 20px; text-align:center; font-weight:500; font-size:15px; line-height:22px; color:#555; border-bottom:#e1e1e1 1px solid; border-right:#e1e1e1 1px solid; background:#fff;}
.front-table-input > table tbody td div {display:flex; align-items:center; gap:5px;}
.front-table-input > table tbody td p {padding:10px;}
.front-table-input > table tbody .border-left {border-left:#e1e1e1 1px solid;}
.front-table-input > table tbody .border-right {border-right:#e1e1e1 1px solid;}

@media all and (max-width:479px) {
  .front-table-input {width:90%; overflow-x:scroll;}
  .front-table-input > h2 {display:block;}
  .front-table-input > table {width:750px;}
  .front-table-input > table thead td {padding:20px 5px; font-size:13px; line-height:13px;}
  .front-table-input > table tbody td {padding:20px 5px; font-size:13px; line-height:13px;}

  .front-table-input.tb-scroll-no {width:100%; overflow-x:hidden;}
  .front-table-input.tb-scroll-no table {width:100%;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-table-input {width:470px; overflow-x:scroll;}
  .front-table-input > h2 {display:block;}
  .front-table-input > table {width:750px;}
  .front-table-input > table thead td {padding:20px 5px; font-size:13px; line-height:13px;}
  .front-table-input > table tbody td {padding:20px 5px; font-size:13px; line-height:13px;}

  .front-table-input.tb-scroll-no {width:100%; overflow-x:hidden;}
  .front-table-input.tb-scroll-no table {width:100%;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-table-input {width:750px;}
  .front-table-input > table thead td {padding:25px 5px; font-size:14px; line-height:14px;}
  .front-table-input > table tbody td {padding:25px 5px; font-size:14px; line-height:14px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-table-input {width:1040px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-table-input {width:1240px;}
}
@media all and (min-width:1400px) {

}








/* 교육혁신처 소개 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 인사말 */
.front-intro-ceo {width:100%; padding:10px 0 0 0;}
.front-intro-ceo > dl {display:flex;}
.front-intro-ceo > dl > dt {width:55%;}
.front-intro-ceo > dl > dt > h2 {font-weight:700; font-size:30px; line-height:40px; color:#00275B; letter-spacing:-0.5px;}
.front-intro-ceo > dl > dt > h2 span {display:block;}
.front-intro-ceo > dl > dt > p {width:30px; height:1px; margin:35px 0; background:#005698;}
.front-intro-ceo > dl > dt > h3 {font-size:16px; line-height:26px; letter-spacing:-0.5px;}
.front-intro-ceo > dl > dt > div {margin-top:40px;}
.front-intro-ceo > dl > dt > div h2 {font-size:16px; line-height:26px; letter-spacing:-0.5px;}
.front-intro-ceo > dl > dt > div ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin-top:40px;}
.front-intro-ceo > dl > dt > div ul li {padding:25px 10px; text-align:center; border:2px solid #e0f0f5; border-radius:8px; background:#f0f8fa;}
.front-intro-ceo > dl > dt > div ul li p {font-weight:700; font-size:18px; line-height:18px; color:#005698;}
.front-intro-ceo > dl > dt > div ul li div {margin-top:10px; font-weight:500; font-size:16px; line-height:20px; color:#00878C; letter-spacing:-0.5px;}
.front-intro-ceo > dl > dd {width:45%; padding-right:50px; text-align:right;}
.front-intro-ceo > div {margin-top:50px; font-size:16px; line-height:26px; letter-spacing:-0.5px;}
.front-intro-ceo > div span {font-weight:700; color:#00275B;}

@media all and (max-width:479px) {
  .front-intro-ceo > dl {flex-wrap:wrap;}
  .front-intro-ceo > dl > dt {width:100%;}
  .front-intro-ceo > dl > dt > h2 {font-size:22px; line-height:30px;}
  .front-intro-ceo > dl > dt > p {margin:20px 0;}
  .front-intro-ceo > dl > dt > h3 {font-size:14px; line-height:22px;}
  .front-intro-ceo > dl > dt > div {margin-top:25px;}
  .front-intro-ceo > dl > dt > div h2 {font-size:14px; line-height:22px;}
  .front-intro-ceo > dl > dt > div ul {grid-template-columns:repeat(2, 2fr); gap:10px; margin-top:25px;}
  .front-intro-ceo > dl > dd {width:100%; margin-top:30px; padding-right:0;}
  .front-intro-ceo > dl > dd img {width:100%;}
  .front-intro-ceo > div {margin-top:25px; font-size:14px; line-height:22px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-intro-ceo > dl {flex-wrap:wrap;}
  .front-intro-ceo > dl > dt {width:100%;}
  .front-intro-ceo > dl > dt > h2 {font-size:22px; line-height:30px;}
  .front-intro-ceo > dl > dt > p {margin:20px 0;}
  .front-intro-ceo > dl > dt > h3 {font-size:14px; line-height:22px;}
  .front-intro-ceo > dl > dt > div {margin-top:25px;}
  .front-intro-ceo > dl > dt > div h2 {font-size:14px; line-height:22px;}
  .front-intro-ceo > dl > dt > div ul {grid-template-columns:repeat(2, 2fr); gap:10px; margin-top:25px;}
  .front-intro-ceo > dl > dd {width:100%; margin-top:30px; padding-right:0; text-align:center;}
  .front-intro-ceo > dl > dd img {width:70%;}
  .front-intro-ceo > div {margin-top:25px; font-size:14px; line-height:22px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-intro-ceo > dl > dt > div ul {grid-template-columns:repeat(2, 2fr);}
  .front-intro-ceo > dl > dd {padding-right:0;}
  .front-intro-ceo > dl > dd img {width:100%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-intro-ceo > dl > dd img {width:100%;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-intro-ceo > dl > dd img {width:100%;}
}
@media all and (min-width:1400px) {

}


/* 조직도 */
.front-intro-org {width:100%; display:flex; justify-content:space-between;}
.front-intro-org > div {width:48.5%; border:1px solid #e0f0f5; border-radius:8px; background:#fff; overflow:hidden;}
.front-intro-org > div > dl {display:flex; justify-content:space-between; align-items:center; padding:25px 25px; background:#e0f5f5;}
.front-intro-org > div > dl > dt {font-weight:700; font-size:20px; line-height:24px; color:#00275B; letter-spacing:-0.5px;}
.front-intro-org > div > dl > dd span {display:inline-block; padding:10px; font-size:14px; line-height:14px; color:#fff; border-radius:5px; background:#00878C;}
.front-intro-org > div:nth-child(2) > dl {background:#e8f0f8;}
.front-intro-org > div:nth-child(2) > dl > dd span {background:#005698;}
.front-intro-org > div ul {width:100%;}
.front-intro-org > div ul li {display:flex; align-items:center; padding:20px 25px; font-size:16px; line-height:24px; letter-spacing:-0.5px;  border-bottom:1px solid #e0f0f5;}
.front-intro-org > div ul li p {width:18%;}
.front-intro-org > div ul li p span {display:inline-block; width:80%; padding:8px 8px; text-align:center; font-weight:500; font-size:13px; line-height:13px; color:#fff; border-radius:20px; background:#005698;}
.front-intro-org > div ul li p span.fo-lead {background:#d4eaf2; color:#005698;}
.front-intro-org > div ul li p span.fo-prof {background:#e0f5f5; color:#00878C;}
.front-intro-org > div ul li p span.fo-manager {background:#e0f5f5; color:#00878C;}
.front-intro-org > div ul li p span.fo-staff {background:#e8f0f4; color:#00275B;}
.front-intro-org > div ul li p span.fo-student {background:#e8f0f4; color:#00275B;}
.front-intro-org > div ul li h2 {width:57%; font-size:16px; line-height:24px; color:#111; letter-spacing:-0.5px;}
.front-intro-org > div ul li h2 span {display:none; margin-top:5px; font-size:14px; line-height:14px; color:#111;}
.front-intro-org > div ul li div {width:25%; text-align:right; font-size:1.4rem; color:#111; /* letter-spacing:-0.5px; font-weight:500;line-height:24px; */ }

@media all and (max-width:479px) {
  .front-intro-org {flex-wrap:wrap; margin-top:-10px;}
  .front-intro-org > div {width:100%; margin:10px 0;}
  .front-intro-org > div > dl {padding:20px;}
  .front-intro-org > div > dl > dt {font-size:18px; line-height:18px;}
  .front-intro-org > div ul li {flex-wrap:wrap; padding:15px 20px; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li p {width:25%;}
  .front-intro-org > div ul li h2 {width:75%; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li h2 span {display:block;}
  .front-intro-org > div ul li div {display:none;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-intro-org {flex-wrap:wrap; margin-top:-10px;}
  .front-intro-org > div {width:100%; margin:10px 0;}
  .front-intro-org > div > dl {padding:20px;}
  .front-intro-org > div > dl > dt {font-size:18px; line-height:18px;}
  .front-intro-org > div ul li {flex-wrap:wrap; padding:15px 20px; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li p {width:25%;}
  .front-intro-org > div ul li h2 {width:75%; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li h2 span {display:block;}
  .front-intro-org > div ul li div {display:none;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-intro-org > div > dl {padding:20px;}
  .front-intro-org > div > dl > dt {font-size:18px; line-height:18px;}
  .front-intro-org > div ul li {flex-wrap:wrap; padding:15px 20px; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li p {width:25%;}
  .front-intro-org > div ul li h2 {width:75%; font-size:14px; line-height:22px;}
  .front-intro-org > div ul li h2 span {display:block;}
  .front-intro-org > div ul li div {display:none;}
}
@media all and (min-width:992px) and (max-width:1199px) {

}
@media all and (min-width:1200px) and (max-width:1399px) {

}
@media all and (min-width:1400px) {

}


/* 설립목적 - 미션 */
.front-intro-mission {display:flex; justify-content:space-around; flex-wrap:wrap; margin-top:50px;}
.front-intro-mission > li {width:250px; height:250px; margin-bottom:40px; padding-top:110px; text-align:center;}
.front-intro-mission > li:nth-child(1) {background:url('../images/content/intro_mission_bg01.svg') no-repeat; background-size:cover;}
.front-intro-mission > li:nth-child(2) {background:url('../images/content/intro_mission_bg02.svg') no-repeat; background-size:cover;}
.front-intro-mission > li:nth-child(3) {background:url('../images/content/intro_mission_bg03.svg') no-repeat; background-size:cover;}
.front-intro-mission > li:nth-child(4) {background:url('../images/content/intro_mission_bg04.svg') no-repeat; background-size:cover;}
.front-intro-mission > li h2 {font-weight:700; font-size:26px; line-height:26px; color:#111; letter-spacing:-1px;}

@media all and (max-width:479px) {
  .front-intro-mission {margin-top:30px;}
  .front-intro-mission > li {width:150px; height:150px; margin-bottom:20px; padding-top:70px;}
  .front-intro-mission > li h2 {font-size:18px; line-height:18px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-intro-mission {margin-top:30px;}
  .front-intro-mission > li {width:110px; height:110px; margin-bottom:20px; padding-top:50px;}
  .front-intro-mission > li h2 {font-size:18px; line-height:18px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-intro-mission {margin-top:40px;}
  .front-intro-mission > li {width:160px; height:160px; margin-bottom:20px; padding-top:70px;}
  .front-intro-mission > li h2 {font-size:22px; line-height:22px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-intro-mission > li {width:200px; height:200px; margin-bottom:20px; padding-top:90px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-intro-mission > li {width:200px; height:200px; margin-bottom:20px; padding-top:90px;}
}
@media all and (min-width:1400px) {

}


/* 설립목적 - 목적 */
.front-intro-goal {display:flex; justify-content:space-between; flex-wrap:wrap; margin-top:50px;}
.front-intro-goal > li {width:31.3%; margin:25px 0; padding:40px 35px; border-radius:15px; background:#f5f5f5;}
.front-intro-goal > li h2 {font-weight:600; font-size:26px; line-height:26px; color:#111; letter-spacing:-0.5px;}
.front-intro-goal > li h3 {margin-top:10px; font-size:14px; line-height:20px; letter-spacing:-0.5px;}
.front-intro-goal > li ul {margin-top:15px;}
.front-intro-goal > li ul li {padding:8px 0 8px 12px; font-size:14px; line-height:14px; background:url('../images/content/icn_dot01.gif') 0 14px no-repeat;}
.front-intro-goal > li dl {display:flex; justify-content:space-between; align-items:flex-end; margin-top:40px;}
.front-intro-goal > li dl dt {font-size:70px; line-height:70px; color:#111;}
.front-intro-goal > li dl dd span {display:flex; justify-content:center; align-items:center; width:40px; height:40px; font-size:20px; line-height:20px; color:#fff; border-radius:50%; background:#111; cursor:pointer;}

@media all and (max-width:479px) {
  .front-intro-goal {margin-top:30px;}
  .front-intro-goal > li {width:100%; margin:5px 0; padding:30px;}
  .front-intro-goal > li h2 {font-size:20px; line-height:20px;}
  .front-intro-goal > li dl {margin-top:30px;}
  .front-intro-goal > li dl dt {font-size:50px; line-height:50px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-intro-goal {margin-top:30px;}
  .front-intro-goal > li {width:100%; margin:5px 0; padding:30px;}
  .front-intro-goal > li h2 {font-size:20px; line-height:20px;}
  .front-intro-goal > li dl {margin-top:30px;}
  .front-intro-goal > li dl dt {font-size:50px; line-height:50px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-intro-goal {margin-top:40px;}
  .front-intro-goal > li {width:32%; margin:5px 0; padding:30px 25px;}
  .front-intro-goal > li h2 {font-size:20px; line-height:20px;}
  .front-intro-goal > li dl {margin-top:30px;}
  .front-intro-goal > li dl dt {font-size:50px; line-height:50px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-intro-goal > li {width:32%; margin:5px 0; padding:30px;}
  .front-intro-goal > li h2 {font-size:22px; line-height:22px;}
  .front-intro-goal > li dl {margin-top:40px;}
  .front-intro-goal > li dl dt {font-size:60px; line-height:60px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .front-intro-goal > li h2 {font-size:22px; line-height:22px;}
  .front-intro-goal > li dl {margin-top:40px;}
  .front-intro-goal > li dl dt {font-size:60px; line-height:60px;}
}
@media all and (min-width:1400px) {

}


/* 오시는길 */
.front-intro-location {padding:10px 0 0 0;}
.front-intro-location > div {border-radius:15px; overflow:hidden;}
.front-intro-location > dl {display:flex; justify-content:space-between; align-items:center; margin-top:50px;}
.front-intro-location > dl > dt {width:75%;}
.front-intro-location > dl > dt h2 {font-weight:700; font-size:28px; line-height:28px; color:#111; letter-spacing:-0.5px;}
.front-intro-location > dl > dt h3 {margin-top:25px; padding-top:25px; font-weight:700; font-size:16px; line-height:16px; border-top:#e9e9e9 1px solid;}
.front-intro-location > dl > dt h3 span {display:inline-block; margin-right:30px;}
.front-intro-location > dl > dt h3 em {display:inline-block; margin-right:15px; color:#555;}
.front-intro-location > dl > dd {width:25%; text-align:right;}

@media all and (max-width:479px) {
  .front-intro-location > div iframe {height:350px;}
  .front-intro-location > dl {flex-wrap:wrap; margin-top:40px;}
  .front-intro-location > dl > dt {width:100%;}
  .front-intro-location > dl > dt h2 {font-size:20px; line-height:28px;}
  .front-intro-location > dl > dt h3 {margin-top:20px; padding-top:20px; font-size:14px; line-height:20px;}
  .front-intro-location > dl > dt h3 span {display:inline-block; margin-right:30px;}
  .front-intro-location > dl > dt h3 em {display:inline-block; margin-right:15px; color:#555;}
  .front-intro-location > dl > dd {width:100%; margin-top:30px; text-align:center;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .front-intro-location > div iframe {height:350px;}
  .front-intro-location > dl {flex-wrap:wrap; margin-top:50px;}
  .front-intro-location > dl > dt {width:100%;}
  .front-intro-location > dl > dt h2 {font-size:20px; line-height:28px;}
  .front-intro-location > dl > dt h3 {margin-top:20px; padding-top:20px; font-size:14px; line-height:20px;}
  .front-intro-location > dl > dt h3 span {display:inline-block; margin-right:30px;}
  .front-intro-location > dl > dt h3 em {display:inline-block; margin-right:15px; color:#555;}
  .front-intro-location > dl > dd {width:100%; margin-top:30px; text-align:center;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .front-intro-location > dl {margin-top:60px;}
  .front-intro-location > dl > dt {width:70%;}
  .front-intro-location > dl > dt h2 {font-size:24px; line-height:24px;}
  .front-intro-location > dl > dt h3 {margin-top:20px; padding-top:20px; font-size:16px; line-height:22px;}
  .front-intro-location > dl > dt h3 span {display:inline-block; margin-right:30px;}
  .front-intro-location > dl > dt h3 em {display:inline-block; margin-right:15px; color:#555;}
  .front-intro-location > dl > dd {width:30%;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .front-intro-location > dl {margin-top:60px;}
  .front-intro-location > dl > dt {width:70%;}
  .front-intro-location > dl > dt h2 {font-size:26px; line-height:26px;}
  .front-intro-location > dl > dt h3 {margin-top:20px; padding-top:20px; font-size:16px; line-height:22px;}
  .front-intro-location > dl > dt h3 span {display:inline-block; margin-right:30px;}
  .front-intro-location > dl > dt h3 em {display:inline-block; margin-right:15px; color:#555;}
  .front-intro-location > dl > dd {width:30%;}
}
@media all and (min-width:1200px) and (max-width:1399px) {

}
@media all and (min-width:1400px) {

}













/* 탭메뉴 ******************************************************** */
/* 탭메뉴 */
.tab-menu {margin-bottom:30px; border:#e1e1e1 1px solid; border-top:#111 2px solid; border-bottom:none; overflow:hidden;}
.tab-menu .tm-one {display:flex;}
.tab-menu .tm-one a {display:block; padding:25px 5px; text-align:center; font-weight:500; font-size:18px; line-height:18px; color:#999; letter-spacing:-0.5px; border-left:#e1e1e1 1px solid; border-bottom:#e1e1e1 1px solid; background:#f5f5f5;}
.tab-menu .tm-one a:first-child {border-left:none;}
.tab-menu .tm-one a:hover {color:#111; background:#fff;}
.tab-menu .tm-one a.active {color:#111; border-bottom:none; background:#fff;}

.tab-panel { display: none; }
.tab-panel.active { display: block; }

.tab-menu .tmo-ea2 a {width:50%;}
.tab-menu .tmo-ea3 a {width:calc(100%/3);}
.tab-menu .tmo-ea4 a {width:25%;}
.tab-menu .tmo-ea5 a {width:20%;}
.tab-menu .tmo-ea6 a {width:calc(100%/6);}

@media all and (max-width:479px) {
  .tab-menu {width:90%;}
  .tab-menu .tm-one a {display:flex; justify-content:center; align-items:center; height:55px; padding:0 5px; font-size:13px; line-height:16px;}
}
@media all and (min-width:480px) and (max-width:767px) {
  .tab-menu {width:470px;}
  .tab-menu .tm-one a {display:flex; justify-content:center; align-items:center; height:55px; padding:0 5px; font-size:13px; line-height:16px;}
}
@media all and (min-width:768px) and (max-width:991px) {
  .tab-menu {width:750px;}
  .tab-menu .tm-one a {display:flex; justify-content:center; align-items:center; height:60px; padding:0 5px; font-size:14px; line-height:18px;}
}
@media all and (min-width:992px) and (max-width:1199px) {
  .tab-menu {width:1040px;}
  .tab-menu .tm-one a {display:flex; justify-content:center; align-items:center; height:60px; padding:0 5px;}
}
@media all and (min-width:1200px) and (max-width:1399px) {
  .tab-menu {width:1240px;}
}
@media all and (min-width:1400px) {

}







/* 버튼 ******************************************************** */
/* 기본 */
.btn-default {display:inline-block; height:50px; padding:17px 20px; text-align:center; font-size:14px; line-height:14px; color:#fff; letter-spacing:-0.5px; border-radius:8px; transition:all 0.4s ease-in-out; transition:transform 180ms ease, box-shadow 180ms ease; cursor:pointer;}
.btn-default.large {height:60px; padding:21px 20px; font-size:18px; line-height:18px; border-radius:10px;}
.btn-default.middle {height:40px; padding:13px 15px; font-size:13px; line-height:13px; border-radius:6px;}
.btn-default.small {height:22px; padding:5px 10px; font-size:12px; line-height:12px; border-radius:4px;}
.btn-default:hover {color:#fff; transform:translateY(-1px); box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.2);}
.btn-default:active {color:#fff; box-shadow:inset 0 0 8px rgba(0, 0, 0, 0.2);}

/* 라인 */
.btn-line {display:inline-block; height:50px; padding:17px 15px; text-align:center; font-weight:500; font-size:14px; line-height:14px; color:#181818; letter-spacing:-0.5px; border:#E6E6E6 1px solid; border-radius:8px; background:#f5f5f5; transition:transform 180ms ease, box-shadow 180ms ease; cursor:pointer;}

.btn-line.large {height:60px; padding:21px 20px; font-size:18px; line-height:18px; border-radius:10px;}
.btn-line.middle {height:40px; padding:13px 15px; font-size:13px; line-height:13px; border-radius:6px;}
.btn-line.small {height:22px; padding:5px 10px; font-size:12px; line-height:12px; border-radius:4px;}

.btn-line.bl-blue {color:#0D99FF; border:#BDE3FF 1px solid; background:#E5F4FF;}
.btn-line.bl-red {color:#F8285A; border:#FEC6D4 1px solid; background:#FFEEF3;}
.btn-line.bl-violet {color:#9747FF; border:#E4CCFF 1px solid; background:#F1E5FF;}
.btn-line.bl-orange {color:#FF5C16; border:#FFBB9E 1px solid; background:#ffe9dc;}
.btn-line.bl-pink {color:#FF24BD; border:#FFBDF2 1px solid; background:#FFE0FC;}
.btn-line.bl-navy {color:#4D49FC; border:#D3D1FF 1px solid; background:#EBEBFF;}
.btn-line.bl-green {color:#16A34A; border:#ADDBBE 1px solid; background:#F0FDF4;}
.btn-line.bl-gray {color:#777; border:#ccc 1px solid; background:#f1f1f1;}
.btn-line.bl-white {background:#fff;}

.btn-line:hover {border:#ccc 1px solid; transform:translateY(-1px); box-shadow:0 2px 4px rgba(0, 0, 0, 0.10);}
.btn-line:active {color:#111; border:#ccc 1px solid;}


/* 버튼영역 */
.btn-area {width:100%; text-align:center;}
.btn-area button {margin:0 3px;}
.btn-area-space {width:100%; padding:0 20px;}


/* 하단 고정 버튼 */
.btn-bottom {position:fixed; bottom:0; width:100%; max-width:468px; z-index:9999;}
.btn-bottom a {display:block; padding:20px 0; text-align:center; font-weight:500; font-size:16px; line-height:16px; color:#fff; letter-spacing:-1px; background:#4F8EF8;}
.btn-bottom a.disabled {display:block; padding:20px 0; text-align:center; font-weight:700; font-size:16px; line-height:16px; color:#fff; letter-spacing:-1px; background:#B3B7BE;}
.btn-bottom button {display:block; width:100%; padding:20px 0; text-align:center; font-weight:700; font-size:16px; line-height:16px; color:#fff; letter-spacing:-1px; background:#4F8EF8;}
.btn-bottom button.disabled {display:block; padding:20px 0; text-align:center; font-weight:700; font-size:16px; line-height:16px; color:#fff; letter-spacing:-1px; background:#B3B7BE;}