@charset "utf-8";

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	학과소개

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_int{}
.depart_int [data-depart-box="1"] .txts{background-color: #005BAA; background-image: url(../../../images/site/ssm/content/hs_box_img01.png);}
.depart_int [data-depart-box="1"] .imgs{background-image: url(../../../images/site/ssm/content/hs_box_img02.jpg);}
.depart_int [data-depart-box="1"] .txts .eng,
.depart_int [data-depart-box="1"] .txts .tt{text-shadow: 2px 2px 10px #2274D6;}
.depart_int [data-depart-box="2"]{background-color: #F0F7FF;}
.depart_int [data-depart-box="2"] >ol>li>em:before{background-color: #2F83E7;}
[data-depart-box="4"] .tt:first-child .t{background-color: #005BAA; box-shadow: 0px 10px 40px rgba(0, 91, 170, 0.3);}
[data-depart-box="4"] .tt:nth-child(2) .t{background-color: #7BB250; box-shadow: 0px 10px 40px rgba(123, 178, 80, 0.3);}
.depart_int [data-depart-box="5"] >ul.step4>li>strong{border-color: #005BAA;}
.depart_int [data-depart-box="5"] >ul.step4>li:nth-child(2n+2 )>strong{background-color: #7BB250; border-color: #7BB250; color: #fff; font-weight: 400;}
.depart_int [data-depart-box="5"] >ul>li:before, 
.depart_int [data-depart-box="5"] >ul>li:after{background-image: url(../../../images/site/ssm/content/data-depart-box05.svg);}
.depart_int [data-depart-box="5"] >ul>li>strong:before{border-color: #005BAA;}
.depart_int [data-depart-box="6"] .wrap .tt{border-color: #F0F7FF;}
.depart_int [data-depart-box="6"] .wrap .xx > ul{background-color: #F0F7FF;}
.depart_int [data-depart-box="6"] .wrap .tt strong:before{background-image: url(../../../images/site/ssm/content/data-depart-box06.svg);}
.depart_int [data-depart-box="6"] .wrap .tt strong>span{color: #005BAA}
.depart_int .t_img img{width: 100%;}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	교육과정 로드맵

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.dlist_wrap .dlist_box > li [data-list] > li{text-align: left;}
@media screen and (min-width: 1025px){
    .dlist_wrap .dlist_box > li{width: calc((100% - 1px  - 6.25em) / 5);}
    
}
@media screen and (max-width: 1400px) and (min-width: 1025px){
    .dlist_wrap .dlist_box > li{width: calc((100% - 1px  - 3em) / 5);}
    .dlist_wrap .dlist_box >li:not(:first-child){margin-left: 0.75em;}
    .dlist_wrap .dlist_box >li >ul >li{padding: 1.1em 0.75em;}
}
@media screen and (max-width: 1024px) and (min-width: 841px){
    .dlist_wrap .dlist_box > li{width: calc((100% - 1px  - 6.25em) / 5);}
}
@media screen and (max-width: 840px) and (min-width: 641px){
    .dlist_wrap .dlist_box{font-size: 0.9em;}
    .dlist_wrap .dlist_box > li{width: calc((100% - 1px  - 3em) / 5);}
    .dlist_wrap .dlist_box >li:not(:first-child){margin-left: 0.75em;}
    .dlist_wrap .dlist_box >li >ul >li{padding: 1.1em 0.75em;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	졸업 후 진로

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_jobs{}
.depart_jobs .img_box{}
.depart_jobs .img_box:after{content: ""; display: block; clear: both;}
.depart_jobs .img_box img{float: left; display: block; width: calc((100% - 1px - 3.75em) / 3);}
.depart_jobs .img_box img:not(:first-child){margin-left: 1.875em;}
@media screen and (max-width: 1024px){
    .depart_jobs .img_box img{width: calc((100% - 1px - 2em) / 3);}
    .depart_jobs .img_box img:not(:first-child){margin-left: 1em;}
}
@media screen and (max-width: 640px){
    .depart_jobs .img_box img{width: calc((100% - 1px - 1.2em) / 3);}
    .depart_jobs .img_box img:not(:first-child){margin-left: 0.6em;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	취득자격증

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_cert{}
.depart_cert .imgs_box{}
.depart_cert .imgs_box:after{content: ""; display: block; clear: both;}
.depart_cert .imgs_box img{float: left; display: block; width: calc((100% - 1px - 1.875em) / 2);}
.depart_cert .imgs_box img:not(:first-child){margin-left: 1.875em;}
.depart_cert .img_box{margin-top: 2.5em;}
.depart_cert .img_box img{display: block; width: 100%;}
@media screen and (max-width: 1024px){
    .depart_cert .imgs_box img{width: calc((100% - 1px - 1em) / 2);}
    .depart_cert .imgs_box img:not(:first-child){margin-left: 1em;}
}
@media screen and (max-width: 640px){
    .depart_cert .imgs_box img{width: calc((100% - 1px - 0.6em) / 2);}
    .depart_cert .imgs_box img:not(:first-child){margin-left: 0.6em;}
}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	취업연계업체

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_link{}
.depart_link .tw{}
.depart_link .tw2{margin-top: 3.125em;}
.depart_link .tw:after,
.depart_link .tw2:after{content: ""; display: block; clear: both;}
.depart_link .tw .tb,
.depart_link .tw2 .tb{float: left; width: calc((100% - 1px - 4.875em) / 4);/* min-height: 33em; */padding: 0 1.25em 1.25em; border: 1px solid #DEDEDE; border-top-color: #000; box-sizing: border-box;}
.depart_link .tw .tb div,
.depart_link .tw2 .tb div{}
.depart_link .tw .tb:not(:first-child),
.depart_link .tw2 .tb:not(:first-child){margin-left: 1.625em;}
.depart_link .tw .tb div .tt,
.depart_link .tw2 .tb div .tt{display: block; width: calc(100% + 2.5em + 2px); margin-left: calc(-1.25em - 1px); padding: 0.625em 0; background-color: #F1F4FC; text-align: center; font-weight: 500; color: #222; box-sizing: border-box;}
.depart_link .tw .tb div .tt span,
.depart_link .tw2 .tb div .tt span{font-size: 1.125em;}
.depart_link .tw .tb div img{display: block; width: calc(100% + 2.5em); margin-left: -1.25em;}
.depart_link .tw .tb div [data-list],
.depart_link .tw2 .tb div [data-list]{margin-top: 1em;}
.depart_link .tw2 .tb div [data-list] li strong{display: inline-block; margin-right: 0.25em; font-weight: 500;}
.depart_link .tw2 .tb div [data-list] li .btns{display: inline-block; padding: 0.25em 0.35em; background-color: #0071D9; color: #fff; font-size: 0.875em; box-sizing: border-box;}

@media screen and (max-width: 1024px){
    .depart_link .tw .tb,
    .depart_link .tw2 .tb{width: calc((100% - 1px - 3em) / 4);}
    .depart_link .tw .tb:not(:first-child),
    .depart_link .tw2 .tb:not(:first-child){margin-left: 1em;}
}

@media screen and (max-width: 740px){
    .depart_link .tw .tb,
    .depart_link .tw2 .tb{width: calc((100% - 1px - 1em) / 2);}
    .depart_link .tw .tb:not(:first-child),
    .depart_link .tw2 .tb:not(:first-child){margin-left: 0em;}
    .depart_link .tw .tb:nth-child(2n-1),
    .depart_link .tw2 .tb:nth-child(2n-1){margin-right: 1em;}
    .depart_link .tw .tb:nth-child(n+3),
    .depart_link .tw2 .tb:nth-child(n+3){margin-top: 1em;}
    .depart_link .tw .tb:nth-child(1),
    .depart_link .tw .tb:nth-child(2){height: auto !important; min-height: 29.5em;}
    .depart_link .tw2 .tb:nth-child(3),
    .depart_link .tw2 .tb:nth-child(4){height: auto !important; min-height: 18em;}
}