/*설정*/
	
	
	.contents{width:80%; float:left;}
	.contents_wrapper{border:1px solid #ebebeb; border-radius:5px; background:#fff;}
	.contents_wrapper li{overflow:hidden; margin:10px 25px 10px 25px;  padding:12px 0 24px 0; border-bottom:1px solid #ebebeb;}
	.contents_wrapper li:last-child{border-bottom:0;}
	.contents_wrapper .list01 li:last-child{border-bottom:1px solid #ebebeb;}
	.thumb_area{display:block; float:left; border:1px solid #ebebeb; background:#ebebeb; margin:0 17px 0 0; }
	.thumb_area .link{display:block; position:relative;  cursor:pointer; width:198px; height:auto;}
	.thumb_area .link:before{position:absolute; left:0; top:0; right:0; bottom:0; content:''; border:1px solid rgba(0,0,0,.07); border-radius:3px; background-color:rgba(0,0,0,.2); z-index:10;}
	.thumb_area .link img{vertical-align:top;}
	.thumb_area .api_ico_video{position:absolute; left:9px; bottom:8px; z-index:20;}
	.video_contents{font-size: 14px; overflow:hidden;}
	.api_ico_video{width:21px; height:19px;}
	.spnew{display:inline-block; overflow:hidden; color:transparent; white-space:nowrap; vertical-align:top; background:url('../img/play_icon.png') 0 0 no-repeat;}	

	
	.thumb{position:relative; /*width:162px; height:93px;*/ width:100%; height:auto;}
	.thumb_area .time{position:absolute; right:8px; bottom:6px; font-size:11px; line-height:13px; color:#fff; font-weight:600; text-shadow:0 0 2px rgb(0 0 0 / 30%); z-index:20;}
	
	.part{display:inline-block; border-radius:3px; font-size:11px; text-align:center; vertical-align:center; height:19px; font-size:11px; line-height:18px;}
	.part.user{background:#728fef; padding:0px 5px; border:1px solid #3e58d6; color:#fff;}
	.part.admin{background:#d66da9; padding:0px 5px; border:1px solid #b33f77; color:#fff;}	

	.all_title{position:relative; display:block; color:#388cd2; font-size:16px; font-weight:500; line-height:1.85; cursor:pointer;}
	
	
	
	.device{display:inline-block; border-radius:3px; font-size:11px; text-align:center; vertical-align:center; font-size:11px; height:18px; line-height:18px; }
	.device.pc{background:#efa472; padding:0 5px; border:1px solid #d6833e; color:#fff;}
	.device.mobile{background:#68a1db; padding:0 5px; border:1px solid #3b6fba; color:#fff;}
	.line-contents{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; max-width:100%;  color:#666; font-size:13px; line-height:18px; overflow:hidden; text-overflow:ellipsis;}
	
	
	.video_popup{position:relative; width:100%; height:505px; padding:20px 0 40px 0;}
	.popup_close{display:inline-block; position:absolute; right:0; bottom:-20px; font-size:18px; line-height:25px; border:1px solid #ebebeb; margin:5px 10px; padding:10px 20px; cursor:pointer;}
	
	.export{font-size: 11px; line-height:18px; margin-top:23px; color:#7c7c7c;}
	
	.footer{width:100%; font-size: 12px; line-height: 25px; text-align:center; color:#666; border-top:0px solid #ebebeb; margin:20px 0; padding:20px 0;}
	
	#menu li> a.active::before {content:'• '; color:#000 !important; font-weight:bold;}


    /*동영상 닫기 버튼*/
	.popup_close{bottom:-20px;}
	.contents_wrapper{width:97%;}
	.contents_wrapper li{padding:12px 0 12px 0;}
	.contents_wrapper .list01 li:last-child{border-bottom:0;}
	.line-contents{font-size:12px; line-height:16px;}
	.export{margin-top:11px;}
	.video_popup{border:0;}
	
	

	
	@media screen and (max-width: 828px){
	 .container{max-width:93%;}	
	 
	 h1{height:80px; font-size: 28px; line-height:80px; font-weight:700; letter-spacing:-1px;}
	 h2{font-size: 24px; line-height: 25px; height:80px; padding:35px 0 0 10px; font-weight:700;}
	 h2 > span{font-size:18px; line-height:2; font-weight:bold; color:#418cd6;}
	 h3{font-size:20px;}
	.intro{font-size:20px; line-height: 1.75; padding:15px;}
	 
	#menu{width:300px;}
	#menu li > a{display:block; font-size: 22px; line-height: 25px; font-weight:bold; border-bottom:1px solid #f1f1f1; padding:25px 20px; color:#666;}
	#menu li > a.s_menu01{background:#7badde; color:#fff !important; border:1px solid #65a1db;  border-radius:5px; letter-spacing:-1px;}
	#menu li > a.s_menu02{background:#91a8f3; color:#fff !important; border:1px solid #7c98f4; border-radius:5px; letter-spacing:-1px;}	
	#menu li> a.active {color:#000 !important; font-weight:bold; font-size:24px;}
	#menu li > a > span.number{width:25px; font-size:14px; line-height:25px; font-weight:normal; color:#333; margin-right:10px;}
	#menu li > a > span.option{top:25px; display:inline-block; background:#7badde; color:#fff; font-size:18px; line-height:18px; padding:3px 7px 5px 7px; border-radius:3px; margin-left:10px;}
	
	.contents{width:100%; float:left;}
	.line-contents{font-size:16px; font-weight:bold;}
	
	.video_contents{font-size: 16px;}
	.video_popup{position:relative; width:100%; height:450px; padding:20px 0 40px 0;}
	.thumb{/*width:190px; height:109px;*/width:100%; height:auto;}
	.part{height:18px; font-size:13px; line-height:16px; font-weight:700;}	
	.device{height:18px; font-size:13px; line-height:16px;font-weight:700;}
	.all_title{font-size:22px; line-height:1.25; font-weight:700; padding:7px 0;}
	.export{font-size:13px; font-weight:normal; margin-top:15px; color:#333;}
	
	
	}

	@media screen and (max-width: 495px){
	
	h2{font-size: 24px; line-height: 25px; height:auto; padding:35px 0 0 10px; font-weight:700;}
	h2 > span{display:block; font-size:16px; line-height:2; font-weight:bold; color:#418cd6;}
	.feature_intro{font-size:16px; font-weight:bold; background:none;}	
	.feature_intro li{width:90%;}
	.feature_list_wrapper .line-contents{height:40px; overflow:hidden; word-break:normal; text-overflow:ellipsis;padding:5px; background:#fff;}
	
	}