/* COMMON */
.wrap{position:relative; min-width:1600px;}

.inner-container{width:100%; max-width:1600px; margin:0px auto;}
@media (max-width:768px){
body{overflow-x:hidden;}
.wrap{min-width:auto;}

.inner-container{padding:0 20px;}
}

/* HEADER */
header{display:flex; flex-direction:column; position:relative;}
header .header-nav{width:100%; height:36px; display:flex; justify-content:space-between; align-items:center; background:#313133;}
header .header-nav nav{display:flex; gap:28px;}
header .header-nav nav a{display:block; font-size:13px; font-weight:300; line-height:1; color:rgba(255,255,255,0.9);}
header .header-nav nav a strong{font-weight:500;}
.header-mb{display:none;}

.header-gnb-wrap{width:100%; height:84px; display:flex; align-items:center; background:transparent; border-bottom:1px solid rgba(255,255,255,0.35); position:absolute; top:100%; z-index:10;}
.main-body .header-gnb-wrap{background:#7D1B2C; position:relative;}
.header-gnb-wrap .header-gnb{display:flex; align-items:center;}
.header-gnb-wrap .header-gnb .header-logo{flex:1;}
.header-gnb-wrap .header-gnb .header-logo a{display:inline-block;}
.header-gnb-wrap .header-gnb .header-logo a img{height:48px; display:block;}

.header-gnb-wrap .header-gnb .gnb{display:flex; gap:88px;}
.header-gnb-wrap .header-gnb .gnb > li{position:relative;}
.header-gnb-wrap .header-gnb .gnb > li > a{height:48px; display:flex; align-items:center; font-size:18px; font-weight:500; line-height:1; color:#fff;}
.header-gnb-wrap .header-gnb .gnb > li > ul{display:none; min-width:200px; background:#fff; border-radius:8px; box-shadow:0 3px 6px rgba(0,0,0,0.15); position:absolute; top:100%; padding:10px 0; z-index:10;}
.header-gnb-wrap .header-gnb .gnb > li > ul.active{display:block;}
.header-gnb-wrap .header-gnb .gnb > li > ul > li{}
.header-gnb-wrap .header-gnb .gnb > li > ul > li > a{width:100%; display:block; font-size:14px; font-weight:400; line-height:1.2; color:#333; letter-spacing:-0.02em; word-break:keep-all; padding:8px 20px 8px 32px;}
.header-gnb-wrap .header-gnb .gnb > li > ul > li > a:hover{font-weight:500; color:#7D1B2C; background:rgba(125,27,44,0.05);}

.header-gnb-wrap .header-gnb .gnb > li > ul > li .gnb-depth3{display:none;}
@media (max-width:768px){
.header-pc{display:none;}
    
.header-mb{height:52px; display:flex; z-index:50;}
.header-mb .header-mb-inner{width:100%; height:52px; display:flex; align-items:center;
background:#fff; border-bottom:1px solid #eee; box-shadow:0 0 5px rgba(0, 0, 0, 0.1); position:fixed; top:0; left:0; padding:0 20px;}
.header-mb .header-logo{flex:1; display:flex;}
.header-mb .header-logo a{display:flex; align-items:center;}
.header-mb .header-logo a img{height:32px; display:block;}

.header-mb .hamburger{}
}

/* FOOTER */
footer{width:100%; background:#222222; padding:30px 0;}
footer .footer-t-wrap{}
footer .footer-t-wrap .footer-t{display:flex; align-items:flex-end;}
footer .footer-t-wrap .footer-t .footer-logo{flex:1;}
footer .footer-t-wrap .footer-t .footer-logo a{display:block;}
footer .footer-t-wrap .footer-t .footer-logo a img{height:48px; display:block;}

footer .footer-t-wrap .footer-t .footer-family{}
footer .footer-t-wrap .footer-t .footer-family select{min-width:222px; height:42px; font-size:13px; font-weight:500; color:#fff; background:#3B3B3B; border:none; border-radius:8px; padding:8px 16px;}


footer .footer-b-wrap{border-top:1px solid rgba(255,255,255,0.15); padding:20px 0 0; margin:20px 0 0;}
footer .footer-b-wrap .footer-b{display:flex; justify-content:space-between; align-items:flex-end;}
footer .footer-b-wrap .footer-b .footer-b-l{display:flex; flex-direction:column; gap:16px;}
footer .footer-b-wrap .footer-b .footer-b-l ul{display:flex; gap:24px;}
footer .footer-b-wrap .footer-b .footer-b-l ul li{}
footer .footer-b-wrap .footer-b .footer-b-l ul li a{display:block; font-size:13px; color:#777;}
footer .footer-b-wrap .footer-b .footer-b-l address{display:flex; flex-direction:column; gap:6px;}
footer .footer-b-wrap .footer-b .footer-b-l address p{font-size:13px; font-weight:400; line-height:1; color:#777;}
footer .footer-b-wrap .footer-b .footer-b-l address p span{}
footer .footer-b-wrap .footer-b .footer-b-l address p span + span{margin:0 0 0 46px;}
footer .footer-b-wrap .footer-b .footer-b-l address p span strong{color:#fff; margin:0 4px 0 0;}

footer .footer-b-wrap .footer-b .footer-b-r{}
footer .footer-b-wrap .footer-b .footer-b-r p{font-size:12px; font-weight:400; line-height:1; color:rgba(255,255,255,0.2);}
@media (max-width:768px){
footer{padding:20px 0;}
footer .footer-t-wrap .footer-t{flex-direction:column; align-items:center; gap:12px;}
footer .footer-t-wrap .footer-t .footer-logo a img{height:34px;}
footer .footer-t-wrap .footer-t .footer-family select{min-width:184px; height:36px; font-size:12px; font-weight:400; padding:8px 12px;}
footer .footer-b-wrap{padding:16px 0 0; margin:16px 0 0;}
footer .footer-b-wrap .footer-b{flex-direction:column; gap:16px;}
footer .footer-b-wrap .footer-b .footer-b-l address{}
footer .footer-b-wrap .footer-b .footer-b-l address p{display:flex; gap:28px; font-size:12px; line-height:1.25;}
footer .footer-b-wrap .footer-b .footer-b-l address p span + span{margin:0;}

footer .footer-b-wrap .footer-b .footer-b-r p{font-size:11px; line-height:1.25;}
}


/* SITE MAP */
.siteMap-wrap{width:100%; height:100vh; display:flex; flex-direction:column; background:url(/img/siteMap-bg.jpg)no-repeat center/cover; border-top:4px solid #FF7B26; position:relative;}
.siteMap-wrap:before{content:""; width:100%; height:100%; display:block; background:rgba(137,49,65,0.925); position:absolute; z-index:10;}

.siteMap-head{display:flex; align-items:center; position:relative; padding:24px 54px; z-index:20;}
.siteMap-head .siteMap-logo{flex:1; display:flex;}
.siteMap-head .siteMap-logo a{display:flex; align-items:center;}
.siteMap-head .siteMap-logo a img{height:48px; display:block;}
.siteMap-head button{}
.siteMap-head button i{font-size:38px; color:#fff;}

.siteMap-body{flex:1; display:flex; justify-content:center; align-items:center; position:relative; top:-48px; z-index:20;}
.siteMap-body .siteMap-menu{display:flex;}
.siteMap-body .siteMap-menu > li{}
.siteMap-body .siteMap-menu > li > a{display:block; font-size:22px; font-weight:500; line-height:1; color:#fff; border-bottom:1px solid rgba(255,255,255,0.25); padding:0 0 20px; margin:0 0 20px;}
.siteMap-body .siteMap-menu > li.active > a{color:#fff900; border-bottom:1px solid #fff900}
.siteMap-body .siteMap-menu > li ul{padding:0 82px 0 0;}
.siteMap-body .siteMap-menu > li ul li{}
.siteMap-body .siteMap-menu > li ul li + li{margin:20px 0 0;}
.siteMap-body .siteMap-menu > li ul li a{display:block; font-size:16px; font-weight:400; line-height:1; color:rgba(255,255,255,0.85); white-space:nowrap;}
.siteMap-body .siteMap-menu > li ul li.active a{color:#fff900;}

.siteMap-body .siteMap-menu > li .siteMap-depth3{display:none;}

/* SIDE BAR */
.side-overlay{display:none; position:fixed; top:0; bottom:0; left:0; right:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.7); z-index:90; opacity:0; transition:all 0.5s ease-in-out;}
.side-overlay.active{display:block; opacity:1;}

#sidebar{width:80%; min-width:300px; max-width:350px; height:100vh; display:block;
background:#fff; transition:0.3s; position:fixed; top:0; right:-350px; overflow-y:scroll; z-index:100;}
#sidebar.active{right:0;}
#sidebar .sidebar-t{display:flex; align-items:center; background:#7D1B2C; padding:12px 4px 12px 12px;}
#sidebar .sidebar-t .sidebar-t-logo{flex:1;}
#sidebar .sidebar-t .sidebar-t-logo a{display:flex; align-items:center;}
#sidebar .sidebar-t .sidebar-t-logo a img{height:32px; display:block;}
#sidebar .sidebar-t .side-out{padding:4px 8px;}
#sidebar .sidebar-t .side-out i{font-size:20px; color:#fff;}

#sidebar .sidebar-b{background:#eee; overflow-x:auto;}
#sidebar .sidebar-b ul{width:100%; display:flex; gap:16px; padding:10px 16px;}
#sidebar .sidebar-b ul li{}
#sidebar .sidebar-b ul li a{display:block; font-size:12px; line-height:1; color:#333; white-space:nowrap;}
#sidebar .sidebar-b::-webkit-scrollbar{height:1px;}
#sidebar .sidebar-b::-webkit-scrollbar-track{background:#f3f3f3; margin:40px 0;}
#sidebar .sidebar-b::-webkit-scrollbar-thumb{background:#777; border-radius:20px;}

.side-menu{border-bottom:1px solid #e5e5e5;}
.side-menu .side-depth1{position:relative;}
.side-menu .side-depth1 + .side-depth1{border-top:1px solid #e5e5e5;}
.side-menu .side-depth1 > .side-bt{display:block; font-size:16px; font-weight:500; line-height:1; color:#222; padding:16px 16px;}
.side-menu .side-depth1 > .side-bt.side-bt-on{color:#fff; background:rgba(125, 27, 44, 0.675); border-bottom:1px solid rgba(125, 27, 44, 0.8);}

.side-menu .side-depth2-wrap{display:none; background:#f7f7f7;}
.side-menu li.side-bt .side-depth2-wrap{display:block;}
.side-menu .side-depth2{position:relative;}
.side-menu .side-depth2 > a:not(.open-arrow){display:block; font-size:15px; line-height:1; padding:14px 14px 14px 32px; color:#353535; font-weight:400;}

.side-menu .side-depth3-wrap{display:none; background:#e5e5e5; padding:8px 0;}
.side-menu li.side-bt .side-depth3-wrap{display:block;}
.side-menu .side-depth3{position:relative;}
.side-menu .side-depth3 > a:not(.open-arrow){display:block; font-size:13px; line-height:1; padding:8px 32px 8px 48px; color:#353535; font-weight:400;}
.side-menu li.side-depth2.depth-on > .open-arrow i{color:#222;}

.side-menu .open-arrow{width:44px; height:44px; display:flex; justify-content:center; align-items:center; position:absolute; top:0; right:0; transition:all 0.3s ease; cursor:pointer;}
.side-menu .open-arrow i{font-size:16px; color:#222; position:relative; top:2px;}
.side-menu li > .open-arrow .la-angle-up{display:none;}
.side-menu li.depth-on > .open-arrow .la-angle-up{display:block;}
.side-menu li.depth-on > .open-arrow .la-angle-down{display:none;}
.side-menu li.depth-on > .open-arrow i{color:#fff;}




/* VISUAL */
.visual-wrap{width:100%; max-width:1920px; height:702px; display:flex; align-items:center; background:url(/img/visual-bg.jpg)no-repeat center/cover; position:relative; padding:30px 0; margin:auto; overflow:hidden;}

.visual{display:flex; align-items:center; gap:48px;}

.visual .visual-title-wrap{flex: 1 0 348px; position:relative; z-index:10;}
.visual .visual-title{text-align:center;}
.visual .visual-title h2{display:block; font-size:58px; font-weight:500; line-height:1; color:#000; border:1px solid rgba(0,0,0,0.38); border-width:1px 0; padding:30px 0;}
.visual .visual-title P{font-size:18px; font-weight:400; line-height:1.25; color:rgba(0,0,0,0.8); margin:18px 0 0;}

.visual .visual-bt{display:flex; flex-direction:column; gap:12px; margin:58px 0 0;}
.visual .visual-bt li{border-radius:50px;}
.visual .visual-bt li:nth-of-type(1){border:1px solid #FF2F26;}
.visual .visual-bt li:nth-of-type(2){border:1px solid #FF7B26;}
.visual .visual-bt li:nth-of-type(1) a p{color:#FF2F26;}
.visual .visual-bt li:nth-of-type(2) a p{color:#FF7B26;}
.visual .visual-bt li a span{width:16px; height:16px; margin:0 4px 0 0;}
.visual .visual-bt li:nth-of-type(1) a span{background:url(/img/visual-title-bt01-c.svg) no-repeat center;}
.visual .visual-bt li:nth-of-type(1):hover a span{background:url(/img/visual-title-bt01.svg) no-repeat center;}
.visual .visual-bt li:nth-of-type(2) a span{background:url(/img/visual-title-bt02-c.svg) no-repeat center;}
.visual .visual-bt li:nth-of-type(2):hover a span{background:url(/img/visual-title-bt02.svg) no-repeat center;}
.visual .visual-bt li:nth-of-type(1):hover{background:#FF2F26;}
.visual .visual-bt li:nth-of-type(1):hover a p{font-weight:500; color:#fff;}
.visual .visual-bt li:nth-of-type(2):hover{background:#FF7B26;}
.visual .visual-bt li:nth-of-type(2):hover a p{font-weight:500; color:#fff;}
.visual .visual-bt li a{height:46px; display:flex; justify-content:center; align-items:center;}
.visual .visual-bt li a img{height:16px; display:block; margin:0 4px 0 0;}
.visual .visual-bt li a p{font-size:14; font-weight:700; line-height:1;}


.visual .visual-swiper{flex: 1 0 100%; max-width:1364px; height:642px; border-radius:32px 0 0 32px;}
.visual .visual-swiper .swiper-slide{}
.visual .visual-swiper .swiper-slide a{}
.visual .visual-swiper .swiper-slide a img{width:100%; display:block;}
.visual .visual-swiper .swiper-pagination{bottom:35px;}
.visual .visual-swiper .swiper-pagination-bullet{width:10px; height:10px; background:#fff; opacity:0.5; margin:0 6px!important;}
.visual .visual-swiper .swiper-pagination-bullet-active{background:#FF5625; opacity:1;}

.visual .visual-swiper.visual-swiper-pc{display:block;}
.visual .visual-swiper.visual-swiper-mb{display:none;}
@media (max-width:768px){
.visual-wrap{height:auto; padding:0 0 16px;}
.visual{flex-direction:column; gap:16px;}
.visual-wrap .visual-title-wrap{width:100%; flex:1 0; order:1;}
.visual-wrap .visual-title h2{font-size:24px; border:none; padding:0;}
.visual-wrap .visual-title p{font-size:12px; margin:8px 0 0;}

.visual-wrap .visual-bt{flex-direction:row; margin:14px 0 0;}
.visual-wrap .visual-bt li{width:50%;}
.visual-wrap .visual-bt li a{height:34px;}
.visual-wrap .visual-bt li a p{font-size:13px; line-height:1.45;}

.visual-wrap .visual-swiper{width:calc(100% + 40px); order:0; border-radius:0; position:relative; left:50%; transform:translate(-50%, 0px);}
.visual .visual-swiper .swiper-pagination{bottom:4px;}
.visual .visual-swiper .swiper-pagination-bullet{width:8px; height:8px;}

.visual .visual-swiper.visual-swiper-pc{display:none;}
.visual .visual-swiper.visual-swiper-mb{display:block;}
}

/* MAIN CONTENT */
.main-body section{padding:94px 0;}
.main-body section.section-bg-gray{background:#F8F8F8;}

.inner-section{display:flex; gap:48px;}
.inner-section > li{flex:1 0; display:flex; flex-direction:column;}

.inner-section .section-head{display:flex; align-items:flex-end; border-bottom:1px solid #888; padding:0 0 14px;}
.inner-section .section-head h3{flex:1; font-size:28px; font-weight:700; line-height:1; color:#222;}
.inner-section .section-head a{display:block;}
.inner-section .section-head a img{}

.inner-section .section-body{padding:18px 0 0;}
@media (max-width:768px){
.main-body section{padding:48px 0;}

.inner-section{flex-direction:column;}
.inner-section .section-head h3{font-size:22px;}
.inner-section .section-head a img{height:22px; display:block;}
.inner-section .section-head{padding:0 0 8px;}
.inner-section .section-body{padding:12px 0 0;}
}


/* MAIN CONTENT - 학사일정 */
.sec-schedule{}
.sec-schedule ul{display:flex; flex-direction:column; gap:6px;}
.sec-schedule ul li{border:1px solid #E5E5E5; border-radius:8px;}
.sec-schedule ul li a{display:flex; align-items:center; padding:12px;}
.sec-schedule ul li a .schedule-date{width:72px; height:72px; display:flex; flex-direction:column; justify-content:center; align-items:center; background:#7D1B2C; border-radius:8px; margin:0 16px 0 0;}
.sec-schedule ul li a .schedule-date small{font-size:14px; font-weight:500; line-height:1; color:#fff;}
.sec-schedule ul li a .schedule-date h3{font-size:34px; font-weight:900; line-height:1; color:#fff; margin:2px 0 0;}
.sec-schedule ul li a .schedule-date-text{flex:1; display:flex;}
.sec-schedule ul li a .schedule-date-text p{flex:1; font-size:17px; font-weight:500; line-height:1; color:#222;}
.sec-schedule ul li a .schedule-date-text span{font-size:15px; font-weight:400; line-height:1; color:#a1a1a1;}
.sec-schedule ul li a:hover .schedule-date-text p,
.sec-schedule ul li a:hover .schedule-date-text span{text-decoration:underline;}
@media (max-width:768px){
.sec-schedule ul li a{padding:8px;}
.sec-schedule ul li a .schedule-date{width:56px; height:56px; margin:0 8px 0 0;}
.sec-schedule ul li a .schedule-date small{font-size:12px;}
.sec-schedule ul li a .schedule-date h3{font-size:24px;}
.sec-schedule ul li a .schedule-date-text{flex-direction:column; gap:8px;}
.sec-schedule ul li a .schedule-date-text p{font-size:16px; line-height:1.15;
text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sec-schedule ul li a .schedule-date-text span{font-size:12px;}
}

/* MAIN CONTENT - 공지사항 */
.sec-notice{}
.sec-notice ul{display:flex; flex-direction:column;}
.sec-notice ul li{border-bottom:1px solid #E5E5E5;}
.sec-notice ul li a{height:81px; display:flex; align-items:center; padding:12px;}
.sec-notice ul li a p{flex:1; display:flex; font-size:17px; font-weight:500; line-height:1; color:#222;}
.sec-notice ul li a p:before{content:"·"; display:inline-block; margin:0 6px 0 0;}
.sec-notice ul li a span{font-size:15px; font-weight:400; line-height:1; color:#a1a1a1;}
.sec-notice ul li a:hover p,
.sec-notice ul li a:hover span{text-decoration:underline;}
@media (max-width:768px){
.sec-notice ul{position:relative; top:-12px;}
.sec-notice ul li a{height:auto; align-items:flex-start; gap:12px; padding:12px 8px;}
.sec-notice ul li a p{font-size:16px; line-height:1.15;
text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.sec-notice ul li a p::before{display:none;}
.sec-notice ul li a span{font-size:12px; line-height:1.15;}
}

/* MAIN CONTENT - 학부소식 */
.sec-news-wrap{position:relative;}
.sec-news{overflow:hidden;}
.sec-news .sec-news-swiper{overflow:visible;}
.sec-news .sec-news-swiper .swiper-slide{}
.sec-news .sec-news-swiper .swiper-slide a{display:flex; flex-direction:column; background:#fff; box-shadow:2px 2px 8px rgba(0,0,0,0.05); border-radius:8px; padding:12px 12px 22px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-img{position:relative; padding-top:100%; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-img img{width:100%; height:100%; display:block; position:absolute; top:0; left:0; transition:1s;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text{display:flex; flex-direction:column; padding:0 16px; margin:20px 0 0;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text h3{width:100%; display:block; font-size:18px; font-weight:500; line-height:1; color:#222; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text p{height:4.2em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;
font-size:14px; font-weight:400; line-height:1.4; color:#222; text-overflow:ellipsis; margin:12px 0 0; overflow:hidden;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text span{display:block; font-size:13px; font-weight:400; line-height:1; color:#a1a1a1; margin:42px 0 0;}
.sec-news .sec-news-swiper .swiper-slide a:hover .sec-news-img img{transform:scale(1.05);}
.sec-news .sec-news-swiper .swiper-slide a:hover .sec-news-text{text-decoration:underline;}

.sec-news-wrap .swiper-button-prev,
.sec-news-wrap .swiper-button-next{width:62px; height:62px; background: #fff; border:1px solid #eee; border-radius: 50px; top:50%; margin-top:0; transform:translate(0px, -50%);}
.sec-news-wrap .swiper-button-prev{left:-74px;}
.sec-news-wrap .swiper-button-prev:after{content:"\f104"; font-size:20px; font-family:'Line Awesome Free'; color:#333;}
.sec-news-wrap .swiper-button-next{right:-74px;}
.sec-news-wrap .swiper-button-next:after{content:"\f105"; font-size:20px; font-family:'Line Awesome Free'; color:#333;}

.sec-news-wrap-pc{display:block;}
.sec-news-wrap-mb{display:none;}
@media (max-width:768px){
.sec-news{overflow:visible;}
.sec-news .sec-news-swiper{overflow:visible;}
.sec-news .sec-news-swiper .swiper-slide{width:75%;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text{padding:0 8px; margin:16px 0 0;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text h3{font-size:16px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text p{font-size:14px;}
.sec-news .sec-news-swiper .swiper-slide a .sec-news-text span{font-size:12px; margin:18px 0 0;}
.sec-news-wrap .swiper-button-prev, .MB .sec-news-wrap .swiper-button-next{display:none;}

.sec-news-wrap-pc{display:none;}
.sec-news-wrap-mb{display:block;}
}

/* MAIN CONTENT - YOUTUBE */
.sec-youtube{display:flex; align-items:center; gap:48px;}
.sec-youtube .sec-youtube-l{flex:1 0 1050px; border-radius:8px; overflow:hidden;}
.sec-youtube .sec-youtube-l span{width:100%; height:0; display:block; position:relative; padding-top:calc(9/16 * 100%);}
.sec-youtube .sec-youtube-l iframe{width:100%; height:100%; position:absolute; top:0; left:0;}

.sec-youtube .sec-youtube-r{}
.sec-youtube .sec-youtube-r .sec-youtube-title{display:block; font-size:28px; font-weight:400; line-height:1.3; color:#222; letter-spacing:-0.03em; margin:0 0 48px;}
.sec-youtube .sec-youtube-r .sec-youtube-title strong{font-weight:700; color:#FF0000;}

.sec-youtube .sec-youtube-r .sec-youtube-list{display:flex; flex-direction:column; border-top:1px solid #E5E5E5;}
.sec-youtube .sec-youtube-r .sec-youtube-list li{border-bottom:1px solid #E5E5E5;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a{display:flex; align-items:center; gap:16px; padding:20px 12px;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a .youtube-list-thumb{flex:1 0 162px; height:92px; border:1px solid #ddd; border-radius:8px; overflow:hidden;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a .youtube-list-thumb span{width:100%; height:100%; display:block; transition:1s;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a p{width:100%; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
font-size:18px; font-weight:700; line-height:1.3; color:#222; text-overflow:ellipsis; word-break:keep-all; overflow:hidden;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a:hover .youtube-list-thumb span{transform:scale(1.05);}
.sec-youtube .sec-youtube-r .sec-youtube-list li a:hover p{text-decoration:underline;}
@media (max-width:768px){
.sec-youtube{flex-direction:column; align-items:inherit; gap:12px;}
.sec-youtube .sec-youtube-l{flex:1 0 100%;}
.sec-youtube .sec-youtube-r .sec-youtube-title{font-size:18px; text-align:center; margin:0 0 12px;}
.sec-youtube .sec-youtube-r .sec-youtube-list{overflow-x:auto; flex-direction:row; border-bottom:1px solid #E5E5E5; padding:12px 8px;}
.sec-youtube .sec-youtube-r .sec-youtube-list li{display:flex; flex:1 0 75%; border:none;}
.sec-youtube .sec-youtube-r .sec-youtube-list li+li{border-left:1px solid #e5e5e5; padding:0 0 0 16px; margin:0 0 0 16px;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a{gap:8px; padding:0; flex:1 0;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a .youtube-list-thumb{flex:0 114px; height:64px;}
.sec-youtube .sec-youtube-r .sec-youtube-list li a .youtube-list-thumb span{width:100%; height:100%;}

.sec-youtube .sec-youtube-r .sec-youtube-list li a p{flex:1 0; height:auto; -webkit-line-clamp:3; font-size:14px; line-height:1.25;}
}

/* SUB */
.sub-contents{padding:40px 0 0;}
.sub-contents .inner-container{max-width:1280px; display:flex;}

.sub-contents-l{flex:1; min-width:15.375rem; margin:0 48px 0 0; z-index:10;}

.sub-contents-r{width:61.625rem;}

.sub-contents article{min-height:356px; position:relative; padding:1.5rem 0 1.5rem;}
.sub-contents article:last-of-type{padding:1.5rem 0 3.5rem;}
@media (max-width:768px){
.sub-contents{padding:0;}
.sub-contents .inner-container{flex-direction:column;}

.sub-contents-l{width:calc(100% + 40px); position:relative; top:0; left:50%; transform:translate(-50%, 0); margin:0;}

.sub-contents-r{width:100%;}
}

/* SUB - FONT */
.sub-title{display:block; font-size:2rem; font-weight:700; line-height:1; color:#222; letter-spacing:-.0125rem; border-bottom:1px solid #ddd; padding:0 0 1.5rem;}

.head-text{}
.head-text01{font-size:1.625rem; font-weight:700; line-height:1.25; color:#7D1B2C; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}
.head-text02{font-size:1.375rem; font-weight:700; line-height:1.25; color:#222; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}
.head-text03{font-size:1.25rem; font-weight:500; line-height:1.25; color:#333; letter-spacing:-.0125rem; margin:2.5rem 0 .5rem;}
.head-text03 small{font-size:1.125rem;}

.body-text{word-break:keep-all;}
.body-text+.body-text{margin:2rem 0 0;}
.body-text strong{font-weight:500;}
.body-text01{font-size:1.125rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}
.body-text02{font-size:1rem; font-weight:400; line-height:1.45; color:#333; letter-spacing:-.0125rem;}
.body-text03{font-size:.875rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}
.body-text04{font-size:.75rem; font-weight:400; line-height:1.5; color:#333; letter-spacing:-.0125rem;}

.list-none{}
.list-none li{display:flex; align-items:baseline;}
.list-none li+li{margin:10px 0 0;}
.list-none.list-dot{}
.list-none.list-dot li{}
.list-none.list-dot li:before{content:""; width:3px; height:3px; flex-shrink:0; display:inline-block; background:#7D1B2C; border-radius:50px; position:relative; top:-3px; margin:0 6px 0 0;}

.text-indent{}
.text-indent-depth01{text-indent:0.75rem;}
.text-indent-depth02{text-indent:1.5rem;}
.text-indent-depth03{text-indent:2.25rem;}
.text-indent-item{text-indent:-1.75rem; padding-left:3.125rem;}
.text-indent-item-depth01{text-indent:-1.25rem; padding-left:3.625rem;}
.text-indent-padding01{padding-left:1rem;}

@media (max-width:768px){
.sub-title{font-size:1.5rem; padding:20px 0;}

.head-text01{font-size:1.375rem;}
.head-text02{font-size:1.25rem;}
.head-text03{font-size:1.125rem;}
.head-text03 small{font-size:1rem;}

.body-text01{font-size:1rem;}
.body-text02{font-size:.875rem;}
.body-text03{font-size:.75rem;}
.body-text04{font-size:.6875rem; font-weight:300;}
}



/* SUB - TABLE */
.table-type01{width:100%; border-top:2px solid #7D1B2C;}
.table-type01 th,
.table-type01 td{vertical-align:middle; font-size:16px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; padding:8px 8px;}
.table-type01 th:last-of-type,
.table-type01 td:last-of-type{border-right:0;}
.table-type01 th{font-weight:500; color:#7D1B2C; background:rgba(125, 27, 44, 0.1);}
.table-type01 td{color:#555;}

.table-type02{width:100%; border-top:1px solid #333;}
.table-type02 th,
.table-type02 td{vertical-align:middle; font-size:14px; text-align:center; border:1px solid #ddd; border-width:0 1px 1px 0; padding:12px 8px;}
.table-type02 th:last-of-type,
.table-type02 td:last-of-type{border-right:0;}
.table-type02 th{font-weight:400; color:#222; background:#f1f2f7;}
.table-type02 td{font-weight:500; color:#555;}

.scroll_box {position:relative;}
.scroll_box span.scroll_icon {position:absolute; width:100px; height:100px; z-index:49; border-radius:10px; background:rgba(0, 0, 0, 0.75) url('/img/scroll.png') no-repeat center; left:50%; top:5%; transform:translateX(-50%); display:none;}
@media (max-width:768px){
.table-type01 th,
.table-type01 td{font-size:14px;}
.scroll_box .table-type01{width:720px;}
.scroll_box .table-type01 td, .scroll_box .table-type01 th {word-break:keep-all;}

.scroll_box .table-type02{width:720px;}
.scroll_box .table-type02 td, .scroll_box .table-type02 th {word-break:keep-all;}

.m_scroll {overflow:auto;}
.scroll_box span.scroll_icon {display:block;}
}

/*  SUB - VISUAL */
.sub-visual-wrap{width:100%; height:244px; display:flex; justify-content:center; align-items:flex-end; position:relative; z-index:0;
/*
animation:animate_background 13s linear;
@keyframes animate_background {
	0% {background-size:100%;}
	50% {background-size:115%;}
	100% {background-size:100%;}
*/
}
.sub-visual-wrap:before{content:""; width:100%; height:100%; display:block; background:rgba(0,0,0,0.45); position:absolute; z-index:0;}
.sub-visual-wrap.one {background:url(/img/sub-visual.jpg)no-repeat center/cover;}
.sub-visual-wrap.two {background:url(/img/sub-visual2.jpg)no-repeat center/cover;}
.sub-visual-wrap.three {background:url(/img/sub-visual3.jpg)no-repeat center/cover;}
.sub-visual-wrap.four {background:url(/img/sub-visual4.jpg)no-repeat center/cover;}
.sub-visual-wrap .inner-container{z-index:10;}
.sub-visual-wrap h1{font-size:2.25rem; font-weight:700; line-height:160px; color:#fff; text-align:center; text-shadow:0px 0px 4px rgba(0,0,0,0.15);}
@media (max-width:768px){
.sub-visual-wrap{height:auto;}
.sub-visual-wrap h1{font-size:1.75rem; line-height:122px;}
}


/* SUB - LNB */
.sub-lnb-wrap{display:flex; flex-direction:column;}
.sub-lnb-wrap h2{height:56px; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; background:#7d192d; border-radius:8px; padding:16px;}
.sub-lnb-wrap h2 small{font-size:13px; font-weight:300; line-height:1; color:#fff; opacity:0.5; margin:0 0 8px;}
.sub-lnb-wrap h2 strong{font-size:18px; font-weight:500; line-height:1; color:#fff;}
.sub-lnb{background:#fff;}
.sub-lnb > li{border-bottom:1px solid #d5d5d5;}
.sub-lnb > li > a{font-size:16px; font-weight:400; color:#333; display:flex; align-items:center; padding:14px 14px;}
.sub-lnb > li > a:hover{color:#7d1b2c;}
.sub-lnb > li > a span{display:none; flex-grow:1; font-size:13px; text-align:right;}
.sub-lnb > li > a span:after{content:"\f107"; font-family:'Line Awesome Free'; font-weight:900; display:block;}
.sub-lnb > li > a span{display:block;}
.sub-lnb > li > a.gnb-depth3-on span{}
.sub-lnb > li > a.gnb-depth3-on span:after{content:"\f106";}
.sub-lnb > li.on > a{font-weight:500; color:#7d192d;}
.sub-lnb > li .gnb-depth3{display:none; border-top:1px solid #7d1b2c; padding:4px 0;}
.sub-lnb > li .gnb-depth3 li{}
.sub-lnb > li .gnb-depth3 li:first-of-type{}
.sub-lnb > li .gnb-depth3 li a{font-size:14px; font-weight:400; line-height:1.35; color:#555; display:block; padding:10px 14px;}
.sub-lnb > li .gnb-depth3 li a:hover{text-decoration:underline;}
.sub-lnb > li .gnb-depth3 li.on{}
.sub-lnb > li .gnb-depth3 li.on a{font-weight:400; color:#7d192d; text-decoration:underline;}
.sub-lnb > li.on{}
.sub-lnb > li.on .gnb-depth3{display:block; background:#f5f5f5;}
@media (max-width:768px){
.sub-lnb-wrap{background:#7d192d; position:relative; padding:0 16px;}
.sub-lnb-wrap h2{height:42px; flex-direction:row; align-items:center; padding:0;}
.sub-lnb-wrap h2 small{display:none;}
.sub-lnb-wrap h2 strong{font-size:16px;}
.sub-lnb-wrap h2 span{flex-grow:1; font-size:16px; color:#fff; text-align:right;}
.sub-lnb-wrap h2 span:after{content:"\f107"; display:block;}
.sub-lnb-wrap h2.sub-lnb-on span:after{content:"\f106";}
.sub-lnb-wrap .sub-lnb{display:none; width:100%; position:absolute; top:100%; left:0; box-shadow:0 0 8px rgba(0, 0, 0, 0.25);}
.sub-lnb-wrap .sub-lnb > li > a{font-size:14px; padding:9px 16px;}

.sub-lnb > li.on .gnb-depth3{}
.sub-lnb > li .gnb-depth3 li a{font-size:13px;}
.sub-lnb > li > a.gnb-depth3-on span{font-size:15px;}
}

/* SUB - BreadCrumb */
.breadCrumb{}
.breadCrumb ul{display:flex; justify-content:flex-end;}
.breadCrumb ul li{display:flex; align-items:center;}
.breadCrumb ul li + li{}
.breadCrumb ul li + li:before{content:"\f105"; font-size:10px; font-family:'Line Awesome Free'; font-weight:900; line-height:1; margin:0 10px;}
.breadCrumb ul li a{font-size:12px; font-weight:400; line-height:1; color:#777;}
@media (max-width:768px){
.breadCrumb{display:none;}
}


/* 학부장 인사말 */
.gree-img {width:100%; height:150px; background:url('/img/greeting-img.png') no-repeat center/cover;}
.gree-wrap p {line-height:2rem;}
@media (max-width:768px){
.gree-img {background:url('/img/greeting-img-m.png') no-repeat center/cover;}
}

/* 비전/체계도 */
.vision-wrap {align-items:center; justify-content:center;}
.vision-wrap .circlebox {width:250px; height:250px; justify-content:center; align-items:center; border-radius:50%; border:5px solid #7D1B2C;  text-align:center;}
.vision-wrap .circlebox.circlebox1 {background-color:#fff;}
.vision-wrap .img-box {display:flex; justify-content:center; margin:15px 0; transform:rotate(270deg); margin:0 20px;}
.vision-wrap .img-box img {width:40px;}
.sub-txtbox {justify-content:space-between; margin-top:80px;}
.sub-txtbox li {position:relative; display:flex; width:30%; flex-direction:column; justify-content:center; align-items:center;}
.sub-txtbox li::before {display:block; position:absolute; top:-40px; width:70px; height:70px; text-align:center; border-radius:50%; background-color:#B24E44; color:#fff; font-size:1.2rem; font-weight:500; line-height:70px;}
.sub-txtbox li:nth-child(1)::before {content:"첫째";}
.sub-txtbox li:nth-child(2)::before {content:"둘째";}
.sub-txtbox li:nth-child(3)::before {content:"셋째";}
.sub-txtbox li p {border-radius:10px; font-size:1.52rem; border:1px solid #666; width:100%; padding:70px 0 50px; text-align:center; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
@media (max-width:768px){
.vision-wrap .circlebox {width:200px; height:200px;}
.circlebox div p {word-break:keep-all;}
.sub-txtbox {flex-direction: column;}
.sub-txtbox li {width:100%; margin-bottom:50px;}
.sub-txtbox li:last-child {margin-bottom:0;}
}
@media (max-width:580px){
.vision-wrap {flex-direction: column;}
.vision-wrap .img-box {transform:rotate(0deg); margin:20px 0;}
}

/* 인재상 및 교육목표 */
.sub-txtbox.talent-txtbox {justify-content:flex-start; margin:0 0 30px 0;}
.sub-txtbox.talent-txtbox li {width:33.3%; margin:0 15px;}
.sub-txtbox.talent-txtbox li:nth-child(1)::before {display:none;}
.sub-txtbox.talent-txtbox li:nth-child(2)::before {content:"+"; display:block; position:absolute; top:50%; left:-45px; transform:translateY(-50%); width:60px; height:60px; text-align:center; border-radius:50%; background-color:#fff; color:#7D1B2C; border:1px solid #7D1B2C; font-size:1.5rem; font-weight:500; line-height:55px; z-index:99;}
.sub-txtbox.talent-txtbox li:nth-child(2)::after {content:"+"; display:block; position:absolute; top:50%; right:-45px; transform:translateY(-50%); width:60px; height:60px; text-align:center; border-radius:50%; background-color:#fff; color:#7D1B2C; border:1px solid #7D1B2C; font-size:1.5rem; font-weight:500; line-height:55px; z-index:99;}
.sub-txtbox.talent-txtbox li:nth-child(3)::before {display:none;}
.sub-txtbox.talent-txtbox li p {border-radius:10px; border:none; width:100%; font-weight:700; padding:80px 0; text-align:center; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
.sub-txtbox.talent-txtbox li:nth-child(1) p {background-color:#ddf5ed;}
.sub-txtbox.talent-txtbox li:nth-child(2) p {background-color:#fbf6e1;}
.sub-txtbox.talent-txtbox li:nth-child(3) p {background-color:#fff6f5;}
.list-none.list-dot.list-big li p {font-size:1.2rem; line-height:2.5rem;}
.list-none.list-dot.list-big li:before {top:-4px; width:5px; height:5px; border-radius:50%;}

.talent-img{margin:1.5rem 0;}
.talent-img img{display:block; margin:auto;}

@media (max-width:768px){
.sub-txtbox.talent-txtbox li {width:100%; margin:0 0 20px 0;}
.sub-txtbox.talent-txtbox li:nth-child(2)::before {top:-45px; left:50%; transform:translateX(-50%);}
.sub-txtbox.talent-txtbox li:nth-child(2)::after {top:87%; left:50%; transform:translateX(-50%);}
.list-none.list-dot.list-big li p {font-size:1rem; line-height:1.5rem;}
}

/* 교수진 */
.professor-wrap ul {flex-wrap:wrap; /* gap:20px; */ justify-content:space-between;}
.professor-wrap ul li {width:49%; margin-top:20px;}
.professor-wrap ul li:nth-child(-n+2) {margin-top:0;}
.professor-wrap ul li div {width:35%; border:1px solid #e5e5e5;}
.professor-wrap ul li div img {width:100%; height:100%; object-fit:cover;}
.professor-wrap ul li table {width:65%; margin-left:8px;}
.professor-wrap ul li .table-type01 td:last-of-type {border-right:1px solid #e5e5e5;}
.professor-wrap2 ul li table {width:100%; margin-left:0;}
@media (max-width:768px){
.professor-wrap ul {gap:0px; justify-content:space-between;}
.professor-wrap ul li {width:48%; margin-bottom:20px; flex-direction:column;}
.professor-wrap ul li div {width:40%; margin:0 auto 10px;}
.professor-wrap ul li table {width:100%; margin-left:0;}
.professor-wrap ul li table td {word-break:break-all;}
.professor-wrap .table-type01 th, .table-type01 td {font-size:14px; padding:5px;}
.professor-wrap2 ul li table {width:100%;}
}
@media (max-width:480px) {
.professor-wrap ul li {width:100%;}
.professor-wrap ul li div {width:40%;}
.professor-wrap .table-type02 th, .table-type02 td {padding:5px;}
}

/* 조직도 및 시설안내 */
.organ-imgbox {display:flex; justify-content:center;}
.organ-imgbox2 {justify-content:space-between;}
.organ-imgbox2 li {width:49%; padding:15px; border:3px solid #ddd;}
.organ-imgbox2 li div {width:100%;}
.organ-imgbox2 li P {text-align:center; margin-top:10px; margin-bottom:0;}
.mail-txt {text-decoration:underline;}
@media (max-width:480px) {
.organ-imgbox2 {flex-wrap:wrap;}
.organ-imgbox2 li {width:100%;}
.organ-imgbox2 li:last-child {margin-top:10px;}
}

/* 자율전공학부란 */
.sub-txtbox.sub-txtbox3 {flex-wrap:wrap;}
.sub-txtbox.sub-txtbox3 li {width:48%; margin-bottom:60px;}
.sub-txtbox.sub-txtbox3 li:nth-last-child(-n+2){margin-bottom:0;}
.sub-txtbox.sub-txtbox3 li p{padding:60px 24px 0px; word-break:keep-all; margin-bottom:0; text-align:left; font-size:1.6rem; min-height:220px;}
.sub-txtbox.sub-txtbox3 li:nth-child(1) {background:url('/img/info-icon1.png') no-repeat; background-position:right 20px bottom 15px; background-size:20%;}
.sub-txtbox.sub-txtbox3 li:nth-child(2) {background:url('/img/info-icon2.png') no-repeat; background-position:right 20px bottom 15px; background-size:20%;}
.sub-txtbox.sub-txtbox3 li:nth-child(3) {background:url('/img/info-icon3.png') no-repeat; background-position:right 20px bottom 15px; background-size:20%;}
.sub-txtbox.sub-txtbox3 li:nth-child(4) {background:url('/img/info-icon4.png') no-repeat; background-position:right 20px bottom 15px; background-size:20%;}
.sub-txtbox.sub-txtbox3 li:nth-child(1)::before {content:"01";}
.sub-txtbox.sub-txtbox3 li:nth-child(2)::before {content:"02";}
.sub-txtbox.sub-txtbox3 li:nth-child(3)::before {content:"03";}
.sub-txtbox.sub-txtbox3 li:nth-child(4)::before {content:"04";}
@media (max-width:768px){
.sub-txtbox.sub-txtbox3 {flex-direction: row; flex-wrap:wrap; align-items:flex-start}
.sub-txtbox.sub-txtbox3 li {width:48%;}
.sub-txtbox.sub-txtbox3 li p{font-size:1.2rem; min-height:230px;}
.sub-txtbox.sub-txtbox3 li:nth-child(1) {background-size:80px;}
.sub-txtbox.sub-txtbox3 li:nth-child(2) {background-size:80px;}
.sub-txtbox.sub-txtbox3 li:nth-child(3) {background-size:80px;}
.sub-txtbox.sub-txtbox3 li:nth-child(4) {background-size:80px;}
.sub-txtbox.sub-txtbox3 li:nth-last-child(-n+2){margin-bottom:60px;}
}
@media (max-width:580px){
.sub-txtbox.sub-txtbox3 li {width:100%;}
}

/* 신입생 대상 교과 안내 */
.p-btn {display:inline-block; padding:2px 10px; border-radius:5px; background-color:#7D1B2C; color:#fff; box-shadow: 0 3px 4px rgba(0,0,0,0.16), 0 3px 4px rgba(0,0,0,0.23);}
.p-btn:hover {background-color:#6a2531;}
.tab-wrap .nav-pills {justify-content:; gap:8px; margin-top:2.5rem;}
.tab-wrap .nav-pills li {width:13.5%;}
.tab-wrap .nav-pills .nav-link {border-radius:5px; color:#333; /* background-color:#fff6f5; */ border:2px solid #9d9d9d; width:100%; padding:15px 0;}
.tab-wrap .nav-link:hover, .nav-link:focus {color:#333;}
.tab-wrap .nav-pills .nav-link.active, .nav-pills .show > .nav-link {background-color:#7D1B2C; border:2px solid #7D1B2C;}
@media (max-width:768px){
.tab-wrap .nav-pills {flex-wrap:wrap; justify-content:center; gap:10px;}
.tab-wrap .nav-pills li {width:23%;}
.tab-wrap .nav-pills .nav-link {padding:8px 0;}
}
@media (max-width:580px){
.tab-wrap .nav-pills li {width:31%;}
}
@media (max-width:480px){
.tab-wrap .nav-pills li {width:48%;}
}

/* 비교과프로그램 */
.program-txtbox{padding:20px 0; border:3px solid #ddd; border-radius:20px; width:60%; margin:0 auto;}
.program-txtbox li{width:90%; border-bottom:1px dashed #7D1B2C; margin:0 auto;}
.program-txtbox li:last-child {border-bottom:none;}
.program-txtbox li a{display:inline-block; width:100%; font-size:18px; padding:10px 12px;}
.program-txtbox li a:hover {background-color:rgba(125, 27, 44, 0.1);}
.program-wrap .head-text {border-radius:50px; padding:6px 20px 6px 16px; color:#333; border:1px solid #333; width:fit-content; box-shadow:0 2px;}
.program-wrap + .program-wrap{margin:4rem 0 0;}
@media (max-width:768px){
.program-txtbox{width:100%;}
.sub-txtbox.program-txtbox {flex-direction:row; justify-content:space-between; gap:0;}
.sub-txtbox.program-txtbox li {width:48%; margin-bottom:20px;}
.sub-txtbox.program-txtbox li p {font-size:1rem; padding:60px 15px 15px;}
.sub-txtbox.program-txtbox li::before {width:40px; height:40px; line-height:40px; font-size:1.1rem; top:10px; left:50%; transform:translateX(-50%);}
.program-wrap .body-text br{display:none;}
}
@media (max-width:580px){
.sub-txtbox.program-txtbox li {width:100%;}
}
@media (max-width:480px){
.program-wrap .head-text {padding-left:32px; text-indent:-16px;}
.program-txtbox li a {padding-left:38px; text-indent:-26px; word-break:keep-all;}
}

/* 학과진입 및 전공선택 */
.major-cont article {min-height:auto;}
.tab-wrap .major-nav {margin-bottom:2.5rem; margin-top:0;}
.major-list {display:flex; justify-content:space-between; flex-wrap:wrap;}
.major-list li {width:100%; max-width:49%; margin-top:20px; background:url('/img/right-arrow.png') no-repeat; background-position:right 20px top 50%; background-size:25px;}
.major-list li:nth-child(-n+2) {margin-top:0;}
.major-list li a {display:inline-block; width:100%; color:#333; border:1px solid #d1d1d1; border-radius:5px; padding:20px; transition:0.2s all;}
.major-list li a:hover {border-color:#7d192d;}
.major-cont .txt-margin > span {display:block; margin-bottom:17px;}
.major-cont .txt-margin span.txt-mini {font-size:14px; padding-left:12px;}
@media (max-width:768px){
.major-list {gap:0; justify-content:space-between;}
.major-list li {width:48%; margin-bottom:10px;}
.major-list li a {padding:10px 15px;}
}
@media (max-width:580px){
.major-list li {width:100%; max-width:100%; margin-top:0;}
}

/* 상담시스템 */
.consult-wrap p.t-center {text-align:center; margin-top:80px;}
.consult-imgbox {display:flex; justify-content:center;}
.p-btn2 {display:inline-block; padding:15px 25px; color:#333; border:2px solid #333; border-radius:5px; transition:0.2s all;}
.p-btn2:hover {background-color:#7D1B2C; border:2px solid #7D1B2C; color:#fff;}
.consult-btn {display:flex; align-items:center; justify-content:center; padding:10px 0; font-weight:500;}
.consult-btn:hover {color:#7D1B2C;}
.consult-btn img {height:15px; margin-left:10px;}



/* Popup */
.popup{position:absolute; padding:8px; background:#fff; z-index:998; box-shadow:0 0 16px rgba(0,0,0,0.3); border-radius:8px;}
.popup a{display:block;}
.popup a img{width:100%; display:block;}
.popup_footer{height:26px; display:flex; justify-content:space-between; align-items:center; margin-top:6px;}
.popup_footer label{font-size:14px; color:#555; cursor:pointer;}
.popup_footer label input{position:absolute; left:-9999px}
.popup_footer label:hover{color:#7D1B2C;}
.popup_footer a.popclose{display:inline-flex; font-size:22px; color:#333; cursor:pointer;}
.popup_footer a.popclose:hover{color:#7D1B2C;}

@media (max-width:768px){
.popup{width:92%!important; height:auto!important; position:fixed; top:50%!important; left:50%!important; transform:translate(-50%, -50%);}
}