@charset "utf-8";

/*전체*/

#mm2 ,#mm3 .sec_tit{color:#6d6e70; font-weight:bold; letter-spacing:-0.9px; font-size:25px;}
.mm2 .sec_tit ,.mm3 .sec_tit{color:#6d6e70; font-weight:bold; letter-spacing:-0.9px; font-size:25px;}
.sec_tit .point_1{color:#0072bc;}
.sec_tit img{position:relative; top:-2px; margin-left:10px;}

.owbtn_prev{background:url(/images/main_2019/ow_btn_left.png) 0px 0px; background-size:21px; background-repeat:no-repeat; padding:0px 11px;}
.owbtn_next{background:url(/images/main_2019/ow_btn_right.png) 0px 0px; background-size:21px; background-repeat:no-repeat; padding:0px 11px;}


/*메인배너*/
#biff_slide {margin:0 auto;}

/*Pagination*/
#mm1 {margin:0 auto; position: relative; width:auto; overflow:hidden;}
#mm1 .slidesjs-previous {position: absolute; top: 280px; left: 30px; width:72px; z-index: 10;}
#mm1 .slidesjs-next {position: absolute; top: 280px; right: 30px; width:72px; z-index: 10;}
#mm1 #biff_slide {height:100vh; margin:0 auto;}
					
#mm1 .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;

}

#mm1 .bx-wrapper .bx-pager .bx-pager-item,
#mm1 .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;

}

#mm1 .bx-wrapper .bx-pager.bx-default-pager a {
	color:#fff;
	text-indent: -9999px;
	margin: 0 1px;
	display:inline-block;
	background:url(/images/main_2019/bg_bxonoff.png) no-repeat; overflow:hidden; width:25px; height:25px; text-align:center; line-height:25px;
}

#mm1 .bx-wrapper .bx-pager.bx-default-pager a:hover,
#mm1 .bx-wrapper .bx-pager.bx-default-pager a.active {
	background-position: 0 -30px;
	text-indent:0;
}
	
.bx-pager-item .bxbtn {/*font-size: 12px;*/ color:#919191; padding:0px 20px; background:url(/images/main_2019/bg_bxonoff.png) no-repeat;  background-size:11px; background-position:center; }
.bx-pager-item .active .bxbtn {/*font-size: 6px;*/ background:url(/images/main_2019/bg_bxonon.png) no-repeat; background-size:30px 10px;  background-position:center; padding:0px 20px; /*color:#fff;*/ }

#mm1 .main_banner{width:100%; height:100%; position:relative;}
#mm1 .main_banner a:hover,active,focus{text-decoration:none;}
#mm1 .main_banner a:link{text-decoration:none;}
#mm1 .main_banner .txt_area{/*position:relative; padding-top:27%;*/ position:absolute; text-align:center; letter-spacing:-0.5px; width:100%;}
#mm1 .main_banner .txt_area .tit{font-size:45px; color:#0072bc; font-weight:bold;}
#mm1 .main_banner .txt_area .sub{font-size:40px; /*color:#6d6e70;*/ color:#454545; font-weight:bold;}

.hpmenu_linkbtn{
	/*position:relative;*/
	position:absolute;
	background:#fff; 
	/*margin-top:14.5%;*/
	border-radius:10px; 
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);  
	-webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	-ms-box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	display:inline-block;
	width:100%;
	top:69%;
	z-index:100;
}

.hpmenu_box{padding:20px;}
.hpmenu_linkbtn .hpmenu_tit{font-size:17px; width:100%; text-align:center;}
.hpmenu_linkbtn .hpmenu_tit .tit_name{color:#0072bc;}
.hpmenu_list {box-sizing:border-box;}
.hpmenu_list li{width:16.6%; text-align:center; padding:28px 0px 32px; box-sizing:border-box; /*width:16.6%; width:20%;  width:25%;*/ }
.hpmenu_list li a:hover,active,focus{text-decoration:none;}
.hpmenu_list li a:link{text-decoration:none;}
.hpmenu_list li p{font-size:18px; letter-spacing:-1px; color:#000; width:100%;}
.hpmenu_list li img{max-width:121px; width:100%;}


/*테스트베드&교육신청*/
#mm2 {margin:0 auto; position: relative; width:auto; }
.mm2 {margin:0 auto; position: relative; width:auto; }

.testbed-scroll-body {
  position: relative;
  height: 100%;
  margin-top:25px;
  padding-bottom:65px;
}

.testbed-scroll-body:before {
  /*position: absolute;
  content: '';
  top: 0;
  left: 50%;
  width: 1px;
  height: 100%;
  background-color: #e8e8e8;*/
}
.testbed-contents-scroll-carousel .owl-height{
	padding-bottom:10px;
}
 
.testbed-contents-scroll-carousel .item{
	width:232px;
	margin-right:9px;
	margin-bottom:18px;
	/*width:20vw; margin-right:18px; margin-right:8px;*/
}
.testbed-contents-scroll-carousel .wrapper{
    position: relative;
    height: 140%
 }

#mm2 .owl-nav{
	position:absolute;
	right:0px;
	top:-55px;
}

#mm3 .owl-nav{
	position:absolute;
	right:0px;
	top:-55px;
}

