@charset "utf-8";
.usersearch-bx .usersearch-tab ul li._on a {color:#fff}
.greeting{}
.greeting .objImg {margin-right: 40px;}
.greeting .objTxt {display: inline-block;width: calc(100% - 426px);font-size: 20px; line-height: 30px;}
.greeting .objTxt span {font-size:30px;color: #0146b9;font-weight: 400;}

@media all and (max-width: 768px){
    .greeting .objImg {display: block; width: 100%;  text-align: center;float: unset;}
    .greeting .objTxt {display: block;float: unset; font-size: 17px; padding: 20px;  width:100%;  line-height: 25px;}
    .greeting .objTxt span {display: block;font-size:20px;text-align: center;}
}

/****************
공통
****************/
/* sub Banner */
.box-bg {min-height: 220px; background: #F5F5F5 url("../../images/sub/bg-logo.png") no-repeat right -10px top 50px; padding: 50px 75px;}
.box-bg .desc strong {font-size: 24px; font-weight: 700; color: #008080;}
.box-bg .desc p {font-size: 18px; color: #333; margin-top: 20px;}

@media all and (max-width: 768px) {
    .box-bg {padding: 50px 30px;}
}



/*****************************************************************************************
** 개요 및 소개
****************************************************************************************** 개요 및 소개 start */
.intro-wrap .info-box {position: relative; padding-bottom: 50px;}
.intro-wrap .info-box .title p {color:#000; font-size: 35px; font-weight: 700; margin-bottom: 28px; padding-right: 15%;}
.intro-wrap .info-box .title p span {color:#008080;}
.intro-wrap .info-box .txt-box {margin-bottom: 35px;}
.intro-wrap .info-box .txt-box p{color:#333; font-size: 18px;}
.intro-wrap .info-box .left {width: 95%; padding: 50px; padding-right: 47%; background:#F5F5F5;} 
.intro-wrap .info-box .right {max-width: 54%; position: absolute; right: 0; top: 0; margin-top: 50px; right: -13.7%;} 
.intro-wrap .info-box .right .img-box {position: relative;}

@media all and (max-width: 1500px) {
  .intro-wrap .info-box .right {right: -7.7%;}
  .intro-wrap .info-box .left {padding-right: 50%;}
}
@media all and (max-width: 1023px) {
  .intro-wrap .info-box .right {position: static; max-width: unset; margin-top: 0; text-align: center;}
  .intro-wrap .info-box .right img {width: 100%;}
  .intro-wrap .info-box .left {width: 100%; padding: 30px;}
}  
@media all and (max-width: 768px) {
  .intro-wrap .info-box {padding-bottom: 0;}
  .intro-wrap .info-box .title p {font-size: 26px; padding-right: 0;}
  .intro-wrap .info-box .txt-box {margin-bottom: 0;}
  .intro-wrap .info-box .txt-box p {font-size: 16px;}
}

.intro-wrap .introBox ul {display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: stretch; row-gap: 20px; column-gap: 2%;}
.intro-wrap .introBox ul > li {flex: 0 0 32%;}
.intro-wrap .introBox .item {display: flex; flex-direction: column; align-items: center; height: 100%; text-align: center; padding: 30px; border: 1px solid #ddd;}
.intro-wrap .introBox .item .ico {display: flex; flex-wrap: wrap; align-items: center; height: 120px; margin: 0 auto;}
.intro-wrap .introBox .item .tit {font-size: 24px; font-weight: bold; color: #018cff;}
.intro-wrap .introBox .item .tit::after{content: ""; display: block; width: 1px; height: 20px; background-color: #018cff; margin: 10px auto;}
.intro-wrap .introBox .item .cont {margin-top: 10px;}
.intro-wrap .introBox .item .cont span {font-size: 18px; font-weight: bold;}
.intro-wrap .introBox .item .cont p {margin-top: 5px;}

@media all and (max-width: 1023px) {
    .intro-wrap .outlineBox .inner::before {height: 150px;}
    .intro-wrap .outlineBox .cont .tit {display: block; padding: 20px 15px; margin-top: 0;}
    .intro-wrap .outlineBox .cont .tit strong {font-size: 26px;}
    .intro-wrap .introBox ul > li {flex: 0 0 100%;}
}

/***************************************************************************************** 개요 및 소개 end */


/*****************************************************************************************
** 시설안내
****************************************************************************************** 시설안내 start */
.facility-wrap ul {display: flex; flex-wrap: wrap; flex-flow: row wrap; column-gap: 2%; row-gap: 20px;}
.facility-wrap ul > li {flex: 0 0 100%; padding: 20px; border: 1px solid #EEE;}
.facility-wrap ul.item2 > li {flex: 0 0 49%;}
.facility-wrap ul.item3 > li {flex: 0 0 32%;}
.facility-wrap .item {width: 100%; position: relative;}
.facility-wrap .thum {text-align: center;}
.facility-wrap .thum img {border-radius: 10px; overflow: hidden;}
.facility-wrap .cont {padding: 20px 0; text-align: center;}
.facility-wrap .cont dt {display: block; font-size: 22px; color: #222; font-weight: 700; margin-bottom: 15px;}

@media all and (max-width: 1023px) {
    .facility-wrap ul.item2 > li {flex: 0 0 49%;}
}
@media all and (max-width: 768px) {
    .facility-wrap ul.item2 > li {flex: 0 0 100%;}
    .facility-wrap ul.item3 > li {flex: 0 0 100%;}
}

/***************************************************************************************** 개요 및 소개 end */

/*****************************************************************************************
** 강좌안내 - 분야별 강좌보기
****************************************************************************************** 강좌안내 - 분야별 강좌보기 start */
.fieldCourse-wrap * {font-family: 'S-CoreDream-4Regular', sans-serif;}
.fieldCourse-wrap {position: relative; overflow: hidden; clear: both;}
.fieldCourse-wrap .item {padding: 30px 20px; margin-bottom: 50px; border: 1px solid #dfdfdf; overflow: hidden;}
.fieldCourse-wrap .thum {position: relative; float: left; width: 400px; max-width: calc(100% - 10px);;}
.fieldCourse-wrap .thum::after {content: ""; display: block; position: absolute; right: -10px; bottom: -10px; background-color: #D0D0D0; width: 100%; height: 100%; z-index: -1;}
.fieldCourse-wrap .cont {position: relative; float: right; width: calc(100% - 470px);}
.fieldCourse-wrap .cont-header {border-bottom: 1px solid #d6d5d5; padding-top: 30px; padding-bottom: 20px; clear: both; overflow: hidden;}
.fieldCourse-wrap .cont-header .tit {float: left; font-size: 16px;}
.fieldCourse-wrap .cont-header .tit h6 {font-size: 16px; color: #555;}
.fieldCourse-wrap .cont-header .tit strong {font-size: 30px; font-family: 'S-CoreDream-6Bold', sans-serif;}
.fieldCourse-wrap .cont-header .tit span {font-size: 16px;}
.fieldCourse-wrap .cont-header a {position: relative; float: right; display: inline-block; padding: 15px 30px 15px 40px; background: #1E5BA8; border: 1px solid #fff; transition: all 0.35s;}
.fieldCourse-wrap .cont-header a > span {display: inline-block; font-size: 16px; color: #fff; padding-right: 30px; background: url("../../images/sub/ic-self-btn.png") no-repeat right center;}
.fieldCourse-wrap .cont-header a:hover {background: #fff; border-color: #1E5BA8;}
.fieldCourse-wrap .cont-header a:hover > span {color: #1E5BA8; background: url("../../images/sub/ic-self-btn-ov.png") no-repeat right center;}
.fieldCourse-wrap .cont-body {margin-top: 30px; overflow: hidden;}
.fieldCourse-wrap .cont-body ul {display: flex; flex-wrap: wrap;}
.fieldCourse-wrap .cont-body ul > li {position: relative; width: calc(100% / 3); padding-left: 15px; padding-right: 10px; margin-bottom: 15px;}
.fieldCourse-wrap .cont-body ul > li::before {content: ''; position: absolute; left: 0; top: 10px; width: 7px; height: 7px; background: #B4C1DD; border-radius: 50%;}
.fieldCourse-wrap .cont-body ul > li a {position: relative; font-size: 18px; padding: 5px;}
.fieldCourse-wrap .cont-body ul > li a:hover {color: #1E5BA8;}

@media all and (max-width: 1023px) {
    .fieldCourse-wrap .thum {float: none; margin: 0 auto;}
    .fieldCourse-wrap .cont {width: 100%; float: none;}
}
@media all and (max-width: 768px) {
    .fieldCourse-wrap .cont-body ul > li {width: 50%; margin-bottom: 15px;}
    .fieldCourse-wrap .cont-header {border-bottom: 0; padding-top: 50px; padding-bottom: 0;}
    .fieldCourse-wrap .cont-header .tit {float: none; margin-bottom: 15px;}
    .fieldCourse-wrap .cont-header a {float: none; display: block; width: 100%;}
}

/***************************************************************************************** 개요 및 소개 end */