@charset "utf-8";

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	메인 공통요소
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

i {font-style: italic}
.enter {display: block;}

.sideQuick .sq_top {background: #0cbbb9 url("/static/images/design/layout/sideQuick_bg.png") no-repeat bottom center;}
.sideQuick .sq_top li a:hover {color: #0cbbb9;}

.top_banner {position: relative;display: block;overflow: hidden;width: 100%;height: 100px;/*box-shadow: 0px 2px 4px rgba(0,0,0,0.2);*/z-index: 2}
.top_banner a.pc {position: absolute;display: block;top: 0;left: 50%;transform: translateX(-50%)}
.top_banner a.m {display: none;}

.slider_banner {position: relative;display: block;background: url("/static/images/intro/slider_bg.jpg") no-repeat center;z-index: 1}
.slider_banner .cont {position: relative;display: block;overflow: hidden;width: 1200px;margin: 0 auto;padding: 140px 0}
.slider_banner .txtobx {display: block;}
.slider_banner .txtobx .btit {position: relative;display: block;font-size: 45px;font-weight: 600;color: #fff;line-height: 130%;letter-spacing: -0.07em;margin-bottom: 45px}
.slider_banner .txtobx .btit b {color: #deff00}
.slider_banner .txtobx .btit:before {position: absolute;bottom: -26px;left: 0;width: 70px;height: 2px;background: #fff;content: ""}
.slider_banner .txtobx .txt {display: block;font-size: 22px;color: #fff;line-height: 150%;}

.rolling_wrap {position: absolute;top: 65px;right: 0;overflow: hidden;width: 520px;}
.rolling_wrap .title {position: relative;display: block;font-weight: 600;color: #fff;font-size: 25px;line-height: 140%;margin-bottom: 15px;}
.rolling_wrap .title small {display: inline-block;font-size: 16px;margin-left: 10px}
.rolling_wrap .title:before {position: absolute;top: 50%;right: 0;width: 110px;height: 1px;background: rgba(255,255,255,0.3);content: ""}
.rolling_slider {overflow: hidden}
.rolling_slider .item {display: block;border: 1px solid rgba(255,255,255,0.3);padding: 7px 10px;overflow: hidden;border-radius: 7px;margin: 5px 0}
.rolling_slider .item span {float: left;color: #fff;text-align: center}
.rolling_slider .item .st1 {width: 140px}
.rolling_slider .item .st2 {width: 110px}
.rolling_slider .item .st3 {width: 80px}
.rolling_slider .item .st4 {width: 160px;color: #00fff6}

.intro_cont {position: relative;display: block;overflow: hidden;padding: 30px 0;width: 1200px;margin: 0 auto;z-index: 1}

.cntr_banner {position: relative;display: block;overflow: hidden;width: 1200px;margin: 30px auto;}
.cntr_banner a {display: block}

.cntr_banner02 {position: relative;display: block;overflow: hidden;width: 1200px;margin: 0 auto 30px;}
.cntr_banner02 li {float: left;}
.cntr_banner02 li:first-child {margin-right: 30px}
.cntr_banner02 a {display: block}


.curriculum_wrap {position: relative;display: block;background: #f4f4f4}
.curriculum_wrap .cont {display: block;width: 1200px;margin: 0 auto;padding: 40px 0;}
.curriculum_wrap .title {position: relative;display: block;font-weight: 600;color: #333;font-size: 35px;line-height: 140%;margin-bottom: 20px;text-align: center;letter-spacing: -0.07em}
.curriculum_wrap .list {display: block;overflow: hidden}
.curriculum_wrap .list li {position: relative;display: block;padding: 15px 300px 15px 130px;background: #fff;margin-bottom: 15px;border-radius: 7px}
.curriculum_wrap .list li .type {position: absolute;top: 50%;left: 15px;width: 100px;background: #999;border-radius: 35px;line-height: 35px;text-align: center;transform: translateY(-50%);color: #fff}
.curriculum_wrap .list li .type.st1 {background: #2680ee;}
.curriculum_wrap .list li .type.st2 {background: #f84f4f;}
.curriculum_wrap .list li .tit {display: block;;margin-bottom: 5px}
.curriculum_wrap .list li .tit a {font-size: 20px;color: #333;font-weight: 600}
.curriculum_wrap .list li .date {display: block;font-size: 15px}
.curriculum_wrap .list li .date b {color: #333;}
.curriculum_wrap .list li .bt {position: absolute;top: 50%;right: 15px;transform: translateY(-50%)}
.curriculum_wrap .list li .bt a {display: inline-block;margin-left: 5px;width: 120px;border-radius: 35px;line-height: 35px;text-align: center;font-weight: 600}
.curriculum_wrap .list li .bt a.more {border: 1px solid #555;color: #555;}
.curriculum_wrap .list li .bt a.apply {border: 1px solid #1ebfb6;color: #fff;background: #1ebfb6}

.map_wrap {position: relative;display: block;overflow: hidden;}
#map_buasn {position: relative;display: block;overflow: hidden;width: 100%;height: 500px;z-index: 0}

.map_info { position: absolute;top: 0;left: 50%;margin-left: -600px;padding: 44px 30px;background: #0a56ba;z-index: 5 }
.map_info ul {display: block;}
.map_info ul li {display: block;margin-bottom: 15px;color: rgba(255,255,255,0.5);font-size: 15px;line-height: 150%}
.map_info ul li:last-child {margin-bottom: 0}
.map_info ul li .tit {display: block;color: #fff;font-size: 20px;margin-bottom: 5px}
.map_info .mapbtn {position: absolute;bottom: 30px;right: 30px;display: inline-block;background: #fff;border-radius: 5px;color: #0a56ba;padding: 10px 20px}

.mfacility-slider {position: relative;display: block;overflow: hidden;padding: 0 15px}
.mfacility-slider .slick-track {padding-bottom: 30px}
.mfacility-slider .slick-slide {background: #fff;margin: 0 10px;border-radius: 5px;padding: 10px;box-shadow: 2px 3px 4px rgba(0,0,0,0.15);border: 1px solid #eee;}
.mfacility-slider .slick-slide img {width: 100%}


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


    .top_banner {height: auto}
    .top_banner a.pc {display: none;}
    .top_banner a.m {display: block;}
    .top_banner img {width: 100%}

    .slider_banner {background-size: cover}
    .slider_banner .cont {width: 100%;padding: 40px 20px;box-sizing: border-box}
    .slider_banner .txtobx .btit {font-size: 30px;margin-bottom: 30px;text-align: center}
    .slider_banner .txtobx .btit br {display: none;}
    .slider_banner .txtobx .btit:before {bottom: -16px;left: 50%;width: 50px;margin-left: -25px}
    .slider_banner .txtobx .txt {font-size: 17px;text-align: center;}

    .rolling_wrap {position: relative;top: 0;width: 520px;margin: 20px auto 0}
    .rolling_wrap:before {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;content: "";z-index: 10;}
    .rolling_wrap .title {font-size: 20px;}
    .rolling_wrap .title small {font-size: 15px;}
    .rolling_wrap .title:before {width: 180px;}

    .intro_cont {padding: 30px 0;width: 100%;}

    .cntr_banner {width: 100%;margin: 20px auto;}
    .cntr_banner img {width: 100%;}

    .cntr_banner02 {position: relative;display: block;overflow: hidden;width: 100%;margin: 0 auto 20px;}
    .cntr_banner02 li {width: calc(50% - 10px)}
    .cntr_banner02 li:first-child {margin-right: 20px}
    .cntr_banner02 img {width: 100%;}

    .curriculum_wrap .cont {width: 100%;padding: 30px 0;}
    .curriculum_wrap .title {font-size: 30px;}
    .curriculum_wrap .list li {padding: 15px 260px 15px 15px;background: #fff;margin-bottom: 15px;border-radius: 7px}
    .curriculum_wrap .list li .type {position: relative;top: 0;left: 0;display: block;width: 80px;border-radius: 26px;line-height: 26px;transform: translateY(0);margin-bottom: 5px}
    .curriculum_wrap .list li .tit a {font-size: 17px;}
    .curriculum_wrap .list li .date {font-size: 14px}
    .curriculum_wrap .list li .bt a {width: 100px;}

    #map_buasn {width: 100%;height: 300px;}

    .map_info { position: relative;left: 0;margin-left: 0;padding: 30px 20px; }
    .map_info ul {display: block;}
    .map_info ul li {display: block;margin-bottom: 15px;color: rgba(255,255,255,0.5);font-size: 15px;line-height: 150%}
    .map_info ul li:last-child {margin-bottom: 0}
    .map_info ul li .tit {display: block;color: #fff;font-size: 20px;margin-bottom: 5px}
    .map_info .mapbtn {position: absolute;bottom: 30px;right: 30px;display: inline-block;background: #fff;border-radius: 5px;color: #0a56ba;padding: 10px 20px}


}

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


    .slider_banner .txtobx .btit {font-size: 25px;margin-bottom: 25px;}
    .slider_banner .txtobx .btit br {display: block;}
    .slider_banner .txtobx .txt {font-size: 14px;text-align: center;}

    .rolling_wrap {position: relative;top: 0;width: 280px;margin: 10px auto 0}
    .rolling_wrap .title {font-size: 16px;}
    .rolling_wrap .title small {font-size: 14px;}
    .rolling_wrap .title:before {display: none}
    .rolling_slider .item .st1 {width: 45%}
    .rolling_slider .item .st2 {width: 35%}
    .rolling_slider .item .st3 {width: 20%}
    .rolling_slider .item .st4 {width: 100%}

    .intro_cont {padding: 25px 0;width: 100%;}

    .cntr_banner {margin: 10px 0}

    .cntr_banner02 li {width: 100%}
    .cntr_banner02 li:first-child {margin-right: 0;margin-bottom: 10px}

    .curriculum_wrap .cont {padding: 20px 0;}
    .curriculum_wrap .title {font-size: 22px;}
    .curriculum_wrap .list li {padding: 15px;}
    .curriculum_wrap .list li .tit a {font-size: 17px;}
    .curriculum_wrap .list li .date {font-size: 14px}
    .curriculum_wrap .list li .bt {position: relative;top: 0;right: 0;transform: translateY(0);margin-top: 15px}
    .curriculum_wrap .list li .bt a {width: 100px;margin-left: 0;margin-right: 5px;border-radius: 26px;line-height: 26px;}

    .map_info { padding: 20px 15px; }
    .map_info ul li {margin-bottom: 10px;font-size: 14px;}
    .map_info ul li .tit {font-size: 17px;}
    .map_info .mapbtn {bottom: 20px;right: 20px;;padding: 7px 15px}

}

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

    .map_info {text-align: left}


}