@charset "utf-8";

/* sub01_02 단과대학소개 */
.s0102 .mirae_intro_box {width: 100%; min-height: 290px; overflow: hidden; background: #284263;}
.s0102 .mirae_intro_box::after {content: ""; display: block; clear: both;}
.s0102 .mirae_intro_box .img_box {float: right; width: 50%;}
.s0102 .mirae_intro_box .img_box img {width: 100%; display: block;}
.s0102 .mirae_intro_box .txt_box {float: left; width: 50%; padding: 60px 30px; color: #fff; background-color: #284263; position: relative;}
.s0102 .mirae_intro_box .txt_box::before {position: absolute; width: 260px; height: 260px; top: 24%; left: 46%; content: "";background: url(/images/skin/bg_topbox.png) no-repeat;}
.s0102 .mirae_intro_box .txt_box p {font-size: 23px; font-weight: 100; line-height: 1.3; color: #fff;}
.s0102 .mirae_intro_box .txt_box p span {font-weight: 600; line-height: 1.3;}
.s0102 .sub_intro_box h2 {font-size: 16px; color: #000; margin-top: 20px; margin-bottom: 5px;}
.s0102 .sub_intro_box h2 span {color: #306ead; padding-right: 5px; font-weight: 600;}
.s0102 .sub_intro_box p {margin: 0; padding-left: 32px;}
.s0102 .imgbox2 {padding: 30px 0;}
.s0102 .imgbox2.s-size {padding: 30px 170px;}

@media only screen and (max-width: 1300px) {
    .s0102 .mirae_intro_box {min-height: 220px;}
    .s0102 .mirae_intro_box .txt_box {padding: 30px 15px 20px 30px;}
    .s0102 .mirae_intro_box .txt_box p {font-size: 20px;}
}
@media only screen and (max-width: 1023px) {
    .s0102 .mirae_intro_box {min-height: 245px;}
    .s0102 .mirae_intro_box .txt_box {padding: 50px 30px 35px 30px;}
    .s0102 .mirae_intro_box .txt_box p {font-size: 23px;}
    .s0102 .mirae_intro_box .txt_box::before {top: 13%;}
}
@media only screen and (max-width: 850px) {
    .s0102 .mirae_intro_box {min-height: 230px;}
    .s0102 .mirae_intro_box .txt_box p {font-size: 20px;}
    .s0102 .mirae_intro_box .txt_box {padding: 35px 15px 45px 30px;}
    .s0102 .imgbox2.s-size {padding: 40px 135px;}
}
@media only screen and (max-width: 767px) {
    .s0102 .mirae_intro_box .img_box img {width: 80%; margin: 30px auto;}
}
@media only screen and (max-width: 690px) {
    .s0102 .mirae_intro_box .img_box {float: none; width: 100%;}
    .s0102 .mirae_intro_box .txt_box {float: none; width: 100%; padding: 0 30px 30px;}
    .s0102 .mirae_intro_box .txt_box::before {top: -38px; left: 50%;}
    .s0102 .imgbox2.s-size {padding: 40px 50px;}
}
@media only screen and (max-width: 450px) {
    .s0102 .mirae_intro_box .img_box img {width: 90%; margin: 20px auto;}
    .s0102 .mirae_intro_box .txt_box {padding: 10px 30px 30px;}
    .s0102 .mirae_intro_box .txt_box::before {top: -35px; left: 35%;}
    .s0102 .imgbox2.s-size {padding: 30px;}
}
/* sub01_02 단과대학소개 End */

/* sub01_03 조직도 */
.s0103 .org_wrap_a .org_ul .lv.lv01:before {height: 354px;}
.s0103 .org_wrap_a .org_ul li ul {width: 100%;}
.s0103 .org_wrap_a .org_ul .lv span {font-size: 15.02pt; padding-top: 15px;}
.s0103 .org_wrap_a .org_ul .lv.lv02 span {font-size: 15.02pt; padding-top: 10px;}
.s0103 .org_wrap_a .org_ul li ul::after {content: ""; display: block; clear: both;}
.s0103 .org_wrap_a .org_ul li ul li {width: 49%; float: right; overflow: hidden; padding-right: 35px; margin: 0 1%;}
.s0103 .org_wrap_a .org_ul .lv.lv02::before {width: 200px;}
.s0103 .org_wrap_a .org_ul2 .list_title {width: 50%; padding: 15px 60px;}
.org_wrap_a .org_ul2 .list_wrap .list .sub_list2_list_title > em {display: block; width: 100%; padding: 0; border: 2px solid #1899b6; background: #fff; text-align: center; font-size: 16px; line-height: 1.5; padding: 8px 0; color: #1899b6;}
@media only screen and (max-width: 1200px) {
    .s0103 .org_wrap_a .org_ul li ul li {padding-right: 30px;}
    .s0103 .org_wrap_a .org_ul2 .list_title {padding: 15px 42px;}
}
@media only screen and (max-width: 1023px) {
    .s0103 .org_wrap_a .org_ul2 .list_title {padding: 15px 55px;}
}
@media only screen and (max-width: 850px) {
    .s0103 .org_wrap_a .org_ul li ul li {padding-right: 30px;}
}
@media only screen and (max-width: 767px) {
    .s0103 .org_wrap_a .org_ul li ul li {float: none; width: 100%; padding-right: 0;}
    .s0103 .org_wrap_a .org_ul2 .list_title {width: 100%; padding: 15px;}
}
/* sub01_03 조직도 End */


/* sub02_1101 학과소개 전체*/
.s021101 .wide_img_top_box {position: relative; width: 100%; margin-bottom: 400px;}
.s021101 .wide_img_top_box::after {position: absolute; width: 100%; min-height: 350px; content: ""; display: block; top: 0; left: 0;}
.s021101 .wide_img_top_box.top_bg_01::after{background: url(/images/mirae/sub02/sub02_1101_bg01.jpg)no-repeat center;}
.s021101 .wide_img_top_box.top_bg_02::after{background: url(/images/mirae/sub02/sub02_1201_bg01.jpg)no-repeat center;}
.s021101 .wide_img_top_box.top_bg_03::after{background: url(/images/mirae/sub02/sub02_1301_bg01.jpg)no-repeat center;}
.s021101 .wide_img_top_box h3 {position: absolute; width: 100%; color: #fff; text-align: center; top: 0; left: 0; font-size: 36px; padding: 60px 30px; z-index: 9;}
.s021101 .wide_img_top_box h3 strong {font-size: 70px;}
.s021101 .ui.ui-cont-group__box {border-top: 3px solid #000;}
.s021101 .ui-cont-group__box.type1 .item {min-height: 220px;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title {width: 250px;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3 {position: relative; width: 250px;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon01::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat 0 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon02::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -200px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon03::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -400px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon04::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -600px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon05::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -800px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon06::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -1000px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--text {padding: 30px 0 30px 100px;}
.s021101 .ui-cont-group__box.type1 .item .ui-cont--text strong {font-size: 17px; color: #3b4b4e; font-weight: 600; line-height: 1.6;}
@media(max-width: 1200px){
    .s021101 .wide_img_top_box h3 {font-size: 32px; padding: 50px 30px;}
}
@media(max-width: 768px){
    .s021101 .ui-cont-group__box.type1 .item .ui-cont--title h3 {width: 250px;}
    .s021101 .ui-cont-group__box.type1 .item .ui-cont--text {padding: 20px; margin-top: 90px;}
}

@media(max-width: 600px){
    .s021101 .wide_img_top_box::after {min-height: 400px;}
    .s021101 .wide_img_top_box {margin-bottom: 450px;}
}

@media(max-width: 440px){
    .s021101 .wide_img_top_box h3 {font-size: 30px; padding: 45px 10px;}
    .s021101 .wide_img_top_box::after {min-height: 410px;}
    .s021101 .wide_img_top_box {margin-bottom: 460px;}
}

@media(max-width: 380px) {
    .s021101 .wide_img_top_box h3 {font-size: 28px; padding: 60px 10px;}
}
@media(max-width: 350px) {
    .s021101 .wide_img_top_box h3 {padding: 15px 10px;}
}
/* sub02_1101 학과소개 전체 End */


/* sub02_1103 교육과정 */
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3 {position: relative; width: 220px;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon01::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat 0 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon02::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -200px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon03::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -400px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon04::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -600px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon05::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -800px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
.s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3.tit_icon06::after {background: url(/images/mirae/sub02/sub02_icon.png)no-repeat -1000px 0; width: 200px; height: 130px; position: absolute; content: ""; left: 0;}
@media(max-width: 768px){
    .s021103 .ui-cont-group__box.type1 .item .ui-cont--title h3 {width: auto;}
    .s021103 .ui-cont-group__box.type1 .item .ui-cont--text {padding: 20px; margin-top: 90px;}
}
/* sub02_1103 교육과정 End */