/*Sub_페이지 네비게이션*/
.path						{ display:none;}
#posi						{ float:right; display:block;}
#position					{ display:inline-block; width:auto;}
#position li					{ float:left; position:relative; display:inline-block; margin-left:5px; margin-top:3px; vertical-align:top;}
#position li.page span		{ display:block; background:url("/resources/images/common/bg_navi_arrow.png") no-repeat 5px 50%; cursor:pointer;}
#position li.page span a,
#position li.page span a:link,
#position li.page span a:visited	{ display:block; padding:0 35px 0 30px; font-size:14px; line-height:37px; background:url("/resources/images/common/navi_on.gif") no-repeat 100% 50%; }
#position li.page span a:hover,
#position li.page span a:active,
#position li.page span a:focus		{ background:url("/resources/images/common/navi_ov.gif") no-repeat 100% 50%;}
#position li.page span.ov a,
#position li.page span.ov a:link,
#position li.page span.ov a:visited,
#position li.page span.ov a:hover,
#position li.page span.ov a:active,
#position li.page span.ov a:focus	{ background:url("/resources/images/common/navi_on.gif") no-repeat 94% center;}
#position li.page ul		{ position:absolute; display:none; top:37px; left:0; padding:10px 0; border:1px solid #ccc; background:#fff; z-index:999;}
#position li.page ul li		{ display:inline-block;height:auto;line-height:24px;width:100%; margin-left:0}
#position li.page ul li a	{ display:block; padding:5px 10px; font-size:14px; line-height:20px; color:#666; text-align:left; border-top:1px solid #d5d5d5;}
#position li.page ul li:first-child a { border-top:0;}
#position li.page ul li a:link,
#position li.page ul li a:visited	{ color:#666;}
#position li.page ul li a:hover,
#position li.page ul li a:active,
#position li.page ul li a:focus		{ color:#777;}
#position .navi_home		{ display:block; width:15px; height:35px; line-height:35px; vertical-align:top; font-size:0; background:url("/resources/images/common/icon_home.png") no-repeat left 50%; text-indent:-9999px;}






/************************************
*****브라우저 크기 980픽셀  이상*****
************************************/
@media screen and (min-width:980px){
	/*Moblie Top*/
	#tab_menu,
	#tab_header		{ display:none;}
}


@media screen and (max-width:1120px){
	.con_area01		{ width:100%; padding:0;}
	.photoWrap01		{ width:48%; }
}


@media screen and (min-width:980px) and (max-width:1119px){
	/* Layout */
	.con_area			{ width:98%; margin:0 auto; padding:0;}
}


