@charset "utf-8";
/* --------------------------------------------------------------------------------
	* 포스텍 대표홈페이지 국문
	* 메인 스타일 정의
--------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
	변수 
--------------------------------------------------------------------------------- */
:root {
	/* 폰트 색상 */
	--color1 : #000;
	--color2 : #666;

	/* 배경 색상 */
	--bg1 : #000;

	/* 포인트 섹싱 */
	--point1 : #c8005f;

	/* 수치 */
	--S433:433px;
	--S405:405px;
	--S332:332px;
	--S283:283px;
	--S243:243px;
	--S150:150px;
	--S140:140px;
	--S132:132px;
	--S130:130px;
	--S118:118px;
	--S100:100px;
	--S098:98px;
	--S095:95px;
	--S085:85px;
	--S080:80px;
	--S075:75px;
	--S070:70px;
	--S060:60px;
	--S055:55px;
	--S050:50px;
	--S047:47px;
	--S046:46px;
	--S045:45px;
	--S042:42px;
	--S040:40px;
	--S035:35px;
	--S032:32px;
	--S030:30px;
	--S028:28px;
	--S027:27px;
	--S025:25px;
	--S024:24px;
	--S023:23px;
	--S022:22px;
	--S020:20px;
	--S018:18px;
	--S017:17px;
	--S016:16px;
	--S015:15px;
	--S014:14px;
	--S013:13px;
	--S012:12px;
	--S011:11px;
	--S010:10px;
	--S009:9px;
	--S008:8px;
	--S005:5px;
}

@media only screen and (max-width:640px){
	:root {
		--S433:115.4666vw;
		--S405:108vw;
		--S332:88.5333vw;
		--S283:75.4666vw;
		--S243:64.8vw;
		--S150:40vw;
		--S140:37.3333vw;
		--S132:35.2vw;
		--S130:34.6666vw;
		--S118:31.4666vw;
		--S100:26.6667vw;
		--S098:26.1333vw;
		--S095:25.3333vw;
		--S085:22.6667vw;
		--S080:21.3334vw;
		--S075:20vw;
		--S070:18.6667vw;
		--S060:16vw;
		--S055:14.6666vw;
		--S050:13.3333vw;
		--S047:12.5334vw;
		--S046:12.2666vw;
		--S045:12vw;
		--S042:11.2vw;
		--S040:10.6666vw;
		--S035:9.3333vw;
		--S032:8.5333vw;
		--S030:8vw;
		--S028:7.4666vw;
		--S027:7.2vw;
		--S025:6.6666vw;
		--S024:6.4vw;
		--S023:6.1333vw;
		--S022:5.8667vw;
		--S020:5.3333vw;
		--S018:4.8vw;
		--S017:4.5333vw;
		--S016:4.2666vw;
		--S015:4vw;
		--S014:3.7333vw;
		--S013:3.4666vw;
		--S012:3.2vw;
		--S011:2.9333vw;
		--S010:2.6666vw;
		--S009:2.4vw;
		--S008:2.1333vw;
		--S005:1.3333vw;
	}
}

/* --------------------------------------------------------------------------------
	LAYOUT 
--------------------------------------------------------------------------------- */
/* 초기화 */
body, select, input, button, textarea, button, pre {font-family:'Pretendard', sans-serif;font-weight:400;letter-spacing:-0.8px}
label, button {cursor:pointer;}
button {cursor:pointer;padding:0;background:none;border:0 none;}

/* 푸터 */
footer{margin-top:120px}
@media only screen and (max-width:1024px){
	footer{margin-top:var(--S040)}
}

