@charset "utf-8";
@import url('/css/web/dep_asn/dept_slidepop.css');

.sm_dept_box {position:relative; overflow:hidden;}

/* 부서별 이미지 */
.sm_dept_box .dept_V {position:relative; width:100%;}
.sm_dept_box .dept_V img {width:100%;}

/* 게시판1 */
.sm_dept_box .dept_noti1 {position:relative; width:480px; height:190px; margin-top:35px; float:left; font-size:14px;}/* 191127 수정 jhk*/
.sm_dept_box .dept_noti1 h3 {position:relative; margin-bottom:10px; line-height:35px; font-size:20px; color:#ff9200; font-family:'NotoM';}
.sm_dept_box .dept_noti1 h3 span {position:relative; padding-right:15px; background:#fff; }
.sm_dept_box .dept_noti1 h3:before {content:""; display:block; clear:both; position:absolute; left:0; top:16px; width:100%; height:2px; background:#ff9200;}
.sm_dept_box .dept_noti1 ul li {position:relative; padding:0 100px 0 10px; line-height:29px; background:url('/images/web/dep_mid/dept/bu_noti1.png') no-repeat left 50%;}
.sm_dept_box .dept_noti1 ul li a {display:block; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sm_dept_box .dept_noti1 ul li a:hover {text-decoration:underline; }
.sm_dept_box .dept_noti1 ul li span {position:absolute; right:0; top:0; text-align:right; color:#777;}
.sm_dept_box .dept_noti1 a.btn_more {display:block; position:absolute; right:0; top:0; line-height:35px; padding-left:25px; color:#555; background:#fff;}
.sm_dept_box .dept_noti1 a.btn_more:before {content:""; display:block; clear:both; position:absolute; left:8px; top:50%; margin-top:-6px; width:7px; height:7px; border:2px solid #ff9200; border-radius:6px;}

/* 게시판2 */
.sm_dept_box .dept_noti2 {position:relative; width:480px; height:190px; margin-top:35px; float:right; font-size:14px;}/* 191127 수정 jhk*/
.sm_dept_box .dept_noti2 h3 {position:relative; margin-bottom:10px; line-height:35px; font-size:20px; color:#3a86e5; font-family:'NotoM';}
.sm_dept_box .dept_noti2 h3 span {position:relative; padding-right:15px; background:#fff; }
.sm_dept_box .dept_noti2 h3:before {content:""; display:block; clear:both; position:absolute; left:0; top:16px; width:100%; height:2px; background:#3a86e5;}
.sm_dept_box .dept_noti2 ul li {position:relative; padding:0 100px 0 10px; line-height:29px; background:url('/images/web/dep_mid/dept/bu_noti2.png') no-repeat left 50%;}
.sm_dept_box .dept_noti2 ul li a {display:block; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.sm_dept_box .dept_noti2 ul li a:hover {text-decoration:underline; }
.sm_dept_box .dept_noti2 ul li span {position:absolute; right:0; top:0; text-align:right; color:#777;}
.sm_dept_box .dept_noti2 a.btn_more {display:block; position:absolute; right:0; top:0; line-height:35px; padding-left:25px; color:#555; background:#fff;}
.sm_dept_box .dept_noti2 a.btn_more:before {content:""; display:block; clear:both; position:absolute; left:8px; top:50%; margin-top:-6px; width:7px; height:7px; border:2px solid #3a86e5; border-radius:6px;}

/* 바로가기 */
.sm_dept_box .dept_link {position:relative; width:480px; margin-top:35px; float:left; overflow:hidden;}/* 191014 수정 jhk*/
.sm_dept_box .dept_link ul li {width:50%; height:70px; line-height:70px; float:left; font-size:17px; font-family:'NotoM'; background:#98cb4f;}
.sm_dept_box .dept_link ul li:first-child {background:#faa635;}
.sm_dept_box .dept_link ul li a {display:block; padding:0 10px; color:#fff; background:url('/images/web/dep_mid/dept/arr_link.png') no-repeat 90% 50%; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.sm_dept_box .dept_link ul li a:hover {background-position:85% 50%;}

/* 연락처 */
.sm_dept_box .dept_tel {position:relative; width:480px; height:70px; line-height:70px; margin-top:35px; float:right; overflow:hidden; background:url('/images/web/dep_mid/dept/bg_tel.png') no-repeat center; background-size:100% 100%;}/* 191014 수정 jhk*/
.sm_dept_box .dept_tel dt {font-size:20px; float:left; color:#fff;}
.sm_dept_box .dept_tel dt img {padding:0 15px; vertical-align:middle;}
.sm_dept_box .dept_tel dt span { font-family:'NotoB';}
.sm_dept_box .dept_tel dd {position:relative; padding-left:20px; margin-left:20px; float:left; font-size:30px; color:#fff799;}
.sm_dept_box .dept_tel dd:before {content:""; display:block; clear:both; position:absolute; left:0; top:25px; width:1px; height:20px; background:#fff;}

/* 부서별홈페이지 */
.sm_dept_box .dept_tab {position:relative; width:985px; margin-top:35px; float:left; overflow:hidden; border:1px solid #d2d2d2; border-top:2px solid #313131;}/* 191014 수정 jhk*/
.sm_dept_box .dept_tab .dept_tab_tit {position:absolute; left:0; top:0; width:25%; height:100%; background:url('/images/web/dep_mid/dept/ico_dept_tab.png') no-repeat 90% 80%; }
.sm_dept_box .dept_tab .dept_tab_tit h3 {margin:30px 0 0 30px; font-size:20px; color:#333; font-family:'NotoM';}
.sm_dept_box .dept_tab .dept_tab_tit p {margin:5px 0 0 30px; font-size:14px; color:#555;}
.sm_dept_box .dept_tab ul {margin-left:25%; padding:10px 20px 15px 30px; overflow:hidden; border-left:1px dashed #ccc;}
.sm_dept_box .dept_tab ul li {width:24%; margin:5px 0 0 1%; float:left; line-height:40px; text-align:center; font-size:15px;}
.sm_dept_box .dept_tab ul li a {display:block; color:#555; border:1px solid #ccc; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}
.sm_dept_box .dept_tab ul li a:hover {border:1px solid #374554;}
.sm_dept_box .dept_tab ul li.on a {color:#fff; border:1px solid #374554; background:#374554 url('/images/web/dep_mid/dept/pt_dept_tab.png') repeat;}


@media (max-width:1200px) {
	
	/* 게시판1 */
	.sm_dept_box .dept_noti1 {width:48%;}

	/* 게시판2 */
	.sm_dept_box .dept_noti2 {width:48%;}

	/* 바로가기 */
	.sm_dept_box .dept_link {width:48%;}

	/* 연락처 */
	.sm_dept_box .dept_tel {width:48%;}

	/* 부서별홈페이지 */
	.sm_dept_box .dept_tab {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }


}


@media (max-width:960px) {
	
	/* 바로가기 */
	.sm_dept_box .dept_link {width:100%;}

	/* 연락처 */
	.sm_dept_box .dept_tel {width:100%; margin-top:20px;}

}

@media (max-width:800px) {
	
	/* 게시판1 */
	.sm_dept_box .dept_noti1 {width:100%; float:none; margin-top:20px;}

	/* 게시판2 */
	.sm_dept_box .dept_noti2 {width:100%; float:none; margin-top:20px;}

	/* 바로가기 */
	.sm_dept_box .dept_link {width:100%; float:none; margin-top:20px;}

	/* 연락처 */
	.sm_dept_box .dept_tel {width:100%; float:none;}

	/* 부서별홈페이지 */
	.sm_dept_box .dept_tab {float:none; margin-top:20px;}
	.sm_dept_box .dept_tab .dept_tab_tit {position:relative; left:auto; top:auto; width:100%; height:50px; padding-left:60px; background-position:20px center; background-size:auto 30px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	.sm_dept_box .dept_tab .dept_tab_tit h3 {line-height:50px; margin:0;}
	.sm_dept_box .dept_tab .dept_tab_tit p {display:none;}
	.sm_dept_box .dept_tab ul {margin-left:0; padding:10px 20px 15px; border-top:1px dashed #ccc; border-left:none;}
	.sm_dept_box .dept_tab ul li {width:24%; margin:5px 0.5% 0;}
	

}

@media (max-width:680px) {
	
	/* 부서별홈페이지 */
	.sm_dept_box .dept_tab ul li {width:32%;}




}

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

	/* 바로가기 */
	.sm_dept_box .dept_link ul li {width:100%; float:none;}

	/* 연락처 */
	.sm_dept_box .dept_tel {height:auto;}
	.sm_dept_box .dept_tel dt {float:none; text-align:center;}
	.sm_dept_box .dept_tel dt span { font-family:'NotoB';}
	.sm_dept_box .dept_tel dd {padding-left:0; margin-left:0; float:none; text-align:center;}
	.sm_dept_box .dept_tel dd:before {left:5%; top:0; width:90%; height:1px; background:#fff;}
	

	/* 부서별홈페이지 */
	.sm_dept_box .dept_tab ul li {width:49%;}
	
}