@charset "utf-8";
/* CSS Document */



#wrap{width:100%; height:100%;}
#header{position:fixed; width:100%; background:#ffffff; height:78px;
			background: transparent url(../images/head_bg.png) center center repeat-x;
			background-image: -webkit-linear-gradient(transparent, transparent), url(../images/head_bg.svg);
			background-image: linear-gradient(transparent, transparent), url(../images/head_bg.svg);
}
#container{_display:inline-block;width:100%; background:#5c5c5c; padding-top:78px;}
#container:after{display:block;clear:both;content:''}



/*ZOOM*/
.zoom{
	position:fixed;
	top:4px;
	right:22px;
}
.zoom .zoom_out{
	float:left;
	position:relative;
	top:5px;
}
.zoom .zoom_out .zoom_out_icon{
	width:22px;
	height:22px;
	background: transparent url(../images/ico_zoom_out.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_zoom_out.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_zoom_out.svg);	
}	
.zoom .zoom_out:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

.zoom .zoom_in{
	float:left;
	position:relative;
	top:5px;
}
.zoom .zoom_in .zoom_in_icon{
	width:22px;
	height:22px;
	background: transparent url(../images/ico_zoom_in.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_zoom_in.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_zoom_in.svg);	
}	
.zoom .zoom_in:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}
.zoom .select_box{
	float:left;
	position:relative;
	top:5px;
	margin:0 10px;
	font-family:'Nanum Gothic', sans-serif;
	font-size:0.875em;
	text-align:center;
	border:none;
	width:160px;
	height:22px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	background: transparent url(../images/select_bg.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/select_bg.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/select_bg.svg);			
				
}
.zoom select{
	position: absolute;
	left:32px;
	top:3px;
	width:140px;
	/*ie7, ie8 hack*/
	width:145px\9;
	height:22px;
	font-family:'Nanum Gothic', sans-serif; 
	font-size:0.875em;
	zoom:1.1;
	z-index: 2;
	opacity: 0;
	cursor:pointer;	
}


/*PAGE*/

.page .num_area{
	float:left;
	width:160px;
	height:22px;
	margin:0 10px;
	text-align:center;
	font-family:'Nanum Gothic', sans-serif;
	font-size:0.875em;
	color:#ffffff;
	background: transparent url(../images/page_bg.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/page_bg.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/page_bg.svg);
}
.page .num_area input{
	background:transparent;
	border:none;
	width:50px;
	color:#ffffff;
}
.page .num_area input.r{
	text-align:right;
}
.page .num_area input.l{
	text-align:left;
}

.page .page_pre{
	float:left;
	position:relative;
	top:0;
}
.page .page_pre .page_pre_icon{
	width:22px;
	height:22px;
	background: transparent url(../images/ico_page_pre.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_pre.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_pre.svg);	
}
.page .page_pre .page_pre_icon2{
	width:22px;
	height:22px;
	background: transparent url(../images/ico_page_pre2.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_pre2.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_pre2.svg);
	background-size: 100% 100%;		
}	
.page .page_next{
	float:left;
	position:relative;
	top:0;
}
.page .page_next .page_next_icon{
	width:22px;
	height:22px;
	background: transparent url(../images/ico_page_next.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_next.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_next.svg);		
}
.page .page_pre:hover, .page .page_next:hover{
	opacity:0.7; filter:
	alpha(opacity=70);
}


.page_pt{
	position:fixed;
	left:50%;
	bottom:10px;
	height:30px;
	margin-left:-70px;
}
.page_pt .page_pt_pre{
	float:left;
	position:relative;
	top:0;
	left:0;
}
.page_pt .page_pt_next{
	float:left;
	position:relative;
	top:0;
	left:30px;
}
.page_pt .page_pt_pre .page_pt_first_icon{
	width:30px;
	height:30px;	
	background: transparent url(../images/ico_page_pre2.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_pre2.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_pre2.svg);
	background-size: 100% 100%;		
}
.page_pt .page_pt_pre .page_pt_pre_icon{
	width:30px;
	height:30px;
	background: transparent url(../images/ico_page_pre.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_pre.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_pre.svg);	
}
.page_pt .page_pt_next .page_pt_next_icon{
	width:30px;
	height:30px;
	background: transparent url(../images/ico_page_next.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_page_next.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/ico_page_next.svg);	
}
.page_pt .page_pt_pre:hover, .page_pt .page_pt_next:hover{
	opacity:0.7; filter:
	alpha(opacity=70);
}


