@charset "utf-8";
:root{
	--pointG:#057d84;
	--pointB:#272E60;
	--pointY:#f98D00
}



/*공통*/
#mcontainer{padding-bottom: 70px;}
.mInner,
.mInner-sm{width: calc(100% - 40px);  padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }
.mInner{max-width: 1700px;}
.mInner-sm{max-width: 1500px; }
/* ==============================
 * 메인비쥬얼
================================= */
.mVisual-wr{}
#mVisual{}
#mVisual > div{position: relative;display: flex; flex-direction: row;;}

.mV-wrap{width: calc(100% - 110px);position: relative; height: 860px;}
.mV-owl,
.mV-owl .owl-stage-outer,
.mV-owl .owl-stage,
.mV-owl .owl-item,
.mV-owl .item{height: 100%; }
.mV-owl .item .item_box{position: relative; height: 100%; }
.mV-owl .item .item_box .img_box{height: 100%; }
.mV-owl .item .item_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mV-owl .item .item_box .txt_box{display: flex;flex-direction: column; align-items: flex-start; justify-content: center; ; width:45% ; position: absolute; bottom: 0; left: 0; background: rgba(5,125,132,0.8);padding:0 30px 0 calc((100vw - 1700px) / 2) ; color:#fff;  min-height: 260px; gap: 12px;box-sizing:border-box; }
.mV-owl .item .item_box .txt_box .dpart{text-transform: uppercase; font-family:'cormorant'; font-size: 18px; font-weight: 700; }
.mV-owl .item .item_box .txt_box .titl{font-size: clamp(34px,2.2vw,40px); font-weight: 700;}
.mV-owl .item .item_box .txt_box .subs{font-size: clamp(30px,1.9vw,30px); font-weight: 400; line-height:1.3}
.mV-wrap .contrl{position: absolute; bottom: 288px; left: calc((100vw - 1700px) / 2); z-index: 1; display: flex; flex-direction: row; align-items: center; gap: 50px; }
.mV-wrap .contrl:after{content:''; display: block; width: 1px; height: 16px; background:#fff; position: absolute; top: 50%; left: 50%; transform:translate(-50%, -50%)}
.mV-wrap .contrl button{border: 0; background: transparent; display: flex; flex-direction: row; align-items: center; font-family:'cormorant';font-weight: 500; font-size: 22px; color:#fff; gap: 10px;}
.mV-wrap .contrl button .arr{background: transparent; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #fff; position: relative;  transition: all 0.3s ease;}
.mV-wrap .contrl button .arr:before{content:''; display: block; width: 9px; height: 9px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff;position: absolute; top:50%; left:50%; transform: translate(-50%, -50%) rotate(45deg); }
.mV-wrap .contrl button .arr:after{content:''; display: block; width: 7px; height: 1px; background: #fff; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%)}
.mV-wrap .contrl .prev .arr{transform: rotate(180deg)}
.mV-wrap .contrl .next{}

/* ==============================
 * 졸업생한마디
================================= */
.mA-wrap{position: absolute; bottom: 0; right:110px;background: #312f2f; width: calc((100% - 110px) * 0.55); height: 150px; display: flex; flex-direction: row; align-items: flex-start; z-index:2; padding:40px 50px; box-sizing:border-box;  }
.mA-wrap .titl_wrap{display: flex; flex-direction: column; width: 230px; justify-content:space-between; height: 100%; }
.mA-wrap .titl_wrap h3{font-family:'pretendard'; font-weight: bold; font-size: clamp(24px,1.6vw,26px); color:#fff;}
.mA-wrap .contrl{display: flex; flex-direction: row; align-items: center; gap: 10px; }
.mA-wrap .contrl button{border:0; background: transparent; width: 20px; height: 20px; position: relative; }
.mA-wrap .contrl button:before{content:''; display: block; width: 12px; height: 12px; background: transparent; border-top: 2px solid rgba(255,255,255,0.8); border-right: 2px solid rgba(255,255,255,0.8); position: absolute; top:50%; left: 50%; }
.mA-wrap .contrl .prev:before{transform: translate(-50%, -50%) rotate(-135deg);}
.mA-wrap .contrl .next:before{transform: translate(-50%, -50%) rotate(45deg);}
.mA-wrap .contrl .plusBtn{width: 20px; height: 20px; position: relative; display:block; margin-left: 6px; }
.mA-wrap .contrl .plusBtn:before,
.mA-wrap .contrl .plusBtn:after{content:''; display: block; width: 15px; height: 2px; background: rgba(255,255,255,0.8); position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%); transition: all 0.3s ease;}
.mA-wrap .contrl .plusBtn:after{transform: translate(-50%, -50%) rotate(90deg)}
.mA-wrap .contrl .plusBtn:hover:before{transform: translate(-50%, -50%) rotate(90deg);}
.mA-wrap .contrl .plusBtn:hover:after{transform: translate(-50%, -50%) rotate(180deg);}
.mA-wrap > div:not(.titl_wrap){width: calc(100% - 230px)}
.mA-owl{}
.mA-owl .item{}
.mA-owl .item .item_box{}
.mA-owl .item .item_box .titl_box{display: flex; flex-direction: row; align-items: center; color:var(--pointY);font-size: 18px;gap: 12px; }
.mA-owl .item .item_box .titl_box .titl{font-weight: bold;}
.mA-owl .item .item_box .titl_box ul{display: flex; flex-direction: row; align-items: center;   gap: 20px;}
.mA-owl .item .item_box .titl_box .name{}
.mA-owl .item .item_box .titl_box .endy{position: relative; }
.mA-owl .item .item_box .titl_box .endy:before{content:''; display: block; width: 1px; height: 12px; background: var(--pointY); position: absolute; top: 50%; left: -10px; transform: translateY(-50%)}
.mA-owl .item .item_box .subs{position: relative; padding-left: 40px; color:#fff;font-size: 20px; font-weight: 500;  margin-top: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient:vertical; overflow: hidden; text-overflow: ellipsis; }
.mA-owl .item .item_box .subs:before{content:''; display: block; width: 25px; height: 20px; background: url(/resources/_Templet/Main/main_tmpl5/Img/mA-mark.png) no-repeat; background-size: contain; background-position: center center; position: absolute; top:0; left: 0;}



/* ==============================
 * 링크서비스
================================= */
.mL-wrap{width: 110px;height: calc(100% - 150px); position: absolute; top:0; right:0; }
.mL-wrap .link{height:50%;}
.mL-wrap .link a{display: flex; flex-direction: column; align-items: center; justify-content:center; height: 100%; padding-bottom: 30px; box-sizing: border-box; position: relative; line-height: 1.2; text-align: center;}
.mL-wrap .link a span{position: relative;}
.mL-wrap .link a span:before,
.mL-wrap .link a span:after{content:''; display: block; width:16px; height: 2px; background:#fff; position: absolute; bottom: -20px; left: 50%; transform: translate(-50%, 0); }
.mL-wrap .link a span:after{transform:translate(-50%, 0 ) rotate(90deg)}
.mL-wrap .link_user{background:#fff; }
.mL-wrap .link_user a span:before,
.mL-wrap .link_user a span:after{background: #222;}
.mL-wrap .link_link{background:var(--pointG); color:#fff!important;; }
.mL-wrap .link_link a{color:#fff!important;}


/* ==============================
 * 게시판
================================= */
.mN-wrap{margin-top: 140px; }
.mN-wrap .mInner{display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.mN-wrap .titl_wrap{display: flex; flex-direction: row; align-items: baseline; gap: 4px 18px;margin-bottom: 20px;  }
.mN-wrap .titl_wrap .titl{font-family:'cormorant'; font-size:clamp(50px,5.6vw ,80px); letter-spacing: -2px; color:#222; }
.mN-wrap .titl_wrap .subs{font-size: 22px; color:#666; }
.mN-wrap .contrl{display: flex; flex-direction: row; align-items: center; gap: 12px; }
.mN-wrap .contrl button{position: relative; width: 40px; height: 40px; background: #edeff2; border-radius: 50%; border: 0; transition: all 0.3s ease; }
.mN-wrap .contrl button:before{content:''; display: block; width: 9px; height: 1px; background:#555; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%)}
.mN-wrap .contrl button:after{content:'' ; display: block; width: 7px; height: 7px; background: transparent; border-top: 1px solid #555; border-right: 1px solid #555; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); }
.mN-wrap .contrl .prev{transform:rotate(180deg)}
.mN-wrap .contrl .next{}
.mN-wrap .contrl .pager{color:#b6b6b6; font-size: 18px;  display: flex; flex-direction: row; gap: 8px; }
.mN-wrap .contrl .pager .page{font-variant-numeric: tabular-nums; }
.mN-wrap .contrl .pager .current{color:var(--pointB); font-weight: 600;}
.mN-wrap .contrl .pager .total{}
.mN-wrap .contrl .plusBtn{display: block; width: 40px; height: 40px; background: #edeff2; border-radius: 50%; border:0; position: relative; transition: all 0.3s ease;}
.mN-wrap .contrl .plusBtn:before,
.mN-wrap .contrl .plusBtn:after{content:''; display: block; width: 11px; height: 1px; background: #555; position: absolute; top:50%;left:50%; transform:translate(-50%, -50%);}
.mN-wrap .contrl .plusBtn:after{ transform:translate(-50%, -50%) rotate(90deg);}
.mN-wrap .contrl button:hover,
.mN-wrap .contrl .plusBtn:hover{background:#d1d4d7}

.mN-conts{width: calc(100% - 40px); max-width:calc((1700px + ((100vw - 1700px) / 2) - 20px));padding-left: 20px;margin-left: auto; display: flex; flex-direction: row; }
.mN-conts .tab-btns{width: 320px; min-width: 320px; margin-top: 30px}
.mN-conts .tab-btns li:not(:last-child){margin-bottom: 20px; }
.mN-conts .tab-btns li button{position: relative; line-height: 1.2; font-size: 24px; font-weight: 300; color:#222; padding-left: 20px;background: transparent; border:0;  }
.mN-conts .tab-btns li button:before{content:''; display: block; width: 8px; height: 8px; background: #666; border-radius: 225rem;transition:width 0.3s ease; position:absolute; top: 50%; left: 0; transform:translateY(-50%)}
.mN-conts .tab-btns li button.active{padding-left: 72px; font-weight: 700;}
.mN-conts .tab-btns li button.active:before{border-radius: 0; width:60px; height: 5px; background: var(--pointY); transition:width 0.3s ease; }

.mN-conts .tab-conts{width: calc(100% - 320px); }
.mN-conts .tab-cont .item{}
.mN-conts .tab-cont .item a{display: block;border: 1px solid transparent; background:#f7f7f9;padding: 54px; box-sizing: border-box;   }
.mN-conts .tab-cont .item .label{padding: 8px 16px; border: 1px solid; margin-bottom: 20px; display: inline-block; }
.mN-conts .tab-cont .item .label01{border-color:var(--pointG); color:var(--pointG);}
.mN-conts .tab-cont .item .label02{border-color:var(--pointB); color:var(--pointB);}
.mN-conts .tab-cont .item .label03{border-color:var(--pointY); color:var(--pointY);}
.mN-conts .tab-cont .item .titl{color:#222; font-size: clamp(22px,1.6vw, 24px); font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-bottom: 30px; line-height: 1.2; height: 56px;   }
.mN-conts .tab-cont .item .subs{color:#666; font-size: 18px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 1.3; height: 70px;  margin-bottom: 40px; }
.mN-conts .tab-cont .item .date{margin-bottom: 40px; color:#888; font-size: 18px; }
.without_box{min-height: 380px; background: #f7f7f9; display: flex; flex-direction: column; justify-content: center; align-items: center; font-size: 20px; font-weight: 500; width: calc(100% - ((100vw - 1700px) / 2))}

.mN-whole-owl .owl-stage-outer{padding-top: 40px; }
.mN-conts .tab-cont .owl-item.current .item a{border-color:var(--pointG); box-shadow: 5px 5px 20px rgba(0,0,0,0.1);transform: translateY(-30px); transition: all 0.3s ease; background: #fff;  }
.mN-conts .tab-cont .owl-item.current .item .titl{color:var(--pointG); }
.mN-conts .tab-cont .owl-item.current .item .subs{text-decoration: underline}
.mN-conts .tab-cont .item a:hover{transform: translateY(-10px); transition: all 0.3s ease;}


/* ==============================
 * 퀵메뉴
================================= */
.mQ-wrap{margin-top: 140px; }
.mQ-wrap .mInner-sm{display: flex; flex-direction: row; align-items: flex-start;; }
.mQ-wrap .titl_wrap{width: 360px; min-width: 360px; }
.mQ-wrap .titl_wrap .titl{font-family:'cormorant';color:#222; font-size: 50px; margin-bottom: 20px;  }
.mQ-wrap .titl_wrap .subs{color:#666; }
.mQ-wrap .icon_wrap{width: calc(100% - 360px); display: flex; flex-direction: row; align-items: flex-start; gap: 30px;  }
.mQ-wrap .icon_wrap li{width: calc(100% / 7); }
.mQ-wrap .icon_wrap li a{display: block;}
.mQ-wrap .icon_wrap li .img_box{width: 100%; max-width: 90px; margin: 0 auto 30px auto; transition: all 0.3s ease;}
.mQ-wrap .icon_wrap li .img_box img{display: block; width: 100%;height: 100%; object-fit: contain; }
.mQ-wrap .icon_wrap li .name{text-align: center; line-height: 1.2; font-size: clamp(18px, 1.6vw, 22px); font-weight: 500; word-break: keep-all; }
.mQ-wrap .icon_wrap li a:hover .img_box{transform: translateY(-10px);}



/* ==============================
 * 컨텐츠 슬라이드
================================= */
.mC-wrap{position: relative;margin-top: 140px; padding-top: 100px; padding-bottom: 80px;}
.mC-wrap:before{content:''; display: block; width: calc(100vw - 50px); position: absolute; top:0; right:0; background:var(--pointB); height: calc(100% - 160px); z-index: 1;  }
.mC-wrap:after{content:''; display: block; width: calc(100% - ((100vw - 1500px) / 2)); background: var(--pointB); height: 160px;position: absolute; bottom:0; right:0; z-index: -2; }
.mC-wrap .mInner-sm{position: relative; }
.mC-wrap .mInner-sm:before{content:''; display: block; width:280px; height: 320px; background: url(/resources/_Templet/Main/main_tmpl5/Img/uc-mark.png) no-repeat;background-size: contain; position: absolute; bottom : -50px; right: calc((-100vw + 1500px) / 2); z-index: 2; }
.mC-wrap .mC-owl{}
.mC-wrap .item_box{display: flex; flex-direction: row; align-items: stretch; gap: 60px; }
.mC-wrap .item .img_box{width: 50%; aspect-ratio: 2/1.2; overflow: hidden; }
.mC-wrap .item .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mC-wrap .item .txt_box{width: calc(50% - 60px); padding-top:30px; }
.mC-wrap .item .txt_box .label{text-transform: uppercase; color:var(--pointY); font-family:'cormorant';font-weight: bold; font-size: 26px; margin-bottom: 26px;display: block;  }
.mC-wrap .item .txt_box .titl{font-size: clamp(36px,2.7vw, 40px); font-weight: bold; color:#fff; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 90px; margin-bottom:40px; }
.mC-wrap .item .txt_box .subs{color:rgba(255,255,255,0.6); font-size: 20px; line-height: 1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; margin-bottom: 70px;}
.mC-wrap .item .txt_box .plus{font-size:16px; font-weight: 500; color:rgba(255,255,255,0.7); display: flex; flex-direction: row; align-items: center;position: absolute; bottom:0; left: calc(50% + 60px)}
.mC-wrap .item .txt_box .plus .arr{width: 40px; height: 40px; background: #090c27; border-radius: 50%; position: relative; display: inline-block; margin-left: 8px;transition: all 0.3s ease; }
.mC-wrap .item .txt_box .plus .arr:before{content:''; display: block; width:8px; height: 8px; background: transparent; border-top: 2px solid #fff; border-right: 2px solid #fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%);  }
.mC-wrap .item .txt_box .plus .arr:after{content:''; display: block; width: 12px; height: 2px; background: #fff; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%) rotate(-45deg)}
.mC-wrap .item .txt_box .plus:hover .arr{transform: rotate(45deg);}
.mC-wrap .mC-dots{position:relative;display: inline-flex;  gap: 10px; padding-top: 10px; }
.mC-wrap .mC-dots button{width: 11px; height: 11px; border: 1px solid #fff; background: transparent; border-radius: 35rem;  transition: all 0.5s ease;}
.mC-wrap .mC-dots button.active{width: 20px; background: #fff; transition: all 0.5s ease; }
.mC-wrap .mC-dots:after{content:''; display: block; position: absolute; width: calc(100% + 200px); height: calc(100% + 130px); background: var(--pointY); z-index: -1; top: -80px; left: -70px;}

/* ==============================
 * SNS
================================= */
.mS-wrap{margin-top: 100px; }
.mS-wrap .mInner{}
.mS-wrap .title_wrap{display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 60px}
.mS-wrap .title_wrap .titl_L{display: flex;flex-direction: row; align-items: center; gap:8px 30px; }
.mS-wrap .title_wrap .titl{font-family:'cormorant'; font-size:clamp(50px,5.6vw ,80px); font-weight: 700; color:#222; }
.mS-wrap .title_wrap .tab-btns{display: flex;flex-direction: row; align-items: center; gap: 18px;flex-wrap: wrap; }
.mS-wrap .title_wrap .tab-btns li{}
.mS-wrap .title_wrap .tab-btns li button{color:#888; border:0; background: transparent; padding: 6px 12px; font-size: 26px; position: relative; }
.mS-wrap .title_wrap .tab-btns li button:after{content:''; display: block; width:0; height:6px; background: var(--pointB); position: absolute; bottom: -6px; left:0; transition: width 0.5s ease;}
.mS-wrap .title_wrap .tab-btns li button:hover{color:var(--pointB);transition: all 0.5s ease;}
.mS-wrap .title_wrap .tab-btns li button.active{color:var(--pointB);}
.mS-wrap .title_wrap .tab-btns li button.active:after{width: 100% ; transition: width 0.5s ease;}
.mS-wrap .title_wrap .links{display: flex; flex-direction: row; align-items: center; gap: 8px; }
.mS-wrap .title_wrap .links a{width: 50px; height:50px; background-color: #888888; border-radius: 50%; background-repeat: no-repeat; background-position: center center;  background-size: 36px;transition: all 0.5s ease;}
.mS-wrap .title_wrap .links a:hover{background-color:var(--pointB);transition: all 0.5s ease;}
.mS-wrap .title_wrap .links a.yout{background-image: url(/resources/_Templet/Main/main_tmpl5/Img/ico-utub.png);}
.mS-wrap .title_wrap .links a.insta{background-image: url(/resources/_Templet/Main/main_tmpl5/Img/ico-insta.png)}
.mS-wrap .title_wrap .links a.face{background-image: url(/resources/_Templet/Main/main_tmpl5/Img/ico-face.png)}
.mS-wrap .title_wrap .links a.blog{background-image: url(/resources/_Templet/Main/main_tmpl5/Img/ico-blog.png)}
.mS-wrap .title_wrap .links a.gall{position:relative;}
.mS-wrap .title_wrap .links a.gall:before,
.mS-wrap .title_wrap .links a.gall:after{content:'';display: block; width:  18px; height: 3px; background: #fff; position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.mS-wrap .title_wrap .links a.gall:after{transform: translate(-50%, -50%) rotate(90deg);}
.mS-wrap .title_wrap:has(.tab-btns button.active[data-link-group="sns"]) .links .gall{display: none;pointer-events: none; opacity:0;}

/* 갤러리 그룹 탭 */
.mS-wrap .title_wrap:has(.tab-btns button.active[data-link-group="gallery"]) .links .yout,
.mS-wrap .title_wrap:has(.tab-btns button.active[data-link-group="gallery"]) .links .insta,
.mS-wrap .title_wrap:has(.tab-btns button.active[data-link-group="gallery"]) .links .face,
.mS-wrap .title_wrap:has(.tab-btns button.active[data-link-group="gallery"]) .links .blog{display: none;pointer-events: none; opacity:0;}

.mS-wrap .mS-conts{}
.mS-wrap .tab-conts{}
.mS-wrap .tab-cont.active{}
.mS-wrap .yout_wrap{display: grid; grid-template-columns: repeat(4, 1fr)}
.mS-wrap .yout_wrap .item-lg{grid-row: 1/ span 2;grid-column: 1/ span 2;}
.mS-wrap .yout_wrap .item-lg .video_box{width: 100%; height: 100%;aspect-ratio: 16/9;}
.mS-wrap .yout_wrap .item-lg .video_box iframe{width: 100%; height: 100%; }
.mS-wrap .yout_wrap .item-sm{}
.mS-wrap .yout_wrap .item-sm a{display: block; position: relative;}
.mS-wrap .yout_wrap .item-sm .img_box{overflow: hidden; aspect-ratio: 16/9;}
.mS-wrap .yout_wrap .item-sm .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mS-wrap .yout_wrap .item-sm .txt_box{position: absolute; display: flex; flex-direction: column; justify-content: center; align-items: center; top: 0; left:0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); pointer-events: none; opacity: 0; visibility: hidden;transition: all 0.5s ease;}
.mS-wrap .yout_wrap .item-sm .txt_box .titl{text-align: center; color:#fff; }
.mS-wrap .yout_wrap .item-sm a:hover .txt_box{opacity: 1; visibility: visible; transition: all 0.5s ease;}
.mS-wrap .etc_wrap{display: flex; flex-direction: row; gap: 20px;flex-wrap: wrap;}
.mS-wrap .etc_wrap .item{width: calc(25% - 15px)}
.mS-wrap .etc_wrap .item a{display: block;}
.mS-wrap .etc_wrap .item .img_box{overflow: hidden; aspect-ratio:2/2.2; border: 1px solid #ddd;}
.mS-wrap .etc_wrap .item .img_box img{width: 100%; height: 100%; object-fit: cover;transition: all 0.3s ease;}
.mS-wrap .etc_wrap .item a:hover .img_box img{transform: scale(1.12);}
.mS-wrap .etc_wrap .item .txt_box{margin-top: 14px; font-size: 16px; color:#000; }
.mS-wrap .without_box{width: 100%; }


@media screen and (max-width: 1800px){
	/*컨텐츠 슬라이드*/
	.mC-wrap:before{width: 100vw; }
}

@media screen and (max-width: 1740px){
	.without_box{width: calc(100% - 20px); }
	
	/*메인비주얼*/	
	.mV-wrap .contrl{left: 20px;}
	.mV-owl .item .item_box .txt_box{padding-left: 20px}

	/*컨텐츠 슬라이드*/
	.mC-wrap:after{width: 95vw;}
}

@media screen and (max-width: 1540px){
	/*컨텐츠 슬라이드*/
	.mC-wrap .mInner-sm:before{right: -20px; }
}

@media screen and (max-width: 1400px){
	/*메인비주얼*/	
	.mV-owl .item .item_box .txt_box{width: 50%; }

	/*졸업생한마디*/	
	.mA-wrap{width: calc((100% - 110px) * 0.5)}
	.mA-wrap .titl_wrap{width: 158px; }
	.mA-wrap > div:not(.titl_wrap){width: calc(100% - 158px)}

	/*게시판*/
	.mN-wrap{margin-top: 80px; }
	.mN-conts .tab-btns{width: 280px; min-width: 280px; }
	.mN-conts .tab-conts{width: calc(100% - 280px)}
	.mN-conts .tab-cont .item a{padding-left: 30px; padding-right: 30px; }

	/*컨텐츠 슬라이드*/
	.mC-wrap .item .txt_box .titl{margin-bottom: 28px; }
	.mC-wrap .item .txt_box .subs{font-size:18px; }

	/*sns*/
	.mS-wrap .title_wrap .tab-btns li button{font-size: 22px; }
}


@media screen and (max-width: 1200px){
	/*메인비주얼*/
	.mV-wrap{width: calc(100% - 80px); height: 700px; }
	.mV-owl .item .item_box .txt_box{width: calc((100% + 80px) * 0.50); min-height: 220px;}
	.mV-owl .item .item_box .txt_box .titl{font-size: 32px; }
	.mV-owl .item .item_box .txt_box .subs{font-size: 24px; }
	.mV-wrap .contrl{bottom: 240px;}

	/*졸업생한마디*/
	.mA-wrap{width: 50%; left: unset; right:0; padding: 30px; }
	.mA-wrap .titl_wrap h3{font-size: 22px; }
	.mA-owl .item .item_box .subs{font-size: 18px; }

	/*링크서비스*/
	.mL-wrap{width: 80px}

	/*게시판*/
	.mN-wrap .titl_wrap .subs {font-size: 18px; }
	.mN-conts .tab-btns li button{font-size: 22px}

	/*퀵메뉴링크*/
	.mQ-wrap .titl_wrap{width: 300px; min-width: 300px; }
	.mQ-wrap .icon_wrap{width: calc(100% - 300px); gap: 16px; }

	/*컨텐츠 슬라이드*/
	.mC-wrap .item .img_box{width: 45%; }
	.mC-wrap .item .txt_box{width: calc(55% - 60px); padding-top:0; }
	.mC-wrap .item .txt_box .titl{font-size: 34px; height: 82px; }
	.mC-wrap .item .txt_box .plus{left: calc(45% + 60px)}

	/*sns*/
	.mS-wrap .title_wrap{margin-bottom: 40px; }
	.mS-wrap .title_wrap .tab-btns{gap: 6px; }
	.mS-wrap .title_wrap .tab-btns li button{font-size: 20px; }
	.mS-wrap .title_wrap .links a{width: 44px; height: 44px; }

}

@media (min-width: 991px) and (max-width: 1200px){
	/*졸업생한마디*/
	.mA-wrap{flex-direction: column; row-gap: 8px; }
	.mA-wrap .titl_wrap{flex-direction: row; justify-content: space-between;width: 100%; }
	.mA-wrap > div:not(.titl_wrap){width: 100%; }
	.mA-owl .item .item_box .subs{margin-top: 8px; }
}


@media screen and (max-width: 991px){
	/*메인비주얼*/
	.mV-owl .item .item_box .txt_box{width: 90%; }

	/*졸업생한마디*/
	.mA-wrap{width: 100%; bottom: unset; top:100%; align-items: center; height:auto; min-height: 150px; }
	.mA-wrap .titl_wrap{row-gap: 16px; }

	/*링크서비스*/
	.mL-wrap{height: 100%; }

	/*게시판*/
	.mN-wrap{margin-top: 200px; }
	.mN-wrap .mInner{align-items:flex-end;gap: 10px 30px; flex-wrap: wrap;  }
	.mN-wrap .titl_wrap{flex-direction: column;margin-bottom:0; }
	.mN-wrap .contrl{margin-left: auto; }
	.mN-conts{flex-direction: column; max-width:unset;width: calc(100% - 20px);margin-left:0;  }
	.mN-conts .tab-btns{width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap:8px 26px;}
	.mN-conts .tab-btns li button{font-size: 18px; padding-left: 14px; }
	.mN-conts .tab-btns li button.active{padding-left: 36px; }
	.mN-conts .tab-btns li button.active:before{width: 28px; }
	.mN-conts .tab-btns li:not(:last-child){margin-bottom:0; }
	.mN-conts .tab-conts{width: 100%; }
	.mN-whole-owl .owl-stage-outer{padding-top: 50px; }
	.mN-conts .without_box{margin-top:20px; }

	/*퀵메뉴링크*/
	.mQ-wrap{margin-top: 70px; }
	.mQ-wrap .mInner-sm{flex-direction: column; row-gap: 30px; }
	.mQ-wrap .titl_wrap,
	.mQ-wrap .icon_wrap{width: 100%; }
	.mQ-wrap .icon_wrap li .img_box{max-width: 70px; }

	/*컨텐츠 슬라이드*/
	.mC-wrap{margin-top: 80px;}
	.mC-wrap .item_box{gap: 30px; }
	.mC-wrap .item .txt_box{width: calc(55% - 30px)}
	.mC-wrap .item .txt_box .label{font-size: 18px; margin-bottom: 16px; }
	.mC-wrap .item .txt_box .titl{font-size: 28px; height: 68px; }
	.mC-wrap .item .txt_box .subs{font-size: 17px; }
	.mC-wrap .item .txt_box .plus{left: calc(45% + 30px)}
	
	/*sns*/
	.mS-wrap{margin-top: 70px;}
	.mS-wrap .title_wrap{position: relative; }
	.mS-wrap .title_wrap .titl_L{flex-direction: column; align-items: flex-start;}
	.mS-wrap .title_wrap .links{position: absolute; top:0; right:0; }
	.mS-wrap .yout_wrap .item-lg{grid-row: 1; grid-column: 1/ span 4; }
	.mS-wrap .etc_wrap{gap:0;}
	.mS-wrap .etc_wrap .item{width:50%;  position: relative;}
	.mS-wrap .etc_wrap .item .img_box{aspect-ratio:2/1.8}
	.mS-wrap .etc_wrap .item .txt_box{width: 100%; height: 100%; margin-top:0; background: linear-gradient(to bottom, transparent 70%, rgba(0,0,0,0.7)); position: absolute; top:0; left:0; padding: 20px; box-sizing: border-box;display: flex; justify-content: flex-start; align-items: flex-end; color:#fff;pointer-events: none; }
	
}


@media screen and (max-width: 768px){
	.without_box{font-size: 17px; }
	/*메인비주얼*/
	.mV-wrap{width: calc(100% - 50px); height: 640px;}

	/*링크서비스*/
	.mL-wrap{width: 50px}

	/*게시판*/
	.mN-conts .tab-cont .item a{padding: 34px 30px;}
	.mN-conts .tab-cont .item .label{font-size: 15px; padding: 5px 8px; margin-bottom: 12px; }
	.mN-conts .tab-cont .item .titl{font-size: 20px; height: 48px; margin-bottom: 16px; }
	.mN-conts .tab-cont .item .subs{font-size: 17px; height: 64px; }
	.mN-conts .tab-cont .item .date{font-size: 15px; }
	
	/*퀵메뉴링크*/
	.mQ-wrap .titl_wrap .titl{margin-bottom: 14px;}
	.mQ-wrap .icon_wrap{flex-wrap: wrap;gap: 0; }
	.mQ-wrap .icon_wrap li{width: calc(50% - 1px); border-bottom: 1px solid #eee; }
	.mQ-wrap .icon_wrap li:nth-child(odd){border-right: 1px solid #eee; }
	.mQ-wrap .icon_wrap li:nth-child(-n + 2){border-top:1px solid #eee;}
	.mQ-wrap .icon_wrap li a{flex-direction: row; display: flex;align-items: center; padding: 6px 18px;}
	.mQ-wrap .icon_wrap li .img_box{width: 46px; max-width: unset; margin: 0 30px 0 0 ; }
	
	/*컨텐츠 슬라이드*/
	.mC-wrap{padding-top:60px; }
	.mC-wrap .item_box{flex-direction: column; }
	.mC-wrap .item .txt_box,
	.mC-wrap .item .img_box{width: 100%; }
	.mC-wrap .item .img_box{aspect-ratio: 2/1; }
	.mC-wrap .item .txt_box .subs{margin-bottom: 20px; }
	.mC-wrap .item .txt_box .plus{position: unset; justify-content: flex-end;}
	.mC-wrap .mC-dots{padding-top:30px; }
	.mC-wrap .mC-dots:after{width: calc(100% + 160px); height: calc(100% + 90px); top: -60px;}

	/*sns*/
	.mS-wrap .yout_wrap .item-sm01{grid-row:2;grid-column: 1 / span 2;}
	.mS-wrap .yout_wrap .item-sm02{grid-row:2;grid-column: 3 / span 2;}
	.mS-wrap .yout_wrap .item-sm03{grid-row:3;grid-column: 1 / span 2;}
	.mS-wrap .yout_wrap .item-sm04{grid-row:3;grid-column: 3 / span 2;}


}

@media screen and (max-width: 575px){
	#mcontainer{padding-bottom: 40px; }

	/*메인비주얼*/
	.mV-wrap{width:100%;}
	
	/*졸업생한마디*/
	.mA-wrap{flex-direction: column; row-gap: 20px; }
	.mA-wrap .titl_wrap{flex-direction: row; justify-content: space-between;width: 100%; }
	.mA-wrap > div:not(.titl_wrap){width: 100%; }
	.mA-owl .item .item_box .subs{margin-top: 8px; }
	.mA-owl .item .item_box .titl_box{row-gap: 4px; flex-wrap: wrap; }

	/*공지사항*/
	.mN-wrap{margin-top: 220px;}

	/*링크서비스*/
	.mL-wrap{display: none;}

	/*퀵메뉴링크*/
	.mQ-wrap{margin-top: 50px;}
	.mQ-wrap .icon_wrap li .img_box{margin-right: 15px; }
	.mQ-wrap .icon_wrap li .name{font-size: 17px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	

	/*컨텐츠 슬라이드*/
	.mC-wrap{margin-top: 50px; }
	.mC-wrap:before{height: calc(100% - 113px);}
	.mC-wrap .mC-dots:after{top:10px; height: calc(100% + 40px); width: 200%; }

	/*sns*/
	.mS-wrap{margin-top: 50px;}
	.mS-wrap .title_wrap,
	.mS-wrap .title_wrap .titl_L,
	.mS-wrap .title_wrap .tab-btns li button{width: 100%; }
	.mS-wrap .title_wrap .tab-btns li{width: calc(50% - 3px) }
	

}
@media screen and (max-width: 425px){
	/*퀵메뉴링크*/
	.mQ-wrap .icon_wrap li{width: 100%; }
	.mQ-wrap .icon_wrap li:nth-child(-n + 2),
	.mQ-wrap .icon_wrap li:nth-child(odd){border-top:0; border-right: 0; }
	.mQ-wrap .icon_wrap li .img_box{margin-right: 20px; }
	
	/*sns*/
	.mS-wrap .title_wrap .links{top: 6px; }
	.mS-wrap .title_wrap .links a{width: 30px; height: 30px; background-size: 22px; }
	.mS-wrap .yout_wrap{display: flex; flex-direction:column;}
	.mS-wrap .etc_wrap .item{width: 100%; }
	
}