@charset "utf-8";

@import url(https://www.konyang.ac.kr/css/kuicf/common/font_m.css);
/* 경량화 폰트 */
@import url(https://www.konyang.ac.kr/css/kuicf/common/font_nanumsquare_main.css);
@import url(https://www.konyang.ac.kr/css/kuicf/common/font_notosans_kr_main.css);


/*

@font-face {
 font-family: 'nsr_m';
 font-style: normal;
 font-weight: 300;
 src: url(https://www.konyang.ac.kr/css/kuicf/font/nanumsquare/NanumSquareL_main.woff) format('woff');
}
@font-face {
 font-family: 'nsr_m';
 font-style: normal;
 font-weight: 700;
 src: url(https://www.konyang.ac.kr/css/kuicf/font/nanumsquare/NanumSquareB_main.woff) format('woff');
}

@font-face {
  font-family: 'nsk_m';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.konyang.ac.kr/css/kuicf/font/notosans_kr/NotoSansKR-Light_main.woff) format('woff');
}
@font-face {
   font-family: 'nsk_m';
   font-style: normal;
   font-weight: 700;
   src: url(https://www.konyang.ac.kr/css/kuicf/font/notosans_kr/NotoSansKR-Bold_main.woff) format('woff')
 }
@font-face {
  font-family: 'rbt_m';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.konyang.ac.kr/css/kuicf/font/RobotoTTF/Roboto-Light_main.woff) format('woff');
}
@font-face {
   font-family: 'rbt_m';
   font-style: normal;
   font-weight: 700;
   src: url(https://www.konyang.ac.kr/css/kuicf/font/RobotoTTF/Roboto-Bold_main.woff) format('woff')
}
*/


/* 공통*/
#wrap{background:none; background-color: #fff; }

.organ_wrapper {position:relative;margin:0;padding:0;width:100%;}
.organ_wrapper #mcontainer{ margin:0; padding:0px;}



/* 메인비주얼 */
#mvisual{position:relative; top:-12px; height:180px;background:url(/images/huss/content/mvisual_bg_360.JPG) no-repeat 50% top; background-size:cover;}
#mvisual .wrap{position:relative; margin:0 auto; padding:57px 3% 0; width:94%; background:none;}

#mvisual h2{display:block; margin:0px auto;text-align:center;color:#fff; font-size:0px; text-shadow:0 0 0.1em #3F3F3F;
	animation: fadein 3s;
    -moz-animation: fadein 3s; /* Firefox */
    -webkit-animation: fadein 3s; /* Safari and Chrome */
    -o-animation: fadein 3s; /* Opera */}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

#mvisual h2 strong{display:block;margin:13px 0 0px; font-size:0px; color:#A8F169; }
#mvisual h2 span{display:block;margin:5px 0 0px; font-size:0px;  font-weight:500;}






/* 메인 콘텐츠 */
.msectwrap{display:block;clear:both;content:'';padding:20px 4% 30px;}



/* 메인배너 */
.sect2{ margin:0; padding:0; text-align:center; height:300px; padding-bottom:30px;}
.sect2 .grap_huss{position:relative;  float:left; display:block; margin:0 auto; }
.sect2 ul{position:relative; float:left; margin:0 0 0 1%; padding:0; width:98.3%; border-top:1px solid #E5E5E5; border-left:1px solid #E5E5E5;}
.sect2 ul li{float:left;position:relative;margin:0; padding:0; width:49.6%; height:140px; border-radius:0px; border-right:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.sect2 ul li a{display:block; padding:0; font-size:0.85em; font-weight:bold; color:#444C58;}
.sect2 ul li a:hover{ color:#00693F; text-decoration:underline;}
.sect2 ul li a span{display:block;margin:23px auto 13px;width:60px;height:63px; background:url(/images/huss/content/m_icon.PNG) no-repeat;}

.sect2 .btn1 span{background-position:0px 0;}
.sect2 .btn2 span{background-position:0 -63px;}
.sect2 .btn3 span{background-position:0 -126px;}
.sect2 .btn4 span{background-position:0 -189px;}


/* 메인 공지사항 */

.sect1 .body_wrap{display:block;}
.sect1 .board_wrap:after{display: block; visibility: hidden;clear: both;content: '';}
.sect1 .board_wrap #tab{position: relative; float: left; width: 100%; padding: 0px; background: #fff;text-align: left;}
.sect1 .board_wrap #tab .btn_wrap{position: relative;margin:0px 0 28px;border-bottom: 1px solid #cfcfcf;}
.sect1 .board_wrap #tab .btn_wrap .tab_btn{display: inline-block;position: relative;padding: 0 30px 14px ;font-weight:300;color: #121212;font-size: 20px;vertical-align: baseline;font-family: 'nsr_m'}
.sect1 .board_wrap #tab .btn_wrap .tab_btn span{font-family: 'nsk_m';}
.sect1 .board_wrap #tab .btn_wrap .tab_btn.btn1{padding-left: 18px;}
.sect1 .board_wrap #tab .btn_wrap .tab_btn + .tab_btn:before{position: absolute;left: 0;top: 5px;width: 2px;height: 16px;background: #c9c9c9;content: '';}
.sect1 .board_wrap #tab .btn_wrap .tab_btn.ov{color: #121212;font-weight: 700;}
.sect1 .board_wrap #tab .btn_wrap .tab_btn.ov:after{position: absolute;bottom: 0px;left: 0px;width: 120px;height: 5px;background: url(/images/huss/content/m_bg_notice.png) no-repeat; content: '';}
.sect1 .board_wrap #tab .btn_wrap .tab_btn.btn2.ov:after{left: 20px;}
.sect1 .board_wrap #tab .grap .obj .notice_list{margin-left:3px;}
.sect1 .board_wrap #tab .grap .obj .notice_list:after{display: block;visibility: hidden;clear: both;content: '';}
.sect1 .board_wrap #tab .grap .obj .notice_list li{position: relative;width: 98.5%;margin-bottom: 5px;padding-left: 13px;list-style: none;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:before{position: absolute;top: 12px;left: 0;width: 6px;height: 2px;background: url(/images/kuicf/main/main_ir.png) -38px -35px;content: '';}
.sect1 .board_wrap #tab .grap .obj .notice_list li a{display: block;position: relative;padding-right: 170px; font-family: 'rbt_m';}
.sect1 .board_wrap #tab .grap .obj .notice_list li a strong{display: block;overflow:hidden;font-size: 15px;line-height: 25px;font-family: 'nsk_m';font-weight: 300;color: #121212;white-space: nowrap;text-overflow: ellipsis;}
.sect1 .board_wrap #tab .grap .obj .notice_list li a strong span{font-size: 15px;line-height: 25px;font-weight: 300;color: #121212;}
.sect1 .board_wrap #tab .grap .obj .notice_list li a em{position: absolute;right: 10px;bottom: 0;font-style: normal;font-family: 'rbt_m';font-size: 17px;line-height: 20px;color:#767676;font-weight: 700;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child{padding-left: 0;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child:before{display: none;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a{min-height: 43px;margin-bottom: 25px;padding: 7px 130px 15px 75px;border-bottom: 1px dashed #ccc;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a:before{position: absolute;left: 0;top: -10px;width: 80px;height: 80px;background: url(/images/huss/content/m_icon_notice.GIF) no-repeat;content: '';}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a strong{font-size: 16px;line-height: 26px;font-family: 'nsk_m';font-weight: 600;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a strong span{font-size: 18px;line-height: 26px;font-weight: 700;}
.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a em{top: 10px; right:0px;}
.sect1 .board_wrap #tab .grap .obj .more{display: block;position: absolute;top: 31px;right: 50px;width: 34px;height: 35px;background: url(/images/kuicf/main/main_ir.png) no-repeat -1px -35px;}










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

	/* 메인비주얼 */
	#mvisual{height:200px; background:url(/images/huss/content/mvisual_bg_768.JPG) no-repeat 50% top;}
	#mvisual .wrap{padding:57px 3% 0; width:90%; background:none;}
	#mvisual h2{font-size:0px;}
	#mvisual h2 strong{font-size:0px; }
	#mvisual h2 span{font-size:0px;}




}


@media only screen and (min-width:768px){

	/* 메인비주얼 */
	#mvisual{height:377px; padding:0PX; background:url(/images/huss/content/mvisual_bg.JPG) no-repeat 50% top;}
	#mvisual .wrap{position:relative; padding:123px 0 0PX; width:768px;}
	#mvisual h2{font-size:0px; font-weight: 500;}
	#mvisual h2 strong{margin:20px 0 0px; font-size:0px; font-weight: 500;}
	#mvisual h2 span{margin:7px 0 0px; font-size:0px;}




	/* 메인 배너 */
	.sect2 ul li{height:143px;}
	.sect2 ul li a{font-size:0.95em;}
	.sect2 ul li a span{margin:24px auto 13px;}


	/* 메인 공지사항 */
	.sect1 .board_wrap #tab .grap .obj .more{top: 0px; right: 10px;}



}



@media only screen and (min-width:1000px){


	#mvisual .wrap{padding:125px 0 0PX;}
	#mvisual h2{font-size:0px;}
	#mvisual h2 strong{margin:23px 0 0px; font-size:0px;}
	#mvisual h2 span{font-size:0px;}

	.msectwrap{display:block; clear:both;content:''; padding:45px 0; margin:0 auto; width:1000px; height:310px;}


}



@media only screen and (min-width:1050px){


	#mvisual .wrap{ padding:125px 25PX 0; width:1000px;}



	/* 메인 콘텐츠 */
	.msectwrap{display:block; clear:both;content:''; padding:45px 0; margin:0 auto; width:1050px; height:310px;}


	/* 메인 배너 */
	.sect2{margin:0px;text-align:center;}
	.sect2 .grap_hussl{width:453px;}
	.sect2 ul{width:452px;}
	.sect2 ul li{width:225px;}
	.sect2 ul li a{width:auto;height:auto;}




	/* 메인 공지사항 */
	.sect1{padding: 0px 0 47px;}
	.sect1 .body_wrap{margin-bottom: 0; }
	.sect1 .body_wrap:before{display: none;}
	.sect1 .board_wrap #tab{float: none; width:550px; padding: 0px}
	.sect1 .board_wrap #tab .grap .obj .notice_list{width:550px;}
	.sect1 .board_wrap #tab .grap .obj .more{top: 0px; right: 10px}


}



@media(max-width: 768px){

	/* 메인 공지사항 */
	
	.sect1{padding: 0 0 30px}
	.sect1 .board_wrap #tab{padding: 25px 15px 15px;}
	.sect1 .board_wrap #tab{width:100%; padding: 0px;}
	.sect1 .board_wrap #tab .btn_wrap{margin-bottom: 20px;}
	.sect1 .board_wrap #tab .btn_wrap .tab_btn{padding: 0 25px 14px;font-size: 18px;}
	.sect1 .board_wrap #tab .btn_wrap .tab_btn.btn2.ov:after{left: 10px;}
	.sect1 .board_wrap #tab .grap .obj .notice_list{margin-left: 0; width:100%;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li:before{position: absolute;top: 10px;left: 0;width: 6px;height: 2px;background: url(/images/kuicf/main/main_ir.png) -38px -35px;content: '';}
	.sect1 .board_wrap #tab .grap .obj .notice_list li{padding-left: 10px;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li a{padding-right: 95px;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li a strong{font-size: 13px;line-height: 20px; }
	.sect1 .board_wrap #tab .grap .obj .notice_list li a em{font-size: 14px;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a strong{font-size: 14px;line-height: 20px;font-weight: 600; white-space: normal;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a{min-height: 65px; padding: 0px 10px 15px 75px;border-bottom: 1px dashed #ccc;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a:before{top: 0px;}
	.sect1 .board_wrap #tab .grap .obj .notice_list li:first-child a em{position:relative; float:left; display:block;}

	.sect1 .board_wrap #tab .grap .obj .more{top: 0px; right: 5px;}
	


}