/*slick_버튼*/
.testbed-contents-scroll-carousel .slick-prev{position:absolute; right:25px; left:auto; top:-40px; /*left:calc((100vw - 1200px)/2);*/} 
.testbed-contents-scroll-carousel .slick-next{position:absolute; right:0px; top:-40px;}

.testbed-contents-scroll-carousel .slick-prev{background:url(/images/main_2019/ow_btn_left_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important;  z-index:400; 
	 text-indent:-9999px; border:0px; background-repeat:no-repeat !important;} 
.testbed-contents-scroll-carousel .slick-prev:hover{background:url(/images/main_2019/ow_btn_left_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important; }
.testbed-contents-scroll-carousel .slick-prev:focus-visible{background:url(/images/main_2019/ow_btn_left_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important; }
.testbed-contents-scroll-carousel .slick-next{background:url(/images/main_2019/ow_btn_right_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important;  z-index:400; 
	text-indent:-9999px; border:0px; background-repeat:no-repeat !important; /*right:0px !important; */}
.testbed-contents-scroll-carousel .slick-next:hover{background:url(/images/main_2019/ow_btn_right_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important;}
.testbed-contents-scroll-carousel .slick-next:focus-visible{background:url(/images/main_2019/ow_btn_right_m.png) !important; width:21px !important; height:21px !important; background-size:21px 21px !important;}

/*.testbed-contents-scroll-carousel .wrapper .thumb{
    position: relative;
    top: auto;
    bottom: 0
}

.testbed-contents-scroll-carousel .wrapper .thumb > a{
    display: block;
    width: 100%;
    height: 100%
}

.testbed-contents-scroll-carousel .wrapper .thumb .pic{
    display: block;
    position: static;
    width: 100%;
	min-height: 240px;
	height:100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}*/

.testbedbox{
	border-radius:5px; 
	border:1px solid #c9c9c9; 
	float:left; 
	/*width:230px;*/ 
	height:100%; 
	/*max-height:286px; width:100%;*/ 
	background:#fff; 
	-webkit-box-shadow:3px 6px 1px rgba(0,0,0,0.3); 
	-ms-box-shadow:3px 6px 1px rgba(0,0,0,0.3); 
	box-shadow:3px 6px 1px rgba(0,0,0,0.3); 
	padding:9px 0px 30px;  
	text-align:center; 
	margin-bottom:10px;
}
.testbedbox .osicon{position:absolute; z-index:100; padding:0px 10px;}
.testbedbox .osicon img{width:40px !important;}
.testbedbox .testbedimg{width:100%; max-width:180px; margin-top:35px; padding:0px 1.5%; display:inline-block !important;}
.testbedbox .testbed_name{color:#000; font-size:18px; letter-spacing:-0.5px; font-weight:normal; margin-top:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0px 12px;} 


#mm3{background:#edf2f5; position:relative; margin:0 auto; width:auto; }


.education-scroll-body {
  position: relative;
  height: 100%;
  margin-top:25px;
  padding-bottom:44px;
}

.education-contents-scroll-carousel .owl-height{
	padding-bottom:10px;
}

.education-contents-scroll-carousel .item{
	margin-right:18px;
	margin-bottom:18px;
}

.educationbox{position:relative; border-radius:5px; float:left; width:280px; height:100%; max-width:280px; background:#fff; padding:0px;}
.educationbox .edu_thumbnail{border-radius:5px;}

.educationbox .edu_rptbox{position:relative; padding:30px 10px 25px; text-align:left;}
.educationbox .edu_rptbox .edu_tit{font-size:18px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; letter-spacing:-0.7px;}
.educationbox .edu_rptbox .edu_state{position:absolute; right:10px; top:-17px;}
.educationbox .edu_rptbox .edu_rpt{font-size:14px; letter-spacing:-0.5px;}
.educationbox .edu_rptbox .edu_rpt .rpt_tit{color:#196fb8;}
.educationbox .edu_rptbox .edu_rpt .rpt_date{color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }


/*숫자로 보는 bmac& 공지사항등*/
#mm4{background:url(/images/main_2019/bg_guestbox.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding-bottom:40px;}
#mm4 .tit{padding-top:55px; font-size:25px; color:#fff; font-weight:bold; letter-spacing:-0.7px;}
#mm4 .tit .tit_p{color:#4c9ddb;}
#mm4 .bmac_dtlist{width:100%; display:inline-block; text-align:center;}
#mm4 .bmac_dtlist li{width:20%; text-align:center; color:#fff; padding-bottom:10px;}
#mm4 .dtbox{background:url(/images/main_2019/dt_boxbg.png); background-repeat:no-repeat; margin:0px auto; width:100%; height:100%; background-position:center; max-height:197px; max-width:197px; padding:25% 0px; background-size:100%; /*padding:21% 0px;*/}

#mm4 .dtbox .dt_cate{font-size:18px; letter-spacing:-0.5px; line-height:180%;}
#mm4 .dtbox .dtnum{font-size:45px; color:#52b0f8; line-height:150%;}

#mm4 .notice_area{display:inline-block; width:100%;}

#mm4 .notice_box{background:#fff;position:relative;}
#mm4 .notice_bar{background:#dddddd url(/images/main_2019/noticebox_bar.png); background-repeat:no-repeat; height:2px; width:100%; position:absolute; top:0px;}
#mm4 .not_pd{padding:20px;}

#mm4 .notice_btn{display:inline-block; /*width:100%;*/ letter-spacing:-0.8px;}
#mm4 .notice_btn li{font-size:18px; color:#000; float:left; padding-right:15px;}
#mm4 .notice_btn li.on{background:url(/images/main_2019/notice_check.png) right; background-repeat:no-repeat; background-size:10px; color:#0072bc; font-weight:bold;}
#mm4 .notice_btn .not_bar{background:#ddd; width:2px; background-repeat:repeat-y; height:23px; padding:0px; margin:0px 20px 0px 10px;}

#mm4 .notice_box .morebtn{float:right; margin-top:3px;}

#mm4 .noticelist li{border-bottom:1px dotted #ddd; letter-spacing:-0.5px; padding:9px 5px;}
#mm4 .noticelist table{table-layout:fixed;}
#mm4 .noticelist table .notice_tit{color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px;}
#mm4 .noticelist table .not_time{color:#666666; font-size:14px;}

#mm4 .photonews_box{display:inline-block; width:100%;}
#mm4 .photonews_box li{width:48%; margin:0px 1%;}
#mm4 .photonews_box .li_left{float:left;}
#mm4 .photonews_box .li_right{float:right;}
#mm4 .photonews{/*padding-bottom:71%;*/  position:relative;}
#mm4 .news_tit{
	background:url(/images/main_2019/photo_bg.png); background-repeat:repeat-x;  position:absolute; bottom:0px; width:100%; line-height:29px;
}
#mm4 .news_tit p{font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; padding:0px 9px; line-height:29px; letter-spacing:-0.6px;}

/*유관기관 배너*/
.org_bannerbox{background:#fff;}
.org_bannerlist{padding:0px; display:inline-block; width:100%; text-align:center;}
.org_bannerlist li{/*float:left; width:14.2%;*/ display:inline-block; padding:18px 2.4% 18px; text-align:center; vertical-align:middle;}
.org_bannerlist li img{max-height:35px; height:100%;}


/*211029_테스트베드 기기 이미지*/
.testbedimgdv{
	background-size:70% !important; 
	padding-bottom:75% !important; 
	background-repeat:no-repeat !important; 
	background-position:center !important; 
	height:100%; width:100%; 
	max-width:180px; 
	display:inline-block;
}

/* Desktop Device : 480 이하 */
@media screen and (max-width:480px){

	/*전체*/
	#mm2 .sec_tit{padding-top:32px; position:relative; font-size:20px;}
	.mm2 .sec_tit{padding-top:32px; position:relative; font-size:20px;}
	#mm3 .sec_tit{padding-top:30px; position:relative; font-size:20px;}
	#mm2 .sec_tit img, #mm3 .sec_tit img{display:none;}
	.mm2 .sec_tit img, .mm3 .sec_tit img{display:none;}
	.ow_btn{margin-top:45px;} 

	/*메인배너*/
	#mm1{width:100%; position:relative;}
	#mm1 .main_banner{min-height:770px;}
	#mm1 .main_banner .txt_area{margin-top:170px; /*padding-top:511px; top:220px; margin-top:43%;*/}
	#mm1 .main_banner .txt_area .tit{font-size:35px;}
	#mm1 .main_banner .txt_area .sub{font-size:30px;}


	.hpmenu_linkbtn{max-width:1200px; margin:0px auto; top:50%; /*width:94%;*/ width:91%;}
	.hpmenu_linkbtn .hpmenu_tit{font-size:16px;}
	#mm1 .bx-wrapper .bx-pager {position: absolute; bottom:51.5%; /*top:560px;*/ z-index:99; width:100%;}
	
	.hpmenu_list {padding:15px 0px 0px; margin:0px auto; text-align:center;}
	.hpmenu_list li{width:31.5%; text-align:center; padding:10px 0px 10px;  display:inline-block; margin:0px auto;
		/*padding:10px 0px 20px; float:left; width:47.5%;min-height:150px;*/}
	.hpmenu_list li p{font-size:13px; margin-top:5px; line-height:130%;}
	.hpmenu_list li img{max-width:82px;}


	/*테스트베드+교육신청*/
	#mm2 .owl-nav{
		top:-44px;
	}

	#mm3 .owl-nav{
		top:-44px;
	}
	/*테스트베드*/
	.testbed-scroll-body {padding-bottom:45px; margin-top:20px;/*margin-left:20px;*/}
	.testbedbox{width:100%; padding:9px 1.2% 30px;}
	.testbed-contents-scroll-carousel .item{width: 41.5vw; margin-right:18px; margin-bottom:18px; /*width: 40.5vw;*/}
	.testbedbox .testbedimg{max-width:160px; margin-top:35px; padding:0px 1.5%;}
	.testbedbox .testbed_name{font-size:16px; margin-top:0px;}


	/*교육신청*/
	.education-scroll-body{padding-bottom:45px; /*margin-left:20px;*/}
	.education-contents-scroll-carousel .item{/*width: 42vw;*/}
	.educationbox{max-width:210px; width:100%;}
	.edu_thumbnail{width:100% !important; height:153px !important;}
	.educationbox .edu_rptbox{padding:25px 10px 22px;}
	.educationbox .edu_rptbox .edu_tit{font-size:16px;}
	.educationbox .edu_rptbox .edu_rpt{font-size:13px;}

	/*숫자로 보는 bmac& 공지사항등*/
	#mm4 .bmac_dtlist li{width:45%; text-align:center; color:#fff; display:inline-block; padding:0px 1% 10px; /*width:29%;*/}
	#mm4 .dtbox{max-height:152px; max-width:152px; padding:25% 0; /*max-height:172px; max-width:172px; padding:23% 0;*/}

	#mm4 .notice_area{padding-top:7px;}
	#mm4 .noticearea_1{width:100%; margin-bottom:20px;}
	#mm4 .noticearea_2{width:100%;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .photonews_box{padding-top:15px;}
	#mm4 .photonews{padding-bottom:95%;}


	#mm4 .tit{padding-top:30px; font-size:20px; color:#fff; font-weight:bold; letter-spacing:-0.7px;}
	#mm4 .dtbox .dt_cate{font-size:14px;}
	#mm4 .dtbox .dtnum{font-size:30px; color:#52b0f8;}

	/*유관기관 배너*/
	.org_bannerlist{padding:0px 0.5%; width:99%;}
	.org_bannerlist li{/*width:14.2%;*/ float:left; width:30%; display:inline-block; padding:18px 2% 18px; text-align:center; vertical-align:middle;}
	.org_bannerlist li img{max-height:30px;}

	/*211029_테스트베드 기기 이미지*/
	.testbedimgdv{background-size:65% !important; padding-bottom:85% !important;}

}


/* Desktop Device : 481~768 */
@media screen and (min-width:481px) and (max-width:768px){

	/*전체*/
	#mm2,#mm3 .sec_tit{padding-top:35px; position:relative; font-size:25px;}
	.mm2,.mm3 .sec_tit{padding-top:35px; position:relative; font-size:25px;}
	.mm2 .sec_tit img, .mm3 .sec_tit img{display:none;}
	.ow_btn{margin-top:45px;} 

	/*메인배너*/
	#mm1{width:100%; position:relative;}
	#mm1 .main_banner{min-height:790px;}
	#mm1 .main_banner .txt_area{margin-top:200px; /*padding-top:511px; top:220px; margin-top:30%;*/}
	.hpmenu_linkbtn{max-width:1200px; margin:0px auto; top:64%; width:94%;}
	#mm1 .bx-wrapper .bx-pager {position: absolute; bottom:38.5%; /*top:560px;*/ z-index:99; width:100%;}
	
	.hpmenu_box{padding:30px 20px 0px;}
	.hpmenu_list li{/* width:25%; width:20%; padding:28px 0px 26px;*/ width:16.6%;  float:left; text-align:center; padding:28px 1% 26px;}
	.hpmenu_list li p{font-size:14px; margin-top:12px; line-height:120%;}
	.hpmenu_list li img{max-width:97px;}


	/*테스트베드+교육신청*/
	/*#mm2 .owl-nav{
		right:20px;
	}

	#mm3 .owl-nav{
		right:20px;
	}*/
	/*테스트베드*/
	.testbed-scroll-body {padding-bottom:45px; /*margin-left:20px;*/}
	.testbedbox{width:100%; padding:9px 1.2% 30px;}
	.testbed-contents-scroll-carousel .item{width:28.3vw; margin-right:18px; margin-bottom:18px; /*margin-right:18px; width: 28.6vw;*/}
	.testbedbox .testbedimg{max-width:160px; margin-top:32px; padding:0px 1.5%;}


	/*교육신청*/
	.education-scroll-body{padding-bottom:45px; /*margin-left:20px;*/}
	.education-contents-scroll-carousel .item{/*width:29vw;*/}
	.educationbox{/*width:230px;*/ width:100%;}
	.edu_thumbnail{width:100% !important; height:153px !important;}
	.educationbox .edu_rptbox{padding:21px 10px 16px;}

	/*숫자로 보는 bmac& 공지사항등*/
	#mm4{padding-bottom:40px;}
	#mm4 .tit{padding-top:45px;}
	#mm4 .bmac_dtlist{padding-top:10px;}
	#mm4 .bmac_dtlist li{width:45%; text-align:center; color:#fff; display:inline-block; padding:0px 1% 10px; /* width:30%; width:29%;*/}
	#mm4 .dtbox{max-height:170px; max-width:170px; /*padding:19% 0px 18%; padding:20% 0px;*/ padding:23% 0px;}
	#mm4 .dtbox .dtnum{font-size:40px;}


	#mm4 .notice_area{padding-top:7px;}
	#mm4 .noticearea_1{width:100%; margin-bottom:20px;}
	#mm4 .noticearea_2{width:100%;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .photonews_box{padding-top:15px;}
	#mm4 .photonews{padding-bottom:58%;}

	/*유관기관 배너*/
	.org_bannerlist li{/*width:14.2%;*/ width:30%; display:inline-block; padding:18px 1% 18px; text-align:center; vertical-align:middle;}
	
}

/* Desktop Device : 769 이상 */
@media screen and (min-width:769px){	
	
	/*전체*/
	#mm2,#mm3 .sec_tit{padding-top:35px; position:relative; font-size:25px;}
	.mm2,.mm3 .sec_tit{padding-top:35px; position:relative; font-size:25px;}
	.ow_btn{margin-top:45px;} 

	/*메인배너*/
	#biff_slide {height:100vh;}

	#mm1{width:100%; /*max-height:900px;*/ position:relative;}
	#mm1 .main_banner{min-height:890px; padding-bottom:18px;}
	#mm1 .main_banner .txt_area{/*padding-top:511px; margin-top:26%;*/ top:305px;}
	.hpmenu_linkbtn{max-width:1200px; margin:0px auto;}
	.hpmenu_list li{float:left;}
	.hpmenu_list li p{margin-top:15px; }

	#mm1 .bx-wrapper .bx-pager {position: absolute; bottom:34%; /*top:560px;*/ z-index:99; width:100%;}

	
	/*테스트베드*/
	.testbedbox{width:230px; height:100%; padding:9px 0px 30px;}

	/*숫자로 보는 bmac& 공지사항등*/
	#mm4 .bmac_dtlist li{width:25%; float:left;/* width:20%;*/}
	
	#mm4 .notice_area{padding-top:34px;}
	#mm4 .noticearea_1{width:49%; float:left;}
	#mm4 .noticearea_2{width:49%; float:right;}

	#mm4 .noticelist{padding-top:9px;}
	#mm4 .noticelist li{padding:0px; line-height:39px;}
	#mm4 .photonews_box{padding-top:15px;}
	#mm4 .photonews{/*height:184px;*/ height:194px; /*padding-bottom:74%;*/}
	
	/*유관기관 배너*/
	.org_bannerlist{position:relative; /*left:10px;*/}

}