@charset "utf-8";
#mcontainer-wrap {position:relative;width:100%;font-size:17px;line-height:1}
#mcontainer {word-break:keep-all;padding-bottom:0}
#mcontainer img {font-size:0}

:root{
	--pointG:#057d84;
}

/* ==============================
 * 조선해양시스템공학과
================================= */
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #mainNavi .mn_a1{max-width: 130px;}
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-symbol{width: 40px; top: 0; }
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .slogo{padding-left: 50px; }
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-kor{width: 136px; }
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-txt{font-size: 17px; }
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #mainNavi .depth1-wrap{margin-left: 240px; max-width: calc(100% - 650px); }

@media screen and (max-width: 1440px){
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-kor{width: 126px; }
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #mainNavi .depth1-wrap{max-width: calc(100% - 350px); margin-left: 200px; }
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-txt{font-size: 15px; }
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .logo-symbol{width: 32px; }
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #header .logo a .slogo{padding-left: 40px; }
}

@media screen and (max-width: 1200px){
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #mainNavi .depth1-wrap{max-width: calc(100% - 380px); }
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucShip-wr) #mainNavi .depth1-ul{column-gap: 16px; }
}

/* ==============================
 * 융합안전공학과
================================= */
#mcontainer-wrap.ucSafety-wr .mV-wrap:before,
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #menu-wrap .allmn-btn,
#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #mn-ctrs-btns .mn-ctrs-btn,
#mcontainer-wrap.ucSafety-wr .mUG-wr:after{background:#2575C7; }

@media screen and (max-width:575px){
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #mn-ctrs-btns .mn-ctrs-btn{background:#fff;}
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #mn-ctrs-btns .mn-ctrs-btn:before, 
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #mn-ctrs-btns .mn-ctrs-btn span, 
	#header-wrap:has(+ #container-wrap #mcontainer-wrap.ucSafety-wr) #mn-ctrs-btns .mn-ctrs-btn:after{background:#2575C7; }
}