@media screen and (min-width:1px) and (max-width:979px){
	/* Layout */
	body					{ overflow-x:hidden;}
	.con_area				{ width:100%; margin:0 auto; padding:0;}


	/*Sub_페이지 네비게이션*/
	.path					{ float:right; display:block; width:100%; margin:15px auto; text-align:right; color:#666; font-size:95%;}
	.path *					{ margin:0; padding:0; vertical-align:middle;}
	.path a					{ position:relative; display:inline-block; top:0px; padding:0 2px; font-size:95%; vertical-align:middle; line-height:1em;}
	.path a:link,
	.path a:visited			{ color:#666;}
	.path a:hover,
	.path a:focus			{ color:#666; text-decoration:underline;}
	.path .navi_home		{ width:15px; height:22px; line-height:22px; vertical-align:top; font-size:0; background:url("/resources/images/common/icon_home.png") no-repeat left 27%; text-indent:-9999px;}
	.path .navi_ov			{ font-weight:bold;}
	#posi					{ float:right; display:none;}

	/*Top Menu & GNB*/
	#tab_menu			{ position:fixed; right:0%; top:0%; overflow-x: hidden;overflow-y: auto; width:0; height:100%; background-color:#373737;z-index:9999999;}
	#tab_menu h1 a		{ display:block; width:272px; height:60px; font-size:1.3rem; font-weight:bold; color:#ffc30d; text-indent:1rem; line-height:60px; letter-spacing:-.06em }
	#tab_menu #tab_lang	{ width:272px; height:30px; padding-top:8px; text-align:center; background-color:#524f4f;}
	#tab_menu #tab_lang a	{ margin-top:5px; line-height:35px;}
	#tab_menu .sitemap		{ float:left; width:272px; height:30px; margin:0; padding:5px; border-bottom:1px solid #2f2d2d;}
	#tab_menu .sitemap ul	{ margin:5px 0 0 70px;}
	#tab_menu .sitemap li	{ float:left; list-style:disc; color:#a3a3a3; font-size:80%; text-indent:0px;}
	#tab_menu .sitemap li:first-child { margin-right:40px;}
	#tab_menu .sitemap li a	{ color:#a3a3a3;}
	#tab_menu #tab_navi		{ width:272px; height:80%;}
	#tab_menu #tab_navi .title	{ float:left; border-bottom:1px solid #2f2d2d; text-indent:20px;}
	#tab_menu #tab_navi .title a { display:block; width:272px; height:45px; color:#fff; font-size:17px; line-height:45px;}
	#tab_menu #tab_navi .title a:hover,
	#tab_menu #tab_navi .title a:focus	{ background-color:#d93e3e;}
	#tab_menu #tab_navi .title2	{ float:left; border-bottom:1px solid #2f2d2d; text-indent:20px;}
	#tab_menu #tab_navi .title2 a		{ display:block; width:272px; height:45px; color:#fff; font-size:17px; line-height:45px;}
	#tab_menu #tab_navi .title2 a:hover,
	#tab_menu #tab_navi .title2 a:focus	{ background-color:#d93e3e;}

	#tab_navi .sub				{ float:left;text-indent:30px;padding:0px;margin:0px;}
	#tab_navi .sub li			{ margin:0; padding:0;}
	#tab_navi .sub a			{ display:block; width:272px; height:38px; margin:0; padding:0; font-size:15px; color:#b5b5b5; line-height:38px; border-bottom:1px solid #111; border-top:0px solid #111; background-color:#2d2d2d;}
	#tab_navi .sub a:hover	{ color:#fde926; background-color:transparent !important;}
	#tab_navi .sub .depth_3th{ padding:3px 0; background-color:#222; text-indent:30px;}
	#tab_navi .sub .depth_3th a			{ display:block; width:272px; height:20px; font-size:90%; color:#b5b5b5; line-height:20px; border:none; background-color:#222;}
	#tab_navi .sub .depth_3th a:hover	{ color:#fde926; background-color:transparent !important;}
	#tab_menu .tab_close			{ display:none;}
	#tab_menu .tab_close a			{ position:absolute; width:30px; height:30px; right:-30px; top:1rem; padding:0; font-size:0; text-indent:-9999em; transition:all ease 0.3s}
	#tab_menu .tab_close a::before	{ position:absolute; left:50%; top:35%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(45deg); 
										transition:transform .2s ease;}
	#tab_menu .tab_close a::after 	{ position:absolute; left:50%; top:35%; width:1px; height:30px; margin-top:-10px; background-color:#fff; content:''; transform:rotate(-45deg); 
										transition:transform .2s ease;}

	#tab_menu .serch				{ display:block; margin:10px auto; width:96%; position:relative; background:#fff; border-radius:2em; }
	#tab_menu .serch label			{ position:absolute; width:1px; height:1px; text-indent:-9999em; }
	#tab_menu .serch .serchBox		{ width:calc(100% - 3em);  padding:0 14px; line-height:34px; box-sizing:border-box; border:none; background:none; }
	#tab_menu .serch .serchBtn		{ position:absolute; right:8px; top:-1px; width:34px; height:34px; border:none; background:none; cursor:pointer; }								
	#tab_menu .serch .serchBtn img	{ width:20px; height:20px; }									
		
}




/*홈페이지박스*/
.homepage{
	display:block;
	width:auto;
	height:20px;
	font-size:70%;
	line-height:20px;
	text-align:center;
	background:#f3f3f3;
	border:1px solid #c3c3c3;
	color:#777;
	float:right;
	padding:2px 5px 2px 5px;
}
.go_home{
	display:block;
	width:auto;
	height:20px;
	font-size:85%;
	line-height:20px;
	text-align:center;
	background:#f3f3f3;
	border:1px solid #c3c3c3;
	color:#777;
	float:right;
	padding:2px 5px 2px 5px;
	margin-right:3px;
}
.go_de{
	display:block;
	width:auto;
	height:20px;
	font-size:85%;
	line-height:20px;
	text-align:center;
	background:#fff;
	border:1px solid #c3c3c3;
	color:#777;
	float:right;
	padding:2px 5px 2px 5px;
	margin-right:6px;
}
.go_home:hover{color:#222;border:1px solid #111;} .go_de:hover{color:#222;border:1px solid #111;}


@media screen and (min-width:650px){

	/*홈페이지박스*/
	.homepage{	display:block;width:auto;height:20px;font-size:70%;line-height:20px;text-align:center;background:#f3f3f3;border:1px solid #c3c3c3;color:#777;float:right;padding:2px 5px 2px 5px;}
}

@media screen and (min-width:1px) and (max-width:649px){


	/*홈페이지박스*/
	.homepage{	display:block;width:95%;height:20px;font-size:75%;line-height:20px;text-align:left;color:#777;float:left;padding:5px 5px 2px 5px;}
}