/* 큰 데스크탑 */
@media (min-width: 1025px) {

	/*{ background:#09C}*/
	
	/*셀렉트박스*/
	/*.zoom{position: fixed; top:43px; right:22px;}*/
	

	/* 메뉴 */
	.tab_face{padding:3px 0 35px 0; margin:0 0 0 30px;}
	.tab_face ul{position:relative; margin:4px 0 0 0; padding:0;font-family:'Nanum Gothic', sans-serif; font-size:0.875em; list-style:none;*zoom:1}
	.tab_face ul:after{display:block; clear:both; content:""}
	.tab_face li{float:left;}
	.tab_face li a,
	.tab_face li a span{position:relative;cursor:pointer}
	.tab_face li a{float:left;text-decoration:none}
	.tab_face li a span{display:inline-block;padding:3px 30px 3px 50px;color:#fff}
	
	.tab_face li ul{display:none; position:absolute; top:41px; *top:45px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face li ul:after{display:block;clear:both;content:""}
	.tab_face li li{overflow:visible;position:relative; padding:0 20px; background:transparent;}
	.tab_face li li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em; -webkit-animation:ani infinite 3s;}
	
	/*.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:url(../images/nav_on.svg) no-repeat 50% 55%; height:26px;}*/
	
	.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:#ff6600; border-radius:100px;
		/*background: transparent url(../images/nav_on.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/nav_on.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/nav_on.svg);*/
	}
	
	
	/*아이콘 적용*/
	.tab_face .m1 .icon_view{
		background: transparent url(../images/ico_nav_view.png) 25px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		}
	.tab_face .m2 .icon_search{
		background: transparent url(../images/ico_nav_search.png) 30px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		}
	.tab_face .m3 .icon_annotate{
		background: transparent url(../images/ico_nav_annotate.png) 30px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		}
	.tab_face .m4 .icon_tool{
		background: transparent url(../images/ico_nav_tool.png) 30px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		}
	.tab_face .m5 .icon_user{
		background: transparent url(../images/ico_nav_user.png) 30px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		}								
	
	
	/*.tab_face.m1 .m1 a span,
	.tab_face.m2 .m2 a span,
	.tab_face.m3 .m3 a span,
	.tab_face.m4 .m4 a span,
	.tab_face.m5 .m5 a span{padding-top:7px;padding-bottom:7px;}*/
	.tab_face.m1 .m1 ul,
	.tab_face.m2 .m2 .search,
	.tab_face.m3 .m3 ul,
	.tab_face.m4 .m4 ul,
	.tab_face.m5 .m5 ul{display:block}
	
	.tab_face li li a:hover,
	.tab_face li li a:active,
	.tab_face li li a:focus,
	.tab_face.s1 .s1 a,
	.tab_face.s2 .s2 a,
	.tab_face.s3 .s3 a,
	.tab_face.s4 .s4 a,
	.tab_face.s5 .s5 a,
	.tab_face.s6 .s6 a,
	.tab_face.s7 .s7 a,
	.tab_face.s8 .s8 a,
	.tab_face.s9 .s9 a,
	.tab_face.s10 .s10 a{opacity:0.5; filter: alpha(opacity=50);}
	
	.no li li a:hover,
	.no li li a:active,
	.no li li a:focus{opacity:1; filter: alpha(opacity=100);}
	
	.tab_face.js_off{padding:0}
	.tab_face.js_off ul{border:0}
	.tab_face.js_off li{float:none}
	.tab_face.js_off li a{float:none;}
	.tab_face.js_off li ul{display:block;position:static;left:0;top:0;padding:5px 0;background:#fff}
	.tab_face.js_off li li{display:inline}
	.tab_face.js_off li li a{color:#333;}

	
	



	/*검색*/
	.tab_face .search{display:none; position:absolute; top:40px; *top:43px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face .search:after{display:block;clear:both;content:""}
	.tab_face .search .txt input{float:left; width:200px; height:14px; *height:18px; border:1px solid #cccccc; font-family:'Nanum Gothic', sans-serif; }
	.tab_face .search .search_pre{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_pre.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		}
	.tab_face .search .search_next{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_next.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_next.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_next.svg);
		}
	.tab_face .search .search_pre a, .search .search_next a{width:25px;}
	.tab_face .search .search_pre:hover,
	.tab_face .search .search_next:hover{opacity:0.7; filter: alpha(opacity=70);}
	
	
	.mobilenav, .mobilenav ul{display:none;}
	.icon{display:none;}
	/*.mobile_sub{display:none;}*/
	#tab_01, #tab_02, #tab_03, #tab_03, #tab_04, #tab_05{display:none !important;}	
	.sub_01, .sub_02, .sub_03, .sub_04, .sub_05{display:none;}
	.sub_01 li{float:left;width:0 ; height:0 ;}
	.sub_02 li{float:left;width:0 ; height:0 ;}
	.sub_03 li{float:left;width:0 ; height:0 ;}
	.sub_04 li{float:left;width:0 ; height:0 ;}
	.sub_05 li{float:left;width:0 ; height:0 ;}


/*full page*/
.full_page{width:78px; height:68px; cursor:pointer; position:fixed; display:inline-block; bottom:0; right:0; background:#4a4a4a; z-index:999;}
.full_page img{position:relative; top:22px; left:27px;}
.full_page:hover{opacity:0.8; filter: alpha(opacity=80);}	

}
 
/* 세로 방향 타블렛부터 가로 방향 타블렛과 데스크탑까지 */
@media (min-width: 801px) and (max-width: 1024px) {
		
	/*{ background: #FC0}*/
	

	/* 메뉴 */
	.tab_face{padding:3px 0 35px 0; margin:0 0 0 30px;}
	.tab_face ul{position:relative; margin:4px 0 0 0; padding:0;font-family:'Nanum Gothic', sans-serif; font-size:0.875em; list-style:none;*zoom:1}
	.tab_face ul:after{display:block; clear:both; content:""}
	.tab_face li{float:left;}
	.tab_face li a,
	.tab_face li a span{position:relative;cursor:pointer}
	.tab_face li a{float:left;text-decoration:none}
	.tab_face li a span{display:inline-block;padding:3px 24px 3px 44px;color:#fff}
	
	.tab_face li ul{display:none; position:absolute; top:41px; *top:45px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face li ul:after{display:block;clear:both;content:""}
	.tab_face li li{overflow:visible;position:relative; padding:0 20px; background:transparent;}
	.tab_face li li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em;}
	
	/*.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:url(../images/nav_on.svg) no-repeat 50% 55%; height:26px;}*/
	
	.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:#ff6600; border-radius:100px;
		/*background: transparent url(../images/nav_on.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/nav_on.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/nav_on.svg);*/
	}
	
	
	/*아이콘 적용*/
	.tab_face .m1 .icon_view{
		background: transparent url(../images/ico_nav_view.png) 20px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		}
	.tab_face .m2 .icon_search{
		background: transparent url(../images/ico_nav_search.png) 25px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		}
	.tab_face .m3 .icon_annotate{
		background: transparent url(../images/ico_nav_annotate.png) 25px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		}
	.tab_face .m4 .icon_tool{
		background: transparent url(../images/ico_nav_tool.png) 25px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		}
	.tab_face .m5 .icon_user{
		background: transparent url(../images/ico_nav_user.png) 25px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		}	
	
	
	/*.tab_face.m1 .m1 a span,
	.tab_face.m2 .m2 a span,
	.tab_face.m3 .m3 a span,
	.tab_face.m4 .m4 a span,
	.tab_face.m5 .m5 a span{padding-top:7px;padding-bottom:7px;}*/
	.tab_face.m1 .m1 ul,
	.tab_face.m2 .m2 .search,
	.tab_face.m3 .m3 ul,
	.tab_face.m4 .m4 ul,
	.tab_face.m5 .m5 ul{display:block}
	
	.tab_face li li a:hover,
	.tab_face li li a:active,
	.tab_face li li a:focus,
	.tab_face.s1 .s1 a,
	.tab_face.s2 .s2 a,
	.tab_face.s3 .s3 a,
	.tab_face.s4 .s4 a,
	.tab_face.s5 .s5 a,
	.tab_face.s6 .s6 a,
	.tab_face.s7 .s7 a,
	.tab_face.s8 .s8 a,
	.tab_face.s9 .s9 a,
	.tab_face.s10 .s10 a{opacity:0.5; filter: alpha(opacity=50);}
	
	.no li li a:hover,
	.no li li a:active,
	.no li li a:focus{opacity:1; filter: alpha(opacity=100);}
	
	.tab_face.js_off{padding:0}
	.tab_face.js_off ul{border:0}
	.tab_face.js_off li{float:none}
	.tab_face.js_off li a{float:none;}
	.tab_face.js_off li ul{display:block;position:static;left:0;top:0;padding:5px 0;background:#fff}
	.tab_face.js_off li li{display:inline}
	.tab_face.js_off li li a{color:#333;}



	/*검색*/
	.tab_face .search{display:none; position:absolute; top:40px; *top:43px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face .search:after{display:block;clear:both;content:""}
	.tab_face .search .txt input{float:left; width:200px; height:14px; *height:18px; border:1px solid #cccccc; font-family:'Nanum Gothic', sans-serif; }
	.tab_face .search .search_pre{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_pre.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		}
	.tab_face .search .search_next{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_next.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_next.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_next.svg);
		}
	.tab_face .search .search_pre a, .search .search_next a{width:25px;}
	.tab_face .search .search_pre:hover,
	.tab_face .search .search_next:hover{opacity:0.7; filter: alpha(opacity=70);}

	.mobilenav, .mobilenav ul{display:none;}
	.icon{display:none;}
	/*.mobile_sub{display:none;}*/
	#tab_01, #tab_02, #tab_03, #tab_03, #tab_04, #tab_05{display:none !important;}	
	.sub_01, .sub_02, .sub_03, .sub_04, .sub_05{display:none;}
	.sub_01 li{float:left;width:0 ; height:0 ;}
	.sub_02 li{float:left;width:0 ; height:0 ;}
	.sub_03 li{float:left;width:0 ; height:0 ;}
	.sub_04 li{float:left;width:0 ; height:0 ;}
	.sub_05 li{float:left;width:0 ; height:0 ;}


/*full page*/
.full_page{width:78px; height:68px; cursor:pointer; position:fixed; display:inline-block; bottom:0; right:0; background:#4a4a4a; z-index:999;}
.full_page img{position:relative; top:22px; left:27px;}
.full_page:hover{opacity:0.8; filter: alpha(opacity=80);}


}

@media (min-width: 801px) {
.page{
	position:absolute;
	top:48px;
	right:22px;
}
}

@media (max-width: 800px) {
.zoom{
	position:fixed;
	top:4px;
	right:10px;
}
.zoom .select_box{
	width:140px;
	margin:0 5px;	
	background: transparent url(../images/select_bg_s.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/select_bg_s.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/select_bg_s.svg);			
				
}
.zoom select{
	left:32px;
	top:3px;
	width:110px;
	/*ie7, ie8 hack*/
	width:145px\9;
	height:22px;
}

/*페이지*/
.page{
	position:fixed;
	left:50%;
	bottom:10px;
	height:30px;
	margin-left:-149px;
}
.page .num_area{
	float:left;
	height:30px;
	margin:0 20px;
	background: transparent url(../images/page_bg_s.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/page_bg_s.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/page_bg_s.svg);
}
.page .num_area span{
	line-height:28px;
}
.page .page_pre .page_pre_icon, .page .page_pre .page_pre_icon2, .page .page_next .page_next_icon{
	width:30px;
	height:30px;
}
}

@media (min-width: 601px) {
.sub_01, .sub_02, .sub_03, .sub_04, .sub_05{display:none !important;}
}

 
/* 가로 방향 모바일부터 세로 방향 타블렛까지 */
@media (min-width: 601px) and (max-width: 800px) {
	
	/*{ background:#F93}*/
	

	/* 메뉴 */
	.tab_face{padding:3px 0 35px 0; margin:0 0 0 10px;}
	.tab_face ul{position:relative; margin:4px 0 0 0; padding:0;font-family:'Nanum Gothic', sans-serif; font-size:0.875em; list-style:none;*zoom:1}
	.tab_face ul:after{display:block; clear:both; content:""}
	.tab_face li{float:left;}
	.tab_face li a,
	.tab_face li a span{position:relative;cursor:pointer}
	.tab_face li a{float:left;text-decoration:none}
	.tab_face li a span{display:inline-block;padding:3px 14px 3px 34px;color:#fff}
	
	.tab_face li ul{display:none; position:absolute; top:41px; *top:45px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face li ul:after{display:block;clear:both;content:""}
	.tab_face li li{overflow:visible;position:relative; padding:0 12px; background:transparent;}
	.tab_face li li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em;}
	
	/*.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:url(../images/nav_on.svg) no-repeat 50% 55%; height:26px;}*/
	
	.tab_face.m1 .m1,
	.tab_face.m2 .m2,
	.tab_face.m3 .m3,
	.tab_face.m4 .m4,
	.tab_face.m5 .m5{background:#ff6600; border-radius:100px;
		/*background: transparent url(../images/nav_on_s.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/nav_on_s.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/nav_on_s.svg);*/
	}


	/*아이콘 적용*/
	.tab_face .m1 .icon_view{
		background: transparent url(../images/ico_nav_view.png) 13px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		}
	.tab_face .m2 .icon_search{
		background: transparent url(../images/ico_nav_search.png) 18px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		}
	.tab_face .m3 .icon_annotate{
		background: transparent url(../images/ico_nav_annotate.png) 18px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		}
	.tab_face .m4 .icon_tool{
		background: transparent url(../images/ico_nav_tool.png) 18px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		}
	.tab_face .m5 .icon_user{
		background: transparent url(../images/ico_nav_user.png) 18px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		}
	
	
	/*.tab_face.m1 .m1 a span,
	.tab_face.m2 .m2 a span,
	.tab_face.m3 .m3 a span,
	.tab_face.m4 .m4 a span,
	.tab_face.m5 .m5 a span{padding-top:7px;padding-bottom:7px;}*/
	.tab_face.m1 .m1 ul,
	.tab_face.m2 .m2 .search,
	.tab_face.m3 .m3 ul,
	.tab_face.m4 .m4 ul,
	.tab_face.m5 .m5 ul{display:block}
	
	.tab_face li li a:hover,
	.tab_face li li a:active,
	.tab_face li li a:focus,
	.tab_face.s1 .s1 a,
	.tab_face.s2 .s2 a,
	.tab_face.s3 .s3 a,
	.tab_face.s4 .s4 a,
	.tab_face.s5 .s5 a,
	.tab_face.s6 .s6 a,
	.tab_face.s7 .s7 a,
	.tab_face.s8 .s8 a,
	.tab_face.s9 .s9 a,
	.tab_face.s10 .s10 a{opacity:0.5; filter: alpha(opacity=50);}
	
	.no li li a:hover,
	.no li li a:active,
	.no li li a:focus{opacity:1; filter: alpha(opacity=100);}
	
	.tab_face.js_off{padding:0}
	.tab_face.js_off ul{border:0}
	.tab_face.js_off li{float:none}
	.tab_face.js_off li a{float:none;}
	.tab_face.js_off li ul{display:block;position:static;left:0;top:0;padding:5px 0;background:#fff}
	.tab_face.js_off li li{display:inline}
	.tab_face.js_off li li a{color:#333;}
	
	
	/*검색*/
	.tab_face .search{display:none; position:absolute; top:40px; *top:43px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1}
	.tab_face .search:after{display:block;clear:both;content:""}
	.tab_face .search .txt input{float:left; width:200px; height:14px; *height:18px; border:1px solid #cccccc; font-family:'Nanum Gothic', sans-serif; }
	.tab_face .search .search_pre{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_pre.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		}
	.tab_face .search .search_next{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_next.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_next.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_next.svg);
		}
	.tab_face .search .search_pre a, .search .search_next a{width:25px;}
	.tab_face .search .search_pre:hover,
	.tab_face .search .search_next:hover{opacity:0.7; filter: alpha(opacity=70);}

	.mobilenav, .mobilenav ul{display:none;}
	.icon{display:none;}
	/*.mobile_sub{display:none;}*/	
	
	#tab_01, #tab_02, #tab_03, #tab_03, #tab_04, #tab_05{display:none !important;}	
	.sub_01, .sub_02, .sub_03, .sub_04, .sub_05{display:none;}
	.sub_01 li{float:left;width:0 ; height:0 ;}
	.sub_02 li{float:left;width:0 ; height:0 ;}
	.sub_03 li{float:left;width:0 ; height:0 ;}
	.sub_04 li{float:left;width:0 ; height:0 ;}
	.sub_05 li{float:left;width:0 ; height:0 ;}

/*full page*/
.full_page{width:60px; height:52px; cursor:pointer; position:fixed; display:inline-block; bottom:0; right:0; background:#4a4a4a; z-index:999;}
.full_page img{position:relative; top:14px; left:18px;}
.full_page:hover{opacity:0.8; filter: alpha(opacity=80);}


}

/* 가로 방향 모바일 이하 */
@media (max-width: 600px) {	

	/*{ background:#F33}*/
	
	
	/*메뉴숨김*/
	.tab_face{display:none;}
	


	/*메뉴*/	
	.top-animate {
		background: #ffffff !important;
		top: 13px !important;
		-webkit-transform: rotate(45deg);
		/* Chrome, Safari, Opera */
		transform: rotate(45deg);
	}
	.mid-animate {
		opacity: 0;
	}
	.bottom-animate {
		background: #ffffff !important;
		top: 13px !important;
		-webkit-transform: rotate(-225deg);
		/* Chrome, Safari, Opera */
		transform: rotate(-225deg);
	}
	
	
	.ham{display:block;}
	
	.ham .top-menu {
		top: 5px;
		width: 25px;
		height: 3px;
		border-radius: 3px;
		background-color: #f4752d;
	}
	.ham .mid-menu {
		top: 13px;
		width: 25px;
		height: 3px;
		border-radius: 3px;
		background-color: #f4752d;
	}
	.ham .bottom-menu {
		top: 21px;
		width: 25px;
		height: 3px;
		border-radius: 3px;
		background-color: #f4752d;
	}
	
	.mn{width:60px; position:relative; top:2px; left:35px; font-family:'Nanum Gothic', sans-serif; color:#ffffff;}
	
	
	.menui {
		background: rgb(255,255,255);
		transition: 0.2s ease;
		transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
		position: absolute;
	}
	
	
	.icon {
		z-index: 99999;
		position: fixed;
	   /* background: rgba(0, 0, 0, 0.21);*/
		display: block;
		padding: 0;
		height: 27px;
		width:27px;
		margin: 0px;
		top: 5px;
		left: 20px;
	}

	.icon:hover{filter: #ffffff;}
	
	
	.mobilenav {
		/*    top: 47px !important;*/
		font-family: inherit;
		top: 0;
		left:0;
		z-index: 9999;
		display: none;
		position: fixed;
		width: 100%;
		background: rgba(60, 60, 60, 1);
	}

	.mobilenav ul{display:block;}
	
	.mobilenav li {
		font-family:'Nanum Gothic', sans-serif;
		border-bottom:1px solid #484848;
		list-style-type: none;
		padding: 10px;
		margin:0 20px;
	}
	.mobilenav li a {
		
		font-size:1em;
		color: #fff;
		text-decoration: none;
		width: 100%;
	}
	
	.mobilenav li a p{padding-left:140px;}
	
	.mobilenav li:first-child {
		margin-top: 40px;
	}
	
	.mobilenav li a p{position:relative; top:0;}	
	
	
	/*아이콘 적용*/
	.mobilenav .icon_view{
		background: transparent url(../images/ico_nav_view.png) 110px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_view.svg);
		}
	.mobilenav .icon_search{
		background: transparent url(../images/ico_nav_search.png) 113px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_search.svg);
		}
	.mobilenav .icon_annotate{
		background: transparent url(../images/ico_nav_annotate.png) 113px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_annotate.svg);
		}
	.mobilenav .icon_tool{
		background: transparent url(../images/ico_nav_tool.png) 113px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_tool.svg);
		}
	.mobilenav .icon_user{
		background: transparent url(../images/ico_nav_user.png) 115px center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/ico_nav_user.svg);
		}	





	/*------------서브메뉴--------------*/

	/*검색*/
	.mobile_sub{position:fixed; display:none;}

	#tab_01{display:block;}
	#tab_02, #tab_03, #tab_04, #tab_05{display:none;}
	
	
	.sub_01 ul,
	.sub_02 ul,
	.sub_03 ul,
	.sub_04 ul,
	.sub_05 ul{display:block}


	.sub_01 li a:hover, .sub_01 li a:active, .sub_01 li a:focus,
	.sub_02 li a:hover, .sub_02 li a:active, .sub_02 li a:focus,
	.sub_03 li a:hover, .sub_03 li a:active, .sub_03 li a:focus,
	.sub_04 li a:hover, .sub_04 li a:active, .sub_04 li a:focus,
	.sub_05 li a:hover, .sub_05 li a:active, .sub_05 li a:focus{opacity:0.5; filter: alpha(opacity=50); -moz-opacity:0.5; -moz-filter: alpha(opacity=50); -o-opacity:0.5; -o-filter: alpha(opacity=50);}

	
	
	.sub_01 ul{position:absolute; top:3px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1;}
	.sub_01 ul:after{display:block;clear:both;content:""}	
	.sub_01 li{float:left; overflow:visible;position:relative; padding:0 8px; background:transparent;}
	.sub_01 li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em;}

	.sub_03 ul{position:absolute; top:3px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1;}
	.sub_03 ul:after{display:block;clear:both;content:""}	
	.sub_03 li{float:left; overflow:visible;position:relative; padding:0 6px; background:transparent;}
	.sub_03 li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em;}		
	
	.sub_04 ul{position:absolute; top:3px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1;}
	.sub_04 ul:after{display:block;clear:both;content:""}	
	.sub_04 li{float:left; overflow:visible;position:relative; padding:0 8px; background:transparent;}
	.sub_04 li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1.125em;}
	
	.sub_05 ul{position:absolute; top:3px; left:0; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1;}
	.sub_05 ul:after{display:block;clear:both;content:""}	
	.sub_05 li{float:left; overflow:visible;position:relative; padding:0 6px; background:transparent;}
	.sub_05 li a{padding:0;margin:0; font-family:'Nanum Gothic', sans-serif; font-size:1em;}	
	
		
	
	
	.sub_01{display:none; position:fixed; top:46px; left:10px; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1; z-index:99;}
	
	.sub_01 .m1s1{width:16px; height:18px;
		background: transparent url(../images/view_thumbnail.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_thumbnail.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_thumbnail.svg);
		background-size: 16px 18px;
	}
	.sub_01 .m1s2{width:21px; height:18px;
		background: transparent url(../images/view_page_1.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_1.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_page_1.svg);
		background-size: 21px 18px;
	}
	.sub_01 .m1s3{width:21px; height:18px;
		background: transparent url(../images/view_page_2.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_2.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_page_2.svg);
		background-size: 21px 18px;
	}
	.sub_01 .m1s4{width:21px; height:18px;
		background: transparent url(../images/view_page_3.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_3.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_page_3.svg);
		background-size: 21px 18px;
	}
	.sub_01 .m1s5{width:21px; height:18px;
		background: transparent url(../images/view_page_4.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_4.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_page_4.svg);
		background-size: 21px 18px;
	}
	.sub_01 .m1s6{width:21px; height:18px;
		background: transparent url(../images/view_page_5.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_5.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_page_5.svg);
		background-size: 21px 18px;
	}
	.sub_01 .m1s7{width:14px; height:18px;
		background: transparent url(../images/view_ebook.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_ebook.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_ebook.svg);
		background-size: 14px 18px;
	}
	.sub_01 .m1s8{width:18px; height:18px;
		background: transparent url(../images/view_scroll.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_scroll.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_scroll.svg);
		background-size: 18px 18px;
	}
	.sub_01 .m1s9{width:18px; height:18px;
		background: transparent url(../images/view_pregen.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../view_pregen.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/view_pregen.svg);
		background-size: 18px 18px;
	}	

	
	.sub_02{display:none; position: fixed; top:46px; left:10px; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1; z-index:99;}
	.sub_02:after{display:block;clear:both;content:""}
	.sub_02 .txt input{float:left; width:110px; height:14px; *height:18px; border:1px solid #cccccc; font-family:'Nanum Gothic', sans-serif; }
	.sub_02 .search_pre{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_pre.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_pre.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_pre.svg);
	}
	.sub_02 .search_next{float:left; margin-left:2px; width:25px; height:24px;
		background: transparent url(../images/search_next.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_next.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_next.svg);
	}	
	.sub_02 .search_pre a, .search .search_next a{width:25px;}	
	.sub_02 .search_pre:hover,
	.sub_02 .search_next:hover{opacity:0.7; filter: alpha(opacity=70);}
	
	.sub_02 .a{width:22px; height:22px;
		background: transparent url(../images/search_Aa.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_Aa.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_Aa.svg);
	}
	.sub_02 .b{width:22px; height:22px;
		background: transparent url(../images/search_highlight.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/search_highlight.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/search_highlight.svg);
	}		
	
	.sub_03{display:none; position: fixed; top:46px; left:10px; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1; z-index:99;}

	.sub_03 .m3s1{width:24px; height:18px;
		background: transparent url(../images/annotate_list.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_list.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_list.svg);
		background-size: 24px 18px;
	}
	.sub_03 .m3s2{width:24px; height:18px;
		background: transparent url(../images/annotate_pen.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_pen.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_pen.svg);
		background-size: 24px 18px;
	}
	.sub_03 .m3s3{width:17px; height:18px;
		background: transparent url(../images/annotate_line.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_line.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_line.svg);
		background-size: 17px 18px;
	}
	.sub_03 .m3s4{width:18px; height:18px;
		background: transparent url(../images/annotate_circle.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_circle.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_circle.svg);
		background-size: 18px 18px;
	}
	.sub_03 .m3s5{width:18px; height:18px;
		background: transparent url(../images/annotate_square.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_square.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_square.svg);
		background-size: 18px 18px;
	}
	.sub_03 .m3s6{width:17px; height:18px;
		background: transparent url(../images/annotate_highlighter.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_highlighter.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_highlighter.svg);
		background-size: 17px 18px;
	}
	.sub_03 .m3s7{width:17px; height:18px;
		background: transparent url(../images/annotate_cancleline.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_cancleline.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_cancleline.svg);
		background-size: 17px 18px;
	}
	.sub_03 .m3s8{width:17px; height:18px;
		background: transparent url(../images/annotate_underline.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_underline.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_underline.svg);
		background-size: 17px 18px;
	}
	.sub_03 .m3s9{width:16px; height:18px;
		background: transparent url(../images/annotate_memo.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_memo.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_memo.svg);
		background-size: 24px 18px;
	}
	.sub_03 .m3s10{width:18px; height:18px;
		background: transparent url(../images/annotate_textbox.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_textbox.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/annotate_textbox.svg);
		background-size: 18px 18px;
	}		
	
	.sub_04{display:none; position: fixed; top:46px; left:10px; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1; z-index:99;}
	
	.sub_04	 .m4s1{width:12px; height:18px;
		background: transparent url(../images/tool_hand.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_hand.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_hand.svg);
		background-size: 12px 18px;
	}
	.sub_04	 .m4s2{width:18px; height:18px;
		background: transparent url(../images/tool_clockwise.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_clockwise.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_clockwise.svg);
		background-size: 18px 18px;
	}
	.sub_04	 .m4s3{width:18px; height:18px;
		background: transparent url(../images/tool_anticlockwise.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_anticlockwise.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_anticlockwise.svg);
		background-size: 18px 18px;
	}
	.sub_04	 .m4s4{width:19px; height:18px;
		background: transparent url(../images/tool_print.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_print.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_print.svg);
		background-size: 19px 18px;
	}
	.sub_04	 .m4s5{width:19px; height:18px;
		background: transparent url(../images/tool_down.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_down.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_down.svg);
		background-size: 19px 18px;
	}
	.sub_04	 .m4s6{width:16px; height:18px;
		background: transparent url(../images/tool_list.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_list.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_list.svg);
		background-size: 16px 18px;
	}
	.sub_04	 .m4s7{width:21px; height:18px;
		background: transparent url(../images/tool_filelist.png) center center no-repeat;
		background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_filelist.svg);
		background-image: linear-gradient(transparent, transparent), url(../images/tool_filelist.svg);
		background-size: 21px 18px;
	}
	
	.sub_05{display:none; position: fixed; top:46px; left:10px; width:100%; margin:0; padding:0; border:0; white-space:nowrap; list-style:none;*zoom:1; z-index:99;}


/*full page*/
.full_page{width:42px; height:36px; cursor:pointer; position:fixed; display:inline-block; bottom:0; right:0; background:#4a4a4a; z-index:999;}
.full_page img{position:relative; top:6px; left:9px;}
.full_page:hover{opacity:0.8; filter: alpha(opacity=80);}

}







	
	
/*서브메뉴 공통(모바일 세로 제외)*/
.tab_face .m1s1{width:22px; height:22px;
	background: transparent url(../images/view_thumbnail.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_thumbnail.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_thumbnail.svg);
}
.tab_face .m1s2{width:25px; height:22px;
	background: transparent url(../images/view_page_1.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_1.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_page_1.svg);
}
.tab_face .m1s3{width:25px; height:22px;
	background: transparent url(../images/view_page_2.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_2.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_page_2.svg);
}
.tab_face .m1s4{width:25px; height:22px;
	background: transparent url(../images/view_page_3.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_3.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_page_3.svg);
}
.tab_face .m1s5{width:25px; height:22px;
	background: transparent url(../images/view_page_4.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_4.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_page_4.svg);
}
.tab_face .m1s6{width:25px; height:22px;
	background: transparent url(../images/view_page_5.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_page_5.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_page_5.svg);
}
.tab_face .m1s7{width:18px; height:22px;
	background: transparent url(../images/view_ebook.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_ebook.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_ebook.svg);
}
.tab_face .m1s8{width:22px; height:22px;
	background: transparent url(../images/view_scroll.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_scroll.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_scroll.svg);
}
.tab_face .m1s9{width:22px; height:22px;
	background: transparent url(../images/view_pregen.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/view_pregen.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/view_pregen.svg);
}



.tab_face .m3s1{width:28px; height:22px;
	background: transparent url(../images/annotate_list.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_list.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_list.svg);
}
.tab_face .m3s2{width:28px; height:22px;
	background: transparent url(../images/annotate_pen.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_pen.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_pen.svg);
}
.tab_face .m3s3{width:21px; height:22px;
	background: transparent url(../images/annotate_line.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_line.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_line.svg);
}
.tab_face .m3s4{width:22px; height:22px;
	background: transparent url(../images/annotate_circle.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_circle.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_circle.svg);
}
.tab_face .m3s5{width:22px; height:22px;
	background: transparent url(../images/annotate_square.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_square.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_square.svg);
}
.tab_face .m3s6{width:21px; height:22px;
	background: transparent url(../images/annotate_highlighter.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_highlighter.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_highlighter.svg);
}
.tab_face .m3s7{width:21px; height:22px;
	background: transparent url(../images/annotate_cancleline.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_cancleline.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_cancleline.svg);
}
.tab_face .m3s8{width:21px; height:22px;
	background: transparent url(../images/annotate_underline.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_underline.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_underline.svg);
}
.tab_face .m3s9{width:20px; height:22px;
	background: transparent url(../images/annotate_memo.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_memo.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_memo.svg);
}
.tab_face .m3s10{width:22px; height:22px;
	background: transparent url(../images/annotate_textbox.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/annotate_textbox.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/annotate_textbox.svg);
}



.tab_face .m4s1{width:16px; height:22px;
	background: transparent url(../images/tool_hand.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_hand.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_hand.svg);
}
.tab_face .m4s2{width:22px; height:22px;
	background: transparent url(../images/tool_clockwise.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_clockwise.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_clockwise.svg);
}
.tab_face .m4s3{width:22px; height:22px;
	background: transparent url(../images/tool_anticlockwise.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_anticlockwise.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_anticlockwise.svg);
}
.tab_face .m4s4{width:23px; height:22px;
	background: transparent url(../images/tool_print.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_print.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_print.svg);
}
.tab_face .m4s5{width:23px; height:22px;
	background: transparent url(../images/tool_down.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_down.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_down.svg);
}
.tab_face .m4s6{width:20px; height:22px;
	background: transparent url(../images/tool_list.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_list.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_list.svg);
}
.tab_face .m4s7{width:25px; height:22px;
	background: transparent url(../images/tool_filelist.png) center center no-repeat;
	background-image: -webkit-linear-gradient(transparent, transparent), url(../images/tool_filelist.svg);
	background-image: linear-gradient(transparent, transparent), url(../images/tool_filelist.svg);
}





/*체크박스*/
.wrap_chkbox {display:inline-block; margin-left:10px; font-family:'Nanum Gothic', sans-serif; font-size:1.125em; color:#454545; *float:left;}
.wrap_chkbox .chkbox {display: inline-block;vertical-align: top; *margin-left:10px; *float:left;}
.wrap_chkbox .chkbox input[type=checkbox] {display: none; /*체크박스 이미지만 보여지게 하기 위해 none으로 설정*/}
.wrap_chkbox .chkbox img {width: 22px; }
.wrap_chkbox p {padding-left: 5px; display: inline-block;	vertical-align: middle; *float:left;}





/*즐겨찾기 툴바*/
.menu {
  position:fixed;
  top:50%;
  right:-35px;
  width:60px;
  height:60px;
  margin-top: -30px;
  z-index:9999;
}

.toggle {
  display: none;
}

.toggle + .style {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: #E66329;
  cursor: pointer;
  transform: translate(0, 0) scale(1);
  transition: all 0.3s;
  z-index: 5;
}


.toggle:checked + .style {
  transform: scale(0.76) translate3d(-46px, 0px, 0px) ;
  -webkit-transform: scale(0.76) translate3d(-46px, 0px, 0px) ;
  -ms-transform:scale(0.76) translate(-46px, 0px);
}

/*:root .toggle:checked + .style {
	position:absolute \0/IE9;
	right:20px \0/IE9;
}*/

.toggle ~ .tab {
  position: absolute;
  background: #eee;
  width: 60px;
  height: 60px;
  left: 0px;
  top: 0px;
  transform: translate(0, 0) scale(0);
  transition: all 0.3s;
  opacity: 0;
  border-radius: 50%;
}

.toggle:checked ~ .tab {
  opacity: 1;
  transform: translate(0, 0) scale(1);
}

.toggle:checked ~ .tab:hover, .toggle:checked ~ .tab:focus, .toggle:checked ~ .tab:active{opacity: 0.7;}

.toggle ~ .tab img{position:relative; top:16px; left:22px;}



.menu > .toggle:checked ~ .tab:nth-of-type(1) {
  top: -90px;
  left: -37px;
  transition-delay: 0s;
}

.menu > .toggle ~ .tab:nth-of-type(1) {
  background-color: #E66329;
}

.menu > .toggle:checked ~ .tab:nth-of-type(2) {
  top: -61px;
  left: -95px;
  transition-delay: 0.05s;
}

.menu > .toggle ~ .tab:nth-of-type(2) {
  background-color: #E66329;
}

.menu > .toggle:checked ~ .tab:nth-of-type(3) {
  top: 0px;
  left: -118px;
  transition-delay: 0.10s;
}

.menu > .toggle ~ .tab:nth-of-type(3) {
  background-color: #E66329;
}

.menu > .toggle:checked ~ .tab:nth-of-type(4) {
  top: 61px;
  left: -95px;
  transition-delay: 0.15s;
}

.menu > .toggle ~ .tab:nth-of-type(4) {
  background-color: #E66329;
}

.menu > .toggle:checked ~ .tab:nth-of-type(5) {
  top: 90px;
  left: -37px;
  transition-delay: 0.20s;
}

.menu > .toggle ~ .tab:nth-of-type(5) {
  background-color: #E66329;
}


.ham_bm {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
}

.ham_bm.open .ham_bm-item {
  background: #fff;
}

.ham_bm.open .ham_bm-item:first-child {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg) scale(1.7);;
  transform: rotate(45deg) scale(1.7);

  -moz-transform-origin: -2px 13px;
  -ms-transform-origin: -1px 19px;
  -webkit-transform-origin: -2px 13px;
  /*transform-origin: -2px 13px; */ 
}

:root .ham_bm.open .ham_bm-item:first-child {
	-ms-transform: rotate(45deg) scale(1.3)\9;
}

.ham_bm.open .ham_bm-item:nth-child(2) {
  opacity: 0;
}
.ham_bm.open .ham_bm-item:nth-child(3) {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg) scale(1.7);;
  transform: rotate(-45deg) scale(1.7);
  
  -moz-transform-origin: -1px -10px;
  -ms-transform-origin:  0 -16px;
  -webkit-transform-origin: -1px -10px;
  /*transform-origin: -1px -10px;*/
}

:root .ham_bm.open .ham_bm-item:nth-child(3) {
	-ms-transform: rotate(-45deg) scale(1.3)\9;	
}


.ham_bm-item {
  -moz-transition-property: all;
  -o-transition-property: all;
  -webkit-transition-property: all;
  transition-property: all;
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  display: block;
  width: 14px;
  height: 3px;
  margin: 0 0 5px;
  background: #fff;
  border-radius:20px;
  position:relative;
  top:20px;
  left:7px;
  
}


.hidden{display: none !important;}