/* ==============================
 * 메인비쥬얼
================================= */
.inner-lg{width: calc(100% - 40px); max-width: 1600px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
.inner-sm{width: calc(100% - 40px); max-width: 1500px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }


.mVisual-wr{}
#mVisual{position: relative; }
.mV-wrap{position: relative; padding-bottom: 80px; }
.mV-wrap:before,
.mV-wrap:after{content:''; display: block; width:calc(100vw - 155px - (100vw - 100%)); position: absolute; left:0;  }
.mV-wrap:before{top:-100px;background:var(--pointG) ; z-index: -1; height: calc(50% + 150px);}
.mV-wrap:after{bottom: 0; background: #f1f1f1; z-index: -2; height: 100% ; border-bottom-right-radius: 150px; }
.mV-owl{}
.mV-owl .item{}
.mV-owl .item_box{display: flex; flex-direction: row; justify-content: flex-end; position: relative; margin-left:calc((100vw - 1600px) / 2);padding: 18px 0 ; }
.mV-owl .item_box .txt_box{color:#fff; position: absolute; width: 35%; top: 100px ; left: 0; max-height: 208px;}
.mV-owl .item_box .txt_box .titl{font-size: clamp(52px, 3.2vw, 50px); font-weight: 700; display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:1.1;}
.mV-owl .item_box .txt_box .subs{font-size:clamp(22px, 1.6vw, 28px); font-weight: 300; letter-spacing: -0.2px; line-height: 1.2; margin-top:20px; display: -webkit-box;overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.mV-owl .item_box .img_box{overflow: hidden; border-radius: 50px 0 0 50px; box-shadow: 0 0 20px rgba(0,0,0,0.2); width: 60%; height: 680px;}
.mV-owl .item_box .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mV-wrap .contrl{position: absolute; top: 50%; transform: translateY(-50%); left:calc((100vw - 1600px) / 2);z-index: 2; display: flex; flex-direction: row; align-items: center; }
.mV-wrap .contrl .pager{display: flex; flex-direction: row; align-items: center;gap: 12px;margin-right: 15px; }
.mV-wrap .contrl .pager .page{font-size:20px; font-weight: 700;}
.mV-wrap .contrl .pager .current{color:#f98d00;}
.mV-wrap .contrl .progress{width: 120px; height: 4px; background:rgba(255,255,255,0.8); overflow: hidden;}
.mV-wrap .contrl .progress span{display: block; width: 0; height: 100%; background: #f98d00; }
.mV-wrap .contrl .pager .total{color:rgba(255,255,255,0.8)}
.mV-wrap .contrl .prev,
.mV-wrap .contrl .next{position: relative; border: 0; background: transparent;width: 20px; height: 20px; }
.mV-wrap .contrl .prev{transform: rotate(180deg)}
.mV-wrap .contrl .prev:before,
.mV-wrap .contrl .next:before{content:''; display: block; width: 6px; height: 6px; background:transparent; border-top:1px solid #fff; border-right: 1px solid #fff; position: absolute; top:50%; left:calc(50% + 4px);transform: translate(-50%, -50%) rotate(45deg) }
.mV-wrap .contrl .prev:after,
.mV-wrap .contrl .next:after{content:''; display: block; width: 16px; height: 1px; background: #fff; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.mV-wrap .contrl .ppBtn{width: 20px;height: 14px; background: transparent url(/resources/homepage/computer/_Img/ppBtn.png) no-repeat; background-size: cover; background-position: center left;; border:0; transition: all 0.2s ease;}
.mV-wrap .contrl .ppBtn.is-paused{background-position: center right; transition: all 0.2s ease;}

.mQ-wrap{position: absolute; bottom:100px ; left: calc((100vw - 1600px) / 2); z-index: 3; display: flex; flex-wrap: wrap;width: 34%; gap:50px 80px;  max-width: 720px}
.mQ-wrap li{width: calc(50% - 40px); }
.mQ-wrap li a{display: flex; flex-direction: row; align-items: flex-start;gap: 12px; }
.mQ-wrap li a .img_box{width: 60px; height: 60px; min-width: 60px; margin-top: -8px; }
.mQ-wrap li a .img_box img{width: 100%; height: 100%; object-fit: contain;}
.mQ-wrap li a .txt_box{min-width: 0; width: 100%; }
.mQ-wrap li a .txt_box h5{margin-bottom: 14px; font-size: 22px; font-weight: 700; padding-right: 30px; position: relative; }
.mQ-wrap li a .txt_box h5:before{content:''; display: block; width: 16px; height: 2px; background: #111; position: absolute; top:8px; right:-2px; transform: rotate(-45deg); }
.mQ-wrap li a .txt_box h5:after{content:''; display: block ;width: 10px; height: 10px; border-right: 2px solid #111; border-top: 2px solid #111; position: absolute; top:3px; right:0; }
.mQ-wrap li a .txt_box p{color:#333; font-weight: 500; font-size: 16px; line-height: 1.2; }


/* ==============================
 * 공통
================================= */
.plusBtn{width:45px; height: 45px; display: block; border-radius: 50%; background: #324546; position: relative; }
.plusBtn:before,
.plusBtn:after{content:''; display: block; width: 20px; height: 3px; background: #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); border-radius: 25rem; }
.plusBtn:after{transform: translate(-50%, -50%) rotate(90deg)}
.contrl-c{}
.contrl-c .prev,
.contrl-c .next{width: 45px; height: 45px; border-radius: 50%; border: 1px solid #374359;background: #fff; position: relative;}
.contrl-c .prev:before,
.contrl-c .prev:after,
.contrl-c .next:before,
.contrl-c .next:after{content:''; display: block; width: 11px; height: 3px; background: #324546; border-radius: 24rem; position: absolute; top: 50%; left:50%; }
.contrl-c .prev:before{transform: translate(calc(-50% - 1px), calc(-50% + 3px)) rotate(45deg)}
.contrl-c .prev:after{transform: translate(calc(-50% - 1px), calc(-50% - 3px)) rotate(-45deg)}
.contrl-c .next:before{transform: translate(calc(-50% + 1px), calc(-50% - 3px)) rotate(45deg)}
.contrl-c .next:after{transform: translate(calc(-50% + 1px), calc(-50% + 3px)) rotate(-45deg)}
.contrl-c .ppBtn{width: 45px; height: 45px; border-radius: 50%; background: #324546; position: relative; border:0; }
.contrl-c .ppBtn:before{content:''; display: block; width: 11px; height: 13px; background:linear-gradient(to right, transparent 1px, #fff 1px, #fff 4px, transparent 4px, transparent 7px, #fff 7px, #fff 10px, transparent 10px); position: absolute; top:50%; left:50%; transform:translate(-50%, -50%)}
.contrl-c .ppBtn.is-paused:before{background: transparent; border-left: 10px solid #fff; border-top: 7px solid transparent; border-bottom: 7px solid transparent;width: unset; height: unset;  }



/* ==============================
 * 공지사항 + 팝업
================================= */
.mNoPo-wr{padding: 90px 0 110px 0;}
.mNoPo-wr .notiPop{display: flex; flex-direction: row; align-items: stretch; gap: 30px 60px; }
.mNoPo-wr .notiPop .titl_box{display: flex; flex-direction:row; align-items: center; gap:0 12px; justify-content: space-between;flex-wrap: wrap;  }
.mNoPo-wr .notiPop .titl_box h3{font-size: 40px; font-weight: 700; color:#000; }

.mN-wrap{flex: 1 1 0; }
.mN-wrap .titl_box{margin-bottom: 30px; }
.mN-wrap .titl_box h3{color:var(--pointG)!important;}
.mN-wrap .titl_box > div {display: flex; flex-direction: row; align-items:center; justify-content: space-between; gap: 20px; }
.mN-wrap .tab-menu{display: flex; flex-direction: row; gap: 12px; }
.mN-wrap .tab-menu li{color: #909090; font-weight:700; font-size: 25px;  }
.mN-wrap .tab-menu li.active{color:var(--pointG); }
.mN-wrap .tab-menu li button{border: 0; background: transparent; font-size: 25px; font-weight: 700; color:#909090; padding-left: 30px; position: relative; }
.mN-wrap .tab-menu li button:before{content:''; display: block; width: 13px; height: 13px; border-radius: 50%;position: absolute; top: 50%; transform: translateY(-50%); left:6px;background: #fff; opacity: 0;  transition: all 0.3s ease;}
.mN-wrap .tab-menu li.active button{color:var(--pointG);}
.mN-wrap .tab-menu li.active button:before{background: var(--pointG); opacity: 1; transition: all 0.3s ease;}

.mN-wrap .tab-box{height: calc(100% - 75px); }
.mN-wrap .tab-box .tab-pane{display: none; height: 100%; }
.mN-wrap .tab-box .tab-pane.active{display:block;}
.mN-wrap .tab-box .tab-pane .tab-conts{height: 100%; }
.mN-wrap .tab-box .tab-pane ul{display: flex; flex-wrap: wrap; gap: 30px 26px; height: 100%; }
.mN-wrap .tab-box .tab-pane ul li{width: calc(50% - 15px); border: 1px solid #ddd; border-radius: 10px; }
.mN-wrap .tab-box .tab-pane ul li.no-data{width: 100%; font-size: 20px; height: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center;background-position: center 130px; padding: 30px 0 0 0 ;}
.mN-wrap .tab-box .tab-pane ul li a{display: block; padding:50px 40px ; position: relative; height: 100%; width: 100%; box-sizing: border-box; }
.mN-wrap .tab-box .tab-pane ul li a:before,
.mN-wrap .tab-box .tab-pane ul li a:after{content:''; display: block; position: absolute; top:0; left:0; }
.mN-wrap .tab-box .tab-pane ul li a:before{ inset: -1px;  background: linear-gradient(45deg, var(--pointG), #1992d7); opacity:0; transition: all 0.2s ease; z-index: -1; border-radius: 10px;}
.mN-wrap .tab-box .tab-pane ul li a:after{background:#fff; inset:0; z-index: -1; border-radius: 8px;}
.mN-wrap .tab-box .tab-pane ul li a .titl{font-size:clamp(20px,1.5vw,22px); font-weight: 500; color:#000;margin-bottom: 30px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height:54px; line-height: 1.3; transition: all 0.3s ease;  }
.mN-wrap .tab-box .tab-pane ul li a .date{color:#777; font-size: 17px; color:#777; }
.mN-wrap .tab-box .tab-pane ul li:has( a:hover){border-color:transparent; box-shadow:0 0 16px 0 rgba(0,0,0,0.15) }
.mN-wrap .tab-box .tab-pane ul li a:hover:before{opacity: 1; inset: -3px;}
.mN-wrap .tab-box .tab-pane ul li a:hover .titl{font-weight: 700; color:var(--pointG); transition: all 0.3s ease;}

.mP-wrap{width: 550px}
.mP-wrap > div{position: relative; height: 100%; }
.mP-wrap .titl_box{position: absolute; bottom:0; right: -6px; transform: rotate(90deg); transform-origin: bottom right; width: calc(100% - 30px); z-index: 2; }
.mP-wrap .contrl-c .ppBtn{transform: rotate(-90deg)}
.mP-owl{height: 100%; }
.mP-owl *{height: 100%; }
.mP-owl .item{}
.mP-owl .item a.img_box{display: block;border:10px solid #324546; border-radius: 10px; overflow: hidden;box-sizing: border-box; aspect-ratio:1/1;}
.mP-owl .item a.img_box img{width: 100%; height: 100%; object-fit: cover; }


/* ==============================
 * 유튜브 + 갤러리
================================= */
.mUG-wr{width: 100%; max-width: calc(((100vw - 1500px) / 2) + 1500px); margin-left: auto; margin-right: 0; position: relative; padding-top: 100px}
.mUG-wr:before{content:''; display: block; width: calc(100% + 60px); height: 100%;position: absolute; top:0; right: 0; background:#f1f1f1;border-top-left-radius: 30px; border-bottom-left-radius: 30px; z-index: -2; }
.mUG-wr:after{content:''; display: block;width: 260px; height: 260px; border-radius: 50%; background: var(--pointG); position: absolute; bottom:100px; left: -100px }
.utuGall{display: flex; flex-direction: row; align-items: stretch; gap: 60px;}
.mU-wrap{width: calc(50% - 30px); position: relative;}
.mU-wrap:before{content:'';display: block; width: calc(100% - 100px); height: 100%; background: #fff; border: 5px solid #374359; border-bottom: 0 ; border-top-left-radius: 10px; border-top-right-radius: 10px;position: absolute;left:0; bottom: 0; z-index: -1; }
.mU-wrap .mU-owl{}
.mU-wrap .mU-owl .item{padding: 50px 50px 60px 50px; }
.mU-wrap .mU-owl .item a{}
.mU-wrap .mU-owl .item a .txt_box{padding-right: 100px; margin-bottom: 20px; }
.mU-wrap .mU-owl .item a .txt_box .titl{padding-left: 80px; font-weight: 500; font-size: clamp(20px, 1.3vw, 22px); letter-spacing: -0.2px; color:#000; line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; position: relative; height: 56px; }
.mU-wrap .mU-owl .item a .txt_box .titl:before{content:''; display: block; width: 50px; height: 40px; border-radius: 10px; background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left:0 ;transform: translateY(-50%)}
.mU-wrap .mU-owl .item a .txt_box .titl.utube:before{background-color:#e20000; background-image: url(/resources/homepage/computer/_Img/ico-yout.png); }
.mU-wrap .mU-owl .item a .txt_box .date{font-size: 16px; color:#777; margin-top: 20px; text-align: end; }
.mU-wrap .mU-owl .item a .img_box{overflow: hidden; aspect-ratio: 2/1; border-radius: 10px; box-shadow: 0 0 16px 0 rgba(0,0,0,0.15) }
.mU-wrap .mU-owl .item a .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mU-wrap .contrl button{width: 60px; height: 60px; border-radius: 50%; background: rgba(255,255,255,0.7); box-shadow: 0 0 16px rgba(0,0,0,0.15); position: absolute;border:0; top:calc(50% + 50px);  z-index: 2; }
.mU-wrap .contrl button:before{content:''; display: block;width: 16px; height: 2px; background: #333; position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.mU-wrap .contrl button:after{content:''; display: block; width: 8px; height: 8px; background: transparent; border-top:2px solid #333; border-right: 2px solid #333; position: absolute; top:50%; left: calc(50% + 1px); transform:translate(-50%, -50%) rotate(45deg)}
.mU-wrap .contrl button.prev{left: 20px;transform: translateY(-50%) rotate(180deg)}
.mU-wrap .contrl button.next{right: 20px; transform:translateY(-50%);}

.mG-wrap{width:calc(50% - 30px);padding-bottom: 60px; display: flex; flex-direction: column; justify-content: space-between;}
.mG-wrap .titl_box{position: relative;}
.mG-wrap .titl_box h3{font-size:clamp(40px, 4vw,60px); font-weight: 700;color:#324546; margin-bottom: 30px; }
.mG-wrap .titl_box h3 span{color: var(--pointG);}
.mG-wrap .titl_box p{font-size: clamp(18px,1.2vw ,22px); }
.mG-wrap .titl_box .plusBtn{position: absolute; top:0; right: calc((100vw - 1500px) / 2)}
.mG-wrap .mG-owl{}
.mG-wrap .mG-owl .item{}
.mG-wrap .mG-owl .item a{display: block; width: 100%;position: relative;overflow: hidden; border-radius: 10px;}
.mG-wrap .mG-owl .item a .img_box{aspect-ratio: 3/2; }
.mG-wrap .mG-owl .item a .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mG-wrap .mG-owl .item a .titl{background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.8)); padding:30px; color:#fff; font-size:20px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; bottom: 0; left:0; box-sizing: border-box; width: 100%;  }

/* ==============================
 * 졸업생한마디
================================= */
.mA-wr{padding-top: 80px; padding-bottom: 100px;}
.mA-wrap{}
.mA-wrap .titl_box{display: flex; flex-direction: row; align-items: flex-start; justify-content:space-between; }
.mA-wrap .titl_box h3{font-weight: 700; font-size: clamp(40px,3vw,45px); }
.mA-wrap .titl_box .contrl-c{display: flex; flex-direction: row; gap: 10px; }
.mA-owl{}
.mA-owl .item{padding-top: 105px;padding-bottom:30px; position: relative; z-index: 2;}
.mA-owl .item a{display: block; border-radius: 10px; background: #e7e8f0; padding: 30px 60px 30px 40px; position: relative; }
.mA-owl .item a:before{content:''; display: block; width: 50px; height: 34px; background: url(/resources/homepage/computer/_Img/ico-mark.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top: -16px; left: 40px; }
.mA-owl .item .item_top{display: flex; flex-direction: row; align-items: center; gap: 30px; }
.mA-owl .item .img_box{width: 140px; height: 140px; min-width: 140px; overflow:hidden; border-radius: 50%; border: 5px solid #100964; display: none; }
.mA-owl .item .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mA-owl .item .txt_box{text-align: start;}
.mA-owl .item .txt_box h5{font-size: 28px; font-weight: 600;margin-bottom: 12px; }
.mA-owl .item .txt_box p{color:#723b12; margin-bottom: 14px; }
.mA-owl .item .txt_box p strong{}
.mA-owl .item .subs{line-height: 1.3; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; height: 45px; }

.mA-owl .owl-item.center{z-index: 20;}
.mA-owl .owl-item.center .item{width:140%; margin-left: -20%;position: relative; }
.mA-owl .owl-item.center .item a{background: #272e60; padding: 30px 80px 50px 80px; border-radius: 25rem;margin-top: -80px; /* transform: scale(1.2);  */}
.mA-owl .owl-item.center .item a .inn{/* transform: scale(0.8333) */}
.mA-owl .owl-item.center .item a:before{display: none;}

.mA-owl .owl-item.center .item .item_top{margin-top: -50px; }
.mA-owl .owl-item.center .item .img_box{display: block; }
.mA-owl .owl-item.center .item .txt_box{text-align: start;}
.mA-owl .owl-item.center .item .txt_box h5{color:#fff; }
.mA-owl .owl-item.center .item .txt_box p{color:#f98d00;margin-bottom: 0; }
.mA-owl .owl-item.center .item .subs{color:#fff; position: relative; padding:30px 0 0 60px; text-align: start; }
.mA-owl .owl-item.center .item .subs:before{content:''; display: block; width: 50px; height: 34px; background: url(/resources/homepage/computer/_Img/ico-mark.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top: 20px; left: 0px;}
.mA-owl .owl-item.center .item .img_box{}
.mA-owl .owl-item.next-item .item a{padding-left: 60px}
.mA-owl .owl-item.next-item .item a:before{left: 60px;}

.mA-wr .without_box{display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; border-radius: 10px; border:1px solid var(--pointG); background: rgb(43, 166, 165,0.01); height:250px; margin-top: 40px; }
.mA-wr .without_box p{font-weight: 500; font-size: 16px; text-align: center; }
.mA-wr .without_box p:before{content:''; display: block; width: 60px; height: 70px; background:url(/resources/homepage/iadesign/_Img/without.png) no-repeat; background-size: contain; background-position: center center; margin: 0 auto 16px auto;}


@media screen and (min-width: 1921px){
	.mU-wrap{width:720px}
	.mU-wrap .mU-owl .owl-item {width: 720px!important;}
	.mU-wrap .mU-owl .item a .img_box{aspect-ratio:unset; width: 100%; }
	.mG-wrap{width: calc(100vw - 720px)}
	.mG-wrap .titl_box .plusBtn{right: calc((100vw - 1500px) + 7px)}
	.mG-wrap .mG-owl .item a .img_box{height: 465px; aspect-ratio:unset;}
}


@media screen and (max-width: 1920px){
	.mV-wrap:before,
	.mV-wrap:after{max-width: 1750px;}
}

@media screen and (max-width: 1640px){
	.mV-owl .item_box{margin-left: auto; margin-right: auto; }
	.mV-owl .item_box .txt_box,
	.mV-wrap .contrl,
	.mQ-wrap{left: 30px; }

	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mP-owl .item a.img_box{width: calc(100% - 60px); }
	.mP-wrap .titl_box{right: 50px }
	
	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.utuGall{padding-left: 20px;width: calc(100% - 20px)}
	.mG-wrap .titl_box{width: calc(100% - 20px); padding-right: 20px; }
	.mG-wrap .titl_box .plusBtn{right: 20px; }
}


@media screen and (max-width: 1560px){
	.mV-owl .item_box .img_box{width: 55%; }
	.mV-owl .item_box .txt_box,
	.mQ-wrap{width: 40% ;}

	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mNoPo-wr .notiPop{gap: 30px; }
	.mN-wrap .tab-menu li button{font-size: 22px; }
	.mN-wrap .tab-box .tab-pane ul li a{padding: 30px; }
	.mP-wrap .titl_box{width: calc(100% - 120px )}
}


@media screen and (max-width: 1440px){
	.mV-wrap:after{width:calc(100vw - 148px); }
	.mV-wrap:before{width: calc(100%)}
}

@media screen and (max-width: 1280px){
	.mV-wrap{padding-bottom: 130px; }
	.mV-wrap:after{border-bottom-right-radius: 0;width: 100vw; height: 50%; }
	.mV-owl .item_box{flex-direction: column; gap: 24px; }
	.mV-owl .item_box .txt_box{position: relative; top:0; width: calc(100% - 30px)}
	.mV-owl .item_box .img_box{width: calc(100% - 30px); margin-left: auto; height: 520px; }
	.mV-wrap .contrl{left: unset; right: 30px; bottom: 150px; top: unset;}
	.mQ-wrap{bottom: 20px; width: calc(100% - 60px);gap: 30px; box-sizing: border-box; max-width: auto; }
	.mQ-wrap li{width:calc(25% - 23px); }
	.mQ-wrap li a .img_box{width: 50px; height: 50px; min-width: 50px; }
	.mQ-wrap li a .txt_box h5{font-size: 20px; }
	
	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mN-wrap .tab-menu li button{font-size: 20px; padding-left: 20px; }
	.mN-wrap .tab-menu li button:before{width: 9px; height: 9px; }
	.mN-wrap .tab-box .tab-pane ul li a .titl{font-size: 18px; height: 48px; }
	.mN-wrap .tab-box .tab-pane ul li a .date{font-size: 15px; }
	.mP-wrap{width: 480px; }
	.mP-wrap .titl_box{width: calc(100% - 65px );}

	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.mUG-wr:after{width: 180px; height: 180px; left: -20px; }
	.mU-wrap .mU-owl .item,
	.mG-wrap{padding-bottom: 40px; }
	.mU-wrap .mU-owl .item a .img_box{aspect-ratio: 3/2;}

	/* ==============================
	 * 졸업생한마디
	================================= */
	.mA-owl .owl-item.center .item{width:160%; margin-left: -30%;  }
	.mA-owl .owl-item:not(.center) .item .txt_box h5{font-size:22px;  }
	
}

@media screen and (max-width: 1024px){
	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mN-wrap .tab-box .tab-pane ul{gap: 12px; }
	.mN-wrap .tab-box .tab-pane ul li{width: calc(50% - 8px)}
	
	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.utuGall{gap: 10px; }
	.mU-wrap{width: 50%; }
	.mU-wrap .mU-owl .item{padding-right: 40px; }
	.mG-wrap{width: calc(50% - 10px)}
	.mU-wrap .contrl button.next{right: 10px}
	.mU-wrap .mU-owl .item a .txt_box .titl{padding-left: 50px; }
	.mU-wrap .mU-owl .item a .txt_box .titl:before{width: 40px; height: 36px; background-size: 32px; }
}

@media screen and (max-width: 991px){
	/* ==============================
	 * 공통
	================================= */
	.plusBtn{width:36px; height: 36px;}
	.plusBtn:before,
	.plusBtn:after{width: 16px; height: 3px;}
	.contrl-c .prev,
	.contrl-c .next,
	.contrl-c .ppBtn,
	.mU-wrap .contrl button{width: 36px; height: 36px;}

	.mV-wrap{padding-bottom: 210px; }
	.mV-owl .item_box .txt_box .titl{font-size: 46px; }
	.mV-wrap .contrl{bottom: 250px; }
	.mQ-wrap li{width:calc(50% - 15px); }
	.mQ-wrap li a .txt_box p{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mNoPo-wr{padding: 60px 0; }
	.mNoPo-wr .notiPop .titl_box{ margin-bottom: 15px;}
	.mN-wrap{width: 55%; flex:unset; }	
	.mN-wrap .titl_box > div{width: 100%; }
	.mN-wrap .tab-box .tab-pane ul li a{padding-left: 20px; padding-right: 20px;}
	.mN-wrap .tab-box .tab-pane ul li.no-data{font-size: 17px; background-position: center 100px;}

	.mP-wrap{width: 45%; }
	.mP-wrap .titl_box{position: relative; transform: rotate(0); right: 0;width: 100%;}
	.mP-wrap .contrl-c .ppBtn{transform: rotate(0)}
	.mP-owl{height: calc(100% - 54px)}
	.mP-owl .item a.img_box{width: 100%;  }

	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.mUG-wr{padding-top: 60px;}
	.mU-wrap:before{width: calc(100% - 60px)}
	.mU-wrap .mU-owl .item{padding-left: 40px; padding-right: 30px; }
	.mU-wrap .mU-owl .item a .txt_box{padding-right: 60px; }
	.mG-wrap .titl_box{margin-bottom: 20px; }
	.mG-wrap .titl_box h3{margin-bottom: 16px; }
	.mG-wrap .mG-owl .item a .titl{font-size: 18px;  }
	
	/* ==============================
	 * 졸업생한마디
	================================= */
	.mA-wr{padding-top: 50px; padding-bottom: 50px; }
	.mA-owl{margin-left: -20px; margin-right: -20px; width: calc(100% + 40px)}
	.mA-owl .owl-item.center .item{width:130%; margin-left: -15%;  }
	.mA-owl .owl-item:not(.center) .item{padding-top:95px; }
	.mA-owl .item{padding-bottom: 0; padding-top: 130px; }
	.mA-owl .item .item_top{align-items: flex-end; }
	.mA-owl .item .img_box{width: 100px;height: 100px; min-width: 100px; }

}

@media (min-width: 768px) and (max-width: 991px){
	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mNoPo-wr .mN-wrap .titl_box{flex-direction: column;  align-items: flex-start; }
	.mN-wrap .tab-box{height: calc(100% - 90px)}
}

@media screen and (max-width: 768px){
	.mV-wrap{padding-bottom: 215px; }
	.mV-owl .item_box .txt_box{width: calc(100% - 60px)}
	.mV-owl .item_box .txt_box .titl{font-size: 38px; }
	.mV-owl .item_box .txt_box .subs{font-size: 18px; margin-top: 10px; }
	.mV-owl .item_box .img_box{height: 440px; }
	.mV-wrap .contrl{bottom: 250px; }
	.mQ-wrap{bottom: 30px; }
	.mQ-wrap li a .txt_box h5{font-size: 18px; margin-bottom: 6px; }

	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mNoPo-wr .notiPop{flex-direction: column; }
	.mN-wrap,
	.mP-wrap{width: 100%; }
	.mN-wrap .tab-menu li button{font-size: 18px; }
	.mNoPo-wr .mN-wrap .titl_box > div {width: auto;}
	.mN-wrap .tab-box .tab-pane ul li.no-data{height: 200px; padding-top: 80px; background-position: center 50px;}

	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.utuGall{flex-direction: column-reverse;}
	.mU-wrap,
	.mG-wrap{width: 100%; padding-bottom: 15px; }
	.mU-wrap .mU-owl .item{padding: 30px;padding-bottom:15px; }
	.mU-wrap .mU-owl .item a .txt_box .titl{font-size: 18px;height: 44px;  }
	.mU-wrap .contrl button.prev{left: 13px; }
	.mU-wrap .contrl button.next{right: 13px; }

	/* ==============================
	 * 졸업생한마디
	================================= */
	.mA-owl .owl-item.center .item a{padding-left: 40px; padding-right:40px;}

	
}
@media (min-width: 575px) and (max-width: 991px){
	.mQ-wrap li a .txt_box p{white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 40px; }
}

@media screen and (max-width: 575px){
	.mV-wrap{padding-bottom: 300px; }
	.mV-wrap .contrl{bottom: 330px; }
	.mQ-wrap{gap: 35px; bottom: 20px;}
	.mQ-wrap li{width:100% ; position: relative; }
	.mQ-wrap li:not(:last-child):after{content: ''; display: block;width: 100%; height: 1px; background: linear-gradient(to right, transparent 2px, var(--pointG) 2px 6px); background-repeat: repeat-x; background-size: 6px; position: absolute; left: 0; bottom: -15px; opacity: 0.3}
	.mQ-wrap li a .txt_box p{font-size: 15px;}
	.mQ-wrap li a .img_box{width: 40px; height: 40px; min-width: 40px; }
	.mU-wrap{width: calc(100% - 20px)}
	.mU-wrap:before{width: calc(100% - 10px)}
	.mU-wrap .mU-owl .item a .txt_box{padding-right: 0; }

	.mV-wrap:before{width: 100%; height: calc(50% + 100px)}
	.mV-owl .item_box .txt_box .titl{font-size: clamp(25px, 3vw, 36px)}
	.mV-owl .item_box .txt_box .subs{font-size: 16px;}
	.mG-wrap .titl_box p{font-size: 16px; }
	

	/* ==============================
	 * 졸업생한마디
	================================= */
	.mA-owl .owl-item.center .item{width: 114%; margin-left: -7%; }

}

@media screen and (max-width: 445px){
	.mNoPo-wr .notiPop .titl_box h3,
	.mG-wrap .titl_box h3,
	.mA-wrap .titl_box h3{font-size: 36px; }
	

	/* ==============================
	 * 공지사항 + 팝업
	================================= */
	.mN-wrap .tab-box .tab-pane ul{flex-direction: column; }
	.mN-wrap .tab-box .tab-pane ul li{width: 100%; }
	.mN-wrap .tab-box .tab-pane ul li a{padding: 20px; }
	.mN-wrap .tab-box .tab-pane ul li a .titl{-webkit-line-clamp: 1; height: 22px; margin-bottom: 12px; }

	/* ==============================
	 * 유튜브 + 갤러리
	================================= */
	.mG-wrap{width: calc(100% - 20px)}
	.mG-wrap .titl_box .plusBtn{right:0; }

	/* ==============================
	 * 졸업생한마디
	================================= */
	.mA-owl{margin: 0; width: 100%; }
	.mA-owl .owl-item.center .item{width: 100%; margin-left: 0; }
	.mA-owl .owl-item.center .item a{border-radius: 60px; }
	.mA-owl .item .item_top{flex-direction: column; align-items: center; gap: 10px; }
	.mA-owl .owl-item.center .item .txt_box{width: 100%; }
	.mA-owl .item .txt_box h5{font-size: 24px; }
	.mA-owl .item .subs{height: 66px; -webkit-line-clamp: 3; }

}

/*섹션 순서변경시 */
.mNoPo-wr:has(+ .mA-wr){padding-bottom: 40px}

@media screen and (max-width: 768px){
	.mNoPo-wr:has(+ .mA-wr){padding-bottom: 10px; }
}