@charset "utf-8"; 
  
 /* -------------------------
	main	
----------------------------- */

.main01{padding:40px 0;background: #d9dfea;} 
.main01 .inner{overflow:hidden; max-width:1340px; position:relative;left:50%;margin:0;margin-left:-670px;}
.main01 .inner:after{content:'';display:block;clear:both;}
.main01 .inner .inner_in{position:relative;padding-right:430px;} 

.main01 .inner .main_visual{position:relative;/* float:left; */width:910px;height:420px; }
.main01 .inner .main_visual	.banner_txt{width:300px;height:420px;box-sizing:border-box;padding:45px 35px;color:#fff;}
.main01 .inner .main_visual	.banner_txt .tit{font-size:22px;font-weight:bold;line-height:30px;padding-bottom:15px;}	 
.main01 .inner .main_visual	.banner_txt .desc{overflow:hidden;max-height:150px;font-size:14px;line-height:25px;} 
.main01 .inner .main_visual	.banner_txt .viewmore{margin-top:35px;font-weight:bold;}  
.main01 .inner .main_visual	.banner_txt .viewmore a{display:inline-block;padding:5px 0;border-bottom:2px solid #fff;color:#fff;}
.main01 .inner .main_visual .banner_img{position:absolute;top:0; left:300px;right:0; height:420px; background-repeat:no-repeat;background-size:cover ;background-position: 50% 50% ;} 
.main01 .main_visual .swiper-slide{background:#3d6edd;}
.main01 .main_visual .swiper-pagination	{text-align:left;padding-left:25px;}
.main01 .main_visual .swiper-container-horizontal>.swiper-pagination-bullets	{bottom:30px;}
.main01 .main_visual .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.main01 .main_visual .swiper-pagination-bullet {position:relative;background:none;width:14px;height:14px;opacity:1;}
.main01 .main_visual .swiper-pagination-bullet:before{position:absolute;top:4px;left:4px;content:'';width:4px;height:4px;border-radius:50%;background: #fff;display:inline-block;}
.main01 .main_visual .swiper-pagination-bullet-active{border:1px solid #fff;}

.main01 .inner .main_visual_tabs{position:absolute;top:0;right:0;/* position:relative; */z-index:1;/* float:right; */width:430px;height:420px; padding: 10px 30px ; background: #fff;border:1px solid #cdd4e1;border-left:0;box-sizing:border-box;}
.main01 .main_visual_tabs .ui-widget-header { background:none;border-bottom:1px solid #3d6edd;border-radius:0;}
.main01 .main_visual_tabs .ui-widget-header a	{font-size:17px;}		 
.main01 .main_visual_tabs .ui-tabs .ui-tabs-nav {display:table;table-layout:fixed;width:100%;} 		 
.main01 .main_visual_tabs .ui-tabs .ui-tabs-nav:before{display:none;} 
.main01 .main_visual_tabs .ui-tabs .ui-tabs-nav:after{display:none;}
.main01 .main_visual_tabs .ui-tabs .ui-tabs-nav li{float:none;display:table-cell;margin:0;text-align:center;}
.main01 .main_visual_tabs .ui-tabs .ui-tabs-nav .ui-tabs-anchor{display:block;padding:13px 0;float:none;}
.main01 .main_visual_tabs .ui-state-active, 
.main01 .main_visual_tabs .ui-widget-content .ui-state-active, 
.main01 .main_visual_tabs .ui-widget-header .ui-state-active{background:none;border-bottom:3px solid #3d6edd;}
.main01 .main_visual_tabs .ui-state-active a, 
.main01 .main_visual_tabs .ui-widget-content .ui-state-active a, 
.main01 .main_visual_tabs .ui-widget-header .ui-state-active a{color:#3d6edd; }
.main01 .main_visual_tabs .ui-widget-content{padding-top:10px;}

.main01 .main_visual_tabs .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px;}
.main01 .main_visual_tabs .swiper-pagination{position:relative;padding-top:5px;}
.main01 .main_visual_tabs .swiper-pagination-bullet	{width:7px;height:7px;background: #98989a; opacity:1;}
.main01 .main_visual_tabs .swiper-pagination-bullet-active{background: #e47421;}
.main01 .main_visual_tabs .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0;}

.main_cs_boad{padding:13px 0;border-bottom:1px solid #eeeeee;}
.main_cs_boad:last-child{border-bottom:0;}
.main_cs_boad .category{padding-bottom:6px;color:#0b2d79;font-size:14px;font-weight:bold;}
.main_cs_boad .subject{color:#333;font-size:14px;font-weight:bold; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}   
.main_cs_boad .date{padding-top:12px;color:#999999;}												   
.main_cs_boad .date .icon_time{margin-right:6px;}
 

@media all and (max-width:1340px){
	.main01 .inner{margin-left:0;width:100%;left:0;}  
	.main01 .inner .main_visual{/* width:67.9%; */width:100%;}	 
	.main01 .inner .main_visual_tabs{width:32.1%;}
	.main01 .inner .inner_in{padding-right:32.1%;}
}
@media all and (max-width:1200px){
	.main01{padding:0;}
	/* .main01 .inner{margin-left:-50%;width:100%;} */
	.main01 .inner .inner_in{padding-right:0;}
	.main01 .inner .main_visual{width:100%;}	 
	.main01 .inner .main_visual_tabs{position:relative;width:100%;}	 
}								 
@media all and (max-width:550px){ 
	.main01{padding:0;}
	.main01 .inner .main_visual	{height:auto;}
	.main01 .inner .main_visual .banner_txt{width:100%;height:auto;position:absolute;bottom:0;left:0;background:#3d6edd; padding: 25px ;} 
	.main01 .inner .main_visual .banner_img{position:relative;top:auto;left:0;width:100%;height:0;padding-bottom:68.8%;margin-bottom:120px;} 
	.main01 .inner .main_visual .banner_txt .tit{font-size:1.4em;line-height:1.5em;padding-bottom:8px;}
	.main01 .inner .main_visual .banner_txt .desc{height:50px;font-size:1em;}
	.main01 .inner .main_visual .banner_txt .viewmore { margin-top: 15px;  }
	.main01 .main_visual .swiper-container-horizontal>.swiper-pagination-bullets{bottom:20px;}
	.main01 .main_visual .swiper-pagination{text-align:right;padding-right:25px;}

	.main01 .inner .main_visual_tabs{padding: 10px 20px;border:0;}
	.main01 .main_visual_tabs .ui-widget-header a{font-size:1.2em;}
}


.main02{padding:30px 0 50px;background: #f5f6f8;}
.main02 .inner{overflow:hidden;width:100%;}
.main02 .main_boad_bx{position:relative;float:left;width:390px; height:305px; margin:0 15px 15px 0; padding:16px 20px 0 20px; border:1px solid #dfe1e7; background: #fff;box-sizing:border-box;}		  
.main02 .main_boad_bx h3{padding-bottom:13px;color:#333;font-size:19px;line-height:22px;font-weight:bold;}
.main02 .main_boad_bx .more{position:absolute;top:20px;right:20px;width:15px;height:15px;font-size:0;}
.main02 .main_boad_bx .more:before{position:absolute;top:7px;left:0;content:'';display:block;width:100%;height:1px;background:#888888;} 
.main02 .main_boad_bx .more:after{position:absolute;top:0;left:7px;content:'';display:block;width:1px;height:100%;background:#888888;}
.main02 .main_boad_bx.row2{ height:280px; padding-top:20px} 
.main02 .main_boad_bx.row2 h3{padding-bottom:18px;}

.main02 .main_boad_bx .ui-tabs .ui-tabs-nav li{margin:0;text-align:center;border-left:1px solid #fff;}
.main02 .main_boad_bx .ui-tabs .ui-tabs-nav li:first-child{border-left:0;}
.main02 .main_boad_bx .ui-tabs .ui-tabs-nav .ui-tabs-anchor	{ display:block;float:none; padding:10px 0;}
.main02 .swiper-pagination-bullet{opacity:1;background: #98989a;width:7px;height:7px;}
.main02 .swiper-pagination-bullet-active{background: #e47421;}
.main02 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px;}

.main_boad_bx.mboad01 .ui-tabs .ui-tabs-panel{padding-top:10px;}
.main_boad_bx.mboad01 .ui-tabs .ui-tabs-nav li{ width:33.3%;}	 
.main_boad_bx.mboad02 .ui-tabs .ui-tabs-nav li{ width:33.3%;} 
.main_boad_bx.mboad02 .thumb_boad{position:relative;height:100px;padding-left:155px;margin:20px 0;}
.main_boad_bx.mboad02 .thumb_boad .thumb_bx{position:absolute;top:0;left:0;width:140px; }  
.main_boad_bx.mboad02 .thumb_boad dt{max-height:66px;line-height:22px;font-size:14px;font-weight:bold;} 
.main_boad_bx.mboad02 .thumb_boad dt a{color:#222;}
.main_boad_bx.mboad02 .thumb_boad dd{padding-top:10px;color:#888888;}
.main_boad_bx.mboad02 .thumb_boad dd .icon_time{  margin-right:6px; }
.main_boad_bx.mboad02 .list_type01 li{padding-bottom:5px;}

.main_boad_bx.mboad03{margin-right:0;} 	
.main_boad_bx.mboad03 .ui-tabs .ui-tabs-nav li{ width:25%;}
.main_boad_bx.mboad03 .swiper-container-horizontal>.swiper-pagination-bullets {bottom:0;}
.main_boad_bx.mboad03 .book_boad{position:relative;padding-left:110px;height:170px;padding-top:16px;}
.main_boad_bx.mboad03 .book_boad .book_bx{position:absolute;top:16px;left:0;width:95px;padding-top:4px;background:url('/images/bg_book.jpg') no-repeat 0 0;}
.main_boad_bx.mboad03 .book_boad .book_bx img{width:100%;}
.main_boad_bx.mboad03 .book_boad dt{margin:10px 0;font-size:14px;line-height:22px; max-height:44px;overflow:hidden; color:#333;font-weight:bold;}
.main_boad_bx.mboad03 .book_boad dd{line-height:22px; max-height:64px;overflow:hidden; color:#666; }
.main_boad_bx.mboad04 {position:relative;padding-right:140px;}
.main_boad_bx.mboad04 .vod_bx{ position: relative; width: 100%; height: 0; padding-bottom: 63.6%;}
.main_boad_bx.mboad04 .vod_bx iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}	 
.main_boad_bx.mboad04 .brif{ width:220px; }
.main_boad_bx.mboad04 .brif .txt{margin-top:10px;font-size:14px;line-height:22px;height:44px;overflow:hidden;color:#333;font-weight:bold;}
.main_boad_bx.mboad04 .brif .txt a{color:#333;}
.main_boad_bx.mboad04 ul{position:absolute;top:20px;right:20px; width:110px; }	  
.main_boad_bx.mboad04 li{padding-bottom:10px;}

.main_boad_bx.mboad05 .swiper-container{padding-top:36px;margin-top:-36px;}
.main_boad_bx.mboad05 .swiper-container-horizontal>.swiper-pagination-bullets {top:4px;}
.main_boad_bx.mboad05 .swiper-button-prev{ width:17px;height:15px;margin-top:0;top:0;left:auto;right:18px;background: none;border-right:1px solid #eeeeee;}	
.main_boad_bx.mboad05 .swiper-button-prev:after{position:absolute;top:3px;left:0;content:'';display:inline-block;width:8px;height:8px;border-left:1px solid #888888;border-bottom:1px solid #888888;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
.main_boad_bx.mboad05 .swiper-button-next{width:17px;height:15px;margin-top:0;top:0;right:0;background: none;}	
.main_boad_bx.mboad05 .swiper-button-next:after{position:absolute;top:3px;right:2px;content:'';display:inline-block;width:8px;height:8px;border-left:1px solid #888888;border-bottom:1px solid #888888;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);  }
.column_boad{background: #eef1fe;height:192px;padding:15px 20px;}
.column_boad .txt01{display:inline-block;margin-bottom:10px;border-bottom:2px solid #0b2d79;color:#0b2d79;font-weight:bold;font-size:14px;}	 
.column_boad .txt02{overflow:hidden;height:69px;margin-bottom:22px;line-height:23px;font-size:16px;}	
.column_boad .txt03{margin-bottom:9px;color:#6971a3;}												   
.column_boad .txt04{color:#888888;}							  									   
.column_boad .txt04 .icon_time{  margin-right:6px; } 

.main_boad_bx.mboad06{margin-right:0;}   
.main_boad_bx.mboad06 h3{border-bottom:1px solid #e6e6e6;} 
.main_boad_bx.mboad06 ul{padding-top:18px;} 

.main_boad_bx.mboad07{width:100%;margin:0;}
.main_boad_bx.mboad07 h3{border-bottom:1px solid #e6e6e6;}
.main_boad_bx.mboad07 .course_wrap{overflow:hidden;width:100%;margin-top:20px;}		 
.main_boad_bx.mboad07 .course_wrap .lecture{float:left;width:370px;margin-right:20px;}  
.main_boad_bx.mboad07 .course_wrap .activity{float:left;width:385px;}
.main_boad_bx.mboad07 .course_wrap .academy{float:right;width:370px;}
.main_boad_bx.mboad07 h4{font-size:17px;font-weight:bold;color:#333;padding-bottom:10px;}
.main_boad_bx.mboad07 .swiper-slide{padding-bottom:26px;}
.main_boad_bx.mboad07 .thumb_boad{position:relative;height:120px;padding-left:195px;margin-bottom:10px; }
.main_boad_bx.mboad07 .thumb_boad .thumb_bx{position:absolute;top:0;left:0;width:180px; } 
.main_boad_bx.mboad07 .thumb_boad .thumb_bx a{padding-bottom:66.6%;}
.main_boad_bx.mboad07 .thumb_boad .thumb_bx a i{position:absolute;bottom:0;right:0;width:35px;height:35px;display:inline-block;background:#3d6edd;}
.main_boad_bx.mboad07 .thumb_boad .thumb_bx a i:before{position:absolute;top:17px;left:10px;content:'';display:block;width:15px;height:1px;background:#fff;} 
.main_boad_bx.mboad07 .thumb_boad .thumb_bx a i:after{position:absolute;top:10px;left:17px;content:'';display:block;width:1px;height:15px;background:#fff;}
.main_boad_bx.mboad07 .thumb_boad dt{overflow:hidden;max-height:72px;line-height:24px;font-size:14px;font-weight:bold;} 
.main_boad_bx.mboad07 .thumb_boad dt a{color:#222;}
.main_boad_bx.mboad07 .thumb_boad dd{padding-top:18px;color:#888888;}
.main_boad_bx.mboad07 .thumb_boad dd .icon_time{  margin-right:6px; } 
 
.main_boad_bx.mboad07 .course_wrap .academy dt{padding-bottom:6px;font-size:14px;font-weight:bold;color:#333;}
.main_boad_bx.mboad07 .course_wrap .academy dd{position:relative;padding-left:12px;line-height:24px;}			  
.main_boad_bx.mboad07 .course_wrap .academy dd:before{position:absolute; top:10px; left:0; content:''; display:block; width:4px; height:4px; background:#c0c0c0;} 
.main_boad_bx.mboad07 .course_wrap .academy p{padding-top:12px;color:#333;}																							  
.main_boad_bx.mboad07 .course_wrap .academy p em{color:#3d6edd;font-weight:bold;}
.main_boad_bx.mboad07 .course_wrap .academy p .icon_calendar	{  margin-right:6px; }

.main_boad_bx.mboad07 .swiper-button-prev{ width:17px;height:15px;margin-top:0;top:0;left:auto;right:18px;background: none;border-right:1px solid #eeeeee;}	
.main_boad_bx.mboad07 .swiper-button-prev:after{position:absolute;top:3px;left:0;content:'';display:inline-block;width:8px;height:8px;border-left:1px solid #888888;border-bottom:1px solid #888888;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);  }
.main_boad_bx.mboad07 .swiper-button-next{width:17px;height:15px;margin-top:0;top:0;right:0;background: none;}	
.main_boad_bx.mboad07 .swiper-button-next:after{position:absolute;top:3px;right:2px;content:'';display:inline-block;width:8px;height:8px;border-left:1px solid #888888;border-bottom:1px solid #888888;-webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);  }

.list_type01 li{position:relative;padding:0 0 15px 13px ;font-weight : bold; font-size:14px;line-height:22px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.list_type01 li:before{position:absolute; top:10px; left:0; content:''; display:block; width:4px; height:4px; background:#0b2d79;} 
.list_type01 li a{color:#333;}
.thumb_bx a,
.thumb_bx span{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;display:block;}
.thumb_bx a img,
.thumb_bx span img{position:absolute;top:0;bottom:0;left:0;right:0; width:100%; height:auto;}	

.icon_time{width:15px; height:15px; background:url('../images/icon_clock.png') no-repeat;}
.icon_calendar{width:17px; height:17px; background:url('../images/icon_calender.png') no-repeat;}


@media all and (max-width:1200px){	
							
	.main02 .main_boad_bx{width:48%;margin:0 1% 20px;}
	.main_boad_bx.mboad03{height:280px;}
	.main_boad_bx.mboad04 .brif{ width:100%;max-width:220px;   margin:0 auto;}
	.main_boad_bx.mboad07 {width:98%;height:auto;}
	.main_boad_bx.mboad07 .course_wrap .lecture	{width:48%;}
	.main_boad_bx.mboad07 .course_wrap .activity{float:right;width:48%;}
	.main_boad_bx.mboad07 .course_wrap .academy{float:none;clear:both;width:100%;padding-top:20px;}
}
@media all and (max-width:800px){	
							
	.main02 .main_boad_bx{width:98%;margin:0 1% 20px;}
	.main_boad_bx.mboad03{height:280px;}
	.main_boad_bx.mboad07 {width:98%;height:auto;}
	.main_boad_bx.mboad07 .course_wrap .lecture	{width:48%;}
	.main_boad_bx.mboad07 .course_wrap .activity{float:right;width:48%;}
	.main_boad_bx.mboad07 .course_wrap .academy{float:none;clear:both;width:100%;padding-top:20px;}
}
@media all and (max-width:640px){
	.main02{padding-bottom:10px;} 
	.main_boad_bx.mboad07 .course_wrap .lecture	{width:100%; margin-right: 0;}
	.main_boad_bx.mboad07 .course_wrap .activity{ width:100%;} 
	 

} 

 /* -------------------------
	리스트
----------------------------- */

/* 검색창 */
.boad_search_bx{position:relative;padding:0 150px 0 195px;/* padding:20px 170px 20px 215px; border:1px solid #dddddd; background: #f5f6f8; */}	
.boad_search_bx:after{clear:both;display:block;content:'';}
/* .boad_search_bx select{position:absolute; top:0; left:0; width:185px; height:40px; margin-right:10px; border:1px solid #dddddd;background: #f5f6f8;} */	 
.boad_search_bx .SumoSelect	{position:absolute; top:0; left:0;  width:185px;/*  height:40px; margin-right:10px; border:1px solid #dddddd;background: #f5f6f8; */}
.boad_search_bx .SumoSelect > .CaptionCont{height:40px;}
.boad_search_bx .SelectBox{line-height:36px;}
.boad_search_bx .SumoSelect > .optWrapper > .options li.opt{padding:7px 5px 7px 15px;}
.boad_search_bx .SumoSelect.open > .optWrapper{top:39px;} 
 
.boad_search_bx .sc_inp{ width:100%; height:40px; border:1px solid #dddddd;text-indent:10px;}								   
.boad_search_bx .sc_btn{position:absolute; top:0; right:0; width:140px; height:40px;text-indent:20px; background: #0b2d79 url('../images/icon_boad_search.png') no-repeat 45px 12px;border:1px solid #0b2d79; color:#fff;font-size:14px;font-weight:bold;}
@media all and (max-width:640px){
	.boad_search_bx{padding:0 27% 0 27%;}
	/* .boad_search_bx select{width:25%;} */
	.boad_search_bx .SumoSelect{width:25%;}
	.boad_search_bx .sc_btn{width:25%;background-image:none;text-indent:0;}

}
@media all and (max-width:450px){
	.boad_search_bx{padding:0 80px 0 90px;}
	/* .boad_search_bx select{width:60px;top:15px;left:15px;} */
	.boad_search_bx .SumoSelect{width:80px;}
	.boad_search_bx .SelectBox{padding:0 5px;}
	.boad_search_bx .sc_btn{width:70px;top:0;right:0;background-image:none;text-indent:0;}

} 
														    
.totalsearch_wrap{padding:20px 20px 15px ;background: #f5f6f8;border:1px solid #ddd;}
.totalsearch_wrap .in_result {display:block;padding-top:10px;}	  
.boad_search_cal_bx{position:relative;margin-bottom:10px;padding-left:380px;}  
.boad_search_cal_bx:after{content:'';display:block;clear:both;}
.boad_search_cal_bx .cal_l{display:block;position:absolute;top:0;left:0; }
.boad_search_cal_bx .cal_l:after{content:'';display:block;clear:both;}	  
.boad_search_cal_bx .cal_r{display:block;text-align:right;}
.boad_search_cal_bx .cal_bx{float:left;position:relative;display:inline-block;width:185px;}  
.boad_search_cal_bx .cal_l .bar{float:left;display:inline-block;width:10px;text-align:center;line-height:40px;}
.boad_search_cal_bx .cal_inp{ width:100%; height:40px; border:1px solid #dddddd;text-indent:10px;background:#fff url('../images/icon_calender.png') no-repeat 92% 50%;}	
.boad_search_cal_bx .cal_btn{width:93px;height:40px; background:#fff; border:1px solid #ddd;}		 
.boad_search_cal_bx .cal_btn.active{background: #0b2d79; border-color: #0b2d79; color:#fff;}
@media all and (max-width:1200px){
	.boad_search_cal_bx .cal_btn{width:18%}
}
@media all and (max-width:640px){
	.boad_search_cal_bx{padding-left:0;}
	.boad_search_cal_bx .cal_l{position:relative;top:0;left:0; margin-bottom:5px;} 
	.boad_search_cal_bx .cal_bx{width:45%;}
	.boad_search_cal_bx .cal_l .bar{width:10%;}
	.boad_search_cal_bx .cal_btn{float:left;margin-right:2.5%;}	
	.boad_search_cal_bx .cal_btn:last-child{margin-right:0;}
}
 
.list_info{color:#888888;}
.list_info em{color:#333333;font-weight:bold;}
.list_info span{position:relative;padding-left:20px;}  
.list_info span:after{position:absolute; top:4px;left:8px; display:inline-block;width:1px;height:10px;background: #e6e6e6;content:'';} 


.list_boad01{border-top:1px solid #333333;}	 
.list_boad01 .list_att{padding:20px;border-bottom:1px solid #e6e6e6; font-size:16px; font-weight:bold;color:#333;/*  text-overflow:ellipsis; overflow:hidden; white-space:nowrap; */}
.list_boad01 .list_att a {color:#333;}
.list_boad01 > ul > li{position:relative; border-bottom:1px solid #e6e6e6;}
.list_boad01 > ul > li .lt_tit{padding:20px 60px 20px 20px;border-bottom:1px solid #e6e6e6;font-size:14px;color:#333;font-weight:bold;background: #f5f6f8;}
.list_boad01 > ul > li .lt_tit a{color:#222;display:block;width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.list_boad01 > ul > li .lt_tit .num{color:#e47421;}
.list_boad01 > ul > li .lt_con{position:relative; padding:30px 20px 30px 220px;line-height:20px; }
.list_boad01 > ul > li .lt_con .lt_img{position:absolute;top:20px;left:20px;width:160px;}
.list_boad01 > ul > li .lt_con .lt_txt .desc{ overflow:hidden;height:66px; line-height:22px;color:#333; }
.list_boad01 > ul > li .lt_con .lt_txt .datename{padding-top:15px;color:#888888;}
.list_boad01 > ul > li .lt_con .lt_txt .datename span{position:relative;padding-right:10px;margin-right:10px;}
.list_boad01 > ul > li .lt_con .lt_txt .datename span:after{position:absolute;top:3px;right:0;content:'';display:inline-block;width:1px;height:10px;background: #e6e6e6;}
.list_boad01 > ul > li .lt_con .lt_txt .datename span:last-child:after{display:none;}
/*.list_boad01 > ul > li .lt_con .lt_txt .datename .date{ padding-right:10px;margin-right:10px; }	
.list_boad01 > ul > li .lt_con .lt_txt .datename .hit{ padding-right:10px;margin-right:10px; }
 .list_boad01 > ul > li .lt_con .lt_txt .datename .date:after,
.list_boad01 > ul > li .lt_con .lt_txt .datename .hit:after{position:absolute;top:3px;right:0;content:'';display:inline-block;width:1px;height:10px;background: #e6e6e6;}  */
.list_boad01 > ul > li .lt_con .lt_txt .datename .name a{color:#888888;}
/* .list_boad01 > ul > li .lt_con .lt_txt .datename .accuracy{padding-left:10px;margin-left:10px; }
.list_boad01 > ul > li .lt_con .lt_txt .datename .accuracy:after{position:absolute;top:3px;left:0;content:'';display:inline-block;width:1px;height:10px;background: #e6e6e6;}  */
.list_boad01 > ul > li .lt_con .lt_txt .datename .accuracy i{font-style:normal;}
.list_boad01 > ul > li .lt_con .lt_txt .datename .accuracy i.on{color:#3d6edd;}
.list_boad01 > ul > li .down{position:absolute;top:15px;right:20px;}
@media all and (max-width:640px){ 
	.list_boad01 > ul > li .lt_con{padding-left:180px;padding-right:0;}
	.list_boad01 > ul > li .lt_con .lt_img{left:0;}
}
@media all and (max-width:450px){
	.list_boad01 .list_att{padding:15px;font-size:1.2em;}
	.list_boad01 > ul > li .lt_tit{padding:15px 60px 15px 15px;}
	.list_boad01 > ul > li .lt_con{padding-left:120px;padding-top:20px;padding-bottom:20px;}
	.list_boad01 > ul > li .lt_con .lt_img{width:100px;}
	.list_boad01 > ul > li .lt_con .lt_txt .datename .date{padding-right:5px;margin-right:5px;}
	.list_boad01 > ul > li .lt_con .lt_txt .datename .hit{padding-right:5px;margin-right:5px;} 
	.list_boad01 > ul > li .down{top:10px;right:0;}
}					
@media all and (max-width:360px){  		
	.list_boad01 > ul > li .lt_con .lt_txt .datename span{display:block;}
	 
}

/* 리스트상단 */
.list_boad01.list_top{position:relative;}
.list_boad01.list_top > ul > li{position:static;}
.list_boad01.list_top > ul > li .lt_con{padding-left:275px; }
.list_boad01.list_top > ul > li .lt_con .lt_img {width:225px;}
.list_boad01.list_top > ul > li .lt_txt{min-height:150px;}
.list_boad01.list_top > ul > li .lt_con .lt_txt .datename{padding-top:20px;}
@media all and (max-width:640px){  
	.list_boad01.list_top > ul > li .lt_con{padding-left:180px;padding-right:0;}
	.list_boad01.list_top > ul > li .lt_con .lt_img{left:0; width:160px;}
}
@media all and (max-width:450px){
	.list_boad01.list_top .list_att{padding:15px 25px 15px 0; }
	.list_boad01.list_top > ul > li .lt_con{padding-left:120px;padding-top:20px;padding-bottom:20px;}
	.list_boad01.list_top > ul > li .lt_con .lt_img{width:100px;}
}


/* 다운로드팝업 */
.pop_download{display:none;position:absolute;top:45px;right:0;width:355px;margin-right:25px;border:1px solid #0b2d79;background:#fff;}
.pop_download ul{padding:15px 25px;}
.pop_download ul li{position:relative;padding:5px 0 5px 10px; text-align:left; text-overflow: ellipsis; overflow: hidden;  white-space: nowrap;}
.pop_download ul li:before{position:absolute;top:11px;left:0;display:inline-block;width:4px; height:4px; background: #ddd;content:'';}
.pop_download ul li a{color:#386495;text-decoration:underline;}
.pop_download .btn_popclose{position:absolute;top:-1px;right:-25px;width:25px;height:25px;background:#0b2d79; font-size:0;} 
.pop_download .btn_popclose:before{ position: absolute; top: 12px; left: 5px;  content: ''; display: block; width: 15px; height: 1px;  background: #fff;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);	}
.pop_download .btn_popclose:after{ position: absolute; top: 5px; left: 12px;  content: ''; display: block; width: 1px; height: 15px;  background: #fff;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);	}
@media all and (max-width:450px){
   .pop_download{width:85%;max-width:355px;margin-right:40px;}
   .pop_download .btn_popclose{right:-40px;width:40px;height:40px;}
   .pop_download .btn_popclose:before{top:19px;left:12px;}
   .pop_download .btn_popclose:after {top:12px;left:19px;}
   .pop_download ul	{padding:10px 15px;}
   .pop_download ul li{padding:10px 0 10px 10px;}
   .pop_download ul li:before{top:15px;}

}

.icn_attention{padding:8px 12px;margin-right:15px;background:#0b2d79;font-size:14px;color:#fff;}
@media all and (max-width:450px){
	.icn_attention{margin-right:5px;padding:4px 8px; font-size:1em;	}
}
.img_frame{position:relative; overflow:hidden;width:100%;height:0;padding-bottom:75%;}  
.img_frame img{position:absolute;top:0;bottom:0;left:0;right:0;display:block;margin-left:auto;margin-right:auto;}

/* 페이지 */
.paging{text-align:center;font-size:14px;}
.paging a{display:inline-block;vertical-align:middle;width:30px;height:30px;line-height:30px;margin:0 5px;border:1px solid #dddddd;text-align:center;color:#888888;border-radius:5px;}
.paging a.on{background:#0b2d79;color:#fff;border:1px solid #0b2d79;font-weight:bold;}
.paging a i{display:inline-block;vertical-align:middle;width:10px;height:11px;margin-top:11px;text-indent:-100000px;font-size:0;}
.paging a.fir{ background:url('../images/paging_fir.png') no-repeat 50% 50%;}
.paging a.prev{background:url('../images/paging_prev.png') no-repeat 50% 50%;}
.paging a.next{background:url('../images/paging_next.png') no-repeat 50% 50%;}
.paging a.last{background:url('../images/paging_last.png') no-repeat 50% 50%;}
@media all and (max-width:640px){  
	.paging a { width:20px;height:20px;line-height:20px; margin:0 0;}
}
				  
/* 영상리스트 */
.vod_list01{border-top:1px solid #333333;border-bottom:1px solid #dddddd;}
.vod_list01 > ul { margin: 0 -20px;}
.vod_list01 > ul:after{content:'';display:block;clear:both;}
.vod_list01 > ul > li {float:left;width:280px;padding:20px 0 35px;margin:0 20px;}
.vod_list01 > ul > li .img_frame{padding-bottom:71.4%;} 
.vod_list01 > ul > li .txts dt{overflow:hidden;margin:10px 0 15px;height:50px;line-height:25px;font-size:14px;color:#333;font-weight:bold;}	 
.vod_list01 > ul > li .txts dt a{ color:#333; }
.vod_list01 > ul > li .txts dd{color:#888888;}
.vod_list01 > ul > li .txts dd span{position:relative;}
.vod_list01 > ul > li .txts dd .icon_time{margin-right:5px;}	   
.vod_list01 > ul > li .txts dd .date{ padding-right:10px;margin-right:10px; }	
.vod_list01 > ul > li .txts dd .hit{ padding-right:10px;margin-right:10px; }
.vod_list01 > ul > li .txts dd .date:after,
.vod_list01 > ul > li .txts dd .hit:after{position:absolute;top:3px;right:0;content:'';display:inline-block;width:1px;height:10px;background: #e6e6e6;} 
@media all and (max-width:1200px){
	.vod_list01 > ul { margin: 0 0;}
	.vod_list01 > ul > li{width:31%;margin:0 1%;}
}
@media all and (max-width:640px){		
	.vod_list01 > ul > li{width:48%;margin:0 1%;padding:10px 0 20px;}
	.vod_list01 > ul > li .txts dd .date{display:block;padding-bottom:5px;}
	.vod_list01 > ul > li .txts dd .date:after{display:none;}
}				  
@media all and (max-width:350px){
	.vod_list01 > ul > li .txts dd span{display:block;padding-bottom:5px;}	 
	.vod_list01 > ul > li .txts dd .hit:after{display:none;}
}

/* view */
.view_w{border-top:1px solid #333333;}
.view_bx01{position:relative;padding:20px;border-bottom:1px solid #e6e6e6;line-height:22px;background: #f5f6f8;}
.view_bx01 dt{padding-right:160px;padding-bottom:16px;font-size:14px;color:#222;font-weight:bold}
.view_bx01 .writer_info{color:#888;} 
.view_bx01 .writer_info span{position:relative;}

.view_bx01 .writer_info .icon_time{margin-right:5px;}	   
.view_bx01 .writer_info .date{ padding-right:10px;margin-right:10px; }	
.view_bx01 .writer_info .hit{ padding-right:10px;margin-right:10px; }
.view_bx01 .writer_info .date:after,
.view_bx01 .writer_info .hit:after{position:absolute;top:3px;right:0;content:'';display:inline-block;width:1px;height:10px;background: #e6e6e6;} 
 
.view_bx01 .share{position:absolute;top:18px; right:20px}
.view_bx02 li{position:relative;padding:20px 140px 20px 20px;border-bottom:1px solid #e6e6e6;}
.view_bx02 li a{display:block;overflow:hidden;width:100%;}
.view_bx02 li .file_txt{font-size:13px;color:#333; }
.view_bx02 li .write{position:absolute;top:20px; right:45px; display:inline-block;width:100px;text-align:center; }	
.view_bx02 li .btn_down{position:absolute;top:15px; right:20px;width:25px;height:25px; display:inline-block; background:url('../images/btn_down.png') no-repeat ;  }  
.view_bx04{padding:20px;border-bottom:1px solid #e6e6e6;}
.view_bx04 .post_imgs{padding-bottom:60px;width:790px;margin:0 auto;}
.view_bx04 .flexslider .flex-direction-nav a{width:22px;height:35px;}
.view_bx04 .flexslider .flex-direction-nav .flex-prev{top:50%;left:0; margin-top:-10px; width: 20px; height: 20px; border-left: 1px solid #888888; border-bottom: 1px solid #888888; -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.view_bx04 .flexslider .flex-direction-nav .flex-next{top:50%; right:0; margin-top:-10px; width: 20px; height: 20px; border-left: 1px solid #888888; border-bottom: 1px solid #888888; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}
.view_bx04 #slider .flex-viewport{width:400px;margin:0 auto;}
.view_bx04 .flexslider .slides > li{margin:0;} 
.view_bx04 #slider .flex-direction-nav{display:none;}
.view_bx04 .flexslider{height:auto;}
.view_bx04 .flexslider .slides > li{height:auto;}
.view_bx04 .flexslider .slides img{height:auto;}
.view_bx04 #carousel{margin-top:20px;}
.view_bx04 #carousel .flex-viewport{width:700px;margin:0 auto;}	  
.view_bx04 #carousel .slides > li{margin-right:10px;}

.view_btn{ text-align:right;}
.view_btn a{display:inline-block;width:110px;line-height:40px;font-size:14px;font-weight:bold;text-align:center;border:1px solid #dddddd;color:#333;}
.view_btn a img{vertical-align:middle;}
.view_list{ border-top:1px solid #e6e6e6; }
.view_list dl{position:relative;border-bottom:1px solid #e6e6e6;} 
.view_list dt{position:absolute;top:0;left:0;width:124px;padding:20px 0;text-indent:20px;font-weight:bold; color:#333;}
.view_list dd{position:relative;padding:20px 115px 20px 165px;}
.view_list dd a{display:block; color:#555;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.view_list dd span{position:absolute;top:20px;right:20px;color:#333;}
@media all and (max-width:1200px){ 
	.view_bx04{overflow:auto;}
	.view_bx04 .post_imgs{width:100%;max-width:790px;}
	.view_bx04 #slider .flex-viewport{width:90%;max-width:700px;}
	.view_bx04 #carousel .flex-viewport{width:90%;max-width:700px;} 
}
@media all and (max-width:640px){ 
	.view_bx01{ padding:15px 10px;}
	.view_bx01 dt{padding-right:0;padding-bottom:10px; }	
	.view_bx01 .writer_info .date{ padding-right: 5px; margin-right: 5px;} 
	.view_bx01 .writer_info .hit{ padding-right: 5px; margin-right: 5px;}
	.view_bx01 .share{position:relative;right:auto;top:auto;padding-top:10px;text-align:right;}

	.view_bx02 li {padding:15px 140px 15px 10px;} 
	.view_bx02 li .write {top:15px;}
	.view_bx02 li .btn_down	{top:10px;right:10px;}

	.view_btn a{width:25%;}
	.view_list dt {width:80px;text-indent:10px;}
	.view_list dd{position:relative;padding:20px 115px 20px 80px;}
}
  
 
 
/* 뉴스레터, 기사칼럼 , 소개-이사진, 연차보고서 */
.list_boad02{}
.list_boad02 table{border-top:1px solid #333333;width:100%;table-layout:fixed;}
.list_boad02 thead th{padding:20px 0;border-bottom:1px solid #ddd; color:#333;font-size:14px;font-weight:bold;background: #f5f6f8;}
.list_boad02 tbody td{padding:20px; border-bottom:1px solid #ddd; text-align:center;color:#333; }
.list_boad02 tbody td.td_subject{padding-left:25px;text-align:left;font-size:14px; font-weight:bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} 
.list_boad02 tbody td.td_subject a{color:#333;}  
.list_boad02 .td_writer{  color:#f77629;}  
 @media all and (max-width:1200px){	 
	.list_boad02 .td_date{width:15%;}
	.list_boad02 .td_writer{width:15%;}
 }
 @media all and (max-width:640px){  
	.list_boad02 table{display:block;width:100%;}	
	.list_boad02 table thead{display:none;}
	.list_boad02 table tbody{display:block;;width:100%;}
	.list_boad02 table tr{display:block;width:100%;border-bottom:1px solid #ddd;padding:10px;}
	.list_boad02 table td{display:block;border-bottom:0;padding:5px 0;text-align:left;}
	.list_boad02 tbody td.td_subject{padding-left:0;font-size:1.2em;}
	.list_boad02 .td_date{width:auto;color:#888;}	
	.list_boad02 .td_date:before{content:'등록일 : ';}
	.list_boad02 .td_writer{width:auto; } 			  
	.list_boad02 .td_writer:before{content:'출처 : ';}

	 /* 연차보고서 */
	.list_boad02.list_report tr{position:relative;}									  
	.list_boad02.list_report td:nth-child(1){font-size:1.2em; font-weight:bold;}
	.list_boad02.list_report td:nth-child(2){position:absolute;top:15px;right:10px;}
 }



 
/* 라이브러리 */
.library_intro01{text-align:center;font-weight:bold;font-size:18px;line-height:34px;color:#333;}  
.library_intro01 span{display:block;}

.library_intro02{text-align:center; font-size:14px;line-height:22px;color:#333;}  
.library_intro02 span{display:block;}

.library_intro04{overflow:hidden;margin-top:-120px;padding:190px 0 55px;background: #f5f6f8;text-align:center;}
.library_intro04 dl{float:left;width:50%;box-sizing:border-box;}
.library_intro04 dl.time{border-right:1px solid #dfe1e7;}
.library_intro04 dl dt{position:relative;padding:20px;font-size:18px;font-weight:bold;color:#333;}	 
.library_intro04 dl dt:after{position:absolute;top:0; left:50%; margin-left:-15px; content:''; display:inline-block; width:30px;height:3px;background: #3d6edd; }
.library_intro04 dl dd{font-size:14px;line-height:22px;}
 @media all and (max-width:1200px){  
	.library_intro01 span{display:inline;}
	.library_intro02 span{display:inline;}
 }
 @media all and (max-width:640px){  
	.library_intro01{font-size:1.3em;line-height:2em;}
	.library_intro02{font-size:1em;line-height:1.6em;}
	.library_intro04{padding:160px 0 30px;}
	.library_intro04 dl{float:none;width:100%;padding-bottom:30px;}
	.library_intro04 dl dt	{padding:20px;font-size:1.3em;}
	.library_intro04 dl dd{font-size:1em;line-height:1.6em;}
 }

/* 통합검색 */
/* #tabs_search.ui-tabs .ui-tabs-nav{display:table;width:100%;table-layout:fixed;}
#tabs_search .ui-helper-clearfix:before, 
#tabs_search .ui-helper-clearfix:after{display:none;}
#tabs_search.ui-tabs .ui-tabs-nav li{float:none;display:table-cell;text-align:center;}
#tabs_search.ui-tabs .ui-tabs-nav .ui-tabs-anchor{display:block;float:none;padding:15px 0;font-size:16px;} */
#tabs_search .tab_bx{display:table;width:100%;table-layout:fixed; background: rgb(238, 238, 238);font-weight: bold;}											 
#tabs_search .tab_bx li{display:table-cell;text-align:center;} 												 
#tabs_search .tab_bx li a{display:block; padding:15px 0;font-size:16px;color:#444;}  									 
#tabs_search .tab_bx li.active{ background: rgb(61, 110, 221);}											 
#tabs_search .tab_bx li.active a{ color:#fff;}
.researcher_list{border-top:1px solid #333333;}	
.researcher_list li{padding:15px 25px;border-bottom:1px solid #ddd;font-size:14px; line-height:25px; } 
.researcher_list li span{display:inline-block;margin-right:25px;}
.researcher_list li a{position:relative;display:inline-block;padding-right:42px;margin-left:25px;} 
.researcher_list li a i{position:absolute;top:0;right:0;display:inline-block;width:25px;height:25px;border:1px solid #3d6edd;} 
.researcher_list li a i:before{position: absolute; top: 11px; left: 4px; content: ''; display: block; width: 15px; height: 1px; background: #3d6edd; }	   
.researcher_list li a i:after{position: absolute; top: 4px; left: 11px; content: ''; display: block; width: 1px; height: 15px; background: #3d6edd;  }
.search_category{display:table;width:100%;table-layout:fixed;}
.search_category li{display:table-cell; padding: 0 2px;text-align:center;font-weight: bold;}
.search_category li a{display:block;padding:10px 0;border:1px solid #cccccc;box-sizing:border-box;}
.search_category li span{display:block;font-size:15px;}
.search_category li em{display:block;font-size:12px;}
.search_category li.active a{border:2px solid #3d6edd;padding:9px 0;}		  
.search_category li.active em{color:#3d6edd;}
.search_keyword{padding:40px;text-align:center;background:#ecf2ff;font-size:18px;}
.search_keyword em{color:#3d6edd; font-weight: bold;}
.search_list_wrap{position:relative;}
.search_list_wrap .view_option{position:absolute;top:-8px;right:0;}
 @media all and (max-width:640px){  
	#tabs_search.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:10px 0;font-size:1.2em;}
	#tabs_search .tab_bx li a  {font-size:1.2em;}
	.search_keyword{padding:20px;font-size:1.2em;}
	.search_category{display: flex;flex-wrap: wrap;}   
	.search_category li{display: flex; width:33.3333%;margin-bottom:4px;}
	.search_category li a{width:100%;}
	.search_category li span{ font-size:1.1em;}	
	.search_category li em{ font-size:0.9em;}
 }

/* 개인정보취급방침 */
.clause_desc{font-size:14px;}
.clause_bx{background: #f6f6f6;border:1px solid #ddd;}

/* 이메일무단수집거부 */
.email_bx{padding:50px;text-align:center; border:1px solid #ddd;font-size:14px;line-height:25px;} 
.email_bx span{display:block;}
.email_bx i{display:inline-block;width:100%;height:49px;margin-bottom:25px;background:url("../images/icon_email.png") no-repeat 50% 0; color:#333;}
 @media all and (max-width:640px){  
	.email_bx span{display:inline;font-size:0.9em;line-height:1.4em;word-wrap: break-word; word-break: keep-all;}
 }						 
 @media all and (max-width:450px){ 
	.email_bx i{height:30px;background-size: auto 30px ;margin-bottom:15px;}
	.email_bx{padding:30px;}
}

/* 사이트맵 */ 
.sitemap dt{padding-bottom:15px; font-size:18px; font-weight:bold; color:#333;}
.sitemap dd{overflow:hidden;width:100%;padding:5px 0; border-top:1px solid #000; border-bottom:1px solid #e6e6e6; font-size:14px; display: flex; flex-wrap: wrap;} 
.sitemap dd div{ display: flex;/* float:left; */width:20%;padding:10px 0;text-align:center;}	 
.sitemap dd div a{display:block;width:100%;padding:10px;border-radius:4px;word-wrap: break-word; word-break: keep-all;}	 
.sitemap dd div a:hover{background: #f77629; color:#fff;}
.sitemap dd div a span{display:block;} 
@media all and (max-width:850px){	
	.sitemap dd div{width:33%;}		  
	.sitemap dd div a span{display:inline;} 
}
@media all and (max-width:640px){
  	.sitemap dd{font-size:.9em;}
}	 
@media all and (max-width:450px){
  	.sitemap dd div{width:50%;padding:5px 0;}	
}
 
/* 인사말 */
.greeting_bx{color:#333;font-size:14px;} 
.greeting_top{padding:150px 50% 50px 60px;background: #f5f6f8;font-size:25px;line-height:1.9em;font-weight:bold;}	
.greeting_top em{padding:150px 50% 50px 60px;background: #f5f6f8;font-size:22px;line-height:1.9em;} 
.greeting_middle{position:relative;padding:90px 60px 0 60px;line-height:2.5em;letter-spacing:-1px;  word-wrap: break-word; word-break: keep-all;}
.greeting_middle p{font-size:22px;line-height:1.9em;font-weight:bold;} 
.greeting_middle:before{position:absolute;top:60px;left:60px;content:'';display:block;clear:both;width:50px; height:3px; background: #3d6edd;}
.greeting_middle:after{content:'';display:block;clear:both;}
.greeting_middle img{float:right; margin:-320px 0 50px 50px;box-shadow:5px 5px 10px 5px rgba(0,0,0,.1);
-webkit-box-shadow: 5px 5px 10px 5px rgba(0,0,0,.1);}
.greeting_middle em	{display:block;font-weight:bold;font-size:18px;}	
.greeting_bx02	.greeting_middle:before{background:#f77629;} 
.greeting_bottom{position:relative;padding:10px 60px 0 60px}
.greeting_bottom img{padding-left:20px;}
@media all and (max-width:1200px){ 
	.greeting_middle img{width:45%;}
}								   
@media all and (max-width:640px){
	.greeting_bx{ font-size:1em;} 
	.greeting_top{padding:100px 50% 30px 30px; font-size:1.4em;line-height:2em;}
	.greeting_middle{ padding:50px 30px 0 30px;}
	.greeting_middle:before{top:30px;left:30px;}
	.greeting_middle img{ margin:-220px 0 30px 30px }
	.greeting_middle em	{display:inline;font-size:1.2em;}
	.greeting_bottom img{width:80px;}
}

@media all and (max-width:450px){
	.greeting_top{padding-top:50px;}
	.greeting_middle img{ margin-top:-180px}
}

/* 개관 */
.etb_bx{color:#333;  word-wrap: break-word; word-break: keep-all;font-size:14px; } 
.etb_bx p{line-height:22px;} 
.etb_bx .blet{ display: inline-block; width: 8px; height: 8px; margin:0 5px 0 3px ; border-left: 1px solid #888888;  border-bottom: 1px solid #888888; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg);}

.establish01{padding:50px;background:url('../images/bg_establish.jpg') no-repeat;}
.establish01 .inner{position:relative;padding:45px 50px;}
.establish01 .inner > div{position:relative; z-index:1;}
.establish01 .inner:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background: #fff;opacity:0.95;z-index:0;}
.establish01 p span{float:left;font-size:38px;font-weight:bold;color:#0b2d79;padding:0 10px 10px 0;line-height:42px;}

.establish02{overflow:hidden;width:100%; }
.establish02 li{float:left;width:164px;margin-right:25px;text-align:center;}
.establish02 li.last{margin-right:0;}
.establish02 li i{display:inline-block;width:80px;height:80px;border-radius:50%;margin:0 auto;background: #fff;}
.establish02 li span{display:block;height:136px;margin-top:-40px; padding:60px 10px 20px;border-radius:3px;background:#3d6edd; font-size:13px; line-height:20px;color:#fff; box-sizing:border-box;}

.establish03:after{content:'';display:block;clear:both;}
.establish03 p{position:relative;float:left;vertical-align:top;width:160px;height:160px;box-sizing:border-box;padding:0 20px;margin:0 35px;background: url('../images/bg_step.png') no-repeat;text-align:center;}	 
.establish03 p:after{position:absolute;top:50%;right:-50px;margin-top:-15px;content:'';display:inline-block;width:30px;height:30px;background: url('../images/blet_step.png') no-repeat;}
.establish03 p.last:after{display:none;}
.establish03 p i{display:block;padding:20px 0 10px 0;font-family:'Roboto';font-style:normal;color:#3d6edd;font-size:12px;border-bottom:1px solid #dddddd;}
.establish03 p i em{display:block;font-weight:900;font-size:30px;}							   	 
.establish03 p span{display:block;padding:15px 10px 0;}

.establish04 {padding:50px 20px;background: url('../images/bg_business.jpg') no-repeat;}
.establish04 ul{overflow:hidden;width:100%;}
.establish04 ul li{float:left;width:20%;text-align:center;color:#fff;}
.establish04 ul li i{display:block;width:90px;margin:0 auto 15px;}				   
.establish04 ul li span{display:block;width:100px;margin:0 auto;}

.es_w{overflow:hidden;width:100%;}
.es_w .es_l{float:left;width:440px;}				
.es_w .es_r{float:right;width:440px;}	
																		    
.establish06{position:relative;height:390px;background: url('../images/bg_business03.jpg') no-repeat;box-sizing:border-box;text-align:center;color:#fff;padding:130px 50px 0 50px;}
.establish06:before{position:absolute;top:93px;left:50%;margin-left:-30px;content:'';width:60px;height:3px;display:inline-block;background: #fff;}
.establish06 p{}						
@media all and (max-width:1200px){
	.establish01{background-size:cover ;}
	.establish02 li{width:18%;margin:0 1%;}
	.establish02 li span{/* min-height:136px;height:auto; */}  
	.establish03{width:920px;margin-left:auto;margin-right:auto;} 
	.establish04{background-size:cover ;}
	.es_w .es_l{ width:48%;}				
	.es_w .es_r{ width:48%;}

	.establish05{background: #f8f8f8;text-align:center;}
	.establish06{background-size:cover ;background-position: 50% 50% ;}

}		 	
@media all and (max-width:920px){
	.establish02 li{width:31%; }
	.establish03{width:100%;max-width:460px;margin-left:auto;margin-right:auto;}
	.establish03 p{  margin-bottom:20px ;}
	.establish03 p:after {right: -55px;}
	.establish03 p:nth-child(2):after{right:auto;left:-60px;top:auto;bottom:-30px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg);	}
	 
	
	.es_w .es_l{ width:100%;}				
	.es_w .es_r{ width:100%;}
	.establish06{height:auto;padding-bottom: 50px;}
}
@media all and (max-width:640px){
	.establish01{padding:25px; }
	.establish01 .inner{ padding:20px;}
	.establish01 p span{font-size:2.2em;padding:0 5px 0 0;line-height:1.3em;}
	.establish02 li{width:48%; }
	.establish02 li i {width:50px;height:50px;}
	.establish02 li span{height:115px;margin-top:-25px;padding:40px 10px 20px;font-size:1em;}

	.establish04 {padding:20px;}
	.establish04 ul li{position:relative; width:50%;text-align:left;padding-left:40px;margin:5px 0;}
	.establish04 ul li i{position:absolute;top:0;left:0;width:30px;}  
	.establish04 ul li span{width:auto;line-height:30px;}
	.etb_bx{font-size:1em;}
	.etb_bx p{line-height:1.8em} 
	.etb_bx .blet {width: 5px; height: 5px;} 
}
@media all and (max-width:450px){

	.establish03 p{background-size:100% 100%;width:120px;height:120px;margin:0 15px 15px 15px;}
	.establish03 p i{padding:12px 0 5px 0;}
	.establish03 p i em{font-size:20px;}
	.establish03 p span{padding:8px 0 0;}	
	.establish03 p:after {right: -25px;width:20px; height:20px;background-size:100% 100% ;}
	.establish03 p:nth-child(2):after{left:-25px;bottom:-15px;}
	.establish04 ul li{position:relative; width:auto; float:none;}
	
}
/* 연혁 */
.history_dl{overflow:hidden;width:100%;position:relative;padding-bottom:15px;}
.history_dl:before{content:'';width:1px; position:absolute;top:65px;bottom:0;left:50%;display:inline-block;background: #dfe1e7;}
.history_dl dt{padding-bottom:55px;font-family:'Roboto'; font-weight:700;font-size:40px;text-align:center;color:#333333;}
.history_dl dd {position:relative; width:50%; padding-bottom:10px;box-sizing:border-box;}
.history_dl dd:before{content:'';width:5px; height:5px; position:absolute;top:14px; display:inline-block;background: #3d6edd;border-radius:50%;}
.history_dl dd span{display:inline-block;width:120px;height:34px;line-height:32px;text-align:center;border:1px solid #dddddd;color:#3d6edd;font-weight:bold;border-radius:17px;} 
.history_dl dd.dd01{margin-right:50%;padding-right:180px;float:left; text-align:right;}				  
.history_dl dd.dd01 span{position:absolute;right:36px;top:0;}	
.history_dl dd.dd01:before{ right:-3px;} 
.history_dl dd.dd02{margin-left:50%;padding-left:180px;float:right;}  		
.history_dl dd.dd02 span{position:absolute;left:36px;top:0;} 	
.history_dl dd.dd02:before{ left: -2px;} 
.history_dl dd p{padding:6px 0;font-size:14px; line-height:22px;  word-wrap: break-word; word-break: keep-all;}
@media all and (max-width:640px){
	.history_dl {padding-bottom:0;}
	.history_dl dt{padding-bottom:40px;font-size:2em;text-align:left;}
	.history_dl:before{left:10px;}
	.history_dl dd{width:auto;}
	.history_dl dd.dd01{margin-right:0;padding-left:160px;padding-right:0;float:none;text-align:left;} 
	.history_dl dd.dd01 span{right:auto;left:25px;}	
	.history_dl dd.dd01:before{ right:auto;left:8px;} 
	.history_dl dd.dd02{margin-left:0;padding-left:160px;float:none; }		   
	.history_dl dd.dd02 span{ left:25px;}		
	.history_dl dd.dd02:before{ left:8px;} 
	.history_dl dd p{font-size:1em;}
}
@media all and (max-width:350px){
	.history_dl dd.dd01{ padding-left:140px;  }	
	.history_dl dd.dd02{ padding-left:140px;  }
	.history_dl dd span{width:100px;}
}			

/* 이사진 */
.director_wrap:after{content:'';clear:both;display:block;}		 
.director_wrap .director{float:left;width:293px; margin:0 20px 40px 0; }
.director_wrap .director.nth3{margin-right:0;}
.director_wrap .director .name{padding:15px 0;background: #0b2d79;color:#fff;text-align:center;border-radius:3px 3px 0 0 ;}
.director_wrap .director .name span{display:block;font-size:15px;border:2px }								 	   
.director_wrap .director .name em{display:block;font-size:18px;padding-top:10px;font-weight:bold;}	 
.director_wrap .director .career{height:230px;padding: 20px;border:1px solid #dddddd;border-radius:0 0 3px 3px; box-sizing:border-box;}
.director_wrap .director .career .tit{padding:0 0 8px;font-size:14px;font-weight:bold;color:#333;}
.director_wrap .director .career ul{height:120px; font-size:12px;color:#888; }									   
.director_wrap .director .career ul li{position:relative;line-height:18px;padding:3px 0 3px 13px;}
.director_wrap .director .career ul li:before{ position: absolute; top: 10px; left: 0; content: ''; display: block; width: 3px; height: 3px; background: #f77629;}
.director_wrap .director .career .date{ font-size:12px;color:#888; }	
@media all and (max-width:1200px){ 
	.director_wrap .director{width:31%;margin:0 1% 20px 1%}
}
@media all and (max-width:750px){
	.director_wrap .director{width:48%;}
}				 
@media all and (max-width:550px){
	.director_wrap .director{float:none; width:100%; margin:0 0 10px 0;display:table;}
	.director_wrap .director .name{display:table-cell;width:110px;} 
	.director_wrap .director .career{display:table-cell;height:auto;}
	.director_wrap .director .career ul{height:auto; padding-bottom:15px;}

}



.list_director .career{text-align:left;}   
.list_director .career ul li{position: relative;padding:9px 0 9px 14px;} 
.list_director .career ul li:before{ position: absolute; top: 14px; left: 0; content: ''; display: block; width: 4px; height: 4px; background: #0b2d79;}
@media all and (max-width:640px){  
	.list_boad02.list_director td:nth-child(1) {font-weight:bold;}	
	.list_boad02.list_director td:nth-child(2) {font-weight:bold;font-size:1.2em;}
	.list_boad02.list_director td:nth-child(4):before{content:'임기(최초선임일) : ';}  
	.list_boad02.list_director td:nth-child(4)> div{display:inline;} 
	.list_director .career ul li{padding:5px 0 5px 14px;}
	.list_director .career ul li:before{top:10px;}
}

.tit_h4{padding-left:25px;font-size:19px;font-weight:bold;background:url('../images/blet_h4.png') no-repeat 0 3px;color:#333333;}	  
.tit_h5{ font-size:18px;font-weight:bold; color:#333333;}	
.f_blue	{color:#3d6edd !important;}
.f_org {color:#f77629 !important;}
.f_pink	{color:#f24289 !important;}	 
.f_red	{color:#c82e2e !important;}

.icon_line3{width:24px;height:24px;line-height:22px;border-radius:12px;color:#fff;background: #ff7300;margin-right:5px;}
.icon_line8{width:24px;height:24px;line-height:22px;border-radius:12px;color:#fff;background: #f24289;margin-right:5px;}
.icon_line_pk{width:62px;height:24px;line-height:22px;border-radius:12px;color:#fff;background: #c82e2e;margin-right:5px;}
@media all and (max-width:640px){
.icon_line3{width:20px;height:20px;line-height:20px;}		
.icon_line8{width:20px;height:20px;line-height:20px;}
.icon_line_pk {height:20px;line-height:20px;}
}
.list_type02 li{position:relative;padding:5px 0 15px 12px;}								 	 	
.list_type02 li:after{position: absolute; top: 10px; left: 0; content: ''; display: block; width: 4px; height: 4px; background: #c0c0c0; }
@media all and (max-width:640px){
	.tit_h4{padding-left:20px;font-size:1.4em;background-size:12px 12px;}
	.tit_h5{font-size:1.3em;}
	.list_type02 li{padding:3px 0 10px 12px;}	
	.list_type02 li:after{top:8px;}
}

/* 조직도 */
.org_bx02{text-align:center;}

.org_bx {position:relative;text-align:center;background:url('../images/bg_org.png') no-repeat  50% top;} 
.org_bx h1{margin-bottom:80px;}
.org_bx h1 a{display:inline-block;text-align:center;width:140px; height:140px; line-height:140px; font-size:22px;font-weight:bold;color:#fff;background: #0b2d79;border-radius:50%;}
.org_bx h2{margin-bottom:80px;} 
.org_bx h2 a{display:inline-block;text-align:center;width:110px; height:110px; line-height:110px; font-size:16px;font-weight:bold;color:#fff;background: #3d6edd;border-radius:50%;}
.org_bx h2.h2_left{position:absolute;top:15px;left:50%;margin-left:-260px;}		   
.org_bx h2.h2_right{position:absolute;top:125px;left:50%;margin-left:150px;}
.org_bx h3{margin-bottom:80px;}
.org_bx h3 a{display:inline-block;text-align:center;width:200px; height:50px; line-height:50px; font-size:16px;font-weight:bold;color:#3d6edd;background: #fff;border:2px solid #3d6edd;border-radius:25px;}
.org_bx h3.h3_left{position:absolute;top:410px;left:50%;margin-left:-340px;}		   
.org_bx h3.h3_right{position:absolute;top:410px;left:50%;margin-left:140px;}	
.org_bx ul{ overflow: hidden; width:800px; margin:0 auto; }
.org_bx ul li{ float: left; width: 10%; text-align: center;} 
.org_bx ul li span{display:table;table-layout:fixed;width:50px;height:300px; margin:0 auto; vertical-align:middle;border-radius:25px;font-size:14px;line-height:2em;}	
.org_bx ul li span.lab{background: #d9dfea;} 				 
.org_bx ul li span.center{background: #f5f6f8;} 
.org_bx ul li span a{display:table-cell;width:100%;height:300px;padding:15px;}
@media all and (max-width:800px){  
	.org_bx ul{ width:100%; }
	.org_bx h3.h3_left{margin-left:-310px;}
	.org_bx h3.h3_right{margin-left:110px;} 
}
@media all and (max-width:650px){ 
	.org_bx{background-size:600px auto ;	 }
	.org_bx h1{margin-bottom:60px;}
	.org_bx h1 a {width:100px; height:100px; line-height:100px; font-size:0.9em;}
	.org_bx h2{margin-bottom:60px;}
	.org_bx h2 a  {width:80px; height:80px; line-height:80px; font-size:0.9em;}
	.org_bx h2.h2_left{margin-left:-180px;}										
	.org_bx h2.h2_right{top:90px;margin-left:100px;}
	.org_bx h3{margin-bottom:50px;}					 
	.org_bx h3 a{width:100px;height:40px; line-height:35px;font-size:0.9em;}
	.org_bx h3.h3_left{top:300px;margin-left:-160px;}	
	.org_bx h3.h3_right{top:300px;margin-left:60px;}
	.org_bx ul li{ width: 50%;margin-bottom:10px;}
	.org_bx ul li span{display:block;width:90%; height:auto;margin:0 auto;font-size:1em;}  
	.org_bx ul li span a{display:block;width:auto;height:auto;padding:10px;} 
}		
@media all and (max-width:400px){	
	.org_bx h2.h2_left{margin-left:-150px;}	
	.org_bx h2.h2_right{margin-left:70px;}	 
}


.org_part_w{border-top:1px solid #333333; }
.org_part_w .org_tr{overflow:hidden;width:100%;border-bottom:1px solid #dddddd;}
.org_part_w .org_tr .org_td{float: left;width:50%;}
.org_part_w .org_tr .org_td .org_td_in{display:table;table-layout:fixed;width:100%;}
.org_td .pic{display:table-cell;width:140px;vertical-align:top;padding:30px 0;}
.org_td .pic .thumb_bx{width:112px;}
.org_td .pic .thumb_bx > a,
.org_td .pic .thumb_bx > span{padding-bottom:133.9%;}
.org_td dl{display:table-cell; vertical-align:middle;padding:30px 10px 30px;color:#333;}
.org_td dl dt{position:relative;margin-bottom:10px;padding:0 0 12px 0;  font-size:18px;font-weight:bold;}
.org_td dl dt:after{position:absolute;bottom:0;left:0;content:'';width:20px;height:3px;display:inline-block;background: #f77629;}
.org_td dl dt a{color:#222;}
.org_td dl dt .btn_view{position:absolute;top:8px;right:0;}
.org_td dl dd{line-height:22px;}
.org_td dl dd span{color:#0b2d79;} 
@media all and (max-width:640px){ 
	.org_part_w .org_tr{border-bottom:0;}
	.org_part_w .org_tr .org_td{float:none;width:100%;border-bottom:1px solid #dddddd;}
	.org_td dl dt {font-size:1.4em;}
}	   
@media all and (max-width:450px){ 
	.org_td .pic{ width:120px; padding:20px 0;}
	.org_td dl{ padding:20px 10px 20px}
}

.org_view01{ border-top:1px solid #333333; }
.org_view01_in{position:relative;padding:; }
.org_view01 .pic{position:absolute;top:30px;left:30px; width:112px; } 
.org_view01 .pic .thumb_bx > a,
.org_view01 .pic .thumb_bx > span{padding-bottom:133.9%;}
.org_view01 dl{ }
.org_view01 dl dt{background: #fff; padding:50px 280px 20px 175px; color:#222;font-weight:bold;font-size:20px;}
.org_view01 dl dd{background: #c4ac9e;padding:20px 30px 20px 175px;color:#fff;font-size:14px;line-height:28px; } 
.org_view01 .go_btn{position:absolute;top:28px;right:30px;}
.org_view01 .go_btn .btn_icon{padding:0 15px;}
.org_view02	{ padding:35px 30px 0 30px;border-bottom:1px solid #e7e7e7;}
.org_view02 dl{ padding-bottom:35px;}
.org_view02 dl dt{position:relative;padding:0 0 15px 35px; color:#222;font-weight:bold;font-size:18px;}
.org_view02 dl dt:after{position:absolute;top:10px;left:0;content:'';width:20px;height:3px;display:inline-block;background: #f77629;}
.org_view02 dl dd{ font-size:14px;line-height:25px;}
.org_view02 dl dd li{padding-left:12px;;background:url('../images/inc/blet_gray02.gif') no-repeat 0 9px;}
@media all and (max-width:640px){ 
	.org_view01 .go_btn{position:relative;top:auto;right:auto;text-align:right;padding:20px 0 0 0 ;}	 
	.org_view01 .pic{ left:20px;   } 
	.org_view01 dl dt{padding:20px 0 10px 155px; font-size:1.4em;}							
	.org_view01 dl dd{padding:10px 10px 20px 155px;font-size:1em;line-height:1.8em;}
	.org_view01 .go_btn .btn_icon{padding:0 10px;font-size:1em;}
	.org_view02	{ padding:25px 20px 0 20px;}
	.org_view02 dl{ padding-bottom:25px;}
	.org_view02 dl dt{padding:0 0 10px 25px; font-size:1.4em;}
	.org_view02 dl dt:after{width:15px;}
	.org_view02 dl dd{ font-size:1em;line-height:1.7em;}

}
@media all and (max-width:350px){ 
	.org_view01 .pic{ left:10px; top:50px;   } 
	.org_view01 .go_btn .btn_icon{letter-spacing:-1px;}
	.org_view01 dl dt{padding:20px 0 10px 140px;}
	.org_view01 dl dd{padding:10px 10px 20px 140px;}
}

/* 후원회원 모집 */
.supporter01{font-size:14px;line-height:22px;  word-wrap: break-word; word-break: keep-all;}
.supporter02{padding:30px;background: #f5f6f8;border:1px solid #dfe1e7;font-size:14px;text-align:center;} 
.supporter03{font-size:14px;} 
.supporter03 .special{margin-left:-12px; }																   
.supporter03 .special:after{content:'';display:block;clear:both;}
.supporter03 .special p{float:left;width:210px;margin-right:25px;padding-bottom:20px;}	
.supporter03 .special p.nth4{margin-right:0;}
.supporter03 .special p span{display:block;padding-top:15px;}
.supporter03 .count{margin-left:-12px; padding:30px 0; border:1px solid #dddddd;color:#333;}	 
.supporter03 .count:after{content:'';display:block;clear:both;}
/*.supporter03 .count p{float:left; width:33.3%; box-sizing:border-box; padding:0 27px;border-right:1px solid #ddd;}	*/
.supporter03 .count p{float:left; width:33.3%; box-sizing:border-box; padding:0 27px;}
.supporter03 .count p.last{border:0;}
.supporter03 .count p span{display:block; }																			  	 
.supporter03 .count p span.num{padding:10px 0;font-size:20px;font-weight:bold;  }
.supporter03 .join_cs p{display:inline-block; margin-right:60px;}
.supporter03 .join_cs p img{margin-right:10px;}
								 
@media all and (max-width:1200px){
	.supporter03 .special p{float:left;width:31%;margin:0 1%;}
	.supporter03 .special p.nth4{margin:0 1%;}
	.supporter03 .count p{ padding:0 15px; }
	.supporter03 .count p span.num{font-size:1.4em;}

}

@media all and (max-width:640px){
	.supporter01{font-size:1em;line-height:1.6em;}
	.supporter02{padding:20px;font-size:1em;line-height:1.8em;}
	.supporter03{font-size:1em;} 
	.supporter03 .special p{ padding-bottom:10px;}	
	.supporter03 .special p span{ padding-top:8px;}

	.supporter03 .count{ padding:0 20px; }
	.supporter03 .count p{float:none;width:100%; padding:20px 0;border-right:0;border-bottom:1px solid #ddd;}
	.supporter03 .join_cs p{display:block; margin-right:0;margin-bottom:5px;}								  
	.supporter03 .join_cs p img{width:20px;margin-right:5px;}
	
}

/* 찾아오시는길 */
.location_map_bx{position:relative;}	
.location_map_bx .map_info {position:absolute;left:30px;right:30px;bottom:30px;border-radius:5px;background: #0b2d79;z-index:10;text-align:center;color:#fff;font-size:15px;padding:30px 0;}	
.location_map_bx .map_info span{display:inline-block;padding:0 15px;}
.location_map_bx .map_info span i{padding-right:10px;}
.location_map_bx .mapframe .root_daum_roughmap{width:100%;}
.location_map_bx .mapframe .wrap_map{ height:auto;  }
.location_map_bx .root_daum_roughmap .map {height:0;padding-bottom:65%;}
				
.location_txt_bx {overflow:hidden;width:100%;}
.location_txt_bx dl{width:420px;}
.location_txt_bx .traffic{float:left;}	
.location_txt_bx .self_driving{float:right;}

.location_txt_bx dl dt{padding-bottom:25px;font-size:18px;font-weight:bold;color:#222;border-bottom:2px solid #333333;}
.location_txt_bx dl dt i{padding-right:15px;}
.location_txt_bx dl dd{padding:23px 0;border-bottom:1px solid #ddd; line-height:25px;font-size:14px;}
.location_txt_bx dl dd .tit{position:relative;padding:0 0 10px 13px; font-size:15px;font-weight:bold;color:#333;}
.location_txt_bx dl dd .tit:before{position: absolute; top: 10px; left: 0; content: ''; display: block; width: 4px; height: 4px; background: #0b2d79; }
@media all and (max-width:1200px){
	.location_txt_bx dl{width:48%; }
	.location_txt_bx dl dt{letter-spacing:-1px;} 
	.location_map_bx .map_info{padding:20px 0;}
	.location_map_bx .map_info span{padding:10px 15px;}	 
	.location_map_bx .map_info .addr{display: block; }
}
@media all and (max-width:640px){		 
	.location_map_bx .map_info {position:relative;left:auto;right:auto;bottom:auto;border-radius:0;padding:20px 10px;font-size:1.1em;}
	.location_map_bx .map_info img{width:18px;}
	.location_map_bx .map_info span{display:block; padding:5px 0;}
	.location_txt_bx dl{width:100%;margin-bottom:30px; }
	.location_txt_bx dl dt{padding-bottom:15px;font-size:1.4em;}
	.location_txt_bx dl dt i{padding-right:10px;}	  
	.location_txt_bx dl dt i img{height:25px;}
	.location_txt_bx dl dd{padding:15px 10px;font-size:1em;}
	.location_txt_bx dl dd .tit{font-size:1.1em;padding-bottom:5px;}
}


/* 검색 */
.list_boad_lbr{}
.list_boad_lbr table{border-top:1px solid #333333;width:100%;table-layout:fixed;} 
.list_boad_lbr tbody th{padding:10px 20px;border-bottom:1px solid #ddd; color:#333;font-size:14px;font-weight:bold;background: #f5f6f8;text-align:left;}
.list_boad_lbr tbody td{padding:10px 20px; border-bottom:1px solid #ddd; color:#333; } 
.list_boad_lbr select{ height:40px;border:1px solid #ddd;}  			  		
/* .list_boad_lbr tbody th select{width:100%; }  */
.list_boad_lbr tbody th .SumoSelect{width:100%; }
.list_boad_lbr .SelectBox{line-height:40px;}
.list_boad_lbr .SumoSelect.open > .optWrapper{top:39px;}
.list_boad_lbr .SumoSelect > .optWrapper > .options li.opt{padding:7px 5px 7px 15px;}
.list_boad_lbr .w160 .SumoSelect{width:160px;}
.list_boad_lbr .w300 .SumoSelect{width:300px;}
.list_boad_lbr .inp{ height:40px; line-height:45px; }  									  
.list_boad_lbr .btn_mark{ height:40px; line-height:40px; width:150px;} 
.list_boad_lbr .sc01{position:relative;padding:0 160px 0 0;}
.list_boad_lbr .sc01 .inp{width:100%;}
.list_boad_lbr .sc01 .btn_mark{position:absolute;top:0;right:0;}   
.list_boad_lbr .sc02:after{content:'';clear:both;display:block;}
.list_boad_lbr .sc02 .sp04{float:left;width:25%;line-height:40px;}		
 
.list_boad_lbr .sc01_2{position:relative;padding:0 160px 0 0;}
.list_boad_lbr .sc01_2 .inp{width:60%;}
/* .list_boad_lbr .sc01_2 select{float:right;width:38%;} */
.list_boad_lbr .sc01_2 .SumoSelect{float:right;width:38%;}
.list_boad_lbr .sc01_2 .btn_mark{position:absolute;top:0;right:0;}   
 
.list_boad_lbr .sc01_3{position:relative;padding:0 110px 0 170px;}
.list_boad_lbr .sc01_3 .inp{width:100%;} 						   
.list_boad_lbr .sc01_3 select{position:absolute;top:0;left:0;}  
.list_boad_lbr .sc01_3 .btn_icon{position:absolute;top:0;right:0;}   

.list_boad_lbr .sc01_4{width:270px;}	   
.list_boad_lbr .sc01_4 .btn_icon{float:right;}
 
 @media all and (max-width:640px){ 
	.list_boad_lbr table{ table-layout:inherit;} 
	.list_boad_lbr tbody th{width:30% !important; padding:10px 10px;} 
	.list_boad_lbr tbody td{width:70% !important;}  
	.list_boad_lbr .sc01{padding:0;}
	.list_boad_lbr .sc01 .btn_mark{position:relative;top:auto;right:auto;width:100%;margin-top:5px;}   
	.list_boad_lbr .sc02 .sp04{display:block;float:none;width:100%;line-height:30px;}
	.list_boad_lbr .sc03 .inp{width:37%;}											 
	/* .list_boad_lbr .sc04 select{width:100%;}   									 
	.list_boad_lbr .sc05 select{width:100%;} */	 	
	.list_boad_lbr .sc01_2{position:relative;padding:0 0 0 0;} 
	.list_boad_lbr .sc01_2 .btn_mark{position:relative;top:auto;right:auto;width:100%;margin-top:5px;}  
	.list_boad_lbr .w160  {width:100%;}													    			 
	.list_boad_lbr .w300  {width:100%;}													    
	.list_boad_lbr .w300 .SumoSelect{width:100%;}
	.list_boad_lbr .w160 .SumoSelect{width:100%;}

 }


/* 관련기관 */
.list_library.list_boad02 table{table-layout:inherit;}
.list_library.list_boad02 table tbody .th_01{width:180px;padding: 20px;vertical-align: top; text-align: left;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;}
.list_library.list_boad02 table tbody .th_02{width:300px;border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.list_library.list_boad02 table tbody td{word-wrap:break-word;word-break:break-all}
@media all and (max-width:640px){
	.list_library.list_boad02 table{border-top:;}
	.list_library.list_boad02 table thead{display:none;} 
	.list_library.list_boad02 table{display:block;}					 
	.list_library.list_boad02 table tbody,
	.list_library.list_boad02 table tbody tr,  
	.list_library.list_boad02 table tbody th,
	.list_library.list_boad02 table tbody td{display:block; }
	.list_library.list_boad02 table tr{border-bottom: 1px solid #ddd;padding:0;}		
	.list_library.list_boad02 table tbody .th_01{border:0; width:100%;border-bottom: 1px solid #ddd;padding:10px;background: #eee; font-size:1.1em; font-weight: bold;}
	.list_library.list_boad02 table tbody .th_02{border:0; width:100%;text-align:left;padding:10px 10px 0 10px;}
	.list_library.list_boad02 table tbody td { padding:0 10px 10px 10px;}
	.list_library02.list_boad02 table tbody td { padding: 10px;}
	
}

/* 바구니 */
.basket_bx{position:relative;padding-top:10px;}
.basket_bx .list_info{padding-bottom:24px;}
.basket_bx .basket_btn{position:absolute;top:0;right:0;}
.basket_bx .basket_btn a{padding:0 15px;line-height:32px;border:1px solid #cbcbcb;}
.no_data_bx{padding:115px 0;text-align:center;border-top:1px solid #0d3a6c;border-bottom:1px solid #b2b2b2;} 

.list_boad01 li .checkb{position:absolute;top:20px;right:20px;}
.lib_con{overflow:hidden;width:100%;padding: 20px;box-sizing:border-box;}
.lib_result{float:left;line-height:24px;}
.lib_result span{color:#222; font-weight:bold;}
.lb01{padding-right:14px;}
.lb02{padding-left:14px;background:url('/images/inc/bar_date.gif') no-repeat left 8px;}
.lb03{width:100%;}

 @media all and (max-width:640px){  
	.basket_list.list_boad01 > ul > li .lt_tit{padding-left:30px;}
	.basket_list.list_boad01 > ul > li .lt_tit .num{position:absolute;top:17px;left:5px;}
	.basket_bx .list_info {padding-bottom:10px;}
	.basket_bx .basket_btn{position:relative;top:auto;right:auto;padding-bottom:10px;}
	.basket_bx .basket_btn a{padding:0 5px;letter-spacing:-1px;}
	.lib_con{padding:10px 10px 10px 30px;}
	.lib_result{float:none;}
	.lb01{padding-right:0;}
	.lb02{padding-left:0;}
 }


/* 교육연수 */
 
#tabs_edu.ui-tabs .ui-tabs-nav{display:table;width:100%; table-layout:fixed; }
#tabs_edu.ui-tabs .ui-tabs-nav li{height:80px;vertical-align:middle;float:none;display:table-cell;text-align:center;border-right:1px solid #fff;}	 
#tabs_edu.ui-tabs .ui-tabs-nav li:last-child{border-right:0;}
#tabs_edu.ui-tabs .ui-tabs-nav .ui-tabs-anchor{display:block;float:none;padding:15px 0;font-size:16px;}	
#tabs_edu.ui-tabs .ui-tabs-nav li span{display:block;}
#tabs_edu .ui-helper-clearfix:before, 
#tabs_edu .ui-helper-clearfix:after{display:none;}
#tabs_edu .ui-tabs-panel{padding-top:35px;} 

.edu_w{font-size:14px;line-height:1.8em;word-wrap: break-word; word-break: keep-all;}
.blet01{position:relative;padding-left:12px;} 
.blet01:before{position:absolute;top:9px;left:0;content:'';display:inline-block;width:4px;height:4px;background: #bbbbbb;}	
.blet02{position:relative;padding-left:15px;} 
.blet02:before{position:absolute;top:0;left:0;content:'※'; }
.edu_ul li{margin-top:8px;}
.in_ul{padding-left:15px;}	  
.in_ul li{position:relative;padding-left:10px;}
.in_ul li:before{position:absolute;top:0;left:0;content:'-';}
.blet01 .in_ul{padding-left:0;}

@media all and (max-width:1200px){  
	#tabs_edu.ui-tabs .ui-tabs-nav{display: flex; flex-wrap: wrap;	}
	#tabs_edu.ui-tabs .ui-tabs-nav li{width:25%;height:auto;display:block; margin:0;}
	#tabs_edu.ui-tabs .ui-tabs-nav .ui-tabs-anchor{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
}
@media all and (max-width:1000px){
	#tabs_edu.ui-tabs .ui-tabs-nav li{width:50%;} 					
	#tabs_edu.ui-tabs .ui-tabs-nav li:nth-child(1){border-bottom:1px solid #fff;} 
	#tabs_edu.ui-tabs .ui-tabs-nav li:nth-child(2){border-bottom:1px solid #fff;}
	#tabs_edu.ui-tabs .ui-tabs-nav li:nth-child(2n){border-right:0;}
}
@media all and (max-width:640px){ 
	#tabs_edu.ui-tabs .ui-tabs-nav .ui-tabs-anchor {padding:10px 5px;font-size:1.1em;} 

	.edu_w{font-size:1em; }
	.blet01:before{ top:7px;}
}

/* 뉴스레터 */
.newsletter_txt{font-size:14px;line-height:1.5em;}
.newsletter_table .inp{width:100%;}
.newsletter_table label{display:inline-block;width:134px;padding:10px 0;}
@media all and (max-width:640px){
	.newsletter_txt{font-size:1em; }
	.newsletter_table label{ padding:5px 0;}
}

input[type="checkbox"]{display: none;}  
.checkbox i{display:inline-block;vertical-align:middle; width:20px; height:20px; border:1px solid #ccc;color: #c7c7c7; margin-right: 5px;}
.checkbox input[type="checkbox"]:checked + i{ border-color: #0b2d79;background: #0b2d79 url('../images/icon_check.png') no-repeat;} 
@media all and (max-width:640px){
	.checkbox i{ width:15px; height:15px;}
	.checkbox input[type="checkbox"]:checked + i{background-size:100% 100% ;}
	 
}