@charset "utf-8";

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

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_int{}
.depart_int [data-depart-box="1"] .txts{background-color: #566C96; background-image: url(../../../images/site/mdesign/content/hs_box_img01.png);}
.depart_int [data-depart-box="1"] .imgs{background-image: url(../../../images/site/mdesign/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 #2D487A;}
.depart_int [data-depart-box="2"]{background-color: #F0F7FF;}
.depart_int [data-depart-box="2"] >ol>li>em:before{background-color: #003363 ;}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-1)>i{border-color: rgba(86, 108, 150, 0.2);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-2)>i{border-color: rgba(0, 91, 170, 0.2);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(1)>i>span:before{background-image: url(../../../images/site/common/Group%202227.svg);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2)>i>span:before{background-image: url(../../../images/site/common/Group%202234.svg);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(3)>i>span:before{background-image: url(../../../images/site/common/Group%202241.svg);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(4)>i>span:before{background-image: url(../../../images/site/common/Group%202196.svg);}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-1)>i:after{background-color: #566C96 ;}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-2)>i:after{background-color: #003363;}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-1)>i>span{background-color: #566C96; }
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-2)>i>span{background-color: #003363; }
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-1)>i>span:after{background-color: #566C96;}
.depart_int [data-depart-box="3"]>ul>li:nth-child(2n-2)>i>span:after{background-color: #003363;}
.depart_int [data-depart-box="5"] >ul.step4>li>strong{border-color: #003363;}
.depart_int [data-depart-box="5"] >ul.step4>li:nth-child(2n+2 )>strong{background-color: #566C96; border-color: #566C96; 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/mdesign/content/data-depart-box05.svg);}
.depart_int [data-depart-box="5"] >ul>li>strong:before{border-color: #003363;}
.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 .xx > ul >li{border-color:  rgba(47, 131, 231, 0.4);}
.depart_int [data-depart-box="6"] .wrap .tt strong:before{background-image: url(../../../images/site/mdesign/content/data-depart-box06.svg);}
.depart_int [data-depart-box="6"] .wrap .tt strong>span{color: #0F3192;}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	프로그램 평가관리체제

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.college_hi .hihihi {
    position: relative;
    height: 26.75em;
    box-sizing: border-box;
    background: url(../../../images/site/mdesign/content/hi_head.jpg) no-repeat left center;
    background-size: cover;
}
.img800{text-align:center;width:100%;}
.img800 img{max-width:800px;width:100%;padding:0 20px;}
/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	
	학과시설

///////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.depart_fac{}
.depart_fac .img_box{}
.depart_fac .img_box:after{content: ""; display: block; clear: both;}
.depart_fac .img_box img{float: left; display: block; width: calc((100% - 1px - 1.875em) / 2);}
.depart_fac .img_box.imgs1 img{width: 100%;}
.depart_fac .img_box.imgs3 img{width: calc((100% - 1px - 3.75em) / 3);}
.depart_fac .img_box img:not(:first-child){margin-left: 1.875em;}

@media screen and (max-width: 1024px){
    .depart_fac .img_box img{width: calc((100% - 1px - 1.25em) / 2);}
    .depart_fac .img_box.imgs3 img{width: calc((100% - 1px - 2.5em) / 3);}
    .depart_fac .img_box img:not(:first-child){margin-left: 1.25em;}
}

@media screen and (max-width: 640px){
    .depart_fac .img_box img{width: calc((100% - 1px - 1em) / 2);}
    .depart_fac .img_box.imgs3 img{width: calc((100% - 1px - 2em) / 3);}
    .depart_fac .img_box img:not(:first-child){margin-left: 1em;}
}