@charset "UTF-8";

#mqLayout {  }

section#mqSection { position:relative; }

/* 메인비쥬얼 */
#idxVisual .main-cycle { width:100%; height:100%; }
#idxVisual .main-cycle .v { width:100%; height:100%; background-color:#fff; }
#idxVisual .main-cycle .v1 { background-image:url('../../img/index/visual/img-visual-01.jpg'); }
#idxVisual .main-cycle .v2 { background-image:url('../../img/index/visual/img-visual-02.jpg'); }
#idxVisual .main-cycle .v3 { background-image:url('../../img/index/visual/img-visual-03.jpg'); }
#idxVisual .main-cycle .v4 { background-image:url('../../img/index/visual/img-visual-04.jpg'); }
#idxVisual .main-cycle a { display:block; }
#idxVisual .main-cycle img { vertical-align:top; min-width:1%; max-width:100%; min-height:1%; max-height:100%; } 

#idxVisual .main-cycle .no-link a { cursor:default; }

#idxVisual .frame { position:relative; }

#idxVisual .visual-pager { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
#idxVisual .visual-pager li { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }
#idxVisual .visual-pager li span.number,
#idxVisual .visual-pager li a { width:32px; height:32px; background-color:rgba(255,255,255,.8); border:1px solid #000;  border-right:0px; }

#idxVisual .visual-pager li.pr-control a { border-right:1px solid #000; }

#idxVisual .visual-pager .number { font-size:0.8em; font-weight:600; letter-spacing:-1.2px; padding-top:6px; }

#idxVisual .visual-pager a,
#idxVisual .visual-pager .number { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; }
#idxVisual .visual-pager a span,
#idxVisual .visual-pager .number { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; display:block; text-align:center; }
#idxVisual .visual-pager a img { max-width:100%; vertical-align:top; }

#idxVisual .visual-bottom { position:absolute; width:100%; bottom:0px; z-index:101; }
#idxVisual .visual-bottom .progress { height:3px; background-color:#d46c6c; }
#idxVisual .visual-bottom .v-control { display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; margin-bottom:43px; } 
#idxVisual .visual-bottom .progress-box {  }
#idxVisual .visual-bottom .progress-box .txt { background-color:rgba(255,255,255,.9); font-weight:600; text-align:center; padding:20px; }


#idxBoard #boardFrame { background-color:#fff; padding:30px; }


#board_area .common-title-box { padding-bottom:14px; border-bottom:2px solid #000; margin-bottom:18px; min-height:43px; }
#board_area .idx-board-common-title { font-size:1.6em; font-weight:600; }

#board_area .idx-board-common-more-btn { position:absolute; top:-2px; right:0px; }




.publication_board { position:relative; width:100%; }
.main-notice { position:relative; width:100%; }
.switch_board { position:relative; margin-top:50px; }