/* GNB */
.header {z-index:3;}
.header .gnb_list a {font-size:20px;color:#000;}
.header .gnb_list a:hover {color:var(--point1) !important;}
.header .login_wrap a {color:#000}
.header .login_wrap .lang .accd_cont a {color:#fff}
.header .util {right:10px;}

/* 인트로 */

.intro .header .gnb_list a,
.intro .header .login_wrap a {color:#fff}
@media only screen and (min-width:751px){
	body.intro {position:fixed;width:100vw;height:100vh !important;overflow:hidden;}
}

/* --------------------------------------------------------------------------------
	CONTENT : 텍스트 모션
--------------------------------------------------------------------------------- */
.main_sec .tit_motion span{color:#EEE;}
.main_sec .tit_motion span.on{animation:tit_motion 0.8s ease-in-out;}
.main_sec .tit_motion span.end{color:#000;}
.main_sec .tit_motion span:nth-child(2){animation-delay:0.3s}
.main_sec .tit_motion span:nth-child(3){animation-delay:0.6s}
.main_sec .tit_motion span:nth-child(4){animation-delay:0.9s}
.main_sec .tit_motion span:nth-child(5){animation-delay:1.2s}
.main_sec .tit_motion span:nth-child(6){animation-delay:1.5s}
.main_sec .tit_motion span:nth-child(7){animation-delay:1.8s}
.main_sec .tit_motion span:nth-child(8){animation-delay:2.1s}
.main_sec .tit_motion span:nth-child(9){animation-delay:2.4s}
.main_sec .tit_motion span:nth-child(10){animation-delay:2.7s}

.main_sec .tit_motion.col2 span{color:#eee;}
.main_sec .tit_motion.col2 span.on{animation:tit_motion2 0.8s ease-in-out;}
.main_sec .tit_motion.col2 span.end{color:#C5135E;}
.main_sec .tit_motion.col2 span:nth-child(2){animation-delay:0.3s}
.main_sec .tit_motion.col2 span:nth-child(3){animation-delay:0.6s}
.main_sec .tit_motion.col2 span:nth-child(4){animation-delay:0.9s}
.main_sec .tit_motion.col2 span:nth-child(5){animation-delay:1.2s}
.main_sec .tit_motion.col2 span:nth-child(6){animation-delay:1.5s}

@keyframes tit_motion {
  0% {
	color:#EEE;
  }
  50% {
	color:#C5135E;
  }
  100% {
    color:#000
  }
}

@keyframes tit_motion2 {
  0% {
	color:#eee;
  }
  50% {
	color:#000;
  }
  100% {
    color:#C5135E
  }
}

@keyframes keyword_left {
	0% { transform: translateX(-25%); }
	100% { transform: translateX(-75%); }
}

@keyframes keyword_right {
	0% { transform: translateX(0); }
	100% { transform: translateX(50%); }
}

/* --------------------------------------------------------------------------------
	CONTENT : 모션
--------------------------------------------------------------------------------- */
.main_sec .up_motion {height:100%;transition:transform ease-in-out 0.8s, opacity ease-in-out 0.8s}
.main_sec .up_motion.t1 {transform:translateY(0%);}

@media only screen and (max-width:1024px){
	.img_motion{height:auto;}
}


/* --------------------------------------------------------------------------------
	CONTENT : 공통영역
--------------------------------------------------------------------------------- */

.main_sec {
	--main-section-space:120px;
	--tit-fontSize:26px;
	--tit-space:53px;
}

/* 메인섹션 */
.main_sec {margin-top:var(--main-section-space)}
.main_wrap {position:relative;background:url('/_res/postech/kor/img/main/main_bg.png') no-repeat 50% 3260px, url('/_res/postech/kor/img/main/main_bg_2.png') no-repeat 50% 6395px;}

/* 타이틀 */
.main_sec .tit_wrap {text-align:center;margin-bottom:var(--tit-space)}
.main_sec .tit_wrap .ko_tit {font-weight:700;font-size:var(--tit-fontSize);color:var(--color1)}

/* 링크 버튼 */
.main_sec .link_btn {overflow:hidden;display:inline-flex;align-items:center;position:relative;z-index:1;height:var(--link-height);padding:0 var(--link-space);border-radius:calc(var(--link-height)/2);border:2px solid var(--link-border-color);background:var(--link-bg-color);font-weight:700;font-size:var(--link-fontSize);color:var(--link-color);transition: 0.2s;
	--link-border-color:var(--point1);
	--link-bg-color:var(--point1);
	--link-color:#fff;
	--link-space:26px;
	--link-fontSize:16px;
	--link-height:50px;
	--link-txt-space:16px;
	--link-icon-fontSize:24px;
	--link-icon-size:40px;
	--link-icon-space:calc(var(--link-icon-size) - 10px);
}
.main_sec .link_btn span {position:relative;padding-right:var(--link-txt-space);line-height:1;}
.main_sec .link_btn span:after {content:'';display:block;position:absolute;top:0;right:-24px;z-index:-1;width:24px;height:20px;box-shadow:0 0 0 28px var(--link-bg-color);transition: 0.2s;}
.main_sec .link_btn:after{content:'\f061';display:inline-flex;align-items:center;position:relative;z-index:-2;height:100%;font-family:'Line Awesome Free';font-weight:400;font-size:var(--link-icon-fontSize);line-height:1;color:#fff;}
.main_sec .link_btn:hover:after {animation:link_btn_ani 0.8s}
.main_sec .link_btn.white{border-color:#fff;background-color:transparent}
.main_sec .link_btn.black{border-color:#000;background-color:transparent;color:#000}
.main_sec .link_btn.black span:after{color:#000}
.main_sec .link_btn.c1 {
	--link-border-color:var(--bg1);
	--link-bg-color:var(--bg1);
}
.main_sec .link_btn.c1:hover {
	--link-border-color:var(--point1);
	--link-bg-color:var(--point1);
}
.main_sec .link_btn.t1 {padding:0;border-radius:0;height:var(--link-icon-size);background:none;border:0;color:var(--point1);text-decoration:underline;text-underline-offset:4px;
	--link-txt-space:10px;
}
.main_sec .link_btn.t1 span:after {right:calc(var(--link-icon-size) * -1);top:-12px;border-radius:50%;border:10px solid var(--link-bg-color);width:var(--link-icon-size);height:var(--link-icon-size);box-shadow:0 0 0 26px #fff;box-sizing: border-box;}
.main_sec .link_btn.t1:before {content:'';display:block;position:absolute;top:0;z-index:-2;right:0;width:var(--link-icon-size);height:var(--link-icon-size);border-radius:50%;background:var(--point1);}
.main_sec .link_btn.t1:after {justify-content:center;width:var(--link-icon-size);color:#fff;}

@media only screen and (max-width:1024px){
	.main_sec {
		--main-section-space:var(--S046);
		--tit-fontSize:var(--S024); 
		--tit-space:var(--S023);
	}
	.main_sec .link_btn {
		--link-space:var(--S025);
		--link-fontSize:var(--S013);
		--link-height:var(--S040);
		--link-txt-space:var(--S015);
		--link-icon-fontSize:var(--S018);
		--link-icon-size:var(--S030);
		--link-icon-space:calc(var(--link-icon-size) - var(--S008));
	}
	.main_sec .link_btn.t1 {
		--link-txt-space:var(--S010);
	}
	.main_sec .link_btn span:after {display:none;}
	.main_sec .link_btn:hover:after {animation:none;}
}

@keyframes link_btn_ani {
	0% {
	  transform:translateX(0%);
	}
	60% {
	  transform:translateX(100%);
	  opacity:1;
	}
	61% {
		opacity:0;
	}
	62% {
		transform:translateX(-80%);
	}
	70% {
		transform:translateX(-80%);
		opacity:1;
	  }
	100% {
	  transform:translateX(0%);
	}
}

@keyframes link_btn_ani2 {
	0% {
		transform:rotate(-45deg) translate(0px,0px);
	  }
	  60% {
		transform:rotate(-45deg) translate(50px,-10px);;
		/*opacity:1;*/
	  }
	  61% {
		opacity:0;
	  }
	  62% {
			transform:rotate(-45deg) translate(-100px,30px);
	  }
	  70% {
		transform:rotate(-45deg) translate(-100px,30px);
		opacity:1;
		}
	  100% {
		transform:rotate(-45deg) translate(0px,0px);
	  }
}

/* 뉴스 센터 */
.main_sec .news_text {
	--new-space:84px 10px 0;
	--new-tit-space:var(--new-space) + 10px;
	--new-tit-fontSize:190px;
	--new-tit-lineHeight:0.7369;
	--new-tit-sub-fontSize:16px;
	--new-tit-sub-space:0px;
	--new-con-fontSize:26px;
	--new-con-lineHeight:1.45;
	--new-btn-space:32px;
}
.main_sec .news_text {display:flex;align-items:center;flex-wrap:wrap;padding:var(--new-space);word-break:keep-all}
.main_sec .news_text .tit {padding-left:var(--new-tit-space);text-align:left;}
.main_sec .news_text .tit strong {display:block;font-family:'field-gothic-xxcondensed';font-size:var(--new-tit-fontSize);line-height:var(--new-tit-lineHeight);font-weight:900;letter-spacing:2.5px;text-transform:uppercase;color:inherit;}
.main_sec .news_text .tit > span:last-child {margin-top:var(--new-tit-sub-space);color:var(--point1);font-size:var(--new-tit-sub-fontSize);}
.main_sec .news_text .tit span {display:block;}
.main_sec .news_text .tit {width:50%;}
.main_sec .news_text .tit br {display:none;}
.main_sec .news_text .cont {width:50%;text-align:left;}
.main_sec .news_text .cont p {color:var(--color1);font-size:var(--new-con-fontSize);font-weight:700;line-height:var(--new-con-lineHeight);}
.main_sec .news_text .cont .link_btn {margin-top:var(--new-btn-space)}
@media only screen and (max-width:1280px){
	.main_sec .news_text {
		--new-con-space:var(--S030);
	}
	.main_sec .news_text .tit {padding-left:0;}
	.main_sec .news_text .tit strong br {display:block;}
	.main_sec .news_text .tit,
	.main_sec .news_text .cont {width:100%;text-align:center;}
	.main_sec .news_text .cont {margin-top:var(--new-con-space);}
	.main_sec .news_text .cont br {display:none;}
}
@media only screen and (max-width:1024px){
	.main_sec .news_text {
		--new-space:var(--S060) var(--S040) 0;
		--new-tit-fontSize:var(--S080);
		--new-tit-lineHeight:var(--S060);
		--new-tit-sub-fontSize:var(--S015);
		--new-tit-sub-space:var(--S015);
		--new-con-fontSize:var(--S017);
		--new-con-lineHeight:var(--S025);
		--new-con-margin:var(--S015);
		--new-btn-space:var(--S014);
	}
}

/* 내용 더보기 */
.main_sec .more_info{
	--more-space:24px;
	--more-fontSize:16px;
	--more-btn-space:0 0 0 27px;
}
.main_sec .more_info {margin-top:var(--more-space);text-align:center;color:var(--color2);font-weight:600;}
.main_sec .more_info p > span {font-size:var(--more-fontSize);}
.main_sec .more_info .link_btn {margin:var(--more-btn-space);}

@media only screen and (min-width:1023px){
	.main_sec .more_info p > span > br {display:none;}
}
@media only screen and (max-width:1024px){
	.main_sec .more_info{
		--more-space:var(--S050);
		--more-fontSize:var(--S012);
		--more-btn-space:var(--S010) 0 0 0;
	}
	.main_sec .more_info > p > span {display:block;}
}

/* --------------------------------------------------------------------------------
	CONTENT : 메인 비주얼
--------------------------------------------------------------------------------- */
.main_sec.visual {
	--el-height:calc(100vh - 120px);
	--el-inner-space:calc(80px - 8px) 10px 0;
	--el-tit-fontSize:30px;
	--el-tit-space:0 40px 20px;
	--el-link-space:40px;
}
.main_sec.visual {overflow:hidden;position:relative;z-index:2;height:var(--el-height);}
.main_sec.visual .inner{position:relative;padding:var(--el-inner-space);width:100%;max-width:100%;}
.main_sec.visual .tit{font-size:var(--el-tit-fontSize);font-weight:700}
.main_sec.visual .text_wrap{position:relative;z-index:5;}
.main_sec.visual .tit_wrap {margin:var(--el-tit-space);text-align:left;}
.main_sec.visual .tit_wrap .en{display:block;margin-top:40px;font-family:'field-gothic-xcondensed';font-weight:700;font-size:24px;text-transform:uppercase;text-decoration:underline}
.main_sec.visual .video_wrap{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;margin-top:44px;}
.main_sec.visual .video_wrap .video_area {position:absolute;top:0;right:0;bottom:0;left:0;}
.main_sec.visual .video_wrap video{width:100%;height:100%;object-fit:cover;object-position:center;}
.main_sec.visual .video_wrap .video_tit{display:flex;justify-content:space-between;overflow:hidden;width:100%;height:37.0833vw;mix-blend-mode:screen;color:#000;background-color:#fff;white-space:nowrap;text-align:center;}
.main_sec.visual .video_wrap .video_tit span{position:relative;top:0;transition: 0.2s}
.main_sec.visual .video_wrap .video_tit span:nth-child(1) img{width:14.739vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(2) img{width:14.6875vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(3) img{width:14.739vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(4) img{width:13.802vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(5) img{width:10.677vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(6) img{width:14.6354vw}
.main_sec.visual .video_wrap .video_tit span:nth-child(7) img{width:14.6875vw}
.main_sec.visual .intro_video{overflow:hidden;position:fixed;top:0;left:0;width:100vw;height:0;transition:all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);}
.main_sec.visual .intro_video video {position:absolute;top:0;left:0;width:100%;height:100vh;object-fit:cover;object-position:center;}
.main_sec.visual .intro_video:after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url(/_res/postech/kor/img/main/video_intro_postech.png) no-repeat 50% 396px;background-size:100%;opacity:0.3}
.main_sec.visual .intro_video .btn_area {position:absolute;bottom:-55px;left:0;right:0;text-align:center;transition:bottom 0.2s;}
.main_sec.visual .intro_video .btn_area > [class*="btn_"] {position:relative;z-index:1;padding:0 22px;height:48px;background:0;border:0;border-radius:25px;color:var(--point1);font-size:16px;font-weight:700;}
.main_sec.visual .intro_video .btn_area > [class*="btn_"]:before {content:'';opacity:0.6;display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:#000;border:1px solid var(--point1);border-radius:25px;}
.main_sec.visual .intro_video .btn_area > .btn_close:after {content:'\F00D';display:inline-block;margin-left:2px;margin-top:-3px;font-family:'Line Awesome Free';font-size:18px;vertical-align:middle;}
.main_sec.visual .intro_video .btn_area > .btn_control {overflow:hidden;width:48px;font-size:1px;color:transparent;user-select:none;}
.main_sec.visual .intro_video .btn_area > .btn_control:after {content:'';display:block;position:absolute;top:50%;left:50%;}
.main_sec.visual .intro_video .btn_area > .btn_control[data-video-control="stop"]:after {margin:-6px -5px;width:5px;height:14px;border-left:3px solid var(--point1);border-right:3px solid var(--point1);}
.main_sec.visual .intro_video .btn_area > .btn_control[data-video-control="play"]:after {margin:-10px -2px;width:0;height:0;border:10px solid transparent;border-left-color:var(--point1)}
.main_sec.visual .link_btn {margin-left:var(--el-link-space);transition:0.3s;letter-spacing:0;}
.main_sec.visual.intro_on .tit_wrap .tit span{color:#fff;transition:color 0.2s;}
.main_sec.visual.intro_on .intro_video {height:100vh;background-color:#000;}
.main_sec.visual.intro_on .intro_video .btn_area {bottom:55px;}
.main_sec.visual.intro_on .intro_video.dim {background:rgba(0,0,0,0.1)}

@media only screen and (min-width:1025px) and (max-width:1920px){
	.main_sec.visual {
		--el-height:auto;
	}
}

/* 테블릿 */
@media only screen and (max-width:1024px){
	.main_sec.visual {
		--el-height:calc(100vh - (100vh/3));
		--el-inner-space:var(--S075) 10px 0;
		--el-tit-fontSize:var(--S020);
		--el-tit-space:var(--S015) 0;
		--el-btn-height:var(--S032);
		--el-btn-fontSize:var(--S012);
		--el-icon-fontSize:var(--S016);
		--el-btn-space:0 var(--S012);
		--el-link-space:0;
	}
	.main_sec.visual{margin-top:0;}
	.main_sec.visual .link_btn {padding:var(--el-btn-space);height:var(--el-btn-height);font-size:var(--el-btn-fontSize);
		--link-space:var(--S010);
	}
	.main_sec.visual .video_wrap {display:none;}
	.main_sec.visual .link_btn:after {font-size:var(--el-icon-fontSize)}
	.main_sec.visual .intro_video .btn_area > [class*="btn_"] {display:none;}
	.main_sec.visual .intro_video {position:absolute;height:var(--el-height);}
	.main_sec.visual .intro_video:after {display:none;}
	.main_sec.visual.intro_on .intro_video {height:var(--el-height);}
	.main_sec.visual.intro_on .intro_video video {height:100%;}
	
}

/* --------------------------------------------------------------------------------
	CONTENT : 한눈에 보는 주요소식
--------------------------------------------------------------------------------- */
.main_sec.notice {padding:0 10px;
	--el-space:26px 50px 26px 26px;
	--el-height:730px;
	--el-cate-top:33px;
	--el-cate-right:23px;
	--el-cate-fontSize:60px;
	--el-cate-line:-11px;
	--el-cate-line-height:3px;
	--el-tit-fontSize:30px;
	--el-tit-lineHeight:40px;
	--el-con-space:0 100px 0 0;
	--el-con-FontSize:16px;
	--el-con-lineHeight:24px;
	--el-date-space:20px;
	--el-date-FontSize:14px;
	--el-date-lineHeight:24px;
}
.main_sec.notice .inner {overflow:hidden;max-width:1620px;}
.main_sec.notice .list_data1 {overflow:hidden;position:relative;margin:0 auto;padding-bottom:30px;}
.main_sec.notice .list_data1 ul {display:flex;margin:0 -10px;}
.main_sec.notice .list_data1 ul > li {position:relative;flex:1 0 calc((100%/3) - 7px);flex-shrink:0;margin:0 5px;height:var(--el-height);}
.main_sec.notice .list_data1 ul > li:after {content:'';display:block;position:absolute;bottom:-1px;right:-1px;z-index:1;width:72px;height:72px;background:url('/_res/postech/kor/img/main/bg_link1.png') no-repeat no-repeat 0 0 / 100% auto;}
.main_sec.notice .list_data1 ul > li a {overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:var(--el-space);border-radius:20px;height:var(--el-height);}
.main_sec.notice .list_data1 ul > li a:before {content:'';display:block;position:absolute;bottom:0;right:0;z-index:2;width:45px;height:45px;border-radius:50%;background-color:#000;transition: 0.2s;}
.main_sec.notice .list_data1 ul > li a:after {content:'\f061';display:flex;align-items:center;justify-content:center;position:absolute;bottom:10px;right:10px;z-index:2;width:24px;height:24px;color:#dcd0c8;font-family:'Line Awesome Free';font-size:24px;line-height:1;}
.main_sec.notice .list_data1 .cate {position:absolute;top:var(--el-cate-top);right:var(--el-cate-right);font-family:'field-gothic-xxcondensed';font-weight:700;font-size:var(--el-cate-fontSize);letter-spacing:0;color:#fff;line-height:1;}
.main_sec.notice .list_data1 .cate:after {content:'';display:block;margin-top:var(--el-cate-line);height:var(--el-cate-line-height);background-color:#fff;}
.main_sec.notice .list_data1 .img {position:absolute;top:0;left:0;right:0;bottom:0;}
.main_sec.notice .list_data1 .img > img {width:100%;height:100%;border-radius:0 0 80px 0;object-fit:cover;object-position:top;transform:scale(1);transition:0.3s}
.main_sec.notice .list_data1 .img:before {content:'';display:block;position:absolute;bottom:0;left:0;z-index:1;right:0;height:50%;border-radius:0 0 70px 0;background:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);}
.main_sec.notice .list_data1 .img:after {content:'';position:absolute;bottom:0;right:0;z-index:3;width:45px;height:45px;border:10px solid #000;border-radius:50%;box-shadow:0 0 0 5px #fff;box-sizing:border-box;transition: 0.2s;}
.main_sec.notice .list_data1 .tit {overflow:hidden;position:relative;display:-webkit-box;z-index:1;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-height:calc(var(--el-tit-lineHeight) * 2);color:#fff;font-size:var(--el-tit-fontSize);font-weight:700;line-height:var(--el-tit-lineHeight);text-overflow:ellipsis;}
.main_sec.notice .list_data1 .con {overflow:hidden;position:relative;display:-webkit-box;z-index:1;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;padding:var(--el-con-space);height:calc(var(--el-con-lineHeight) * 2);color:#a2a1a1;font-size:var(--el-con-FontSize);line-height:var(--el-con-lineHeight);text-overflow:ellipsis;word-break: break-all;}
.main_sec.notice .list_data1 .con > br {content:'';display:inline;padding:0 2px;}
.main_sec.notice .list_data1 .date {position:relative;z-index:1;margin-top:var(--el-date-space);font-size:var(--el-date-FontSize);line-height:var(--el-date-lineHeight);color:#595959;font-weight:600;}
.main_sec.notice .list_data1 a:hover:before {background-color:var(--point1);}
.main_sec.notice .list_data1 a:hover:after {animation:link_btn_ani 0.8s cubic-bezier(0, 0, 0.2, 1);color:#fff}
.main_sec.notice .list_data1 a:hover .img > img {transform:scale(1.05)}
.main_sec.notice .list_data1 a:hover .img:after {border-color:var(--point1);}
.swiper-initialized .swiper-pagination .swiper-pagination-bullet {width:9px;height:9px;border-radius:9px;background-color:#a2a2a2;transition:all 0.3s;}
.swiper-initialized .swiper-pagination .swiper-pagination-bullet-active {width:15px;background-color:#373737;}
.main_sec.notice .list_data1.swiper-initialized {padding-bottom:30px;}
.main_sec.notice .list_data1.swiper-initialized .swiper-pagination {bottom:0;}
.main_sec.notice .list_data1.swiper-initialized [class*="swiper-button"] {display:none;}
.main_sec.notice .list_data1.swiper-initialized ul {margin:0;}
.main_sec.notice .list_data1.swiper-initialized ul > li {margin:0;}
.main_sec.notice .list_data1.swiper-initialized  ul > li:nth-child(3) ~ li .img_motion,
.main_sec.notice .list_data1 .img_motion.on {height:var(--el-height);}

@media only screen and (min-width:1025px) and (max-width:1620px){
	.main_sec.notice {
		--el-height:45.2469vw;
	}
}
@media only screen and (max-width:1024px){
	.main_sec.notice {padding:0;
		--el-height:var(--S433);
		--el-cate-top:var(--S013);
		--el-cate-right:var(--S013);
		--el-cate-fontSize:var(--S040);
		--el-cate-line:calc(var(--S008) *-1);
		--el-cate-line-height:2px;
		--el-tit-fontSize:var(--S020);
		--el-tit-lineHeight:var(--S025);
		--el-con-FontSize:var(--S013);
		--el-con-lineHeight:var(--S018);
		--el-space:var(--S020);
		--el-date-space:var(--S010);
		--el-date-FontSize:var(--S011);
		--el-date-lineHeight:var(--S016);
	}
	.main_sec.notice .list_data1 .img:after {display:none;}
	.main_sec.notice .list_data1 a:hover:after {animation:none;}
}
@media only screen and (max-width:860px){
	.main_sec.notice .list_data1 ul,
	.main_sec.notice .list_data1 ul > li {margin:0;}
	.main_sec.notice .list_data1 ul > li {flex:none;width:100% !important}
	.main_sec.notice .list_data1 .img_motion {height:var(--el-height);}
}
@media only screen and (max-width:640px){
	.main_sec.notice .list_data1 {overflow:visible;}

}

/* --------------------------------------------------------------------------------
	CONTENT : 연구성과 및 대학소식
--------------------------------------------------------------------------------- */
.main_sec.lab_point{padding:0 10px;
	--el-height:494px;
	--el-txt-height:131px;
	--el-more-height:var(--el-height);
	--el-more-icon:60px;
	--el-tit-space:20px 15px;
	--el-tit-lineHeight:26px;
	--el-tit-fontSize:18px;
	--el-date-space:15px;
	--el-date-fontSize:13px;
	--el-list-state-fontSize:13px;
	--el-list-state-lineHeight:29px;
	--el-list-state-space:12px;
}
.main_sec.lab_point .inner{max-width:1620px;text-align:center}
.main_sec.lab_point .lab_cont {position:relative;}
.main_sec.lab_point .lab_cont > .lab_more {overflow:hidden;display:block;position:absolute;bottom:10px;right:0;background:#f8f8f8;width:calc(25% - 20px);height:var(--el-more-height);border-radius:20px;}
.main_sec.lab_point .lab_cont > .lab_more button {display:block;position:relative;width:100%;height:100%;font-size:1px;color:transparent;user-select:none;}
.main_sec.lab_point .lab_cont > .lab_more button:before {content:'\f067';display:block;position:absolute;top:50%;left:50%;margin:auto;font-family:'Line Awesome Free';font-size:var(--el-more-icon);color:var(--color1);transform:translate(-50%, -50%) rotate(0deg);transition:0.3s;}
.main_sec.lab_point .lab_cont > .lab_more button:hover:before {transform:translate(-50%, -50%) rotate(180deg);}
.main_sec.lab_point .lab_cont_list{display:flex;flex-wrap:wrap;margin:-10px;}
.main_sec.lab_point .lab_cont_list > li{display:block;overflow:hidden;margin:10px;width:calc(25% - 20px);height:var(--el-height);}
.main_sec.lab_point .lab_cont_list > li.none {display:none;}
.main_sec.lab_point .lab_cont_list a {display:flex;flex-direction:column;justify-content:flex-end;position:relative;width:100%;height:100%;}
.main_sec.lab_point .img_wrap{overflow:hidden;position:absolute;top:0;left:0;bottom:var(--el-txt-height);right:0;border-radius:20px 30px 0 0;}
.main_sec.lab_point .img_wrap:before {content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:rgba(0,0,0,0.03);}
.main_sec.lab_point .img_wrap img{width:100%;height:100%;object-fit:cover;object-position:top;transition:0.3s}
.main_sec.lab_point .text_wrap {position:relative;z-index:1;width:100%;padding:var(--el-tit-space);height:var(--el-txt-height);border-radius:0 0 20px 20px;border:1px solid #f1ebe8;border-top:0;background:#fff;text-align:left}
.main_sec.lab_point .cont_tit{overflow:hidden;position:relative;display:-webkit-box;z-index:1;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:calc(var(--el-tit-lineHeight) * 2);color:var(--color1);font-size:var(--el-tit-fontSize);font-weight:600;line-height:var(--el-tit-lineHeight);text-overflow:ellipsis;}
.main_sec.lab_point .date {display:block;margin-top:var(--el-date-space);font-size:var(--el-date-fontSize);color:#999;}
.main_sec.lab_point [class^="cate"] {display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:2;width:83px;height:45px;border-radius:0 0 0 20px;background-color:#fff;color:#7e5243;font-size:24px;font-weight:600;font-family:"field-gothic-xcondensed";letter-spacing:0;}
.main_sec.lab_point [class^="cate"]:before {content:'';position:absolute;left:-20px;top:0;z-index:-1;width:20px;height:20px;border-radius:0 20px 0 0;box-shadow:20px -20px 0 20px #fff;}
.main_sec.lab_point [class^="cate"]:after {content:'';position:absolute;right:0;bottom:-20px;z-index:-1;width:20px;height:20px;border-radius:0 20px 0 0;box-shadow:20px -20px 0 20px #fff;}
.main_sec.lab_point .cate2 {color:var(--point1);}
.main_sec.lab_point .cate3 {color:#5f467f;}
.main_sec.lab_point .state {display:block;position:absolute;bottom:var(--S020);left:var(--el-list-state-space);z-index:2;padding:0 var(--el-list-state-space);border-radius:calc(var(--el-list-state-lineHeight) / 2);background-color:#ebebeb;font-size:var(--el-list-state-fontSize);font-weight:600;color:#66665c;line-height:var(--el-list-state-lineHeight);letter-spacing:0;}
.main_sec.lab_point .state.ing {background-color:var(--point1);color:#fff;}
.main_sec.lab_point .cate3 ~ .text_wrap .date {color:#000;position: absolute;bottom: var(--S020);right: var(--el-list-state-space);}
.main_sec.lab_point .lab_cont_list a:hover .img_wrap img{transform:scale(1.05)}

@media only screen and (min-width:1025px) and (max-width:1620px){
	.main_sec.lab_point{
		--el-height:30.4938vw;
	}
}
@media only screen and (max-width:1024px){
	.main_sec.lab_point{padding:0;
		--el-height:var(--S405);
		--el-txt-height:var(--S118);
		--el-more-height:var(--S055);
		--el-more-space:var(--S018);
		--el-more-icon:var(--S030);
		--el-tit-space:var(--S018) var(--S012) var(--S020);
		--el-tit-lineHeight:var(--S024);
		--el-tit-fontSize:var(--S018);
		--el-date-space:var(--S010);
		--el-date-fontSize:var(--S012);
		--el-list-state-fontSize:var(--S012);
		--el-list-state-lineHeight:var(--S020);
		--el-list-state-space:var(--S013);
	}
	.main_sec.lab_point .lab_cont_list > li {width:calc(33% - 20px);}
	.main_sec.lab_point .lab_cont > .lab_more {position:relative;bottom:auto;margin:var(--el-more-space) auto 0;width:calc(100% - 20px);background:#fff;border-radius:var(--el-more-height);border:1px solid #d9d1cd;box-shadow:0 0 16px 0 rgba(122,122,122,0.15);}
}
@media only screen and (max-width:860px){
	.main_sec.lab_point .lab_cont_list > li {width:calc(50% - 20px);}
}
@media only screen and (max-width:640px){
	.main_sec.lab_point .lab_cont_list,
	.main_sec.lab_point .lab_cont_list > li {margin:0;}
	.main_sec.lab_point .lab_cont_list > li {width:100%;}
	.main_sec.lab_point .lab_cont_list > li + li {margin-top:var(--S020);}
}


/* --------------------------------------------------------------------------------
	CONTENT : 배너영역
--------------------------------------------------------------------------------- */
.main_sec.banner {margin:var(--el-space);
	--el-space:180px 10px;
	--el-height:440px;
	--el-padding:0 0 0 72px;
	--el-border-radius:20px 20px 40px 20px;
	--el-tit-fontSize:34px;
	--el-tit-lineHeight:1.333;
	--el-con-space:18px;
	--el-con-fontSize:18px;
	--el-con-lineHeight:1.63;
	--el-btn-wid:243px;
	--el-btn-size:60px;
	--el-btn-pad:40px;
	--el-btn-fontSize:16px;
	--el-icon-fontSize:24px;
	--el-background-color:#000;
}
.main_sec.banner .bnr_area1 {position:relative;}
.main_sec.banner .bnr_area1 > ul {display:flex;margin:0 -5px;}
.main_sec.banner .bnr_area1 > ul > li {margin:0 5px;width:calc(50% - 10px)}
.main_sec.banner .bnr_area1 > ul > li > a {overflow:hidden;display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--el-padding);height:var(--el-height);}
.main_sec.banner .bnr_area1 .img_wrap {overflow:hidden;position:absolute;top:0;left:0;bottom:0;right:0;border-radius:var(--el-border-radius);z-index:-1}
.main_sec.banner .bnr_area1 .img_wrap > img {width:100%;height:100%;object-fit:cover;object-position:right;transition:0.3s}
.main_sec.banner .bnr_area1 .tit {position:relative;z-index:1;font-size:var(--el-tit-fontSize);line-height:var(--el-tit-lineHeight);font-weight:900;}
.main_sec.banner .bnr_area1 .tit > strong {font-weight:inherit;}
.main_sec.banner .bnr_area1 .con {margin-top:var(--el-con-space);position:relative;z-index:1;font-size:var(--el-con-fontSize);font-weight:600;line-height:var(--el-con-lineHeight);}
.main_sec.banner .bnr_area1 .btn {display:flex;align-items:center;justify-content:center;position:absolute;bottom:-5px;right:0;padding:0 32px;border:5px solid #fff;background:var(--el-background-color);min-width:var(--el-btn-wid);height:var(--el-btn-size);border-radius:calc(var(--el-btn-size)/2);font-size:var(--el-btn-fontSize);font-weight:600;}
.main_sec.banner .bnr_area1 .btn > em {overflow:hidden;position:relative;z-index:1;padding-right:var(--el-btn-pad);}
.main_sec.banner .bnr_area1 .btn > em:before {content:'\f061';display:flex;align-items:center;position:absolute;top:0;right:-4px;z-index:-2;width:var(--el-icon-fontSize);height:100%;font-family:'Line Awesome Free';font-size:var(--el-icon-fontSize);line-height:1;font-weight:400;}
.main_sec.banner .bnr_area1 .btn > em:after {content:'';display:block;position:absolute;top:0;right:-4px;z-index:-1;width:24px;height:100%;box-shadow:0 10px 0 20px var(--el-background-color)}
.main_sec.banner .bnr_area1 .btn:before {content:'';position:absolute;left:-30px;bottom:0;z-index:-1;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff;}
.main_sec.banner .bnr_area1 .btn:after {content:'';position:absolute;right:-5px;top:-30px;z-index:-1;width:25px;height:25px;border-radius:0 0 25px 0;box-shadow:25px 25px 0 25px #fff;}
.main_sec.banner .bnr_area1 a[target] .btn > em:before {transform:rotate(-45deg);}
.main_sec.banner .bnr_area1 a:hover .img_wrap > img {transform:scale(1.05);}
.main_sec.banner .bnr_area1 a:hover .btn em:before {animation:link_btn_ani 0.8s;}
.main_sec.banner .bnr_area1 a[target]:hover .btn em:before {animation:link_btn_ani2 0.8s;}

@media only screen and (max-width:1024px){
	.main_sec.banner {
		--el-space:var(--S098) 0;
		--el-height:var(--S332);
		--el-padding:var(--S028) var(--el-btn-space) calc((var(--el-btn-size) * 2) + var(--el-btn-space));
		--el-border-radius:10px;
		--el-tit-fontSize:var(--S020);
		--el-tit-lineHeight:var(--S025);
		--el-btn-wid:var(--S243);
		--el-btn-size:var(--S040);
		--el-btn-pad:var(--el-icon-fontSize);
		--el-btn-fontSize:var(--S013);
		--el-icon-fontSize:var(--S015);
		--el-btn-space:var(--S020);
		--el-background-color:#000;
	}
	.main_sec.banner .bnr_area1 > ul {display:block;margin:0;}
	.main_sec.banner .bnr_area1 > ul > li {margin:0;width:100%;}
	.main_sec.banner .bnr_area1 > ul > li + li {margin-top:10px;}
	.main_sec.banner .bnr_area1 > ul > li > a {justify-content:flex-start;}
	.main_sec.banner .bnr_area1 .tit {letter-spacing:0;color:#fff !important;}
	.main_sec.banner .bnr_area1 .con {display:none;}
	.main_sec.banner .bnr_area1 .img_wrap {background-color:#000;}
	.main_sec.banner .bnr_area1 .img_wrap > img {opacity:0.8;}
	.main_sec.banner .bnr_area1 .btn {border:0;width:auto;left:var(--el-btn-space);right:var(--el-btn-space);bottom:var(--el-btn-space);}
	.main_sec.banner .bnr_area1 .btn:before,
	.main_sec.banner .bnr_area1 .btn:after,
	.main_sec.banner .bnr_area1 .btn > em:after {display:none;}
	.main_sec.banner .bnr_area1 .btn > em {overflow:visible}
	.main_sec.banner .bnr_area1 a:hover .btn em:before,
	.main_sec.banner .bnr_area1 a[target]:hover .btn em:before {animation:none;}
	.main_sec.banner .bnr_area1 .btn[style*="--el-background-color:#000"],
	.main_sec.banner .bnr_area1 .btn[style*="--el-background-color: #000"],
	.main_sec.banner .bnr_area1 .btn[style*="--el-background-color:#000000"],
	.main_sec.banner .bnr_area1 .btn[style*="--el-background-color: #000000"] {--el-background-color:#66665c !important;}
}

/* --------------------------------------------------------------------------------
	CONTENT : 프로그램
--------------------------------------------------------------------------------- */
.main_sec.program {position:relative;
	--el-space:48px;
	--el-height:160px;
	--el-txt-height:220px;
	--el-tit-fontSize:324px;
	--el-tit-lineHeight:0.85;
	--el-tit-sub-left:calc(100% - 58px);
	--el-tit-sub-button:5px;
	--el-tit-sub-space:0 20px;
	--el-tit-sub-height:44px;
	--el-tit-sub-fontSize:15px;
	--el-con-space:16px;
	--el-con-fontSize:20px;
	--el-con-lineHeight:1.5;
	--el-con-margin:16px;
	--el-con-hover-padding:34px;
}
.mac .main_sec.program {
	--el-tit-lineHeight:0.65;
}
.main_sec.program .inner {max-width:1620px;}
.main_sec.program .program_bg {overflow:hidden;position:absolute;top:0;left:50%;width:1620px;height:calc(100% + 218px);transform:translateX(-50%);}
.main_sec.program .program_bg > div{position:absolute;left:50%;}
.main_sec.program .program_bg > div.img_motion.on {height:474px;}
.main_sec.program .program_bg .obj_img{top:130vh;margin-left:-812px;}
.main_sec.program .program_bg .obj_img2{top:200vh;margin-left:291px;}
.main_sec.program .program_list{position:relative;text-align:center;margin-top:var(--el-space);}
.main_sec.program .program_list li {cursor:pointer;margin:0 auto;width:fit-content;}
.main_sec.program .program_list li + li{margin-top:-5px}
.main_sec.program .program_list .tit {position:relative;margin:0 auto;width:fit-content;}
.main_sec.program .program_list .tit strong {display:block;position:relative;width:fit-content;height:var(--el-txt-height);font-family:'field-gothic-xxcondensed';font-weight:800;font-size:var(--el-tit-fontSize);line-height:var(--el-tit-lineHeight);letter-spacing:0.4px;user-select:none;}
.main_sec.program .program_list .tit strong:after {content:'';display:block;position:absolute;bottom:0;left:50%;width:0;height:4px;background:var(--point1);transform:translateX(-50%);transition:all 0.3s;}
.main_sec.program .program_list .tit span {opacity:1;display:flex;position:absolute;bottom:var(--el-tit-sub-button);left:var(--el-tit-sub-left);justify-content:center;align-items:center;padding:var(--el-tit-sub-space);height:var(--el-tit-sub-height);background:#fff;border:2px solid var(--color1);border-radius:calc((var(--el-tit-sub-height) + 4px)/2);font-size:var(--el-tit-sub-fontSize);font-weight:700;line-height:1.5;white-space:nowrap;}
.main_sec.program .program_list .con {overflow:hidden;height:0px;margin-top:var(--el-con-space);text-align:center;font-size:var(--el-con-fontSize);line-height:var(--el-con-lineheight);font-weight:700;transition:all 1.2s cubic-bezier(0.19,1,0.22,1);}
.main_sec.program .program_list .con > span {display:block;margin-bottom:var(--el-con-margin);color:var(--point1);}
.main_sec.program .program_list li:hover .tit strong {color:var(--point1);}
.main_sec.program .program_list li:hover .tit strong:after {width:100%;}
.main_sec.program .program_list li:hover .tit span {opacity:0;}
.main_sec.program .program_list li:hover .con {height:var(--el-height);padding-bottom:var(--el-con-hover-padding);}
@media only screen and (max-height:686px){
	.main_sec.program .program_bg .obj_img{top:180vh;}
	.main_sec.program .program_bg .obj_img2{top:270vh;}
}
@media only screen and (min-height:1280px){
	.main_sec.program .program_bg .obj_img{top:100vh;}
	.main_sec.program .program_bg .obj_img2{top:160vh;}
}
@media only screen and (max-width:1024px){
	.main_sec.program{
		--el-space:var(--S042);
		--el-height:var(--S130);
		--el-txt-height:var(--S095);
		--el-tit-fontSize:var(--S140);
		--el-tit-sub-left:50%;
		--el-tit-sub-button:calc(var(--S005) *-1);
		--el-tit-sub-space:0 var(--S020);
		--el-tit-sub-height:27px;
		--el-tit-sub-fontSize:10px;
		--el-con-space:var(--S020);
		--el-con-fontSize:var(--S015);
		--el-con-lineHeight:var(--S020);
		--el-con-margin:var(--S013);
		--el-con-hover-padding:var(--S030);
	}
	.main_sec.program .program_list .tit span {transform:translateX(-50%);}
	.main_sec.program .link_btn{box-shadow:0 0 15px 0 rgba(122,122,122,0.2);
		--link-txt-space:var(--S009);
	}
	.main_sec.program .program_bg{display:none}
}

/* --------------------------------------------------------------------------------
	CONTENT : 포스테키안
--------------------------------------------------------------------------------- */
.main_sec.postechian {margin-top:var(--el-space);
	--el-space:200px;
	--el-list-space:-10px;
	--el-height:360px;
	--el-height2:560px;
	--el-border-radius:20px;
	--el-cate-space:0 20px 0 30px;
	--el-cate-height:45px;
	--el-cate-fontSize:16px;
	--el-cate-radius:20px;
	--el-txt-space:40px 40px;
	--el-tit-fontSize:30px;
	--el-tit-lineHeight:1.2;
	--el-con-space:12px;
	--el-con-fontSize:16px;
	--el-con-lineHeight:1.625;
}
.main_sec.postechian .inner {max-width:1620px;padding:0 10px;}
.main_sec.postechian .postechian_list{display:flex;flex-wrap:wrap;margin:var(--el-list-space);}
.main_sec.postechian .postechian_list li{margin:10px;width:calc(50% - 20px);height:var(--el-height2);}
.main_sec.postechian .postechian_list li:nth-child(1),
.main_sec.postechian .postechian_list li:nth-child(4) {height:var(--el-height);}
.main_sec.postechian .postechian_list li:nth-child(3) {margin-top:calc((var(--el-height2) - var(--el-height) - 10px) * -1)}
.main_sec.postechian .postechian_list a{overflow:hidden;display:block;width:100%;height:100%;border-radius:var(--el-border-radius);}
.main_sec.postechian .cate {display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;z-index:1;padding:var(--el-cate-space);height:var(--el-cate-height);border-radius:0 0 0 var(--el-cate-radius);background-color:#fff;color:#7e5243;font-size:var(--el-cate-fontSize);font-weight:700;}
.main_sec.postechian .cate:before {content:'';position:absolute;left:calc(var(--el-cate-radius) *-1);top:0;z-index:-1;width:var(--el-cate-radius);height:var(--el-cate-radius);border-radius:0 var(--el-cate-radius) 0 0;box-shadow:var(--el-cate-radius) calc(var(--el-cate-radius) *-1) 0 var(--el-cate-radius) #fff;}
.main_sec.postechian .cate:after {content:'';position:absolute;right:0;bottom:calc(var(--el-cate-radius) *-1);;z-index:-1;width:var(--el-cate-radius);height:var(--el-cate-radius);border-radius:0 var(--el-cate-radius) 0 0;box-shadow:var(--el-cate-radius) calc(var(--el-cate-radius) *-1) 0 var(--el-cate-radius) #fff;}
.main_sec.postechian .postechian_list .img_wrap {overflow:hidden;width:100%;height:100%;border-radius:0 calc(var(--el-border-radius) + 10px) 0 0}
.main_sec.postechian .postechian_list .img_wrap img {width:100%;height:100%;object-fit:cover;object-position:top;transition:0.3s}
.main_sec.postechian .postechian_list .text_wrap {position:absolute;bottom:0;left:0;width:100%;padding:var(--el-txt-space);text-align:left}
.main_sec.postechian .postechian_list .text_wrap p {font-weight:600}
.main_sec.postechian .postechian_list .text_wrap .cont_tit {font-size:var(--el-tit-fontSize);font-weight:700;line-height:var(--el-tit-lineHeight);}
.main_sec.postechian .postechian_list .text_wrap .cont_desc {overflow:hidden;display:-webkit-box;margin-top:var(--el-con-space);max-height:calc(var(--el-con-lineHeight) * 3);font-size:var(--el-con-fontSize);line-height:var(--el-con-lineheight);-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;}
.main_sec.postechian .postechian_list .text_wrap .link_btn {display:none;}
.main_sec.postechian .postechian_list a:hover .img_wrap img{transform:scale(1.05)}

@media only screen and (max-width:1024px){
	.main_sec.postechian{
		--el-space:var(--main-section-space);
		--el-list-space:var(--S042) 0 0;
		--el-height:auto;
		--el-height2:auto;
		--el-border-radius:var(--S010);
		--el-cate-space:0 var(--S010) 0 var(--S015);
		--el-cate-height:var(--S040);
		--el-cate-fontSize:var(--S012);
		--el-cate-radius:var(--S020);
		--el-txt-space:var(--S015) 10px var(--S035);
		--el-tit-fontSize:var(--S020);
		--el-tit-lineHeight:var(--S025);
		--el-con-space:var(--S010);
		--el-con-fontSize:var(--S013);
		--el-con-lineHeight:var(--S018);
		--el-img-height:var(--S283);
	}
	.main_sec.postechian .postechian_list {display:block;border-bottom:1px solid #e4e4e4;}
	.main_sec.postechian .postechian_list > li {margin:0;width:100%;}
	.main_sec.postechian .postechian_list > li + li {margin-top:10px;}
	.main_sec.postechian .postechian_list .img_wrap {height:var(--el-img-height);border-radius:var(--el-border-radius);}
	.main_sec.postechian .postechian_list .text_wrap {position:relative;}
	.main_sec.postechian .postechian_list .text_wrap .cont_tit,
	.main_sec.postechian .postechian_list .text_wrap .cont_desc {color:#000 !important;}
	.main_sec.postechian .postechian_list .text_wrap br {display:none;}
}

@media only screen and (min-width:760px) and (max-width:1024px){
	.main_sec.postechian .postechian_list .img_wrap { height: 350px;}
	
	}

/* --------------------------------------------------------------------------------
	CONTENT : SNS
--------------------------------------------------------------------------------- */
.main_sec.sns {position:relative;overflow:hidden;
	--el-marqee-space:32px -10px 76px;
	--el-marqee-fontSize:var(--S150);
	--el-marqee-lineHeight:0.8;
	--el-width:505px;
	--el-img-height:284px;
	--el-img-width:var(--el-width);
	--el-li-space:0 0 0 10px;
	--el-border-radius:25px;
	--el-icon-size:50px;
	--el-icon-radius:20px;
	--el-tit-space:30px;
	--el-tit-fontSize:20px;
	--el-tit-lineHeight:1.4;
}
.main_sec.sns .marqee_text{display:flex;margin:var(--el-marqee-space)}
.main_sec.sns .marqee_text .text {font-weight:800;font-size:var(--el-marqee-fontSize);color:#F4F4F4;white-space:nowrap;line-height:var(--el-marqee-lineHeight);letter-spacing:4px;}
.main_sec.sns .marqee_text.on .text {animation:keyword_left 500s linear infinite;}
.main_sec.sns .sns_marqee {position:relative;height:330px}
.main_sec.sns .sns_thumb {display:flex;transition-timing-function:linear;}
.main_sec.sns .sns_thumb li {flex-shrink:0;width:var(--el-width);}
.main_sec.sns .sns_thumb li + li{margin:var(--el-li-space)}
.main_sec.sns .sns_thumb a{display:block;overflow:hidden;position:relative;width:var(--el-width);height:var(--el-img-height);border-radius:var(--el-border-radius);}
.main_sec.sns .sns_thumb a:before {content:'';position:absolute;z-index:2;right:var(--el-icon-size);top:0;width:var(--el-icon-radius);height:var(--el-icon-radius);border-radius:0 var(--el-icon-radius) 0 0;box-shadow:var(--el-icon-radius) calc(var(--el-icon-radius) * -1) 0 calc(var(--el-icon-radius) - 2px) #fff;}
.main_sec.sns .sns_thumb a:after {content:'';position:absolute;z-index:2;right:0;top:var(--el-icon-size);width:var(--el-icon-radius);height:var(--el-icon-radius);border-radius:0 var(--el-icon-radius) 0 0;box-shadow:var(--el-icon-radius) calc(var(--el-icon-radius) * -1) 0 calc(var(--el-icon-radius) - 2px) #fff;}
.main_sec.sns .sns_thumb .thumb_wrap {overflow:hidden;position:relative;width:var(--el-img-width);height:var(--el-img-height);border-top-right-radius:30px;}
.main_sec.sns .sns_thumb .thumb_wrap img{width:100%;height:100%;object-fit:cover;transition:0.3s}
.main_sec.sns .sns_thumb .cont_tit{position:absolute;top:0;left:0;right:0;padding:var(--el-tit-space);font-weight:600;font-size:var(--el-tit-fontSize);color:#fff;line-height:var(--el-tit-lineHeight)}
.main_sec.sns .sns_thumb .cont_tit:after {content:'';display:block;position:absolute;top:0;right:0;z-index:3;width:var(--el-icon-size);height:var(--el-icon-size);border-radius:3px 3px 3px var(--el-border-radius);background:#fff url('/_res/postech/kor/img/main/sns_play_ic.png') no-repeat 50% / calc(100% - 10px) auto;}
.main_sec.sns .sns_thumb a:hover .thumb_wrap img{transform:scale(1.05)}
.main_sec.sns [class*="swiper-button"] {display:none;}
.main_sec.sns .swiper-pagination{display:none;}
@media only screen and (max-width:1024px){
	.main_sec.sns {
		--el-marqee-space:var(--S024) -10px var(--S047);
		--el-marqee-lineHeight:var(--S100);
		--el-width:100%;
		--el-li-space:var(--S015) 0 0 0;
		--el-img-width:var(--S132);
		--el-img-height:var(--S085);
		--el-border-radius:var(--S010);
		--el-icon-size:var(--S024);
		--el-icon-radius:6px;
		--el-tit-space:var(--S018);
		--el-tit-fontSize:var(--S015);
		--el-tit-lineHeight:var(--S018);
	}
	.main_sec.sns .sns_marqee {height:auto;margin-top:var(--S042)}
	.main_sec.sns .sns_thumb {display:block;}
	.main_sec.sns .sns_thumb li + li {padding-top:var(--S015);border-top:1px solid #e4e4e4;}
	.main_sec.sns .sns_thumb li:nth-child(5) ~ li {display:none;}
	.main_sec.sns .sns_thumb a {display:flex;align-items:center;flex-shrink:0;}
	.main_sec.sns .sns_thumb a:before {right:auto;left:calc((var(--el-img-width) - var(--el-icon-size)) - var(--el-icon-radius))}
	.main_sec.sns .sns_thumb a:after {right:auto;left:calc(var(--el-img-width) - var(--el-icon-radius))}
	.main_sec.sns .sns_thumb .thumb_wrap {border-radius:var(--el-border-radius) 30px var(--el-border-radius) var(--el-border-radius)}
	.main_sec.sns .sns_thumb .cont_tit {flex:1;position:static;color:#000;}
	.main_sec.sns .sns_thumb .cont_tit:after {right:auto;left:calc(var(--el-img-width) - var(--el-icon-size));background-size:calc(100% - 7px)}
}




/* new메인비주얼 */
.main_wrap .inner.main_swipper_pc	{display:block}
.main_wrap .inner.main_swipper_mob	{display:none}

@media only screen and (max-width:760px){
	.main_wrap .inner.main_swipper_pc	{display:none;}
	.main_wrap .inner.main_swipper_mob	{display:block;padding:0;height: 100%;position:relative;}
	.main_wrap .inner.main_swipper_mob .img img{height:100%; width:100%;object-fit: cover;}
	.main_wrap .inner.main_swipper_mob li.swiper-slide{position: relative;}
	.main_wrap .inner.main_swipper_mob .tit {font-size: var(--el-tit-fontSize);font-weight: 700;margin: var(--el-tit-space);}
	.main_wrap .inner.main_swipper_mob .tit strong{font-weight: 800;}
    .main_wrap .inner.main_swipper_mob .title_wrap {position: absolute;left: 0; top: 0; color: #fff; font-size: var(--el-tit-fontSize);font-weight: 700; padding: var(--el-inner-space);}
	.main_wrap .inner.main_swipper_mob .img {height: var(--el-height);}
	.main_wrap .inner.main_swipper_mob .video_ic {width: 50px;height: 50px;display: block;border: 2px solid #c8005f;background: #00000099;z-index: 99;position: absolute;right: 15px;bottom: 21px;border-radius: 100%;text-indent: -9999rem;background: #00000099 url(/_res/postech/kor/img/main/main_visual_video.png) no-repeat 50% 50%; background-size: 0.8rem;}
	.main_wrap .inner.main_swipper_mob .visual-swiper-pagination{position: absolute;text-align: center; transition: .3s opacity;transform: translate3d(0, 0, 0);z-index: 10; bottom: 10px;}
.main_wrap .inner.main_swipper_mob .swiper-pagination-bullet {width: 9px;height: 9px;border-radius: 9px; margin: 0 4px;background-color:#ffffff;transition: all 0.3s; opacity: 0.4;}

/* 선택된 상태: 빨간 동그라미 */
.main_wrap .inner.main_swipper_mob .swiper-pagination-bullet-active {width: 15px;background-color: #ffffff;opacity: 1;}
	
}