/*설정*/
	body{
	/*font-family:"Noto Sans KR", verdana, sans-serif;*/
	font-family:"나눔고딕","Nanum Gothic", verdana, sans-serif;
	/*font-size:10px;
	line-height:10px;*/
	font-weight:normal;
	background:#fcfcfc;
	}
	
	ul,li{margin:0; padding:0; list-style:none;}
	a{text-decoration:none; color:#000;}
	a:hover{color:#388cd2; text-decoration:none;}
	a:active{color:#000; text-decoration:none;}
	img{border:0px;}
	
	.container{position:relative; margin:0 auto; padding:0; width:1024px; height:100%;}
	/*h1{display:block; height:60px; margin:0 auto; font-size: 18px; line-height:60px;}*/
	h2{display:block; height:60px; font-size: 16px; line-height: 25px; border-bottom:1px solid #ebebeb; padding:25px 0 0 10px; margin:0 15px; font-weight:700; overflow:hidden;}
	h2 > span{font-size:12px; line-height:1.75; font-weight:normal; color:#418cd6; margin-left:7px;}
	h3{display:block; height:60px; font-size:14px; line-height: 25px;  border-bottom:1px solid #ebebeb; padding:25px 0 0 10px;margin:0 15px; color:#666;}
	.intro{font-size:13px; line-height: 1.75; font-weight:normal; color:#666; border-bottom:1px solid #ebebeb; padding:10px; margin:0 15px; background:#fcfcfc;}
	
	
	
	#menu{width:19%; float:left; margin-right:1%; display:block; border:1px solid #ebebeb; border-radius:5px; background:#fff;}
	#menu li > a{display:block; font-size: 12px; line-height: 20px; border-bottom:1px solid #f1f1f1; padding:3px 10px; color:#666;}
	#menu li:last-child > a{border-bottom:0;}
	/*.toggle{display:none;}*/
	#menu li > a.s_menu01{background:#7badde; color:#fff !important; border:1px solid #65a1db;  border-radius:5px 5px 0 0;}
	#menu li > a.s_menu02{background:#91a8f3; color:#fff !important; border:1px solid #7c98f4; border-radius:0 0 5px 5px;}
	
	#menu li > a > span.number{display:inline-block; width:18px; text-align:center; font-size:10px; line-height:1.2; margin-right:8px; background:#ebebeb; border:1px solid #ccc; border-radius:3px;}
	#menu li > a > span.option{position:absolute; top:10px; right:10px; display:inline-block; background:#7badde; color:#fff; font-size:10px; line-height:10px; padding:3px 5px; border-radius:3px; margin-left:10px;}
	#menu li > a > span.new{position:absolute; top:10px; right:10px; display:inline-block; background:#ff6666; color:#fff; font-size:10px; line-height:10px; padding:3px 5px; border-radius:3px; margin-left:10px;}
	
	.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 .link2{display:block; position:relative;  cursor:pointer;}
	.thumb_area .link2: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 .link2 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{position:absolute; right:0; display:inline-block; text-indent:-5000; color:#fff; font-size:0;}
	.device.pc{width:20px; height:18px; background:url('../images/pc_icon.png') 0 0 no-repeat;}
	.device.pc{width:20px; height:18px; background:url('../images/pc_icon.png') 0 0 no-repeat;}
	.device.mobile{width:20px; height:18px; background:url('../images/mobile_icon.png') 0 0 no-repeat;}
	.device.pcmobile{width:38px; height:18px; background:url('../images/pcmobile_icon.png') 0 0 no-repeat;}*/
	
	.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:'• '; font-color:#000 !important; font-weight:bold;}
	
	
	/*특징 페이지 디자인_리스트*/
	.feature_list_wrapper{width:95%; overflow:hidden; margin:15px auto;}
	.feature_list_wrapper .thumb_area{width:31%; margin-right:3.5%;}
	.feature_list_wrapper .thumb_area:nth-child(3){width:31%; margin-right:0;}
	.feature_list_wrapper .video_popup{display:none; clear:both; margin-bottom:30px;}
	.feature_list_wrapper .line-contents{word-break:normal; padding:5px; background:#fff; color:#000;}

	/*특징 페이지 디자인_특징*/
	.feature_intro{font-size:13px; line-height: 1.75; font-weight:normal; color:#666; border-bottom:1px solid #ebebeb; padding:10px; background:#fcfcfc url("../img/back.png") no-repeat 95% 90%;}
	.feature_intro li{overflow:hidden; width: 80%; padding:5px 0;  margin:0 0 0 10px;  border-bottom:1px solid #ebebeb;}
	.feature_intro li:nth-child(1){background:url("../img/icon01.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(2){background:url("../img/icon02.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(3){background:url("../img/icon03.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(4){background:url("../img/icon04.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(5){background:url("../img/icon05.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(6){background:url("../img/icon06.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(7){background:url("../img/icon07.png") no-repeat 10px 50%;}
	.feature_intro li:nth-child(8){background:url("../img/icon08.png") no-repeat 10px 50%;}
	.feature_intro li dl{margin: 0 0 0 60px;}
	.feature_intro li dt{color:#418cd6;}
	.feature_intro li dl dd{margin:0;}


	/*모바일 그룹웨어*/
	.feature_intro.mobile li{overflow:hidden; width: 80%; padding:5px 0;  margin:0 0 0 10px;  border-bottom:1px solid #ebebeb;}
	.feature_intro.mobile li:nth-child(1){background:url("../img/m_icon01.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(2){background:url("../img/m_icon02.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(3){background:url("../img/m_icon03.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(4){background:url("../img/m_icon04.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(5){background:url("../img/m_icon05.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(6){background:url("../img/m_icon06.png") no-repeat 10px 50%;}
	.feature_intro.mobile li:nth-child(7){background:url("../img/m_icon07.png") no-repeat 10px 50%;}


	/*고객관리*/
	.feature_intro.customer li{overflow:hidden; width: 80%; padding:5px 0;  margin:0 0 0 10px;  border-bottom:1px solid #ebebeb;}
	.feature_intro.customer li:nth-child(1){background:url("../img/c_icon01.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(2){background:url("../img/c_icon02.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(3){background:url("../img/c_icon03.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(4){background:url("../img/c_icon04.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(5){background:url("../img/c_icon05.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(6){background:url("../img/c_icon06.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(7){background:url("../img/c_icon07.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(8){background:url("../img/c_icon08.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(9){background:url("../img/c_icon09.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(10){background:url("../img/c_icon10.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(11){background:url("../img/c_icon11.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(12){background:url("../img/c_icon12.png") no-repeat 10px 50%;}
	.feature_intro.customer li:nth-child(13){background:url("../img/c_icon13.png") no-repeat 10px 50%;}

	
	@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;}
	#menu li > a > span.new{top:25px; display:inline-block; background:#ff6666; 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;}
	
	}