.publication_board .item { display:block; padding:14.7px 0; border-bottom:1px solid #ccc; font-weight:500;}
.publication_board .item .subject { width:100%; font-size:1.15em;  }
.publication_board .item .writer { width:100%; display:block; color:#1c5fa3; font-size:1em; margin-top:15px; }	  

.main-notice .idx-board-common-more-btn { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.main-notice .idx-board-common-more-btn .left-btn,
.main-notice .idx-board-common-more-btn .right-btn,
.main-notice .idx-board-common-more-btn p.e_btn { -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; }

.main-notice .idx-board-common-more-btn .left-btn,
.main-notice .idx-board-common-more-btn .right-btn { border:1px solid #000; height:29px; margin-right:5px; }

.main-notice .idx-board-common-more-btn .left-btn a,
.main-notice .idx-board-common-more-btn .right-btn a { display:block; padding-top:1px; }
.main-notice .idx-board-common-more-btn .left-btn a img,
.main-notice .idx-board-common-more-btn .right-btn a img { vertical-align:top; }

.main-notice .idx-board-common-more-btn .left-btn a:hover,
.main-notice .idx-board-common-more-btn .left-btn a:focus,
.main-notice .idx-board-common-more-btn .right-btn a:hover,
.main-notice .idx-board-common-more-btn .right-btn a:focus { background-color:#f1f1f1; }

.main-notice .cycle-box { padding:40px; position:relative; }
.main-notice .notice-bg-cycle { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.main-notice .notice-bg-cycle .v { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }
.main-notice .notice-bg-cycle .v1 { background-image:url('/res/img/index/img-notice-bg-1.jpg'); }
.main-notice .notice-bg-cycle .v2 { background-image:url('/res/img/index/img-notice-bg-2.jpg'); }
.main-notice .notice-bg-cycle .v3 { background-image:url('/res/img/index/img-notice-bg-3.jpg'); }
.main-notice .notice-bg-cycle .v4 { background-image:url('/res/img/index/img-notice-bg-4.jpg'); }

.main-notice .n-cycle-box { position:relative; z-index:101; height:100%; width:100%; }

.main-notice .notice-cycle { width:100%; height:100%; }
.main-notice .notice-cycle > div { width:100%; height:100%; }
.main-notice .notice-tt { height:100%; display:flex; display:-ms-flexbox; justify-content:center; -ms-flex-pack:center; border:1px solid #0d0d1a; background-color:rgba(255,255,255,.9); overflow:hidden; }
.main-notice .notice-tt span { padding-left:20px; padding-right:20px; text-align:center; display:block; -ms-flex-align:center; align-self:center; -ms-flex-item-align:center; font-weight:600; color:#000; width:100%; word-wrap:break-word; word-break:keep-all; font-size:1.3em; }

/* News & story */
.switch_board h3 { position:absolute; top:0px;  }
.switch_board h3 a { display:block; color:#a3a3a3; font-size:1.23em; }
.switch_board h3.active > a { color:#000; }

.board_right .switch_board h3:not([class="active"]) + ul, 
.board_right .switch_board h3:not([class="active"]) + ul + p { visibility:hidden; }
.board_right .switch_board h3:not([class="active"]) + ul { position:absolute; top:0; height:0px; }

.switch_board .news_board h3 { left:0px; }
.switch_board .calendar h3 { left:147px; }

.news_board { width:100%; }
.news_board .thum-list { width:100%; }
.news_board .thum-list:not(:last-of-type) { margin-bottom:19px; }

.news_board .thum-list .thum-link { width:100%; }
.news_board .thum-list .thum-link:hover img,
.news_board .thum-list .thum-link:focus img { transform:scale(1.2); }	

.news_board .thum-list .thum-link .img { border:1px solid #ccc; position:relative; overflow:hidden; }
.news_board .thum-list .thum-link .img img { vertical-align:top; width:100%; height:100%; transition:0.3s all ease-in-out; }

.news_board .thum-list .thum-link .img,
.news_board .thum-list .thum-link .txt { display:block; }

.news_board .thum-list .thum-link .txt .idx-thum-title,
.news_board .thum-list .thum-link .txt .idx-thum-data { display:block; width:100%; }

.news_board .thum-list .thum-link .txt .idx-thum-title { font-weight:800; font-size:1em; color:#1c5fa3; margin-bottom:13px; }
.news_board .thum-list .thum-link .txt .idx-thum-cont { font-size:0.85em; min-height:54px; width:100%; }
.news_board .thum-list .thum-link .txt .idx-thum-data { margin-top:37px; font-weight:400; font-size:0.91em; }


/* 멀티라인 ellipsis */
.multi-ellipsis { display:inline-block; display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }

.m-two-line { -webkit-line-clamp:2; }
.m-three-line { -webkit-line-clamp:3; line-height:1.4; }

@-moz-document url-prefix(){
	.m-two-line { line-height:1.2em; height:2.4em; }
	.m-three-line { line-height:1.3em; height:3.9em; }
	
	.multi-ellipsis {
		overflow: hidden;
		position: relative;
	}
	.multi-ellipsis:before {
		background: #FFFFFF;
		bottom: 0;
		position: absolute;
		right: 0;
		float: right;
		content: '\2026';
		margin-left: -1.2rem;
		width: 1.2rem;
	}
	.multi-ellipsis:after {
		content: '';
		background: #FFFFFF;
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 1;
	}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.m-two-line { line-height:1.2em; height:2.4em; }
	.m-three-line { line-height:1.3em; height:3.9em; }
	
	.multi-ellipsis {
		overflow: hidden;
		position: relative;
	}
	.multi-ellipsis:before {
		background: #FFFFFF;
		bottom: 0;
		position: absolute;
		right: 0;
		float: right;
		content: '\2026';
		margin-left: -1.2rem;
		width: 1.2rem;
	}
	.multi-ellipsis:after {
		content: '';
		background: #FFFFFF;
		position: absolute;
		height: 50px;
		width: 100%;
		z-index: 1;
	}
	
}

/* 게시판 공통 더보기 버튼 */
#board_area .e_btn { padding:0px; min-width:50px; }
#board_area .idx-board-common-more-btn .icon_btn { font-size:0.80em; color:#2a2a2a; font-weight:600; padding:6px 12px; border:1px solid #000; }
#board_area .idx-board-common-more-btn .icon_btn:before { background-color:#1067b3; }
#board_area .idx-board-common-more-btn .icon_btn:focus,
#board_area .idx-board-common-more-btn .icon_btn:hover { color:#fff; text-decoration:none; }
#board_area .idx-board-common-more-btn .icon_btn:focus { background-color:#1067b3; }

#board_area .idx-board-common-more-btn .icon_btn.primary span { padding-right:23px; }
#board_area .idx-board-common-more-btn .icon_btn span:after { width:10px; height:10px; }

/* 캘린더 */
.calendar { width:100%; }
.calendar .cal-box { width:100%; }
.calendar .cal-box li { height:100%; }
.calendar div.cal div.content { overflow-y:auto; }
.calendar div.cal a.slink.web{ display:block; text-align: center; height:30px; line-height:30px; font-weight:600; font-size:0.8em; letter-spacing:-0.9px; } 
.calendar div.cal a.slink.web span { font-weight:500; font-size:1em; border: 1px solid #ccc; padding-left: 3px; padding-right: 3px; margin-left:6px; }
.calendar div.cal a.slink.mob{display:none;}
.calendar div.cal div.obj-content { padding:20px 20px; font-weight:600; }

.calendar div.cal { display:block; width:100%; background-color:#fff; font-size:.9em; height:100%; }
.calendar div.cal dl { background-color:#1d67a6; border:1px solid #1d67a6; border-bottom:0px; padding:18.5px 30px; display:-ms-flexbox; display:flex; -ms-flex-pack:justify; justify-content:space-between; }
.calendar div.cal .this-month a { font-size:2.2em; color:#fff; }
.calendar div.cal > dl > dd { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
.calendar div.cal .prev-month { margin-right:8px; }
.calendar div.cal .prev-month,
.calendar div.cal .next-month { display:block; width:40px; height:40px; border:1px solid #fff; background-position:center center; background-repeat:no-repeat; transition-property:background-image; transition-duration:0.4s; transition-timing-function:ease-in-out; }

.calendar div.cal .prev-month { background-image:url('/res/img/common/img-cal-left-arrow_off.png'); border-radius:5px 0 5px 0; }
.calendar div.cal .next-month { background-image:url('/res/img/common/img-cal-right-arrow_off.png'); border-radius:0px 5px 0px 5px; }

.calendar div.cal .prev-month:hover,
.calendar div.cal .prev-month:focus { background-image:url('/res/img/common/img-cal-left-arrow.png'); background-color:#fff; }
.calendar div.cal .next-month:hover,
.calendar div.cal .next-month:focus { background-image:url('/res/img/common/img-cal-right-arrow.png'); background-color:#fff; }

.calendar div.cal table { table-layout:fixed; }
.calendar div.cal table th:nth-of-type(7n+1),
.calendar div.cal table td:nth-of-type(7n+1) { color:#f00; }
.calendar div.cal table th:nth-of-type(7n+7),
.calendar div.cal table td:nth-of-type(7n+7) { color:#00f; }
.calendar div.cal table thead th { padding-top:10px; padding-bottom:10px; border-bottom:1px dashed #ccc; background-color:#f1f1f1; text-align:center; }
.calendar div.cal table tbody { text-align:center; }
.calendar div.cal table tbody td { border-bottom:1px dashed #ccc; vertical-align:top; }
.calendar div.cal table tbody span,
.calendar div.cal table tbody a { height:80px; display:block; padding:15px 5px; }
.calendar div.cal table tbody a { display:block; }
.calendar div.cal table tbody a:hover,
.calendar div.cal table tbody a:hover{text-decoration: none;}
.calendar div.cal table tbody a div { width:8px; height:8px; margin:auto; display:block; border:1px solid #757575; background-color:#0f0; }

.calendar div.cal table,
.calendar div.cal .content { border-left:1px solid #ccc; border-right:1px solid #ccc; }
.calendar div.cal .slink { border:1px solid #ccc; }

/* 우측 하단 배너 링크 */
.board_banner { margin-top:50px; }	
.board_banner .banner,
.board_banner .banner-box { width:100%; }

.board_banner .banner-box .link-btn { display:block; width:100%; background-repeat:no-repeat; background-position:center center; }
.board_banner .banner-box .link-btn1 { background-image:url('/res/img/index/img-jte-bg-20210701.jpg'); padding-top:55px; padding-left:22px; }

.board_banner .banner-box .link-btn1 .t1,
.board_banner .banner-box .link-btn1 .btn-design { color:#fff; font-weight:600; }

.board_banner .banner-box .link-btn1 .t1 { font-size:1.2em; display:block; margin-bottom:8px; }
.board_banner .banner-box .link-btn1 .btn-design { font-size:0.85em; display:inline-block; padding:6px 20px; border:1px solid #fff; margin-top:12px; transition:0.3s all ease-in-out; }

.board_banner .banner-box .link-btn1:hover,
.board_banner .banner-box .link-btn1:focus { text-decoration:none; }

.board_banner .banner-box .link-btn1:hover .btn-design,
.board_banner .banner-box .link-btn1:focus .btn-design { background-color:#fff; color:#000; transition:0.3s all ease-in-out; }

/* 바로가기링크 7 */
#link_area { width:100%; display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; margin-top:10px; }
#link_area .s_link { background-repeat:no-repeat; padding-top:110px; background-position:center 20px; text-align:center; font-weight:500; font-size:1em; display:block; }
#link_area .s_link.link1 { background-image:url('/res/img/index/img-link-icon01.png'); }
#link_area .s_link.link2 { background-image:url('/res/img/index/img-link-icon02.png'); }
#link_area .s_link.link3 { background-image:url('/res/img/index/img-link-icon03.png'); }
#link_area .s_link.link4 { background-image:url('/res/img/index/img-link-icon04.png'); }
#link_area .s_link.link5 { background-image:url('/res/img/index/img-link-icon05.png'); }
#link_area .s_link.link6 { background-image:url('/res/img/index/img-link-icon06.png'); }
#link_area .s_link.link7 { background-image:url('/res/img/index/img-link-icon07.png'); }
#link_area .s_link.link8 { background-image:url('/res/img/index/img-link-icon08.png'); }

#link_area .s_link:hover { color:#075093; text-decoration:none; animation-duration:1s; animation-iteration-count:infinite; animation-name:updown_move; backface-visibility:visible; }

@keyframes updown_move {
	0%{ background-position:center 20px; }
	20%{ background-position:center 15px; }
	40%{ background-position:center 20px; }
	60%{ background-position:center 15px; }
	100%{ background-position:center 20px; }
}


/* Lecture Series */
.lecture_board { position:relative; width:100%; margin-top:50px; }
.lecture_board .b-list-box .l-b-item { display:block; }
.lecture_board .g-info .g-tt { font-weight:600; margin-top:15px; text-align:center; }
	
.lecture_board .b-list-box .l-b-item:hover .effect,
.lecture_board .b-list-box .l-b-item:focus .effect { width:100%; height:100%; position:absolute; z-index:101; background-color:rgba(0,0,0,.6); display:block;  }

.lecture_board .b-list-box .l-b-item img  { transition:all 0.3s ease-in-out; }

.lecture_board .b-list-box .l-b-item:hover img,
.lecture_board .b-list-box .l-b-item:focus img { transform: scale(1.2); }

.lecture_board .b-list-box .l-b-item p { border:1px solid #b2b2b2; overflow:hidden; }

/*** Mobile ***/
@media screen and (min-width:1px) and (max-width:639px) {
	section#mqSection { width:100%; padding-top:308px; }
	#idxVisual .v-control { display:none; }
	
	.news_board .thum-list:not(:last-of-type) { padding-bottom:20px; border-bottom:1px dashed #ccc; }
	
	.news_board .thum-list .thum-link .img { width:100%; }
	.news_board .thum-list .thum-link .img img { height:auto; }
	
	.news_board .thum-list .thum-link .txt { margin-top:20px; }
	
		
	/* 7칸 바로가기 링크 */
	#link_area { flex-wrap:wrap; -ms-flex-wrap:wrap; }
	#link_area .s_link { width:49%; display:block; border:1px solid #ccc; }
	#link_area .s_link:nth-of-type(odd) { margin-right:2%; }
	#link_area .s_link:nth-of-type(n+3) { margin-top:10px; }
	#link_area .s_link.link2,
	#link_area .s_link.link4,
	#link_area .s_link.link6 { background-color:#f1f1f1; }
	
	/* Lecture Series */
	.lecture_board .b-list-box .l-b-item:not(:last-of-type) { margin-bottom:20px; }
}

/*** Mobile & Tablet ***/
@media screen and (min-width:1px) and (max-width:1266px) {
	
	/*캘린더*/
	.calendar div.cal .content{position:relative;}
	.calendar div.cal div.obj-content { padding:30px 20px; font-size:0.85em;}
	/*
	.calendar div.cal a.slink.mob{display:inline-block; text-align: right;  font-size: .8em; position: absolute; right: 5px; top:8px;} 
	.calendar div.cal a.slink.mob span{font-weight: bold; font-size: .8em; border: 1px solid #ccc; padding-left:3px; padding-right:3px; }
	*/
	
	/* 레이어팝업 */
	div.laypopup { display:none !important; }
			
	/* 공지사항 */
	.main-notice { margin-top:50px; }
	.main-notice .notice-tt { padding:40px 20px; }
	
	/* 우측하단 배너 */
	.board_banner .banner-box .link-btn { background-size:cover; padding-bottom:55px; }

	/* 7칸 바로가기 링크 */
	#link_area .s_link { padding-bottom:20px; }
	
}

/*** Tablet ***/
@media screen and (min-width:640px) and (max-width:1266px) {
	section#mqSection { width:100%; padding-top:162px; }
	
	/* 7칸 바로가기 링크 */
	#link_area .s_link { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-bottom:20px; }
	
	#link_area .s_link.link2,
	#link_area .s_link.link3,
	#link_area .s_link.link6 { background-color:#f1f1f1; }
	
	
}

/*** Tablet & Desktop ***/
@media screen and (min-width:640px) {
	/* News & story */		
	.news_board .thum-list .thum-link { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	.news_board .thum-list .thum-link .img { min-width:222px; width:222px; margin-right:14px; padding-bottom:144px; }
	.news_board .thum-list .thum-link .img img { position:absolute; top:0; left:0; }
	
	.news_board .thum-list .thum-link .txt { width:calc(100% - 236px); }
	
	
	
	/* 바로가기링크 7 */
	#link_area .s_link { flex:1; -ms-flex:1;  }	
	
	/* 레이어팝업 */
	div.laypopup > div.popup {  }
	div.laypopup div.cont { border:1px solid #005986; } 
	div.laypopup div.cont img { vertical-align:top; }
	div.laypopup p.close { overflow:hidden; width:100%; }
	div.laypopup p.close > a { float:left; width:50%; display:block; font-weight:bold; color:#fff; background-color:#005986; padding:10px 0; text-align:center; }
	div.laypopup p.close > a:nth-of-type(2) { background-color:#003f5e; }
	
	div.laypopup p.img > span { display:block; }
	
	p.more { display:block; text-align:center; }
	
	/* Lecture Series */
	.lecture_board .b-list-box { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; }
	.lecture_board .b-list-box .l-b-item { width:32%; }
	.lecture_board .b-list-box .l-b-item:not(:last-of-type) { margin-right:2%; }
	
}

/*** Desktop ***/
@media screen and (min-width:1267px) {
	
	/* 메인 화면 배경 컬러 */
	#mqSection { padding-top:220px; padding-bottom:20px; }
	
	/* #mqSection .board * { line-height:1rem; } */
	
	/* 메인비주얼 */
	#idxVisual { width:100%; }
	#idxVisual .frame { width:100%; }
	#idxVisual .main-cycle { width:100%; height:100%; max-height:554px; }
	
	/* 메인페이지 게시판 영역 */
	#idxBoard { width:100%; margin-top:20px; }
	#idxBoard #boardFrame { width:1250px; margin-left:auto; margin-right:auto; }
	
	/* 게시판 영역 */
	#board_area { width:100%; display:flex; display:-ms-flexbox; justify-content:space-between; -ms-flex-pack:justify; }
	#board_area .board { width:48%; }	
		
	
	.main-notice .cycle-box { width:100%; height:237px; }
	
	
	/* News & story */		
	.news_board ul { height:806px; }
	
	
	/* 캘린더 */
	.calendar .cal-box { height:806px; }
	.calendar div.cal div.content { height:calc(100% - 632px); }
	
	/* 우측 하단 배너 링크 */
	.board_banner .banner-box .link-btn { height:226px; }

	
	
	
	
	
	/* 2018-01-17  수정 ----------------- */ 
	div.mqLaypopup.pop1 { position:absolute; left:30px; top:97px; z-index:200; overflow:hidden; }
	div.mqLaypopup.pop2 { position:absolute; left:700px; top:153px; z-index:102; overflow:hidden; }
	
	div.mqLaypopup > div.popup {  }
	div.mqLaypopup p.img { border:1px solid #194fb1; border-bottom:0px; } 
	div.mqLaypopup p.img img { vertical-align:top; }
	div.mqLaypopup p.close { overflow:hidden; width:100%;}
	div.mqLaypopup p.close > a { float:left; width:50%; display:block; font-weight:600; color:#fff; background-color:#194fb1; padding:10px 0; text-align:center; }
	div.mqLaypopup p.close > a:nth-of-type(2) { background-color:#113371; }
	
	div.mqLaypopup p.img > span { display:block; }
	/* 2018-01-17  수정 ---------------- */ 
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {	
	.publication_board .item { padding:12.7px 0; }
	.publication_board .item .writer { font-size:1em; margin-top:12.6px; }
}

@-moz-document url-prefix(){
	.publication_board .item { padding:14px 0; }
}