@charset "utf-8";


/*슬라이드*/
/* 슬라이드 */
.wrap_visual,
.wrap_visual .slick-list { }

.wrap_visual .slick-list {
    position: relative;
    top: 0;
    left: 50%;
    width: 870px;
    margin-left: -435px;
}

.wrap_visual .slick-slide img {
    /* 핵심 수정 부분 */
    width: 100%;           /* 이미지의 원래 가로 길이를 유지 */
    max-width: 100%;       /* 컨테이너보다 클 경우에만 컨테이너 너비에 맞게 줄임 (확대 방지) */
    height: auto;          /* 세로 비율 유지 */
    margin: 0 auto;        /* 슬라이드 내부에서 중앙 정렬 */
    display: block;
}

@media only screen and (max-width: 1024px) {
    .wrap_visual {
        max-height: 450px;
        transform: translate(0, -350px);
    }
    .wrap_visual .slick-list {
        width: 1024px;
        margin-left: -512px;
    }
}

@media only screen and (max-width: 768px) {
    .wrap_visual {
        max-height: 350px;
        transform: translate(0, -350px);
    }
    .wrap_visual .slick-list {
        width: 768px;
        margin-left: -384px;
    }
}
/*콘트롤*/
.wrap_visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .control{position:absolute;left:0;bottom:100px;width:100%;}
.wrap_visual .control .container{display:flex;align-items:center;justify-content:center;line-height:0;position:relative;}

.wrap_visual .control .numbering{display:none;}

.wrap_visual .control .paging{}
.wrap_visual .control .paging ul{display:flex !important;align-items:flex-end;}
.wrap_visual .control .paging ul li{margin-right:5px;height:2px;}
.wrap_visual .control .paging ul li button{width:30px;height:100%;background:rgba(255,255,255,0.8);}
.wrap_visual .control .paging ul li.slick-active{height:5px;}
.wrap_visual .control .paging ul li.slick-active button{background:#007d77;}

.wrap_visual .control .playstop{}
.wrap_visual .control .playstop button{margin-left:10px;display:none;width:20px;height:20px;vertical-align:1px;background-color:rgba(255,255,255,1);background-repeat:no-repeat;background-position:center;border-radius:100%;}
.wrap_visual .control .playstop button.on{display:inline-block;}
.wrap_visual .control .playstop button.play{background-image:url(/sites/style_guide/images/common/play_1_b.png);}
.wrap_visual .control .playstop button.stop{background-image:url(/sites/style_guide/images/common/pause_1_b.png);}

.wrap_visual .prevnext{}
.wrap_visual .prevnext button{display:none !important;width:50px;height:50px;background:url(/sites/style_guide/images/common/arrow_3_w.png) no-repeat center;position:absolute;top:0;}
.wrap_visual .prevnext button.prev{left:0;transform:rotate(180deg);}
.wrap_visual .prevnext button.next{right:50px;}

@media all and (max-width:1024px){
}
@media all and (max-width:768px){
}






/* 전공명 추가 */
.wrap_visual {position: relative;}
.wrap_major {width: 100%; position: absolute; bottom: 130px; left: 50%; transform: translateX(-50%); z-index: 1;}
.wrap_major ul {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 24px; padding: 0 7%;}
.wrap_major li {
    font-size: 28px; font-weight: 700; letter-spacing: 0; color: #FFF; text-align: center;
    width: 47.5%; max-width: 267px; padding: 7px 0;
    border: 3px solid #008791; border-radius: 20px; background: rgba(0,0,0,.3); backdrop-filter: blur(2px);
}

@media all and (max-width: 1600px) {
    .wrap_major li {font-size: 1.65vw;}
}
@media all and (max-width: 1024px) {
    .wrap_major {bottom: -260px;}
    .wrap_major ul {padding: 0 3%;}
    .wrap_major li {font-size: 24px; max-width: none;}
}
@media all and (max-width: 768px) {
    .wrap_major {bottom: -310px;}
    .wrap_major ul {row-gap: 16px;}
    .wrap_major li {font-size: 20px;}
}
@media all and (max-width: 480px) {
    .wrap_major {bottom: -320px;}
    .wrap_major ul {row-gap: 10px;}
    .wrap_major li {font-size: 16px; border-width: 2px; border-radius: 12px;}
}