@charset "utf-8";

/* 4차 탭버튼 */
.tab-ul.deth-4st li a span:before{top:50%;width:21px;height:21px;margin-top:-11px;background:url(/sts/images/common/content/tab_deth_4st_arr.png) no-repeat -21px 0;}
.tab-ul.deth-4st li a:hover,
.tab-ul.deth-4st li a:focus,
.tab-ul.deth-4st li a:active,
.tab-ul.deth-4st li.on a,
.tab-ul.deth-4st li.on a:hover,
.tab-ul.deth-4st li.on a:focus,
.tab-ul.deth-4st li.on a:active{border-color:#004792;background:#004792;}
.tab-ul.deth-4st li.on a span:before,
.tab-ul.deth-4st li a:hover span:before,
.tab-ul.deth-4st li a:focus span:before,
.tab-ul.deth-4st li a:active span:before{background-position:0 0;}


/* 탑박스 */ 
.ui-topbox.type1{ padding:3px; background-color:#f3f3f3; position:relative; border:0;}
.ui-topbox.type1:before{ content:""; position:absolute; top:0; left:0; width:186px; height:30px; background-color:#1c4982;}
.ui-topbox.type1 .inner{position: relative;background-color:#fff;}
.ui-topbox .inner{ padding:34px 25px 34px 170px;min-height: 170px;}
.ui-topbox .inner .txtwrap .h-box{ margin-bottom:15px; font-size:20px; color:#121212; font-weight:700;}
.ui-topbox.type1 .inner .txtwrap p{ font-size:14px; color:#4a4a4a; line-height:21px;}
.ui-topbox.type1 .inner .txtwrap .box_wrap{ margin-top:10px; padding:10px 20px; background-color:#f6f6f6;}
.ui-topbox.type1 .inner .txtwrap .box_wrap strong{ font-size:18px; color:#173861; font-weight:700;}
.ui-topbox.type1 .circle.ir-icon{position: absolute;top: 25px;left: 25px;width:110px; height:110px;border-radius: 50%;background: #f6f6f6 url(/sts/img/common/tp_icon.png);}
.ui-topbox.type1 .circle.ir-icon.icon30{background-position:-990px -330px;}

@media(max-width:768px){
    .ui-topbox .inner{ padding:34px 25px;}
    .ui-topbox.type1 .circle.ir-icon{display: none;}
}


img{max-width: 100%;}
.img_box{padding: 30px;text-align: center;}
.img_box2{padding: 0;text-align:center;}
.img_box2 img,
.img_box img{max-width: 100%;}
.pic_btn a{display: none;}
.pic_btn a:hover{background-color:#004793;border-color:#004793;color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}


/* 이미지 탑박스 */
.img_topbox{height: 231px;padding-top: 55px;text-align: center;}
.img_topbox span{display: block;font-size: 16px;line-height: 22px;color: #fff;}
.img_topbox strong{display: inline-block;position: relative;font-size: 34px;line-height: 45px;color: #fff;letter-spacing: -0.8px;word-break: keep-all;font-weight: 300}
.img_topbox strong:before{content:"";position: absolute;left:-45px;top:0;margin-top: 8px; width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -1px -358px;}
.img_topbox strong:after{content:"";position: absolute;right:-45px;top:0;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -41px -358px;}

@media (max-width: 900px){
    .img_topbox{height: auto;padding: 20px}
    .img_topbox span{word-break: keep-all;}
    .img_topbox strong{font-size: 27px;line-height: 38px;word-break: keep-all;}
    .img_topbox strong br{display:none;}
    .img_topbox strong:before,
    .img_topbox strong:after{display: none;}
}

/* sub010101 설립배경 */
.img_topbox.sub010101{background:url(/sts/img/sub01/sub010101_bg.jpg) no-repeat;background-size: cover; }
.sub010101_dg{margin-top: 30px;padding:50px 40px;background: #f7f7f7;text-align: center;}
.sub010101_dg .top{position: relative;width: 776px;margin: 0 auto;}
.sub010101_dg .top:after{display: block;visibility: hidden;clear: both;content: '';}
.sub010101_dg .top .box{float: left;padding-top: 80px;background: url(/sts/img/sub01/sub010101_bg2.png);}
.sub010101_dg .top .box1{width: 286px;height: 302px;background-position: 0 0}
.sub010101_dg .top .box2{position: absolute;left: 50%;width: 272px;height: 289px;margin-left: -136px;background-position: -286px 0;}
.sub010101_dg .top .box3{float: right;width: 284px;height: 302px;background-position: -558px 0}
.sub010101_dg .top .box em{display: inline-block;padding: 0 15px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 18px;line-height: 21px;font-weight: 700;color: #fff;}
.sub010101_dg .top .box strong{display: block;margin: 20px 0;font-size: 18px;line-height: 21px;color: #fff;font-weight: 700}
.sub010101_dg .top .box p{font-size: 16px;line-height: 20px;color: #fff;}

.sub010101_dg .bottom{margin-top: 30px;padding-top: 35px;}
.sub010101_dg .bottom:after{display: block;visibility: hidden;clear: both;content: '';}
.sub010101_dg .bottom li{float: left;position: relative;width: 32.65%;min-height: 196px;padding: 60px 20px 0;margin-left: 1%;background-color: #fff;border:1px solid #d2d2d2;border-top: 3px solid #38a2d8;font-size: 16px;line-height: 23px;color: #383838;}
.sub010101_dg .bottom li:before{position: absolute;top: -36px;left: 50%;width: 72px;height: 72px;margin-left: -36px;background: url(/sts/img/sub01/sub010101_icon.png);content: '';}
.sub010101_dg .bottom .box1{margin-left: 0;border-top-color: #38a2d8}
.sub010101_dg .bottom .box1:before{background-position: 0 0}
.sub010101_dg .bottom .box2{border-top-color: #195ea2}
.sub010101_dg .bottom .box2:before{background-position: -72px 0}
.sub010101_dg .bottom .box3{border-top-color: #194286}
.sub010101_dg .bottom .box3:before{background-position: -144px 0}
.sub010101_dg .bottom li span{display: block;margin-bottom: 10px;font-size: 18px;line-height:28px;font-weight: 700;color: #383838}

@media(max-width:1023px){
    .sub010101_dg{padding: 30px}
    .sub010101_dg .top{width: auto;}
    .sub010101_dg .top .box{float: none;width: 200px;height: 200px;margin: 0 auto 10px;padding-top: 25px;border-radius: 50%;}
    .sub010101_dg .top .box1{background:#2298d4;}
    .sub010101_dg .top .box2{position: static;margin: 0 auto 10px;background: #004c98}
    .sub010101_dg .top .box3{background:#002e79;}
}
@media(max-width:939px){
	.sub010101_dg .bottom li{float: none;width: 100%;min-height: auto;padding-bottom: 20px;margin-bottom: 50px;}
}
/* sub010101 설립배경 End */

/* sub010101 교육방향 */
.s010102{padding: 45px 25px 65px;background: #eee;text-align: center;}
.s010102 .top{position: relative;margin-bottom: 100px;}
.s010102 .top .tit{position: relative;margin-bottom: 30px;padding: 0 27px;font-size: 34px;line-height: 45px;color: #262626;letter-spacing: -0.8px;word-break: keep-all;}
.s010102 .top .tit:before{content:"";position: absolute;left:50%;top:0;margin-left: -300px;margin-top: 8px; width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -1px -358px;}
.s010102 .top .tit:after{content:"";position: absolute;right:50%;top:0;margin-right: -300px;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -41px -358px;}
.s010102 .top .tit em{display: block;}

.s010102 .top img{max-width: 100%;}

.s010102 .top .top_con{position: relative;padding-top: 78px;}
.s010102 .top .top_con .sub_tit{position: relative; font-size: 16px;line-height: 22px;color: #242424;}
.s010102 .top .top_con .sub_tit .sub_top{content:"";position: absolute;left:50%;top:0;margin-left: -175px;margin-top: -34px;width: 349px;height: 114px;background: url(/sts/img/sub01/sub010102_mid.png) no-repeat;}
.s010102 .top .top_con .sub_tit em{display: block;}

.s010102 .mid{display:block;}
.s010102 .mid .mid_box{position: relative;width: 100%;padding: 35px 0 30px;background: #fff;border: 1px solid #d2d2d2;border-radius: 71.5px;}
.s010102 .mid .mid_box .tit{position: absolute;top:0;left: 50%;width: 204px;height: 48px;margin: -24px 0 0 -104px;padding-top: 11px; border-radius: 24px; background-color: #004c98; font-size: 18px;line-height: 28px;font-weight: 400; color: #fff;}
.s010102 .mid .mid_box .inner{}
.s010102 .mid .mid_box .inner p{margin: 0;font-size: 16px;line-height: 23px;color: #383838;}

.s010102 .bottom{position: relative;}
.s010102 .bottom:after{content: "";display: block;clear: both;visibility: hidden;}
.s010102 .bottom li{float: left;width:32.66%;padding:0 20px 40px;font-size: 16px;line-height: 23px;color: #383838;background: #fff;border: 1px solid #ddd;height: 240px;}
.s010102 .bottom li span{display:block;overflow:hidden;margin:0 -21px 40px; padding:20px 0;border:solid 1px #d2d2d2;border-top: 3px solid #004c98;font-size: 18px;line-height: 28px;color: #2298d4;}
.s010102 .bottom li:nth-child(1) span{color: #2298d4;}
.s010102 .bottom li + li{margin-left: 1%;}

@media(max-width:1024px){
	.s010102 .bottom li{float:none;width:100%;height: auto;}
	.s010102 .bottom li + li{margin: 1% 0 0;}
}
@media(max-width:767px){
	.s010102 .top .tit:before,
	.s010102 .top .tit:after{display: none;}
}
/* sub010101 교육방향 End */

/* sub0102 인사말 */
.intro_b{position: relative;padding-bottom: 20%;margin-top: 75px;}
.intro_b:before{content: '';position: absolute;top: 80px;left: 4%;width: 418px;height: 475px;background: url(../img/sub01/sub0102_top.png)no-repeat;}
.intro_b:after{content: '';display: block;visibility: hidden;clear: both;}
.intro_b .img{float: left;position: relative;width: 42.45%}
.intro_b .img .small_box{position: absolute;right: -55px;bottom: -55px;width: 203px;height: 203px;padding: 30px;background-color: #004b97;text-align: left;}
.intro_b .img .small_box:after{content: '';position: absolute;bottom:0px;width: 280px;height: 270px;}
.intro_b .img .small_box p{position: relative;font-size: 24px;font-weight: 300;color: #fff;z-index: 1}
.intro_b .img .small_box p em{display: block;margin-top: -8px;}
.intro_b .img .small_box p span{display: block;margin-bottom: 40px;line-height:20px;font-size: 14px;color: #fff;font-weight: 100;letter-spacing: -0.8px;}
.intro_b .txt{float: right;width: 46%;margin-top: 55px;}
.intro_b .txt .txtp{font-size: 16px;line-height: 28px;color: #383838;letter-spacing: -0.9px;}
.intro_b .txt strong{display: block;position: relative;margin-bottom: 70px;font-size: 35px;color: #004b97;line-height: 42px;font-weight: normal;}
.intro_b .txt strong:after{content: '';display: block;position: absolute;bottom: -37px;width: 17px;height: 1px;background: #aaa;}
.intro_b .txt p.sign{position: relative; height: 18px;margin-top:50px;text-align: right; padding-right: 60px;}
.intro_b .txt p.sign .name{content: "";position:absolute;right:0;width:51px;height:30px;background: url(../img/sub01/sub0102_name.png)no-repeat;font-size:0;text-indent:-9999px}

@media(max-width:1255px){
    .intro_b:before{left: 10%}
    .intro_b .img{float: none;width: 62%;margin: 0 auto;}
    .intro_b .img .small_box{right: auto;left: 300px;}
    .intro_b .txt{float: none;width: 100%;margin-top: 190px;}
    .intro_b .txt strong{font-size: 25px;}
    .intro_b .txt strong em{display: inline;word-break: keep-all;}
}
@media(max-width:800px){
    .intro_b .img{width: 80%;}
}
@media(max-width:767px){
    .intro_b:before{display: none;}
    .intro_b .img{width: 100%}
    .intro_b .img img{width: 100%}
    .intro_b .img .small_box{position: relative;left: auto;bottom: auto;width: 100%;height: 100%;padding: 30px;}
    .intro_b .img .small_box:before{content: '';position: absolute;width: 100%;height: 100%;}
    .intro_b .img .small_box:after{display: none;}
    .intro_b .txt{margin-top: 40px;}
    .intro_b .txt strong{word-break: keep-all;}
}
/* sub0102 인사말 End */

/* sub0104 찾아오시는길 */
#map{height: 395px;}
.road_info .box_local .lst_local li b{margin-right:10px;}
.road_info .ui-map-box h3{width:12%;word-break:keep-all;word-wrap:break-word;}
.road_info .ui-map-box .txt_h3 > li{position:relative;padding-left:80px;}
.road_info .ui-map-box .txt_h3 > li .ti{position:absolute;left:0;top:0;}
.road_info .ui-map-box .txt_h3 .list_1st li{background-position:0 6px;}
.road_info .ui-map-box .txt_h3 .no_lepd { padding-left: 0; }


@media only screen and (min-width:600px) {  
    .road_info .box_local{padding:5px 5px 5px 50px;}
}

@media only screen and (max-width:1120px) { 
    .road_info .box_local .lst_local{padding-left:34px;width:auto;}
}

@media only screen and (max-width:1023px) { 
    .road_info .ui-map-box h3{width:20%;}
}

@media(min-width:780px){
    .road_info .box_local .lst_local{width: 50%; }
}

@media only screen and (max-width:780px) {  
    .road_info .box_local{padding:20px 25px;}
    .road_info .box_local .lst_local{margin-top:0;padding-left:0;}
    .road_info .ui-map-box h3{width:100%;}
    .road_info .box_local h2{display:block;float:none;padding:0;text-align:center;}
    .road_info .box_local h2:before,
    .road_info .box_local h2:after{display:inline-block;position:static;margin-top:0;vertical-align:middle;}
    .road_info .box_local h2 span{display:inline-block;padding: 5px 0 15px;}
    .road_info .ui-map-box .txt_h3{margin-left:0;}

}


@media only screen and (max-width:600px) {  
    .road_info .ui-map-box .txt_h3 > li{padding-left:0;}
    .road_info .ui-map-box .txt_h3 > li .ti{position:static;margin:10px 0;}
    .road_info .ui-map-box h3{width:100%;}
}

@media (max-width:767px){
.road_info .box_local h2::before{display: none;}
.box_local h2:before{display: none;}
}

.map_info{padding: 30px; border: 1px solid #ddd;background: #f8f8f8;}
.map_info .box_local{}
.map_info .box_local h2{float:left;display:inline-block;margin:0;padding:5px 20px;font-size:18px;line-height:20px;color:#000;font-weight:bold;background:none;}
.map_info .box_local h2 span{display:block;}
.map_info .box_local h2:before,
.map_info .box_local h2:after{content:"";display:block;position:absolute;top:50%;margin-top:-26px;width:11px;height:51px;background:url(/sts/img/sub01/map_ico.png) no-repeat;}
.map_info .box_local h2:before{left:-10px;background-position:0 -42px;}
.map_info .box_local h2:after{right:-10px;background-position:-12px -42px;}
.map_info .box_local h2 span{font-size:18px;line-height:20px;color:#3274c5;font-weight:bold;font-family:'nsr','Malgun Gothic';}
.map_info .box_local .lst_local{padding-top:0;}
.map_info .box_local .lst_local li{position:relative;text-align:left;line-height: 30px;}
.map_info .box_local .lst_local li b {margin: 0 5px 0 50px;}
@media(max-width:767px){
    .map_info .box_local h2{float:none;}
    .map_info .box_local .lst_local{padding-top:30px;}
    .map_info .box_local .lst_local li{display: block;}
    .map_info .box_local .lst_local li b {margin: 10px;}

}
/* sub0104 찾아오시는길 End */

/* sub020101 교육방향 */
.s020101{text-align: center;}
.s020101 .top{position: relative;margin-bottom:52px;}
.s020101 .top .tit{position: relative;padding: 0 27px;font-size: 34px;line-height: 45px;color: #262626;letter-spacing: -0.8px;word-break: keep-all;}
.s020101 .top .tit:before{content:"";position: absolute;left:50%;top:0;margin-left: -220px;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -1px -358px;}
.s020101 .top .tit:after{content:"";position: absolute;right:50%;top:0;margin-right: -220px;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -41px -358px;}

.s020101 .top_box{display:block;overflow:hidden;margin-bottom: 50px; padding:40px 146px;border:solid 1px #d2d2d2;border-top: 3px solid #2298d4; background:url(/sts/img/sub01/dot_bg.png) repeat;font-size: 18px;line-height: 28px;color: #383838;}
.s020101 .top_box p{font-size: 16px; line-height: 25px;color: #383838;}
.s020101 .s020101_img{text-align: center;}
.s020101 .s020101_img img{max-width: 100%;}
.s020101 .bottom{position: relative;padding-top: 154px;text-align: left;}
.s020101 .bottom:before{content:"";position: absolute; left:50%;margin-left: -24px;margin-top:-87px;width: 48px;height: 48px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -449px -358px;}

.s020101 .bottom .grade{position: relative; margin-bottom: 84px;border: 1px solid #ddd;display: block;}
.s020101 .bottom .grade:before{content:"";position: absolute;left:50%;bottom:0;margin-left: -33px;margin-bottom: -65px;width: 66px;height: 50px;background: url(/sts/img/sub02/s020101_ir.png) no-repeat -250px -1px;}
.s020101 .bottom .grade:after{content: "";clear: both;display: block; overflow: hidden;}

.s020101 .bottom .grade .icon_wrap{position: relative; float: left;display: inline-block; width: 23%;height:212px;background-color: #0061c5;color: #fff;text-align: center;}
.s020101 .bottom .grade .icon_wrap:before{content:"";position: absolute;left:50%;top:50%;margin-left: -41px;margin-top: -26px;width: 81px;height: 53px;background: url(/sts/img/sub02/s020101_ir.png) no-repeat -1px -1px;z-index: 1;}
.s020101 .bottom .grade .icon_wrap.g1{}
.s020101 .bottom .grade .icon_wrap.g2{background-color: #004c98;}
.s020101 .bottom .grade .icon_wrap.g2:before{margin-left: -37.5px;margin-top: -35px;width: 75px;height: 70px;background: url(/sts/img/sub02/s020101_ir.png) no-repeat -83px -1px;z-index: 1;}
.s020101 .bottom .grade .icon_wrap.g3{background-color: #003c79;}
.s020101 .bottom .grade .icon_wrap.g3:before{margin-left: -43.5px;margin-top: -30px;width: 87px;height: 60px;background: url(/sts/img/sub02/s020101_ir.png) no-repeat -161px -1px;z-index: 1;}
.s020101 .bottom .grade .icon_wrap span{text-align: center;font-size: 16px; font-weight: 700;color: #fff;line-height: 310px;}
.s020101 .bottom .grade .txt_wrap{float: left;width: 71%;margin: 33px 0 0 39px;}
.s020101 .bottom .grade .txt_wrap strong{font-size: 18px;line-height: 21px;color: #262626;}
.s020101 .bottom .grade .txt_wrap p{font-size: 16px;line-height: 23px;margin-bottom: 20px;}
@media(max-width:767px){
    .s020101 .bottom .grade .icon_wrap{float: none;width: 100%;height:135px;}
    .s020101 .bottom .grade .txt_wrap{float: none;width: 80%;}
    .s020101 .bottom .grade .icon_wrap.g1:before{margin-top: -35px;}
    .s020101 .bottom .grade .icon_wrap.g2:before{margin-top: -47px;}
    .s020101 .bottom .grade .icon_wrap.g3:before{margin-top: -45px;}
    .s020101 .bottom .grade .icon_wrap span{line-height: 237px;}
}
/* sub020101 교육방향 End*/

/* 이미지 탑박스 2 */
.img_topbox2{position: relative;height: 260px;padding:8px;}
.img_topbox2 .img{position: relative;height: 100%;padding: 7px;}
.img_topbox2 .img:before{position: absolute;width: 100%;height: 225px;border:1px solid rgba(255,255,255,0.56);content: '';}
.img_topbox2 .txt{position: absolute;right: 0;top: 0;width: 466px;height: 100%;padding: 55px 35px;background: url(/sts/img/sub02/img_topbox2_bg.jpg);background-size: cover;}
.img_topbox2 .txt:before{position: absolute;top: 30px;right: 27px;width: 30px;height: 5px;background: #fff;transform: rotate(-45deg);content: '';}
.img_topbox2 .txt:after{position: absolute;right: 0;bottom:20px;width: 182px;height: 60px;background: url(/sts/img/sub02/img_topbox2_title.png);content: '';}
.img_topbox2 .txt strong{display: block;margin-bottom: 5px;font-size: 24px;color: #fff;font-weight: 700;}
.img_topbox2 .txt p{font-size: 15px;color: #fff;}

@media (max-width: 767px){
    .img_topbox2{height: auto;padding: 0}
    .img_topbox2 .img{height: 260px}
    .img_topbox2 .img:before{display: none;}
    .img_topbox2 .txt{position: static;width: 100%;padding: 30px 20px;}
    .img_topbox2 .txt:before{display: none;}
    .img_topbox2 .txt p br{display: none;}
}

/* sub020202 sub020105 */
.img_topbox2.sub020202 .img{background: url(/sts/img/sub02/sub020202_top.jpg) left no-repeat;}
.img_topbox2.sub020105{margin-bottom: 30px}
.img_topbox2.sub020105 .img{background: url(/sts/img/sub02/sub020105_top.jpg) left no-repeat;}
@media (max-width: 1200px){
    .img_topbox2.sub020202 .img,
    .img_topbox2.sub020105 .img{background-size: cover;}
}


/* sub0301 학사일정 */
.schedule_topbox{position: relative;min-height: 420px;padding: 50px 360px 50px 50px;margin-bottom: 30px;border:1px solid #e4e4e4;}
.schedule_topbox:after{position: absolute;right: 35px;top: 55px;width: 322px;height: 297px;background: url(/sts/img/sub03/sub0301_icon.png);content: '';}
.schedule_topbox strong{display: block;position: relative;padding-bottom: 25px;margin-bottom: 25px;font-size: 25px;line-height: 40px;color: #242424;font-weight: 300}
.schedule_topbox strong:after{position: absolute;left: 0;bottom: 0;width: 35px;height: 1px;background: #004c98;content: '';}
.schedule_topbox p{font-size: 16px;line-height: 28px;color: #383838;}
.schedule_topbox .btn1{margin-top: 50px;background: #004792;}

@media (max-width: 999px){
    .schedule_topbox{padding: 30px;}
    .schedule_topbox:after{display: none;}
}

/* sub0302 장학제도 */
.s0302{text-align: center;}
.s0302 .top{position: relative;margin-bottom:20px;}
.s0302 .top .tit{position: relative;margin-bottom: 60px;padding: 0 27px;font-size: 34px;line-height: 45px;color: #262626;letter-spacing: -0.8px;word-break: keep-all;}
.s0302 .top .tit:before{content:"";position: absolute;left:50%;top:0;margin-left: -210px;margin-top: 8px; width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -1px -358px;}
.s0302 .top .tit:after{content:"";position: absolute;right:50%;top:0;margin-right: -210px;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -41px -358px;}

.s0302 .top ul{position: relative;padding-bottom: 210px;}
.s0302 .top ul li{position: absolute;padding-top: 100px; width: 36.5%;height: 170px;font-size: 19px;line-height: 25px;color: #fff;border-radius: 105px;}
.s0302 .top ul li:before{content:"";position: absolute;left:50%;top:0;margin-left: -36.5px;margin-top: 35px; width: 73px;height: 56px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -1px -1px;}
.s0302 .top ul li:nth-child(1){background-color: #2d9dd6;}
.s0302 .top ul li:nth-child(1):before{margin-left: -36.5px;/* margin-top: 25.5px; */ width: 73px;height: 51px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -1px -1px;}
.s0302 .top ul li:nth-child(1):after{content:"";position: absolute;right:0;top:50%;margin-right: 16px;margin-top: -4.5px;width: 16px;height: 9px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -230px -1px;z-index: 1;}
.s0302 .top ul li:nth-child(2){margin-left: 296px; background-color: #0d559d;}
.s0302 .top ul li:nth-child(2):before{margin-left: -35.5px;/* margin-top: 25.5px; */ width: 71px;height: 51px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -76px -1px;}
.s0302 .top ul li:nth-child(2):after{content:"";position: absolute;right:0;top:50%;margin-right: 16px;margin-top: -8px;width: 16px;height: 16px;;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -248px -1px;z-index: 1;}
.s0302 .top ul li:nth-child(3){margin-left: 592px;background-color: #0d4680;}
.s0302 .top ul li:nth-child(3):before{margin-left: -40px;/* margin-top: 25px; */ width: 80px;height: 50px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -148px -1px;}
.s0302 .top ul li em{display: block;font-size: 25px;}
/* .s0302 .top ul li + li:before{content:"";position: absolute; left:0;margin-left: 14px;margin-top:3px;width: 16px;height: 16px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -432px -358px;} */

.s0302 .top .top_con{position: relative;padding-top: 205px;}
.s0302 .top .top_con .sub_tit{position: relative; font-size: 18px;line-height: 23px;font-weight: 700;color: #242424;}
.s0302 .top .top_con .sub_tit .sub_top{content:"";position: absolute;left:50%;top:50%;margin-left: -163px;margin-top: -185px;width: 326px;height: 151px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -1px -59px;}
.s0302 .top .top_con .sub_tit em{display: block;font-size: 16px;font-weight: 300;}

.s0302 .mid{}
.s0302 .mid .list_scholarship{font-size: 16px;line-height: 19px;color: #121212;font-weight: 500;}
.s0302 .mid .list_scholarship:after{content: "";display: block; clear: both;overflow: hidden;}
.s0302 .mid .list_scholarship li{position: relative; float: left; width: 19.4%;height: 200px; margin:0.6% 0 0 0.6%; padding: 130px 10px 40px; border: 1px solid #ddd;}
.s0302 .mid .list_scholarship li.line{padding: 120px 10px 40px;}

.s0302 .mid .list_scholarship li span{position: absolute; top:0;left:50%;margin: 30px 0 0 -40px;width: 80px;height: 80px;background: url(/sts/img/sub03/s0302_ir.png) no-repeat -1px -1px;}
.s0302 .mid .list_scholarship li span.scholarship1{background-position: -1px -212px;}
.s0302 .mid .list_scholarship li span.scholarship2{background-position: -83px -212px;}
.s0302 .mid .list_scholarship li span.scholarship3{background-position: -165px -212px;}
.s0302 .mid .list_scholarship li span.scholarship4{background-position: -247px -212px;}
.s0302 .mid .list_scholarship li span.scholarship5{background-position: -329px -212px;}
.s0302 .mid .list_scholarship li span.scholarship6{background-position: -1px -294px;}
.s0302 .mid .list_scholarship li span.scholarship7{background-position: -83px -294px;}
.s0302 .mid .list_scholarship li span.scholarship8{background-position: -165px -294px;}
.s0302 .mid .list_scholarship li span.scholarship9{background-position: -247px -294px;}
.s0302 .mid .list_scholarship li span.scholarship10{background-position: -329px -294px;}


.s0302 .bottom{position: relative;}
.s0302 .bottom:after{content: "";clear: both;overflow: hidden;}

.s0302 .bottom li{float: left;width:49%;padding:0 20px 40px;font-size: 16px;line-height: 23px;color: #383838;border: 1px solid #ddd;height: 240px;}
.s0302 .bottom li span{display:block;overflow:hidden;margin:0 -21px 40px; padding:20px 0;border:solid 1px #d2d2d2;border-top: 3px solid #004c98; background:url(/sts/img/sub01/dot_bg.png) repeat;font-size: 18px;line-height: 28px;color: #383838;}
.s0302 .bottom li:nth-child(2) span{border-top-color: #2298d4;}
.s0302 .bottom li + li{margin-left: 1%;}
@media(max-width:1024px){
    .s0302 .top ul{padding-bottom: 0px;}
    .s0302 .top ul li:after{right:50%;top:unset;bottom:0;margin: 0 0 20px -8px;}
    .s0302 .top ul li:nth-child(2){margin-left:5%;}
    .s0302 .top ul li,
    .s0302 .top ul li:nth-child(3){position: relative; margin:20px 0 0 5%; width: 90%;border-radius: 0;}
    .s0302 .top ul li em{padding-top: 10px;}
    
    .s0302 .bottom li{float:none;width:100%;height: auto;}
    .s0302 .bottom li + li{margin: 1% 0 0;}  
}
@media(max-width:767px){
    .s0302 .top .tit:before,
    .s0302 .top .tit:after{display: none;}
    .s0302 .mid .list_scholarship li{width:32.7%;}
}
@media(max-width:767px){
    .s0302 .mid .list_scholarship li{float: none; width:100%;height: auto;margin: 1% 0 0 0;}
}


/* sub0303 입학처 홈페이지 */
.s0303{}
.s0303 .top_box{padding: 50px;border:1px solid #e4e4e4;}
.s0303 .top_box:after{content: "";display: block;clear: both;overflow: hidden;}
.s0303 .top_box .txt{float: left;width: 59%;}
.s0303 .top_box .txt .tit{position: relative;margin-bottom:45px;font-size: 25px;line-height: 40px;color: #242424;}
.s0303 .top_box .txt .tit:after{content: "";position: absolute;bottom:0;left: 0;margin-bottom: -24px; width: 35px;height: 1px;background: #004c98;}
.s0303 .top_box .txt p{font-size: 16px;line-height: 28px;color: #383838;}

.btn1{display: inline-block;position: relative;background: none;background-image: none;border: 1px solid transparent;color: inherit;text-transform: uppercase;cursor: pointer;/* transition: all 0.3s;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; */text-align: center;vertical-align: middle;background-color:#3f61b2;border-color:#3f61b2;color:#fff;}
a.btn1{color:#fff;}
.btn-ani1{padding: 10px 55px 10px 53px;}
.btn1.btn-ani1 .bico.bticon.arr{background: url(/sts/img/common/arrow_img.png);background-position:-18px 0px;}
.btn1.btn-ani1 .bico.bticon.arr.home{left: 0;margin-left: 10px; width: 18px;height: 18px; background: url(/sts/img/common/home_icon.png) no-repeat;}


.s0303 .top_box img{float: right;}
@media(max-width:999px){
    .s0303 .top_box .txt{float: none;width: 100%;}
    .s0303 .top_box img{display: none;}
}
/* sub0303 입학처 홈페이지 End */


/* 0304 진로설계 */
.title_type1{position: relative;margin-top: 60px;text-align: center;}
.title_type1:after{display: block;width: 184px;height: 51px;margin: 0 auto;background: url(/sts/img/sub03/sub0304_arr.png);content: '';}
.title_type1 strong{display: inline-block;position: relative;margin-bottom: 30px;font-size: 30px;line-height: 42px;color: #262626;letter-spacing: -0.8px;word-break: keep-all;font-weight: 300}
.title_type1 strong:before{content:"";position: absolute;left:-45px;top:0;margin-top: 8px; width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -1px -358px;}
.title_type1 strong:after{content:"";position: absolute;right:-45px;top:0;margin-top: 8px;width: 38px;height: 29px;background: url(/sts/img/sub01/sub01_ir.png) no-repeat -41px -358px;}

.tbl_box{position: relative;overflow: hidden;margin-top: 40px}
.tbl_box:after{content: "";display: block;visibility: hidden;clear: both;}
.tbl_box .box{float: left;width:49%;font-size: 16px;line-height: 23px;color: #383838;border: 1px solid #ddd;}
.tbl_box .box strong{display:block;overflow:hidden;padding:20px 0;border-top: 3px solid #004c98; background:url(/sts/img/sub01/dot_bg.png) repeat;font-size: 18px;line-height: 28px;color: #383838;text-align: center;}
.tbl_box .box:last-child strong{border-top-color: #2298d4;}
.tbl_box .box + .box{margin-left: 2%;}
.tbl_box .box ul{min-height: 164px;padding:0 20px 20px;}
.tbl_box .box ul li:before{width: 3px;height: 3px;border-radius: 50%;background-color: #003c79}

.color_list{position: relative;padding-top: 78px}
.color_list:before{position: absolute;top: 16px;left: 50%;width: 49px;height: 49px;margin-left: -24.5px;background: url(/sts/img/sub03/sub0304_arr2.png);content: '';}
.color_list:after{display: block;visibility: hidden;clear: both;content: '';}
.color_list li{float: left;width: 339px;height: 79px;border-radius: 40px;font-size: 23px;line-height: 79px;text-align: center;color: #fff;}
.color_list .c1{background: rgba(34,152,212,0.9);}
.color_list .c2{position: absolute;left: 50%;margin-left: -169.5px;background: rgba(0,76,152,0.9);}
.color_list .c3{float: right;background: rgba(0,60,121,0.9);}

@media (max-width: 939px){
    .title_type1 strong{font-size: 23px;line-height: 27px;word-break: keep-all;}
    .title_type1 strong br{display: none;}
    .title_type1 strong:before,
    .title_type1 strong:after{display: none;}
    .tbl_box .box{float: none;width: 100%;}
    .tbl_box .box + .box{margin:10px 0 0;}
    .color_list li{float: none;width: 100%;height: 60px;margin-bottom: 10px;line-height: 60px;}
    .color_list .c2{position: static;margin: 0 0 10px}
}

/* 교수소개 */
.search_box {position: relative; margin:0 0 30px; padding:40px 30px; background:#f5f5f6;}
.search_box .total {}
.search_box .total span {display: inline-block; width:12px; height:14px; margin-right:5px; background:url(/sts/img/common/p_img01.png)no-repeat; vertical-align:middle;}
.search_box .total strong {font-weight:normal;color:#be0100;}
.search_box .input_w {position:absolute; right:35px;top:30px;}
.search_box .input_w .inner {position:relative; padding-right:40px;}
.search_box .input_w input {width:290px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; }
.search_box .input_w a.sear_btn {display: inline-block;position:absolute; right:0; top:0; width:40px;height:40px; background:#63676d url(/sts/img/common/search_bd.png)no-repeat center;font-size:0;}

@media(max-width:600px){
	.search_box { padding:30px 20px;}
	.search_box .input_w {position:static; margin-top:15px;}
	.search_box .input_w input {width:100%;}
}

.list_1st li {background:url(/sts/img/common/list_bul1.png) no-repeat left 9px;}
.s0401_wrap {margin:0 -1%;}
.s0401_wrap:after{content:"";display:block;clear:both;visibility:hidden;}
.s0401_wrap .col_box {position:relative;min-height:260px; margin:0 1% 20px; padding:25px 25px 15px 185px;  border:1px solid #ddd;}
.s0401_wrap .col_box .img_b {position:absolute; top:25px; left:25px; width:140px; height:210px; text-align: center;}
.s0401_wrap .col_box .img_b img {max-width:100%;}
.s0401_wrap .col_box .txt_b {}
.s0401_wrap .col_box .txt_b .tit {margin:0 0 5px;font-size:22px; font-weight:500;}
.s0401_wrap .col_box .txt_b .tit span {display:inline-block; font-size:15px; vertical-align:bottom;}
.s0401_wrap .col_box .txt_b .txt1 {padding:0 0 15px;font-size:14px; border-bottom:1px dashed #ddd;word-break: keep-all;}
.s0401_wrap .col_box .txt_b ul {}
.s0401_wrap .col_box .txt_b ul li {position:relative;min-height: 20px;padding-left:80px;word-break: keep-all;}
.s0401_wrap .col_box .txt_b ul li span {position:absolute; top:0; left:10px;}

@media(max-width:1145px){
	.s0401_wrap .col_box {float:none; width:98%;}
}

@media(max-width:580px){
	.s0401_wrap .col_box {padding:25px;}
	.s0401_wrap .col_box .img_b {position:static; margin:0 auto 10px; height:auto;}

}

/* sub040101 구성원(교수) 스타일변경 */
.s0401_wrap .col_box .txt_b .tit {color: #013b8d;}
.s0401_wrap .col_box .txt_b ul li {background:none;}
.s0401_wrap .col_box .txt_b ul li:before {display: inline-block;position: absolute;left: 2px;top: 9px; width: 4px;height: 4px; background: #0b84c0;content: '';}
.s0401_wrap .col_box .txt_b ul li span {font-weight:500;}



/* sub020204 교과목 개요 */
.border_box {border-bottom:1px dashed #dedede; padding-bottom:30px;}
.border_box p.right {margin-top:-40px}
@media (max-width:676px){
    .border_box p.right {margin-top:-10px}
}


/* sub010104 홍보동영상 */
.s010104 .iframe_box{position:relative; width:100%; height:auto; padding-bottom: 56.44%;}
.s010104 .iframe_box iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;}


/* 20220602 학생활동 sub0307 css */
.s0307 .box1, .s0307 .box2, .s0307 .box3, .s0307 .box4, .s0307 .box5, .s0307 .box6, .s0307 .box7{float: left;display:block; background: url(/sts/img/sub03/sub0307_img.png) no-repeat; margin-right: 28px; margin-bottom: 20px;}
.s0307 .border_box {border-bottom:1px dashed #dedede; padding-bottom:35px;}
.s0307 .box1{ margin-top: 0px;}
.s0307 .box1{width: 85px; height: 85px;background-position: 4px -373px;}
.s0307 .box2{width: 85px; height: 85px;background-position: -244px -210px;}
.s0307 .box3{width: 85px; height: 85px;background-position: -329px -205px;}
.s0307 .box4{width: 85px; height: 85px;background-position: -165px -375px;}
.s0307 .box5{width: 85px; height: 85px;background-position: -81px -375px;}
.s0307 .box6{width: 85px; height: 85px;background-position: -329px -294px;}
.s0307 .box7{width: 85px; height: 85px;background-position:  4px -375px;}

@media(max-width:1024px){
    .s0307 .box1, .s0307 .box2, .s0307 .box3, .s0307 .box4, .s0307 .box5, .s0307 .box6, .s0307 .box7{float: none; margin: 0 auto; margin-top: 30px;}
    .s0307 h3, .s0307 p{text-align: center;}
    .s0307 h3{margin-top: 20px;}
}