@charset "utf-8";
/* --------------------------------------------------------------------------------
	* 포스텍 온라인 가이드 홈페이지 :템플릿
	* 템플릿 C타입 스타일 정의
--------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------
	LAYOUT : HEADER
--------------------------------------------------------------------------------- */
.wrapper .header {position:fixed;top:0;left:0;right:0;transition:0.8s;}
@media only screen and (min-width:1025px) {
	.wrapper .header .gnb a {font-weight:700;letter-spacing:0;}
	.wrapper .header .gnb .submenu {top:calc(100% + 2.5rem)}
	.wrapper .header:not(.sticky) .gnb a {color:#fff;}
	.wrapper .header:not(.sticky) .btn-search {color:#fff;border-color:rgba(255,255,255,0.2)}
	.wrapper .header:not(.sticky) .btn-search:before {background-position:-2.0rem 0;}
	.wrapper .header:not(.sticky) .gnb li:hover > a {color:var(--page-point);}
	.wrapper .header:not(.sticky) .gnb a:hover {color:var(--page-point);text-decoration:none;}
	.wrapper .header:not(.sticky) .gnb .submenu {top:calc(100% + 2.8rem);left:-15px;background-color:transparent;transform:none;}
	.wrapper .header:not(.sticky) .gnb .submenu a {padding:0 1.5rem;font-weight:400;color:var(--color3)}
	.wrapper .header:not(.sticky) .gnb .submenu a:hover:after {left:1.5rem;right:1.5rem;}
	.wrapper .header:not(.sticky) .gnb .submenu a:hover {color:#fff;}
	.wrapper .header:not(.sticky) .gnb .submenu a:hover:after {background:#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;}
}
@media only screen and (max-width:1024px) {
	.wrapper .header{--header-bgColor:transparent;}
	.wrapper .header.sticky {--header-bgColor:var(--bg1);}
	/*.wrapper .header .gnb > div > ul > li > a {padding-left:calc(var(--header-gnb-icon-size) + 2.8rem);}
	.wrapper .header .gnb > div > ul > li > a:before {left:0.6rem;background-position-y:-2.0rem;}
	.wrapper .header .gnb.open:before {content:'';display:block;z-index:-1;height:var(--header-height);position:fixed;top:0;left:0;right:0;background:#000;}
	.wrapper.wrapper .header .gnb .submenu {margin-left:5.0rem;}*/
}

/* --------------------------------------------------------------------------------
	LAYOUT : CONTENTS
--------------------------------------------------------------------------------- */
.wrapper .container {flex:1;}
.wrapper .container .area-visual {--visual-image:url('/_res/postech/_share/img/template/img_visual_ctype.jpg')}
@media only screen and (min-width:1025px) {
	.wrapper .container {--visual-height:44.4rem;}
}

/* --------------------------------------------------------------------------------
	LAYOUT : FOOTER
--------------------------------------------------------------------------------- */
.aside-partner {padding:0 2.0rem;margin:4.0rem auto 4.5rem;max-width:134.4rem;}
.aside-partner .list-partner {display:flex;flex-wrap:wrap;margin:0 auto;}
.aside-partner .list-partner li {width:17.0rem;margin:0 2.2rem;}
.aside-partner .list-partner li > a {display:block;}
@media only screen and (max-width:1024px) {
	.aside-partner {margin-top:2.0rem;margin-bottom:2.0rem;}
	.aside-partner .list-partner {overflow:hidden;margin:0;}
	.aside-partner .list-partner li {width:calc(100%/3);margin:0;padding:2.0rem 0.5rem;}
	.aside-partner .list-partner li:nth-child(3) ~ li {position:relative;}
	.aside-partner .list-partner li:nth-child(3) ~ li:before {content:'';display:block;position:absolute;top:0;left:0;width:300%;height:1px;background-color:#dededa;}
}

/* --------------------------------------------------------------------------------
	PAGE : MAIN
--------------------------------------------------------------------------------- */
.main-section {padding:0 2.0rem;max-width:134.4rem;margin:0 auto;}

/* -- [SECTION] 행사안내 -------------------------------------------------------- */
.main-section.visual {position:relative;z-index:1;background-color:#000;max-width:100%;height:var(--el-visual-height);}
.main-section.visual:before {content:'';opacity:0.33;display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;background:var(--el-background) no-repeat 0 0 / cover;}
.main-info1 {max-width:149.3rem;margin:0 auto;}
.main-info1 .img {display:block;width:var(--el-visual-img-width);height:var(--el-visual-img-height);}
.main-info1 .img > img {width:100%;height:100%;object-fit:cover;object-position:top;}
.main-info1 .tit {display:block;color:#fff;font-size:var(--el-visual-tit-fontSize);line-height:var(--el-visual-tit-lineHeight);font-weight:900;letter-spacing:-0.05em;}
.main-info1 .tit > span {display:block;}
.main-info1 .con {display:block;margin-top:var(--el-visual-con-space);color:#fff;font-size:var(--el-visual-con-fontSize);line-height:var(--el-visual-con-lineHeight);letter-spacing:-0.25px;font-weight:900;}
.main-info1 .info {margin-top:var(--el-visual-info-space);}
.main-info1 .info dl {position:relative;font-size:var(--el-visual-info-fontSize);line-height:var(--el-visual-info-lineHeight);color:#fff;}
.main-info1 .info dl:before {content:'';position:absolute;left:0;display:block;width:var(--el-visual-info-icon-size);height:var(--el-visual-info-icon-size);background:var(--bgImg1) no-repeat 0 0 / var(--bgSize1);}
.main-info1 .info dt {font-weight:900;}
@media only screen and (min-width:1025px) {
	.main-section.visual{padding-top:19.3rem;
		--el-visual-height:115.7rem;
		--el-visual-img-width:59.9rem;
		--el-visual-img-height:84.6rem;
		--el-visual-tit-fontSize:12.0rem;
		--el-visual-tit-lineHeight:11.3rem;
		--el-visual-con-space:2.8rem;
		--el-visual-con-fontSize:2.8rem;
		--el-visual-con-lineHeight:3.6rem;
		--el-visual-info-space:4.7rem;
		--el-visual-info-icon-size:2.6rem;
		--el-visual-info-fontSize:1.6rem;
		--el-visual-info-lineHeight:2.4rem;
	}
	.main-info1 {position:relative;padding-left:calc(var(--el-visual-img-width) + 9.5rem)}
	.main-info1 .img {position:absolute;left:0;top:0;}
	.main-info1 .tit {color:var(--page-point);}
	.main-info1 .btns {margin-top:3.5rem;}
	.main-info1 .info {border-top:3px solid #fff;padding-top:4.0rem;}
	.main-info1 .info dl {display:flex;padding-left:4.0rem;}
	.main-info1 .info dl > dt {width:15.2rem;flex-shrink:0;}
	.main-info1 .info dl + dl {margin-top:2.5rem;}
	.main-info1 .info dl.ic1:before {background-position:-12.0rem -8.0rem;}
	.main-info1 .info dl.ic2:before {background-position:0 -8.0rem;}
	.main-info1 .info dl.ic3:before {background-position:-16.0rem -8.0rem;}
}
@media only screen and (max-width:1024px) {
	.main-section.visual{padding-top:calc(var(--header-height) + 2.0rem);padding-bottom:4.5rem;
		--el-visual-height:'auto';
		--el-visual-img-width:100%;
		--el-visual-img-height:'auto';
		--el-visual-tit-fontSize:4.0rem;
		--el-visual-tit-lineHeight:3.5rem;
		--el-visual-con-space:2.8rem;
		--el-visual-con-fontSize:1.7rem;
		--el-visual-con-lineHeight:2.1rem;
		--el-visual-info-space:6.0rem;
		--el-visual-info-icon-size:1.3rem;
		--el-visual-info-fontSize:1.2rem;
		--el-visual-info-lineHeight:1.9rem;
	}
	.main-info1 .img {margin-bottom:3.0rem;}
	.main-info1 .con {font-weight:300;}
	.main-info1 .btns {margin-top:2.5rem;}
	.main-info1 .info {position:relative;}
	.main-info1 .info:before {content:'';display:block;position:absolute;bottom:-4.5rem;left:-2.0rem;right:-2.0rem;top:-2.8rem;background:rgba(0,0,0,0.5);}
	.main-info1 .info dl {padding-left:1.9rem}
	.main-info1 .info dl:before {top:0.2rem;}
	.main-info1 .info dt,
	.main-info1 .info dd {display:inline}
	.main-info1 .info dl + dl {margin-top:1.5rem;}
	.main-info1 .info dl.ic1:before {background-position:-6.0rem -4.0rem;}
	.main-info1 .info dl.ic2:before {background-position:0 -4.0rem;}
	.main-info1 .info dl.ic3:before {background-position:-8.0rem -4.0rem;}
}

/* -- [SECTION] 메세지 -------------------------------------------------------- */
.main-section.mes {position:relative;}
.main-section.mes:after {content:'';display:block;position:absolute;top:-39.4rem;left:50%;z-index:-1;margin:0 -72.1rem;width:144.2rem;height:177.2rem;background:url('/_res/postech/_share/img/template/bg_ctype.png') no-repeat 0 0 / 100% auto;}

.main-info3 {margin-top:2.2rem;}
.main-info3 .tit {font-size:3.6rem;color:var(--color1);font-weight:700;letter-spacing:-0.25px;}
.main-info3 .con {max-width:78.0rem;margin:0 auto;font-size:1.8rem;line-height:3.0rem;color:var(--color1);}
.main-info3 .side .name {font-size:2.4rem;color:var(--color1);letter-spacing:-0.25px;font-weight:900;}
.main-info3 .side .info {margin-top:0.7rem;font-size:1.5rem;line-height:1.8rem;color:var(--color2);}
.main-info3 .side [class*="img"] {display:block;overflow:hidden;border-radius:5px;width:100%;height:25rem;}
.main-info3 .side [class*="img"] > img {width:100%;height:100%;object-fit:cover;object-position:top;}

@media only screen and (min-width:1025px) {
	.main-section.mes:before {content:'';display:block;margin:0 auto 0.8rem;width:1px;height:10.5rem;background:var(--line1)}
	.main-info3 {text-align:center;}
	.main-info3 .side {display:flex;align-items:center;justify-content:space-between;margin:3.9rem auto 0;width:95.2rem;}
	.main-info3 .side .img1 {width:29.7rem;height:39.7rem;}
	.main-info3 .side .img2 {width:62.6rem;height:27.9rem;}
	.main-info3 .side .img3 {margin-top:2.8rem;width:41.2rem;height:27.9rem;}
	.main-info3 .side .area2 {display:flex;flex-direction:column;align-items:flex-end;}
	.main-info3 .side .area1 {order:2;width:29.7rem;text-align:left;}
	.main-info3 .btns {margin-top:2.4rem;}
}

@media only screen and (max-width:1024px) {
	.main-section.mes {padding-top:3.8rem;}
	.main-section.mes:after {top:-19.1rem;margin:0 -17.7rem;width:35.4rem;height:62.2rem;background-image:url('/_res/postech/_share/img/template/bg_ctype_m.png');}
	.main-info3 {margin-top:1.0rem;}
	.main-info3 .tit {font-size:2.4rem;line-height:2.7rem;}
	.main-info3 .con {margin-top:0.8rem;font-size:1.3rem;line-height:1.8rem;letter-spacing:0;}
	.main-info3 .side {margin-top:3.4rem;}
	.main-info3 .side .area1 {text-align:center;}
	.main-info3 .side .area2 [class*="img"] {height:22.5rem;}
	.main-info3 .side .img3 {margin-top:2.5rem;}
	.main-info3 .side .name {margin-top:0.7rem;font-size:2.1rem;}
	.main-info3 .side .info {margin-bottom:3.2rem;font-size:1.4rem;line-height:1.6rem;}
	.main-info3 .btns {margin-top:2.0rem;}
}

/* -- [SECTION] 오시는길 -------------------------------------------------------- */
.main-info2 li {color:var(--color1)}
@media only screen and (min-width:1025px) {
	.main-section.contact {display:flex;flex-direction:column;}
	.main-section.contact:before {content:'';display:block;margin:6.0rem auto 1.3rem;width:1px;height:8.0rem;background:var(--line1)}
	.main-section.contact .area-map {order:2;position:relative;height:55.7rem;}
	.main-section.contact .area-map > .map {overflow:hidden;position:absolute;top:0;left:50%;width:100vw;background:#f8f7f7;transform:translateX(-50%);text-align:center;}
	.main-info2 {margin-top:5.8rem;margin-bottom:3.2rem;--el-main-info2-fontSize:1.6rem;--el-main-info2-lineHeight:2.4rem;}
	.main-info2 > ul {display:flex;}
	.main-info2 li[class*="ic"]:before {background-position-y:-12.0rem !important;}
	.main-info2 li.ic1 {width:50%;margin-right:6.5rem;}
	.main-info2 li.ic1 ~ li {margin-left:6.5rem;}
}
@media only screen and (max-width:1024px) {
	.main-section.contact {margin-top:5.0rem;padding-top:3.0rem;padding-bottom:3.5rem;background:#dededa url('/_res/postech/_share/img/template/bg_contact.jpg') no-repeat 0 0 / cover;}
	.main-section.contact .area-map {overflow:hidden;margin-top:2.0rem;height:25.0rem;border-radius:0.5rem;}
	.main-info2 {
		--el-main-info2-space:2.0rem 0;
		--el-main-info2-icon-space:calc(var(--el-main-info2-icon-size) + 2.0rem);
		--el-main-info2-fontSize:1.3rem;
		--el-main-info2-lineHeight:1.7rem;
		--el-main-info2-icon-size:2.0rem;
	}
	.main-info2 li {margin-top:-1px;padding-top:1.6rem;padding-bottom:1.6rem;border-top:1px solid #c9c9c4;border-bottom:1px solid #c9c9c4;}
	.main-info2 li[class*="ic"]:before {top:50%;left:1.0rem;margin-top:calc((var(--el-main-info2-icon-size)/2) * -1);background-position-y:-8.0rem;}
}



@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;}
.b-search-wrap .flex_box .total-results{  width: 100%; padding-top: 20px; text-align: right;}    	
.total-results .count { color: #d81b60; font-weight: bold;}	
p.total-results { font-size: 16px; color: #333;  font-weight: 700; text-align: right; margin-top: 0; }	
}