@charset "utf-8";
/* --------------------------------------------------------------------------------
	* 포스텍 온라인 가이드 홈페이지 :템플릿
	* 템플릿 B타입 스타일 정의
--------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
	LAYOUT : HEADER
--------------------------------------------------------------------------------- */
@media only screen and (min-width:1025px) {
	.wrapper .header{
		--header-bgColor:#fff;
	}
	.wrapper .header.sticky {background-color:#fff;filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.2));}
	.wrapper .header.sticky .logo .logo-ci .img > img {filter:none;}
}

/* --------------------------------------------------------------------------------
	LAYOUT : CONTENTS
--------------------------------------------------------------------------------- */
.wrapper .container .area-visual {--visual-image:url('/_res/postech/_share/img/template/img_visual.jpg')}
@media only screen and (max-width:1024px) {
	.wrapper .container .area-visual {height:calc(40.0rem - var(--header-height));}
}


/* --------------------------------------------------------------------------------
	PAGE : MAIN
--------------------------------------------------------------------------------- */
/* -- [SECTION] 상단 비주얼 영역 ------------------------------------------------ */
/* 배너 영역 */
.main-section.visual .area1 {height:var(--el-visual-height);}
.main-slider1 {position:relative;}
.main-slider1 > ul > li {position:relative;padding:var(--el-visual-swiper-space)}
.main-slider1 .tit {display:block;position:relative;/*max-width:var(--el-visual-swiper-tit-wid);*/font-size:var(--el-visual-swiper-tit-fontSize);line-height:var(--el-visual-swiper-tit-lineHeight);color:#fff;letter-spacing:var(--el-visual-swiper-tit-letterSpacing);font-weight:900;}
.main-slider1 .con {display:block;position:relative;max-width:var(--el-visual-swiper-con-wid);margin:var(--el-visual-swiper-con-space);font-size:var(--el-visual-swiper-con-fontSize);line-height:var(--el-visual-swiper-con-lineHeight);color:#fff;letter-spacing:-0.2px;font-weight:var(--el-visual-swiper-con-fontWeight);}
.main-slider1 .img {position:absolute;top:0;left:0;width:100%;height:var(--el-visual-height);background:#000;}
.main-slider1 .img > img {width:100%;height:100%;object-fit:cover;opacity:0.83;}
.main-slider1.swiper-initialized {overflow:hidden;}
.main-slider1.swiper-initialized > ul {display:flex;}
.main-slider1.swiper-initialized > ul > li {flex-shrink:0;}
.main-slider1.swiper-initialized .swiper-pagination-area {display:flex;position:absolute;left:var(--el-visual-swiper-btn-left);bottom:var(--el-visual-swiper-btn-bottom);}
.main-slider1.swiper-initialized .swiper-pagination-fraction {position:relative;font-size:1px;color:transparent;}
.main-slider1.swiper-initialized .swiper-pagination-fraction:before,
.main-slider1.swiper-initialized .swiper-pagination-fraction:after {content:'';display:block;position:absolute;top:50%;margin-top:-1px;left:var(--el-visual-swiper-fraction-left);width:var(--el-visual-swiper-fraction-width);height:2px;background:#fff;}
.main-slider1.swiper-initialized .swiper-pagination-fraction:after {width:0;background-color:var(--point1);}
.main-slider1.swiper-initialized .swiper-pagination-fraction > span {display:inline-block;width:var(--el-visual-swiper-iconSize);line-height:var(--el-visual-swiper-iconSize);font-size:var(--el-visual-swiper-fraction-fontSize);color:#fff;font-weight:700;text-align:center;}
.main-slider1.swiper-initialized .swiper-pagination-fraction > span:before {content:'0';}
.main-slider1.swiper-initialized .swiper-pagination-fraction > span + span {margin-left:var(--el-visual-swiper-fraction-space);}
.main-slider1.swiper-initialized .swiper-pagination-area.on .swiper-pagination-fraction:after {animation:aniLine 3s;}
.main-slider1.swiper-initialized [class*="swiper-button"] {position:relative;width:var(--el-visual-swiper-iconSize);height:var(--el-visual-swiper-iconSize);font-size:1px;color:transparent;user-select:none;}
.main-slider1.swiper-initialized [class*="swiper-button"]:before {font-family:var(--font-icon);font-size:var(--el-visual-swiper-btn-fontSize);color:#fff;text-align:center;}
.main-slider1.swiper-initialized .swiper-button-prev {margin-left:1.4rem;}
.main-slider1.swiper-initialized .swiper-button-prev:before {content:var(--icon-prev);}
.main-slider1.swiper-initialized .swiper-button-next {margin-left:2.1rem;}
.main-slider1.swiper-initialized .swiper-button-next:before {content:var(--icon-next);}
.main-slider1.swiper-initialized .swiper-autobtn {margin-left:1.4rem;}
.main-slider1.swiper-initialized .swiper-autobtn > button {display:none;position:relative;width:var(--el-visual-swiper-iconSize);height:var(--el-visual-swiper-iconSize);font-size:1px;color:transparent;user-select:none;}
.main-slider1.swiper-initialized .swiper-autobtn > button:before {content:'';display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-slider1.swiper-initialized .swiper-autobtn > button.stop:before {width:0.8rem;height:1.5rem;border-left:1px solid #fff;border-right:1px solid #fff;}
.main-slider1.swiper-initialized .swiper-autobtn > button.play:before {width:0;height:0;border:0.8rem solid transparent;border-left-color:#fff}
.main-slider1.swiper-initialized .swiper-autobtn:not(.playing) .play {display:block;}
.main-slider1.swiper-initialized .swiper-autobtn.playing .stop {display:block;}

.main .bbs-data1 .tit{ max-width: 85%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;display: inline-block;word-break: break-word;overflow-wrap: anywhere;}

@keyframes aniLine {
	0% {width:0px;}
	100% {width:var(--el-visual-swiper-fraction-width);}
}

/* HOT ISSUE */
.main-info1 {padding:var(--el-main-info1-space)}
.main-info1 .img {overflow:hidden;display:block;width:100%;height:var(--el-main-info1-img-height);border-radius:var(--el-main-info1-borderRadius);}
.main-info1 .img > img {width:100%;height:100%;object-fit:cover;}
.main-info1 .tit {display:block;margin:var(--el-main-info1-tit-space);font-size:var(--el-main-info1-tit-fontSize);line-height:var(--el-main-info1-tit-lineHeight);color:#fff;font-weight:700;letter-spacing:-0.25px;}
.main-info1 .con {opacity:0.6;display:block;margin:var(--el-main-info1-con-space);font-size:var(--el-main-info1-con-fontSize);line-height:var(--el-main-info1-con-lineHeight);color:#fff;}

@media only screen and (min-width:1025px) {
	.main-section.visual{
		--el-visual-height:94.0rem;
		--el-visual-swiper-space:16.0rem 0 0 4.8rem;
		--el-visual-swiper-btn-left:4.4rem;
		--el-visual-swiper-btn-bottom:27.7rem;
		--el-visual-swiper-btn-fontSize:1.6rem;
		--el-visual-swiper-iconSize:3.2rem;
		--el-visual-swiper-fraction-fontSize:1.4rem;
		--el-visual-swiper-fraction-space:7.5rem;
		--el-visual-swiper-fraction-left:3.8rem;
		--el-visual-swiper-fraction-width:6.3rem;
		--el-visual-swiper-tit-fontSize:14.6rem;
		--el-visual-swiper-tit-lineHeight:12.7rem;
		--el-visual-swiper-tit-wid:92.0rem;
		--el-visual-swiper-tit-letterSpacing:-0.05em;
		--el-visual-swiper-con-fontSize:4.6rem;
		--el-visual-swiper-con-lineHeight:6.0rem;
		--el-visual-swiper-con-space:2.5rem 0 0 0;
		--el-visual-swiper-con-fontWeight:900;
	}
	.main-section.visual {display:flex;}
	.main-section.visual .main-tit {--main-tit-color:#fff;--main-tit-icon-bg:#66665c;}
	.main-section.visual .area1 {width:calc(100% - 54.2rem)}
	.main-section.visual .area2 {padding:0 4.2rem;width:54.2rem;background-color:#000;}
	.main-section.visual .area2 .main-info2 {border-top:1px solid rgba(255,255,255,0.2);padding-top:5.2rem;}

	.main-info1 {
		--el-main-info1-borderRadius:5px;
		--el-main-info1-space:5.8rem 0 4.7rem;
		--el-main-info1-img-height:21.2rem;
		--el-main-info1-tit-fontSize:2.4rem;
		--el-main-info1-tit-space:1.8rem 0 0;
		--el-main-info1-tit-lineHeight:2.9rem;
		--el-main-info1-con-fontSize:1.6rem;
		--el-main-info1-con-lineHeight:2.4rem;
		--el-main-info1-con-space:1.4rem 0 3.2rem;
	}
	.main-info1 .main-tit {margin-bottom:1.7rem;}
	.main-info1 .tit {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:calc(var(--el-main-info1-tit-lineHeight) * 3);}
	.main-info1 .con {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;max-height:calc(var(--el-main-info1-con-lineHeight) * 3);}
	.main-info2{
		--el-main-info2-space:0;
		--el-main-info2-fontSize:1.4rem;
		--el-main-info2-lineHeight:2.0rem;
		--el-main-info2-margin-top:1.6rem;
		--el-main-info2-padding-top:0.2rem;
	}
	.main-info2 .main-tit {margin-bottom:2.3rem;}
}

@media only screen and (max-width:1024px) {
	.main-section.visual{
		--el-visual-height:calc(100vh - (var(--header-height) + var(--aside-height)));
		--el-visual-swiper-space:4.4rem 2.0rem 0 2.0rem;
		--el-visual-swiper-btn-bottom:5.0rem;
		--el-visual-swiper-btn-left:2.7rem;
		--el-visual-swiper-btn-fontSize:1.2rem;
		--el-visual-swiper-iconSize:2.0rem;
		--el-visual-swiper-fraction-fontSize:1.2rem;
		--el-visual-swiper-fraction-space:7.5rem;
		--el-visual-swiper-fraction-left:2.7rem;
		--el-visual-swiper-fraction-width:6.0rem;
		--el-visual-swiper-tit-fontSize:3.5rem;
		--el-visual-swiper-tit-lineHeight:3.7rem;
		--el-visual-swiper-tit-wid:100%;
		--el-visual-swiper-tit-letterSpacing:0.5px;
		--el-visual-swiper-con-fontSize:1.7rem;
		--el-visual-swiper-con-lineHeight:2.0rem;
		--el-visual-swiper-con-space:1.0rem 0 0;
		--el-visual-swiper-con-fontWeight:400;
	}
	.main-section.visual .main-tit {
		--main-tit-color:#fff;
		--main-tit-icon-bg:#fff;
		--main-tit-icon-color:#000;
	}
	.main-slider1.swiper-initialized .swiper-button-next {margin-left:1.6rem;}
	.main-slider1.swiper-initialized .swiper-autobtn > button.stop:before {width:0.6rem;height:1.0rem;}
	.main-slider1.swiper-initialized .swiper-autobtn > button.play:before {border-width:0.5rem;}
	.aside-banner:not(.none) ~ .container .main-section.visual{
		--el-visual-height:calc(100vh - (var(--header-height) + var(--aside-height)));
	}
	.main-section.visual .area2 {display:flex;flex-direction:column-reverse;}
	.main-slider1 .img > img {opacity:0.5;}
	.main-info1 {background:#000;
		--el-main-info1-borderRadius:1.0rem;
		--el-main-info1-space:3.7rem 2.0rem 2.5rem;
		--el-main-info1-img-height:20.4rem;
		--el-main-info1-tit-fontSize:2.4rem;
		--el-main-info1-tit-lineHeight:2.8rem;
		--el-main-info1-tit-space:1.8rem 0 0;
		--el-main-info1-con-fontSize:1.3rem;
		--el-main-info1-con-lineHeight:1.8rem;
		--el-main-info1-con-space:1.4rem 0 1.0rem;
	}
	.main-info1 .main-tit {margin-bottom:1.0rem;}
	.main-info2 {background:#3b3b3b;
		--el-main-info2-space:4.2rem 2.0rem 3.8rem;
		--el-main-info2-fontSize:1.2rem;
		--el-main-info2-lineHeight:1.8rem;
		--el-main-info2-margin-top:0.4rem;
		--el-main-info2-padding-top:0;
	}
	.main-info2 .main-tit {margin-bottom:1.0rem;}
}

/* -- [SECTION] Research ----------------------------------------------------------- */
.main-section.research {background:var(--page-point) url('/_res/postech/_share/img/template/bg_research.png') no-repeat 50% 100%;
	--el-research-swiper-space:10.8rem 10.0rem 10.6rem;
	--el-research-swiper-img-width:75.9rem;
	--el-research-swiper-img-height:47.9rem;
	--el-research-swiper-img-borderRadius:5px;
	--el-research-swiper-tit-fontSize:4.0rem;
	--el-research-swiper-tit-lineHeight:4.8rem;
	--el-research-swiper-con-space:1.4rem 0 1.0rem;
	--el-research-swiper-con-fontSize:1.6rem;
	--el-research-swiper-con-lineHeight:2.4rem;
	--el-research-swiper-date-fontSize:1.3rem;
}
.main-slider2 {overflow:hidden;position:relative;}
.main-slider2 ul {display:flex;}
.main-slider2 ul > li {position:relative;flex-shrink:0;color:var(--page-point-txt);width:100%;}
.main-slider2 .img {overflow:hidden;display:block;width:var(--el-research-swiper-img-width);height:var(--el-research-swiper-img-height);border-radius:var(--el-research-swiper-img-borderRadius);}
.main-slider2 .img > img {width:100%;height:100%;object-fit:cover;}
.main-slider2 .tit {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:calc(var(--el-research-swiper-tit-lineHeight) * 2);font-size:var(--el-research-swiper-tit-fontSize);line-height:var(--el-research-swiper-tit-lineHeight);}
.main-slider2 .con {overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:8;max-height:calc(var(--el-research-swiper-con-lineHeight) * 8);margin:var(--el-research-swiper-con-space);font-size:var(--el-research-swiper-con-fontSize);line-height:var(--el-research-swiper-con-lineHeight);} 
.main-slider2 .date {font-size:var(--el-research-swiper-date-fontSize);}
.main-slider2 .main-tit {--main-tit-color:var(--page-point-txt)}
.main-slider2.swiper-initialized [class*="swiper-button"] {position:absolute;z-index:2;font-size:1px;color:transparent;}
.main-slider2.swiper-initialized [class*="swiper-button"]:before {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.main-slider2.swiper-initialized .swiper-pagination {display:flex;justify-content:flex-end;position:absolute;bottom:0;right:12.0rem;z-index:2;width:20%;font-size:15.5rem;font-weight:300;color:var(--page-point-txt);line-height:0.6;transform:scaleX(1.3);}
@media only screen and (min-width:1025px) {
	.main-section.research {overflow:hidden;border-bottom-right-radius:24.4rem;}
	.main-slider2 {padding:var(--el-research-swiper-space);max-width:155.8rem;margin:0 auto;}
	.main-slider2 ul > li {display:flex;flex-direction:column;padding-left:calc(var(--el-research-swiper-img-width) + 6.4rem);height:calc(var(--el-research-swiper-img-height) + 3.2rem);}
	.main-slider2 .img {position:absolute;top:0;left:0;}
	.main-slider2 .date {position:absolute;bottom:0;left:0;}
	.main-slider2 .main-tit {margin-top:3.8rem;margin-bottom:2.9rem;}
	.main-slider2.swiper-initialized [class*="swiper-button"] {top:50%;margin-top:-3.6rem;width:7.2rem;height:7.2rem;border-radius:50%;border:1px solid #000;}
	.main-slider2.swiper-initialized [class*="swiper-button"]:before {font-size:3.6rem;color:#000;font-family:var(--font-icon);}
	.main-slider2.swiper-initialized [class*="swiper-button"]:disabled {opacity:0.5;}
	.main-slider2.swiper-initialized .swiper-button-prev {left:0;}
	.main-slider2.swiper-initialized .swiper-button-prev:before {content:'\f060';}
	.main-slider2.swiper-initialized .swiper-button-next {right:0;}
	.main-slider2.swiper-initialized .swiper-button-next:before {content:'\f061';}
}
@media only screen and (max-width:1024px) {
	.main-section.research {padding:var(--el-research-swiper-space);
		--el-research-swiper-space:3.6rem 2.0rem 0;
		--el-research-swiper-img-width:100%;
		--el-research-swiper-img-height:20.4rem;
		--el-research-swiper-img-borderRadius:1.0rem;
		--el-research-swiper-tit-fontSize:2.4rem;
		--el-research-swiper-tit-lineHeight:2.9rem;
		--el-research-swiper-con-space:1.4rem 0 2.1rem;
		--el-research-swiper-con-fontSize:1.3rem;
		--el-research-swiper-con-lineHeight:1.8rem;
		--el-research-swiper-date-fontSize:1.2rem;
	}
	.main-slider2 {padding-bottom:5.4rem;}
	.main-slider2 ul > li {display:flex;flex-direction:column;}
	.main-slider2 .img {order:-2;}
	.main-slider2 .date {order:-1;margin:1.0rem 0 1.5rem;text-align:right;}
	.main-slider2 .con {opacity:0.7;-webkit-line-clamp:10;max-height:calc(var(--el-research-swiper-con-lineHeight) * 10);}
	.main-slider2 .main-tit {order:-3;margin-bottom:1.0rem;--main-tit-icon-bg:#fff;--main-tit-icon-color:var(--page-point);}
	.main-slider2.swiper-initialized .swiper-pagination {opacity:0.2;right:1.0rem;font-size:8.0rem;}
	.main-slider2.swiper-initialized [class*="swiper-button"] {bottom:5.9rem;width:3.2rem;height:3.2rem;border:1px solid var(--page-point-txt);background-color:var(--page-point-txt);}
	.main-slider2.swiper-initialized [class*="swiper-button"]:before {font-weight:300;color:var(--page-point);font-size:2.7rem;line-height:1;}
	.main-slider2.swiper-initialized [class*="swiper-button"]:disabled {background-color:var(--page-point);}
	.main-slider2.swiper-initialized [class*="swiper-button"]:disabled:before {color:var(--page-point-txt);}
	.main-slider2.swiper-initialized .swiper-button-prev {right:5.0rem;}
	.main-slider2.swiper-initialized .swiper-button-prev:before {content:'→';transform:translate(-50%, -50%) rotate(180deg);}
	.main-slider2.swiper-initialized .swiper-button-next {right:1.0rem;}
	.main-slider2.swiper-initialized .swiper-button-next:before {content:'→';top:0;transform:translate(-50%, 0);}
}

/* -- [SECTION] 뉴스 ----------------------------------------------------------- */
.main-bnr1 {overflow:hidden;position:relative;height:var(--el-main-bnr1-height);border-radius:var(--el-main-bnr1-borderRadius);}
.main-bnr1 .img {overflow:hidden;display:block;width:100%;height:100%;border-bottom-right-radius:4.0rem;background:#000;}
.main-bnr1 .img > img {opacity:0.8;width:100%;height:100%;object-fit:cover;}
.main-bnr1 .tit {display:flex;align-items:center;justify-content:center;position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;margin:auto;color:#fff;text-align:center;font-weight:900;letter-spacing:-0.05em;
	font-size:var(--el-main-bnr1-fontSize);
	line-height:var(--el-main-bnr1-lineHeight);
}
.main-bnr1:before,
.main-bnr1:after {content:'';display:block;position:absolute;z-index:1;width:calc(var(--el-main-bnr1-link-iconSize) / 2);height:calc(var(--el-main-bnr1-link-iconSize) / 2);}
.main-bnr1:before {
	bottom:0;
	right:var(--el-main-bnr1-link-borderRadius);
	border-bottom-right-radius:var(--el-main-bnr1-link-borderRadius);
	box-shadow:var(--el-main-bnr1-link-borderRadius) var(--el-main-bnr1-link-borderRadius) 0 var(--el-main-bnr1-link-borderRadius) #fff;
}
.main-bnr1:after {
	bottom:var(--el-main-bnr1-link-borderRadius);
	right:0;
	border-bottom-right-radius:var(--el-main-bnr1-link-borderRadius);
	box-shadow:var(--el-main-bnr1-link-borderRadius) var(--el-main-bnr1-link-borderRadius) 0 var(--el-main-bnr1-link-borderRadius) #fff;
}
.main-bnr1 a:after {content:'\f061';display:flex;justify-content:center;align-items:center;position:absolute;
	bottom:0;
	right:0;
	z-index:3;
	font-family:var(--font-icon);
	width:var(--el-main-bnr1-link-iconSize);
	height:var(--el-main-bnr1-link-iconSize);
	border-radius:50%;
	font-size:var(--el-main-bnr1-link-iconFont);
	background:#000;
	color:#dcd0c8;
}
.main-bnr1 a:before {content:'';position:absolute;z-index:2;
	bottom:0;
	right:0;
	width:var(--el-main-bnr1-link-borderRadius);
	height:var(--el-main-bnr1-link-borderRadius);
	border-radius:50%;
	background:#fff;
}
@media only screen and (min-width:1025px) {
	.main-section.news {display:flex;justify-content:space-between;max-width:133rem;margin:11.2rem auto 0;}
	.main-section.news .bbs-data1 {margin-top:4.0rem;max-width: calc(100% - 560px);}
	.main-section.news .main-bnr1 {margin-left:8.0rem;width:48.0rem;}
	.main-bnr1{
		--el-main-bnr1-height:48.6rem;
		--el-main-bnr1-fontSize:6.6rem;
		--el-main-bnr1-lineHeight:5.5rem;
		--el-main-bnr1-borderRadius:0.5rem 10rem 0.5rem 10rem;
		--el-main-bnr1-link-iconSize:4.5rem;
		--el-main-bnr1-link-iconFont:2.4rem;
		--el-main-bnr1-link-border:5px;
		--el-main-bnr1-link-borderRadius:calc(var(--el-main-bnr1-link-iconSize) + var(--el-main-bnr1-link-border));
	}
}
@media only screen and (max-width:1024px) {
	.main-section.news {padding:4.0rem 2.0rem;}
	.main-section.news .main-bnr1 {margin-top:4.0rem;}
	.main-bnr1{
		--el-main-bnr1-height:20.0rem;
		--el-main-bnr1-fontSize:4.5rem;
		--el-main-bnr1-lineHeight:3.8rem;
		--el-main-bnr1-borderRadius:1.8rem 1.8rem 0 1.8rem;
		--el-main-bnr1-link-iconSize:2.6rem;
		--el-main-bnr1-link-iconFont:1.2rem;
		--el-main-bnr1-link-border:1.3rem;
		--el-main-bnr1-link-borderRadius:calc(var(--el-main-bnr1-link-iconSize));
	}
	.main-bnr1:before,
	.main-bnr1:after {width:var(--el-main-bnr1-link-iconSize);height:var(--el-main-bnr1-link-iconSize);}
	.main-bnr1:before {right:calc(var(--el-main-bnr1-link-iconSize) + (var(--el-main-bnr1-link-border) * 2));}
	.main-bnr1:after {bottom:calc(var(--el-main-bnr1-link-iconSize) + (var(--el-main-bnr1-link-border) * 2));}
	.main-bnr1 a:after {bottom:var(--el-main-bnr1-link-border);right:var(--el-main-bnr1-link-border);}
	.main-bnr1 a:before {
		width:calc(var(--el-main-bnr1-link-iconSize) + (var(--el-main-bnr1-link-border) * 2));
		height:calc(var(--el-main-bnr1-link-iconSize) + (var(--el-main-bnr1-link-border) * 2));
	}
}

/* -- [SECTION] 갤러리 ----------------------------------------------------------- */
@media only screen and (min-width:1025px) {
	.main-section.gallery {max-width:133rem;margin:11.2rem auto 8.0rem;}
}
@media only screen and (max-width:1024px) {
	.main-section.gallery {padding:4.0rem 2.0rem;background-color:#dadada;}
}


@media screen and (max-width:760px){
/* 게시판 모바일에서 스타일 변경*/
.common .board_list.table-wrap{ overflow: hidden;}	
.common .board_list colgroup {display: none;}
.common .board_list thead {display: none;}
.common .board_list.table-wrap tbody tr{display: flex;flex-wrap: wrap; position: relative;border-bottom: 1px solid #c5c6ca;}
.board .common .board_list.table-wrap tbody td{ display: inline;  order: 1; padding: 2px 6px;margin-bottom: 8px; font-weight: 500; color: #666; font-size: 14px;letter-spacing: -.4px;}
.common .board_list.table-wrap tbody td { border: 0;}	
.common .board_list.table-wrap tbody td.b-num-box { padding: 2px 6px; margin-left: 5px;font-weight: 500; color: #666; font-size: 14px;letter-spacing: -.4px; }	
.common .board_list.table-wrap td.title {width: 100%;padding: 2px 10px;order: 0; }
.common .board_list.table-wrap td.title a .txt { margin-top: 13px;font-weight: 600; max-width: calc(100% - 15%);display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle;order: 1;font-size: 16px;color: #000;}
.common .board_list.table-wrap tbody td.title {width: 100%;padding: 2px 10px; order: 0;display: inline;}
.board .common  .board_list.table-wrap tbody td{border: 0;border-left: none; border-right: none; padding: 2px; height: auto;margin-left: 5px;}
.common .board_list.table-wrap tbody td:nth-child(3) {margin-bottom: 8px; font-weight: 500;color: #666;font-size: 14px;letter-spacing: -.4px; }
.common .board_list.table-wrap tbody td:nth-child(4) {margin-bottom: 8px;font-weight: 500; color: #666;font-size: 14px;letter-spacing: -.4px; }
.common .board_list.table-wrap tbody td:nth-child(5) {margin-bottom: 8px;font-weight: 500; color: #666;font-size: 14px;letter-spacing: -.4px; }
.common .b-top-box .b-num-box + td.title + td {margin-left: -10px;}
.common .board_list.table-wrap tbody td:nth-child(2)::before {content: '';display: inline-block;width: 1px; height: 10px;background: #cccccc;margin-right: 10px;}
.common .board_list.table-wrap tbody td:nth-child(3)::before {content: '';display: inline-block;width: 1px; height: 10px;background: #cccccc;margin-right: 10px;}
.common .board_list.table-wrap tbody td:nth-child(4)::before {content: '';display: inline-block;width: 1px;height: 10px; background: #cccccc;margin-right: 10px;}
.common .board_list.table-wrap tbody td:nth-child(5)::before {content: '';display: inline-block;width: 1px;height: 10px; background: #cccccc;margin-right: 10px;}
.common .board_list.table-wrap tbody td > a{width: 100%; display: flex;}	
.board .common .board_list.table-wrap > table{ min-width: auto; border-top: 1px solid #000000;}	
.board .common .board_list.table-wrap .b-no-post{display: flex;}
.common .board_list.table-wrap tbody tr:last-child {border-bottom: 0;}	
.common .board_list.table-wrap tbody td.title::before{display:none}	
.board_list.table-wrap .title .file{order: 2; margin-left: 3px;}	
	
/* 게시판 모바일에서 스타일 변경(검색폼)*/
.search_form .flex_box.ju_sp {display: flex;flex-direction: column-reverse;align-items: flex-start;position: relative;margin-bottom: 0;}	
.b-search-wrap .flex_box .select { width: 25%; margin-bottom: 0;position: relative;}	
.b-search-wrap .flex_box .select:not(:only-child):first-child { flex-shrink: 0; margin-right: 0.2rem; }
.search_form select {min-width: 79px;font-size: 14px; padding: 0px 16px;height: 42px; width: 20%; border-radius: 26px;border: 1px solid #ddd;appearance: none;background: #fff;}
.search_form .flex_box .select::after {content: '';position: absolute;top: 11px;right: 5px; width: 20px; height: 20px; background-color: #fff;background-image: url(/_res/postech/alumni/img/selbox_arrow_ic.png); background-size: 10px auto; background-repeat: no-repeat; background-position: 50% 50%; pointer-events: none;}	
.search_form .flex_box input#search_val { border-radius: 35px;margin-left: 3px; height: 42px; }
.search_form .flex_box input#search_val { margin-left: 3px;  height: 42px; font-size: 14px; margin-right: 0; position: relative; width: 100%; border: 1px solid #dddddd;}
#search_val {border-radius: 3px;font-size: 16px;font-weight: 500;color: #111; width: 28.0rem; background: #fff; padding: 0 12px;margin-left: 6px;}	
.search_form .btn { background: none; border: 0; width: 45px;height: 42px;position: absolute;right: 0; text-indent: -9999em;min-width: auto;}	
.search_form .b-search-wrap .flex_box .btn { background-color: transparent; border: 0; bottom: 0;}
.b-search-wrap .flex_box .btn {min-height: 2rem;}
.search_form .btn::after { background: #fff url(/_res/postech/kor/img/sub/search_btn_ic.png) 50% 50% no-repeat;content: ''; position: absolute; top: 6%; right: 13px;width: 20px;height: 35px;background-size: 20px auto; background-repeat: no-repeat; background-position: 50% 50%; pointer-events: none;}
.b-search-wrap .flex_box{position: relative;}	
.board .common .board_list.table-wrap .b-no-post { display: flex;}
.total-results .count { color: #d81b60; font-weight: bold;}	
p.total-results { font-size: 16px; color: #333;  font-weight: 700; text-align: right; margin-top: 10px; }	
	
	/* 헤더 검색*/
	#search_val{ width:100%; margin-left: 0}
	.input-area1 > [class*="btn-sub"] { --btn-sub-minWid: auto;--btn-sub-height: 4.8rem;}
}