@charset "utf-8";

:root{
	--pointG:#057d84;
	--pointB:#272E60;
	--pointY:#f98D00
}

/*공통*/
.mInner{width: calc(100% - 40px); max-width: 1600px; padding-left: 20px; padding-right: 20px; margin-left: auto; margin-right: auto; }

.without_box{min-height:490px; width: 100%; border: 5px solid #eee; border-radius: 20px; display: flex; flex-direction: column; align-items: center;  justify-content: center; }
.without_box p{font-size: 17px; font-weight: 500; color:#222; }

.titl_wrap{flex-wrap: wrap; gap: 8px; }
.titl_wrap .txt_box .mini{display: block; color:#fff;font-size: 14px; font-weight: 500; margin-bottom: 8px; }
.titl_wrap .txt_box .titl{color:#fff; font-size: 35px; font-weight: 500; line-height: 1.2; }
.titl_wrap .txt_box .titl .color{color:var(--pointY);}
.titl_wrap .txt_box .titl em{font-style: normal;}

.contrl{display: flex; flex-direction: row; align-items: center; gap:8px; margin-left: auto; }
.contrl .prev,
.contrl .next{display: block; width: 40px; height: 40px; border-radius: 50%; position: relative;background:#D9D9D9; border: 1px solid transparent;transition: all 0.3s ease; }
.contrl .prev:before,
.contrl .next:before{content:''; display: block; width: 12px; height: 1px; background: #fff; position: absolute; top: 50%; left:50%; transform: translate(-50%, -50%);}
.contrl .prev:after,
.contrl .next:after{content:''; display: block; width: 6px; height: 6px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; position: absolute; 
top:50%; left: 50%; transform:translate(calc(-50% + 2px), -50%) rotate(45deg)}
.contrl .prev{transform: rotate(180deg)}
.contrl .plusBtn{display: block; width: 40px; height: 40px; background: transparent; border-radius: 50%; position: relative; border: 1px solid transparent;}
.contrl .plusBtn:before,
.contrl .plusBtn:after{content:''; display: block; width: 15px; height: 1px; background:#fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.contrl .plusBtn:after{transform: translate(-50%, -50%) rotate(90deg);}





/* ==============================
 * 메인비쥬얼 (게시판)
================================= */
.mVisual-wr{position: relative; padding-top: 10px; }
.mVisual-wr .rolling_txt{width: 100%; overflow: hidden; position:absolute; top:0; z-index:-1; }
.mVisual-wr .rolling_txt:has(+ #mVisual .mVS-wrap){top:30px; }
.mVisual-wr .rolling_txt .track{position: relative; width: calc(2400px * 3); animation:mV_rolling 25s linear infinite; }
.mVisual-wr .rolling_txt .track p{float: left; width: 2400px; font-size: 130px;font-weight: 700;color:rgba(242,246,246,0.8);font-family:'paperlogy'  }
@keyframes mV_rolling{
  0%{
    left: 0;
  }
  100%{
    left: -2400px; /* 텍스트 width와 동일 */
  }
}
#mVisual{}
.mVB-wrap{position: relative; }
.mVB-wrap .tab-btns{display: flex; flex-direction: row; align-items: center; gap: 12px; position: absolute; top:30px; right:0; z-index: 2; }
.mVB-wrap li button{border: 0; background:transparent; color:#141414; font-size: 18px; font-weight: 600; padding: 10px; border-radius: 25rem; transition: all 0.3s ease;}
.mVB-wrap li button.active{color:#fff; background:var(--pointG);  padding-left: 20px; padding-right: 20px; }

.mVB-wrap .tab-conts{}
.mVB-owl .owl-stage {display: flex;align-items: stretch; min-height: calc(490px + 100px)}
.mVB-owl .owl-item {float: none; margin-top: auto; }
.mVB-owl .item {transform-origin: left top;}
.mVB-owl .item_box{background:#fff;position: relative;border-radius: 15px;padding: 40px 50px;z-index: 1;box-sizing: border-box;transform-origin: left top; min-height: 490px}
.mVB-owl .item_box::before {content: "";position: absolute;inset: 0;border-radius: inherit;padding: 5px;	background: #eee;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;transition:transform .35s ease,background .35s ease;z-index: -1;}
.mVB-owl .item_box a{}
.mVB-owl .item_box .txt_box{}
.mVB-owl .item_box .txt_box .label{display: inline-block; padding: 8px 15px 6px 15px; border-radius: 25rem; color:#9e9e9e; border: 1px solid #9e9e9e; margin-bottom: 40px; }
.mVB-owl .item_box .txt_box .titl{color:#656565; font-size: 28px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden; text-overflow: ellipsis; margin-bottom:35px; line-height: 1.2; height: 68px; }
.mVB-owl .item_box .txt_box .subs{display: none;-webkit-box-orient: vertical; -webkit-line-clamp: 3; line-height: 1.6; font-size: 18px; color:#898989; margin-bottom: 46px; height: 87px; overflow: hidden; text-overflow: ellipsis;}
.mVB-owl .item_box .txt_box .date{display: none;}
.mVB-owl .item_box .img_box{aspect-ratio: 3/2; overflow: hidden; border-radius: 5px; }
.mVB-owl .item_box .img_box img{width: 100%; height: 100%; object-fit: cover; }
.mVB-owl .item_box.no_img-item_box{}
.mVB-owl .item_box.no_img-item_box .img_box{display: none;}
.mVB-owl .item_box.no_img-item_box .txt_box .titl{margin-bottom: 90px; }
.mVB-owl .item_box.no_img-item_box .txt_box .subs{display: -webkit-box;  }
.mVB-owl .item_box.no_img-item_box .txt_box .date{font-size: 18px; color:#898989; display: inline-block; margin-left: auto; }

.mVB-owl .owl-item.current .item_box::before {background: linear-gradient(to right,#A3BBD5,#9BCBCF);}
.mVB-owl .owl-item.current .item_box a{display: flex; flex-direction: column-reverse; ; }
.mVB-owl .owl-item.current .item_box .img_box{ margin-top: -100px; box-shadow: 8px 8px 26px rgba(0,0,0,0.15); margin-bottom: 20px; }
.mVB-owl .owl-item.current .item_box.no_img-item_box .img_box{display: block;}
.mVB-owl .owl-item.current .item_box .txt_box .label{margin-bottom: 14px; color:#fff; background: linear-gradient(to right, #067C86, #2D4BAE); border-color: transparent; }
.mVB-owl .owl-item.current .item_box .txt_box .titl{background: linear-gradient(to right, #057C85, #2D4AAE); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip: text; color:transparent;font-weight: 700; margin-bottom: 10px; }
.mVB-owl .owl-item.current .item_box .txt_box .subs{-webkit-line-clamp:2; height: 56px; margin-bottom:0; padding-right:20%;display: block; }
.mVB-owl .owl-item.current .item_box .txt_box .date{display: none;}

.mVB-owl .owl-item .item{width: calc((1600px * 0.3) - 32px);}
.mVB-owl .owl-item.current .item{width:  calc((1600px * 0.4) - 32px);  transition: width 0.3s ease;transform-origin: left center; }

/* ==============================
 * 메인비쥬얼 (sns)
================================= */
.mVS-wrap{position: relative;margin-top: 30px; }
.mVS-wrap .mInner{position: relative;}
.mVS-wrap .links{position: absolute; top:-30px; right:0; z-index: 3; display: flex; flex-direction: row; gap:8px; }
.mVS-wrap .sns_link{width: 42px; height: 42px; border-radius: 50%;  background-size: 30px; background-position: center center; background-repeat: no-repeat; display: block; }
.mVS-wrap .sns_link.yout{background-color:#FF0004; background-image: url(/resources/homepage/physical/_Img/ico-utub.png);}
.mVS-wrap .sns_link.insta{background:linear-gradient(to bottom, #F9CE34,#EE2A7B,#6228D7 );position: relative; }
.mVS-wrap .sns_link.insta:after{content:''; display: block; width: 30px; height: 30px; background-image: url(/resources/homepage/physical/_Img/ico-insta.png); background-repeat: no-repeat; background-size: contain; background-position: center center; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.mVS-wrap .sns_link.face{background-color:#427FF0; background-image: url(/resources/homepage/physical/_Img/ico-face.png)}
.mVS-wrap .sns_link.nb{background-color: #2CAE00; background-image:url(/resources/homepage/cdesign/_Img/ico-blog.png)}
.mVS-owl{transform: translateX(calc((100vw - 1300px) / 2)); }
.mVS-owl .owl-stage {display: flex;align-items: flex-end; height: 580px; }
.mVS-owl .owl-stage-outer{overflow:unset;}
.mVS-owl .owl-item {float: none;}
.mVS-owl .owl-item .item{width: calc((min(100vw, 1920px) * 0.2) - 40px)}
.mVS-owl .owl-item.current .item{width: calc((min(100vw, 1920px) * 0.55) - 40px);}
.mVS-owl .item_box{position: relative; height: 100%; }
.mVS-owl .item_box a{display: flex;flex-direction: row; align-items: flex-end; width: 100%;height: 100%; box-sizing: border-box;position: relative; min-height: 520px;}
.mVS-owl .item_box .img_box{overflow: hidden; aspect-ratio: 2/3; border-radius:15px;position: absolute; bottom:0; left:0; z-index: 2; max-height: 520px; transition: bottom 0.3s ease; }
.mVS-owl .item_box .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mVS-owl .item_box .img_box:after{content:'';display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background-color:rgba(0,0,0,0.2); background-repeat: no-repeat; background-position: center center; background-size: 30px; position: absolute; bottom: 20px; right:20px;backdrop-filter:blur(4px)}
.mVS-owl .item_box.insta .img_box:after{background-image:url(/resources/homepage/physical/_Img/ico-insta.png);}
.mVS-owl .item_box.yout .img_box:after{background-image:url(/resources/homepage/physical/_Img/ico-utub.png);}
.mVS-owl .item_box.face .img_box:after{background-image:url(/resources/homepage/physical/_Img/ico-face.png);}
.mVS-owl .item_box.nb .img_box:after{background-image:url(/resources/homepage/cdesign/_Img/ico-blog.png);}

.mVS-owl .txt_box{background: #fff; position: relative; border-radius: 15px;z-index: 1; box-sizing: border-box; padding: 70px 50px; }
.mVS-owl .txt_box:before{content:''; position: absolute; inset:0; border-radius: inherit; padding: 5px; background: #eee; -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite: xor;mask-composite: exclude;transition:transform .35s ease,background .35s ease;z-index: -1; background: linear-gradient(to right,#A3BBD5,#9BCBCF); z-index: -1;width: 140%; left: -40%;  }
.mVS-owl .txt_box .titl{font-size: 32px; font-weight: 700; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;background: linear-gradient(90deg, #057C85, #2D4AAE); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 60px; line-height: 1.2; height: 77px; }
.mVS-owl .txt_box .subs{display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;color:#898989; font-size: 20px;line-height: 1.3; height: 77px; margin-bottom: 50px; }
.mVS-owl .txt_box .hash{display: flex; flex-wrap: wrap; gap: 6px 8px; }
.mVS-owl .txt_box .hash li{padding:8px 16px; border-radius: 25em; border: 1px solid #ddd; color:#898989;font-size: 14px;   }
.mVS-owl .txt_box .hash li:before{content:'#'; margin-right: 2px; }
.mVS-owl .owl-item.current .img_box{box-shadow: 8px 8px 26px rgba(0,0,0,0.15); position: relative; bottom: 40px; width: 45%; max-height: 580px; transition: bottom 0.3s ease;}
.mVS-owl .owl-item:not(.current) .txt_box{opacity: 0; width:0; visibility:hidden;padding: 0; transition: all 0.3s ease;height: 0; overflow: hidden; margin: 0;  }
.mVS-owl .owl-item.current .txt_box{opacity: 1; width:calc(55% - 10px); visibility: visible; transition: all 0.3s ease;min-height:505px; }
.mVS-owl .item_box.insta .img_box:before{content:'';display: block; width: 40px; height: 40px; border-radius: 50%; overflow: hidden; background:linear-gradient(to bottom, #F9CE34,#EE2A7B,#6228D7 ); background-repeat: no-repeat; background-position: center center; background-size: cover; position: absolute; bottom: 20px; right:20px;backdrop-filter:blur(4px); opacity: 0; visibility: hidden; transition: all 0.3s ease;}
.mVS-owl .owl-item.current .item_box.insta .img_box:before{transition: all 0.3s ease;opacity: 1; visibility: visible;}
.mVS-owl .owl-item.current .item_box.insta .img_box:after{background-color:rgba(0,0,0,0);}
.mVS-owl .owl-item.current .item_box.yout .img_box:after{background-color:#FF0004}
.mVS-owl .owl-item.current .item_box.face .img_box:after{background-color:#427FF0}
.mVS-owl .owl-item.current .item_box.nb .img_box:after{background-color:#2CAE00}

.mVB-wrap .contrl,
.mVS-wrap .contrl{width: 100%; max-width: 1340px; justify-content: center; margin:44px auto 20px auto; }
.mVB-wrap .contrl .progress,
.mVS-wrap .contrl .progress{width: calc(100% - 120px - 24px); height:3px; background: #d9d9d9; border-radius: 25rem; overflow: hidden;  }
.mVB-wrap .contrl .progress .bar,
.mVS-wrap .contrl .progress .bar{width: 0; height: 100%; background: var(--pointG); transition: width 0.3s ease;}
.mVB-wrap .contrl .ppBtn,
.mVS-wrap .contrl .ppBtn{width: 40px; height: 40px; background: transparent; display: block; border:0;position: relative; }
.mVB-wrap .contrl .ppBtn:before,
.mVS-wrap .contrl .ppBtn:before{content:''; display: block; width: 16px; height: 16px; background: linear-gradient(to right, transparent 3px, #ccc 3px, #ccc 6px, transparent 6px, transparent 10px, #ccc 10px, #ccc 13px, transparent 13px); position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%);}
.mVB-wrap .contrl .ppBtn.paused:before,
.mVS-wrap .contrl .ppBtn.paused:before{width: unset; height: unset; background: unset; border-left: 10px solid #ccc; border-top: 8px solid transparent; border-bottom: 8px solid transparent; }
.mVB-wrap .contrl .prev:hover,
.mVB-wrap .contrl .next:hover,
.mVS-wrap .contrl .prev:hover,
.mVS-wrap .contrl .next:hover{background: var(--pointG); }
.mVB-wrap .without_box{border:0; position: relative; }
.mVB-wrap .without_box:after{content:''; display: block; width: 100%; height: calc(100% - 100px); border-radius: 20px; border: 5px solid #eee; position: absolute; top:100px; left:0;pointer-events: none;}
.mVB-wrap .without_box p{padding-top: 100px}


/* ==============================
 * 퀵메뉴
================================= */
.mQ-wrap{margin-top: 60px;margin-bottom: 60px;  }
.mQ-wrap .titl_wrap .titl{;color:#222; font-size: 35px; margin-bottom: 70px; text-align: center; }
.mQ-wrap .titl_wrap .titl .color{color:var(--pointG);}
.mQ-wrap .icon_wrap{display: flex; flex-direction: row; align-items: flex-start; gap: 30px; width: 100%; max-width:1400px ; margin: 0 auto ;}
.mQ-wrap .icon_wrap li{width: calc(100% / 6); }
.mQ-wrap .icon_wrap li a{display: block;}
.mQ-wrap .icon_wrap li .img_box{width: 100%; max-width: 70px; margin: 0 auto 30px auto; transition: all 0.3s ease;aspect-ratio: 1/1; }
.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);}



/* ==============================
 * 핫이슈
================================= */
.mH-wrap{background: var(--pointG) url(/resources/homepage/physical/_Img/uc-mark.png) no-repeat; background-position: top right; padding: 70px 0;}
.mH-wrap .titl_wrap{display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-bottom: 40px; }
.mH-wrap .titl_wrap .txt_box{}
.mH-wrap .titl_wrap .txt_box .titl .color{color:var(--pointY);}

.mH-wrap .titl_wrap .contrl .prev,
.mH-wrap .titl_wrap .contrl .next,
.mH-wrap .titl_wrap .contrl .plusBtn{background: #000; }
.mH-owl{}
.mH-owl .item a{display: block;position: relative; }
.mH-owl .item .img_box{border-radius: 15px; overflow: hidden; aspect-ratio: 1/1; }
.mH-owl .item .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mH-owl .item .txt_box{pointer-events: none; width: 100%; height: 100%; padding:38px 26px; box-sizing: border-box; background: linear-gradient(to bottom, transparent 30%, rgba(0,0,0,0.7));position: absolute; top:0; left: 0; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 15px; }
.mH-owl .item .txt_box .titl{color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 22px; font-weight: 600; margin-bottom:12px;  }
.mH-owl .item .txt_box .titl .date{}
.mH-owl .item .txt_box .subs{color:#fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px;}


/* ==============================
 * 게시판2
================================= */
/* .mB-wrap{background: url(/resources/homepage/physical/_Img/mB-bg.png) no-repeat; background-position: top center;padding: 60px 0;  } */
.mB-wrap{padding: 60px 0; position: relative; }
.mB-wrap:before{content:''; display: block; background: url(/resources/homepage/physical/_Img/mB-bg.png) no-repeat; background-size: cover; width: 100vw; height: 320px; position: absolute; top:0; left:0}
.mB-wrap .mInner{background: rgba(255,255,255,0.2); backdrop-filter: blur(5px); border-radius: 15px; border: 1px solid rgba(194,194,194,0.6); padding: 70px 60px; box-sizing: border-box; }
.mB-wrap .titl_wrap{min-height: calc(320px - 60px - 70px)}
.mB-wrap .btns_box{display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 26px; flex-wrap: wrap; gap: 8px; }
.mB-wrap .btns_box .tab-btns{display: flex; flex-direction: row;  align-items: center; gap:4px 12px;flex-wrap: wrap; }
.mB-wrap .btns_box .tab-btns li button{border: 0; background: transparent; color:#fff; font-size: 20px; font-weight: 500; padding: 4px; padding-bottom:6px;  border-radius: 25rem; transition: all 0.3s ease;  }
.mB-wrap .btns_box .tab-btns li button.active{background: var(--pointG); padding-left: 22px; padding-right: 22px; }

.mB-wrap .btns_box .contrl .prev,
.mB-wrap .btns_box .contrl .next{background: #000;}
.mB-wrap .btns_box .contrl .plusBtn{background: var(--pointG); }

.mB-wrap .tab-conts{margin-top: 60px; }
.mB-owl{}
.mB-owl .item a{display: block; border-radius: 15px; background: rgba(128, 167, 168, 0.1); padding:42px 40px; box-sizing: border-box;   }
.mB-owl .item .label{color:#fff;display: inline-block; padding: 6px 16px 4px 16px; border-radius: 25rem; font-size: 16px; margin-bottom:14px; }
.mB-owl .item .label01{background: var(--pointG);}
.mB-owl .item .label02{background: var(--pointY);}
.mB-owl .item .titl{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;font-size: 22px; font-weight: 500; line-height: 1.2; height: 56px; margin-bottom: 22px; }
.mB-owl .item .subs{font-size: 14px; color:#5e5e5e;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;margin-bottom: 60px; }
.mB-owl .item ol{display: flex; flex-direction: row; align-items: center;gap: 12px; color:#93A1A2; font-size: 14px; margin-top: auto;}
.mB-owl .item ol .date{}
.mB-owl .item ol .writ{position: relative; }
.mB-owl .item ol .writ:before{content:''; display: block; width: 1px; height:12px; background: #93A1A2; position: absolute; top:50%; left: -6px; transform: translateY(-50%)}
.mB-wrap .without_box{min-width: 300px; }

/* ==============================
 * 졸업생
================================= */
.mA-wrap{background: url(/resources/homepage/physical/_Img/mA-bg.png) no-repeat; background-size: cover;padding: 70px 0;position: relative; margin-top: clamp(60px, 7vw, 120px); }
.mA-wrap:before{content:'JOB INTERVIEW'; font-family:'paperlogy'; font-size: clamp(60px, 7vw, 120px); font-weight: 700; position: absolute; bottom: 100%;  right: 0;color:rgba(234,234,234,0.15); }
.mA-wrap .titl_wrap{display: flex; flex-direction: row; align-items: flex-end; margin-bottom:36px;justify-content: space-between; }
.mA-wrap .txt_box{}
.mA-wrap .txt_box .mini{}
.mA-wrap .txt_box .titl{}
.mA-wrap .contrl .prev{background: transparent;border: 1px solid #fff;}
.mA-wrap .contrl .next{background: transparent;border: 1px solid #fff;}
.mA-wrap .contrl .plusBtn{background: transparent;border: 1px solid #fff;}
.mA-wrap .side{width: 100%; max-width: calc(((100vw - 1620px) / 2) + 1600px); margin-left: auto;}
.mA-owl{}
.mA-owl .item a{display: block;overflow: hidden; background: #fff; border-radius: 14px;  padding: 36px 30px; box-sizing: border-box; }
.mA-owl .item .perso{display: flex; flex-direction: row; align-items: center; gap:12px 30px; margin-bottom: 20px; }
.mA-owl .item .perso .img_box{overflow: hidden; display:block; width:70px; height: 70px; border-radius: 50%;min-width: 70px; }
.mA-owl .item .perso .img_box img{width: 100%; height: 100%; object-fit: cover;}
.mA-owl .item .perso .info{}
.mA-owl .item .perso .info .name{font-size: 22px; font-weight: 600; margin-bottom: 6px; }
.mA-owl .item .perso .info .stid{font-size: 16px; font-weight: 300; }
.mA-owl .item .perso .info .stid span{position: relative;display: inline-block;  }
.mA-owl .item .perso .info .stid span:not(:first-child){margin-left: 8px; }
.mA-owl .item .perso .info .stid span:not(:first-child):before{content:''; display: block; width:1px ; height: 12px; background: #888; position: absolute;  top:50%; left: -4px; transform:translateY(-50%)}
.mA-owl .item .job_name{background: rgba(39, 46,96, 0.1); border-radius: 10px; padding: 18px 20px; margin-bottom: 20px;min-height: 81px; box-sizing: border-box;  }
.mA-owl .item .job_name p{color:var(--pointB); font-weight: 600; display: block; line-height: 1.2;}
.mA-owl .item .job_name p:first-child:has(+ p):after{content:'/';margin-left: 4px;  }
.mA-owl .item .job_name p:not(:last-child){margin-bottom: 4px; }
.mA-owl .item .txt_box{}
.mA-owl .item .txt_box p{color:#373737; font-size: 16px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 40px; line-height: 1.2; }



@media screen and (max-width: 1640px){
	/*메인비쥬얼*/
	.mVB-owl .item_box .txt_box .titl{font-size: 26px; height: 62px; }
	.mVB-owl .owl-item .item{width: calc((100vw * 0.3) - 37px);}
	.mVB-owl .owl-item.current .item{width:  calc((100vw * 0.4) - 37px); }

	/*메인비쥬얼 (SNS)*/
	.mVS-wrap .links{right: 20px; }
	.mVS-owl{transform: translateX(0); padding-left: 20px; width: calc(100% - 20px)}
	.mVS-owl .owl-stage{height: unset; }
	.mVS-owl .item_box .img_box{width: 100%; }
	.mVS-wrap .contrl{width: calc(100% - 40px); padding-left: 20px; padding-right:20px; }
	.mVS-owl .owl-item.current .txt_box{min-height: 455px; }
	.mVS-owl .txt_box .subs{font-size: 17px; height: 66px;margin-bottom: 26px;  }

	

	/*게시판2*/
	.mB-owl .item a{padding: 30px; }
	.mB-owl .item .label{padding: 4px 12px; font-size: 14px; }
	.mB-owl .item .titl{font-size: 20px; height: 48px; font-weight: 600; }

	/*졸업생*/
	.mA-wrap .side{max-width: calc(100% - 20px); }

	
}
@media screen and (max-width: 1400px){
	/*메인비쥬얼 (SNS)*/
	.mVS-owl .owl-item .item{width: calc((100vw * 0.25) - 40px); }
	.mVS-owl .owl-item.current .item{width: calc((100vw * 0.65) - 40px )}
}

@media screen and (max-width: 1200px){
	/*메인비쥬얼*/
	.mVB-owl .item_box{padding: 36px; }
	.mVB-owl .owl-item.current .item_box .txt_box .titl{margin-bottom: 30px; }
	.mVB-owl .owl-item:not(.current) .item_box .txt_box .titl{font-size: 22px; -webkit-line-clamp: 3; height: 80px; }
	.mVB-owl .owl-item .item{width: calc((100vw * 0.4) - 33px);}
	.mVB-owl .owl-item.current .item{width:  calc((100vw * 0.5) - 33px); }
	.mVB-owl .owl-item:not(.current) .item_box .img_box{width: 100%; height: 230px}

	/*메인비쥬얼 (SNS)*/
	.mVS-owl .owl-item .item{width: calc((100vw * 0.28) - 28px); }
	.mVS-owl .owl-item.current .item{width: calc((100vw * 0.7) - 28px )}
	.mVS-owl .txt_box .titl{font-size: 26px; height: 60px;margin-bottom: 40px;  }
	

	/*졸업생*/
	.mA-owl .item .perso .info .stid span{display: block;}
	.mA-owl .item .perso .info .stid span:not(:first-child){margin-left:0; }
	.mA-owl .item .perso .info .stid span:not(:first-child):before{display:none; }
		

}

@media screen and (max-width: 1024px){
	/*메인비주얼*/
	.mVB-wrap li button{font-size: 15px; }

}

@media screen and (max-width: 991px){
	/*메인비쥬얼*/
	.mVB-owl .owl-item .item{width: calc((100vw * 0.4) - 33px);}
	.mVB-owl .owl-item.current .item{width:  calc((100vw * 0.6) - 33px); }

	/*메인비쥬얼 (SNS)*/
	.mVS-wrap .links{top: -36px;}
	.mVS-owl .item_box .img_box{width: auto;}
	.mVS-owl .owl-item.current .img_box{min-width: 360px; }
	.mVS-owl .owl-item.current .txt_box{min-height: 480px;}
	
	/*퀵메뉴링크*/
	.mQ-wrap .titl_wrap .titl{margin-bottom: 55px; }
	.mQ-wrap .icon_wrap li .name{font-size: 16px;}
	.mQ-wrap .icon_wrap li .img_box{max-width: 56px; margin-bottom: 24px;}

	/*핫이슈*/
	.mH-wrap{padding: 60px 0 ;}

	/*게시판2*/
	.mB-wrap .mInner{padding: 60px 40px; }
	.mB-wrap .btns_box .tab-btns li button{font-size: 16px; }

	/*졸업생*/
	.mA-owl .item .perso{flex-direction: column; }
	.mA-owl .item .perso .info{width: 100%; }
	.mA-owl .item .job_name{margin-left: -15px; margin-right: -15px; }
	.mA-owl .item .job_name p{font-size: 16px; }
}
@media screen and (max-width: 990px){
	.mVS-owl .owl-item .item,
	.mVS-owl .owl-item.current .item{
		width: 100%;
	}
}

@media screen and (max-width: 768px){
	/*공통*/
	.titl_wrap .txt_box .titl,
	.mQ-wrap .titl_wrap .titl{font-size: 32px; }
	.contrl .prev,
	.contrl .next,
	.contrl .plusBtn{width: 36px; height: 36px;}
	
	/*메인비쥬얼*/
	.mVB-owl .owl-item:not(.current) .item_box .txt_box .titl{font-size: 20px; height: 74px; }
	.mVB-owl .item_box .txt_box .label{font-size: 15px; margin-bottom: 26px; }

	.mVB-wrap .tab-btns{top: 0; left: 0; right: unset; }
	.mVB-owl .owl-item.current .item_box .img_box{margin-top: -80px; }
	.mVB-owl .owl-stage{min-height: calc(490px + 120px); }

	/*메인비쥬얼 (SNS)*/
	.mVS-owl{width: calc(100% - 40px); padding-right: 20px;}
	.mVS-owl .owl-item.current .img_box{min-width: 320px; }
	.mVS-owl .owl-item.current .txt_box{min-height: 400px;}
	.mVS-owl .txt_box{padding: 50px 30px 50px 40px;}
	.mVS-owl .txt_box:before{width: 150%; left :calc(-50% - 10px)}
	

	/*퀵메뉴링크*/
	.mQ-wrap .titl_wrap .titl{margin-bottom: 40px; }
	.mQ-wrap .icon_wrap{flex-wrap: wrap; }
	.mQ-wrap .icon_wrap li{width: calc(33.3% - 20px)}
	

	/*게시판2*/
	.mB-owl .item .titl{-webkit-line-clamp: 3; height: 72px; }
	.mB-owl .item .subs{margin-bottom: 44px; }
}
@media screen and (max-width: 767px){
	/*메인비쥬얼*/
	.mVB-owl .owl-item .item,
	.mVB-owl .owl-item.current .item{width: 100%;}
}

@media screen and (max-width: 640px){
	/*메인비쥬얼 (SNS)*/
	.mVS-owl .item_box a{flex-direction: column; align-items: center; }
	.mVS-owl .owl-item.current .img_box{min-width: unset; width: 80%; max-width: 320px; position: relative; bottom:-20px; aspect-ratio: 2/2.4}
	.mVS-owl .owl-item.current .txt_box{width: 100%; min-height: 240px; }
	.mVS-owl .txt_box:before{width: calc(100% - 10px); left:0; height: 130%; top : -30%; }
	.mVS-owl .txt_box .titl{font-size: 22px; height: 26px; -webkit-line-clamp: 1; margin-bottom: 12px; }
	.mVS-owl .txt_box .subs{font-size: 15px; height: 56px; margin-bottom: 12px; }
}

@media screen and (max-width: 575px){
	/*퀵메뉴링크*/
	.mQ-wrap .icon_wrap li{width: calc(50% - 15px)}
	.mQ-wrap .icon_wrap li .img_box{margin-bottom: 10px; }
	
	.titl_wrap .txt_box .titl,
	.mQ-wrap .titl_wrap .titl {font-size: min(7.5vw, 32px);}

}

@media screen and (max-width: 425px){

}