@charset "utf-8";

/*학과별 홍보영상(전체학과)*/
.major-type-wrap .inner::after {content:""; display: table; clear: both;}
.major-type-wrap .inner {display: flex; flex-wrap: wrap; overflow: hidden;}
.major-type-wrap .inner .type-list {position: relative; width: 48.5%; float: left; margin-right: 2.5%; margin-bottom: 2.5%; padding-top: 40px; border: 1px solid #e8e9ee; border-bottom: 2px solid #004e96;}
.major-type-wrap .inner .type-list:nth-child(2n) {margin-right: 0;}
.major-type-wrap .type-image-box {width: 100%; height: 200px; position: relative; background-size: cover;}
.major-type-wrap .type-image-box.type-image-1 {background: url(/sites/kor/images/sub/coll_list_image_1.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-2 {background: url(/sites/kor/images/sub/coll_list_image_2.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-3 {background: url(/sites/kor/images/sub/coll_list_image_3.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-4 {background: url(/sites/kor/images/sub/coll_list_image_4.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-5 {background: url(/sites/kor/images/sub/coll_list_image_5.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-6 {background: url(/sites/kor/images/sub/coll_list_image_6.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-7 {background: url(/sites/kor/images/sub/coll_list_image_7.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-8 {background: url(/sites/kor/images/sub/coll_list_image_8.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-9 {background: url(/sites/kor/images/sub/coll_list_image_9.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-10 {background: url(/sites/kor/images/sub/coll_list_image_10.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-11 {background: url(/sites/kor/images/sub/coll_list_image_11.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-12 {background: url(/sites/kor/images/sub/coll_list_image_12.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-13 {background: url(/sites/kor/images/sub/coll_list_image_13.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-14 {background: url(/sites/kor/images/sub/coll_list_image_14.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-15 {background: url(/sites/kor/images/sub/coll_list_image_15.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-16 {background: url(/sites/kor/images/sub/coll_list_image_16.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-17 {background: url(/sites/kor/images/sub/coll_list_image_17.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-18 {background: url(/sites/kor/images/sub/coll_list_image_18.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-19 {background: url(/sites/kor/images/sub/coll_list_image_19.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-20 {background: url(/sites/kor/images/sub/coll_list_image_20.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-21 {background: url(/sites/kor/images/sub/coll_list_image_21.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-22 {background: url(/sites/kor/images/sub/coll_list_image_22.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-23 {background: url(/sites/kor/images/sub/coll_list_image_23.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-24 {background: url(/sites/kor/images/sub/coll_list_image_24.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-25 {background: url(/sites/kor/images/sub/coll_list_image_25.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-26 {background: url(/sites/kor/images/sub/coll_list_image_26.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-27 {background: url(/sites/kor/images/sub/coll_list_image_27.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-28 {background: url(/sites/kor/images/sub/coll_list_image_28.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-29 {background: url(/sites/kor/images/sub/coll_list_image_29.png) no-repeat top center;}
.major-type-wrap .type-image-box.type-image-30 {background: url(/sites/kor/images/sub/coll_list_image_30.png) no-repeat top center;}
.major-type-wrap .type-image-box .type-text-box {position: absolute; background-color: white; width: 270px; bottom: 0; left: 50%; margin-left: -135px; display: table; height: 60px;}
.major-type-wrap .type-image-box .type-text-box p {font-family: "Noto Regular"; font-size: 20px; color: #222222; text-align: center; display: table-cell; vertical-align: middle;}
.major-type-wrap .type-group {margin: 20px;}
.major-type-wrap .type-group.height-auto {height: 60px;}
.major-type-wrap .type-group::after {content:""; display: table; clear: both;}
.major-type-wrap .type-group li {overflow: hidden;}
.major-type-wrap .type-group li .dep {display: flex; flex-wrap: wrap; overflow: hidden;}
.major-type-wrap .type-group li .dep > div {width: 50%;}
.major-type-wrap .type-group li .dep > div:not(:last-child) {margin-bottom: 10px;}
.major-type-wrap .type-group li .line {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #dddddd;}
.major-type-wrap .type-group li .title {color: #23499e; font-family: "Noto Regular"; margin-bottom: 5px;}
.major-type-wrap .type-group li a {display: block; color: #333333; padding-left: 13px; position: relative; margin-bottom: 5px;}
.major-type-wrap .type-group li a:last-child {margin-bottom: 0;}
.major-type-wrap .type-group li a span {position: relative;}
.major-type-wrap .type-group li a span::before{content:""; display: block; position: absolute; width: 0%; height: 1px; background-color: #666666; transition: all .3s; left: 0; bottom: 0;}
.major-type-wrap .type-group li a::before {content:""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: #BAC4CD; left: 0; top: 10px;}
.major-type-wrap .type-group li a:hover span::before {width: 100%;}
.major-type-wrap .type-group li a[target=_blank] span::after {content:""; display: inline-block; width: 12px; height: 12px; background: url(/sites/kor/images/sub/blank_link.png); margin-left: 5px;}

@media all and (max-width: 768px) {
    .major-type-wrap .inner .type-list {width: 100%; margin-right: 0; margin-bottom: 20px; padding-top: 0;}
}

@media all and (max-width: 420px) {
    .major-type-wrap .type-group li .dep > div {width: 100%;}
}