@charset "utf-8";
@import url("/common/css/contents.css");


/* 건너뛰기 */
#accessibility{position:absolute;left:0;top:0;z-index:1; z-index:9999999;}
	#accessibility li{float:left}
	#accessibility a{position:absolute;width:1px;height:1px;top:-50px;overflow:hidden;text-align:center}
	#accessibility a:focus, #accessibility a:active{position:absolute;top:0px;width:200px;height:auto;padding:5px;background-color:#fff;border:solid 1px #0079c6;color:#0079c6;z-index:2} 
	
	

/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body			{ }
#skipnavigation { display:none; visibility:hidden;}

#wrapper	{position:relative; width:100%;}

#header		{position:absolute;top:0px;left:0;width:100%;z-index:90; height:96px; background:url(/img/common/top_line.png)repeat-x bottom;   /*border-bottom: 2px solid #008cd6;background: #fff;*/}
#header{
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}


	#header h1.logo  {position:absolute;top:22px !important;left:0;width:380px;z-index:200;height:63px}
 	#header h1.logo a{ display:inline-block;width:380px;height:63px;text-indent:-999px;overflow:hidden; background:url('/img/common/com_img.png') no-repeat  0px -320px;  }	 
	#m_header { display:none}
	
	.top-link{ position:absolute; right:10px; top:3px; z-index:100}
	.top-link ul{list-style:none;	}
	.top-link li{display: inline; float: left; height:24px;box-sizing:border-box}
	.top-link li a{display:block; padding:4px 15px; color:#777;  font-size:0.93em}
	.top-link li a:hover{ color:#3eb134}
	.top-link li a.b_plus 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-64px -414px; width:24px; height:24px; text-indent:-9999px; display:block; padding:0 !important; padding:0 !important}
	.top-link li a.b_miu 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-1px -414px; width:25px; height:24px; text-indent:-9999px; display:block; padding:0 !important; padding:0 !important }
	.top-link li a.b_100 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-26px -414px; width:38px; height:24px; text-indent:-9999px; display:block; padding:0 !important; padding:0 !important }
	.top-link li a.sitemap 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-29px -453px; width:24px; height:24px; text-indent:-9999px; display:block; padding:0 !important; padding:0 !important; margin-right:4px; }
	.top-link li a.home 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-1px -453px; width:24px; height:24px; text-indent:-9999px; display:block; padding:0 !important; padding:0 !important ; margin-right:4px;}
	
		
	#header.on	{ height:80px; position: fixed; animation: all 1s;background: #fff; color:#000 ;/*background: #fff; border-bottom: 1px solid #fff ;*/       }
	
		#header h1.on		{ top:10px !important;}
		#header h1.on.logo a{  background:url('/img/common/logo.png') no-repeat ; }	 
		.top-link.on		{ display:none}

	 /* PC Device */
	@media all and (min-width:1025px){
		
		/* head오버시 */
		#header.over{background:#fff; border-bottom:0}
		#header.over .top-link li a 	{color:#777}
		#header.over h1.logo a{  background:url('/img/common/logo.png') no-repeat ; }	 
		#header.over #gnb > ul > li > a{  color:#000 ; }	
	
	}
	
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		#wrapper	{overflow:hidden}
		#header		{ display:none}
		#m_header 	{ display: block}
		#m_header h1.m_logo  		{ display:block; position: relative; padding:10px}
		#m_header h1.m_logo img  	{ width:180px;}
			
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#wrapper{min-width:100%; overflow:hidden}
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
PC메뉴
-----------------------------------------------------------------------------------------------------------*/

	
	/* gnb */
	#gnb {position:relative; width:100%; height:63px;  }
	#gnb > ul {max-width:1260px; margin:0 auto;box-sizing:border-box; padding:40px 0 0 530px;}
	#gnb > ul:after {display:block; clear:both; content:'';}
	#gnb > ul > li {position:relative; z-index:120; float:left; width:25%;  }
	#gnb > ul > li:last-child:before { position:absolute; content:''; background:none; right:0; width:3px; height:15px; top:8px;}
	#gnb > ul > li.on > a {color:#000}
 	 
	#gnb > ul > li > a {display:block; position:relative;   padding:10px 0 20px 0;    color:#fff; font-size:21px; text-decoration:none; text-align:center; letter-spacing:-2px;font-weight:500;}
	 

	#gnb > ul > li > ul {display:none; position:absolute; z-index:120; top:56px; left:0; width:100%; height:250px; padding-top:10px ; border-right:1px solid #f3f3f3;animation: all 1s;}
	
	#gnb > ul > li > ul:hover 	{ background:#78a807}
	#gnb > ul > li > ul:hover a {  color:#fff; }
	
	#gnb > ul > li:first-child > ul {border-left:1px solid #f3f3f3;}
	#gnb.open > ul > li > ul {display:block;}
	#gnb div.bg 		{display:none; position:absolute; z-index:110; top:95px; left:0; width:100%; height:260px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(/img/common/menu_ov_img.jpg) no-repeat center;}
	#gnb.open div.bg 	{display:block;}
	#gnb.open > ul > li:first-child:before {display:block;}
	#gnb > ul > li > ul > li > a {display:block; position:relative; padding:6px;color: #5a5a5a; font-weight:400;text-align:center; letter-spacing:-1.7px}
	#gnb > ul > li > ul:hover > li:hover > a:hover {display:block; position:relative; padding:6px; color: #000; text-align:center; font-weight:400;/*background:#fff;*/ margin:0 10px; /*box-sizing:border-box; border-radius:30px*/}

	#gnb.on 	{top:16px ;border-bottom:1px solid #ddd;  }    
	#gnb.on > ul 	{padding:10px 0 20px 530px;   }    
	#gnb div.bg.on 	 { top:63px !important;  }
	#gnb.on > ul > li.on > a {color:#000;  }
	#gnb.on > ul > li > a { color:#000 ; } 

	#gnb.on > ul > li > ul { top:54px; }
	
	#gnb.open > ul > li > a { color:#000 ; } 

  	   
 
	 
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1259px) {
					
		
	}

	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		#gnb{display:none}		
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#gnb{display:none}	
		
	}

/*-----------------------------------------------------------------------------------------------------------
모바일
-----------------------------------------------------------------------------------------------------------*/


#mobileLnb{display:none; position:absolute; top:0; left:0; width:100%; height:40px; border-bottom:1px solid #ddd; z-index:800;}
	#mobileLnb .mLnbDiv{position:relative; width:94%; height:40px; margin:auto;}
	#mobileLnb .mLnbDiv a{display:block}
	#mobileLnb .mLnbDiv .home{width:48px; height:14px; padding:13px 0; text-align:center; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne{position:relative; width:160px; padding:12px 19px; float:left; border-right:1px solid #ddd}
	#mobileLnb .mLnbDiv .lnbOne.on{color:#333; }
	#mobileLnb .mLnbDiv .lnbOne.cur{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbOne img{position:absolute; top:19px; right:19px;}
	#mobileLnb .mLnbDiv .lnbTwo{display:none; position:absolute; top:40px; left:0; width:160px; border:1px solid #ddd; padding:15px 19px 5px; background:#fff}
	#mobileLnb .mLnbDiv .lnbTwo a{font-size:13px; margin-bottom:15px;}
	#mobileLnb .mLnbDiv .lnbTwo a:hover{color:#4a4098; }
	#mobileLnb .mLnbDiv .lnbTwo a.on{color:#4a4098; }

	.mobileMenu	{display:none; position:absolute; top:10px; right:15px; background:url(/img/common/com_img.png); width:32px; height:31px; background-position:-331px -16px; z-index:100}
	
	#gnbM{display:none; position:absolute; top:0; right:-300px; width:300px; background:#f8f8f8; z-index:100000;}
	#gnbM .mUtil{padding:17px 15px; background:#f66d4b; font-size:13px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#fff;}
	#gnbM .mUtil span{margin:0 6px; color:#ddf2e7}
	#gnbM .mobileMenuXbt{position:absolute; top:18px; right:10px;}
	#gnbM .mobileMenuXbt img{width:15px}
	#gnbM .gnbDiv a{display:block}
	#gnbM .gnbDiv .one{padding:14px 20px 10px; font-size:16px; color:#333; border-bottom:1px solid #d9d9d9; font-weight:400; }
	#gnbM .gnbDiv .one.on{color:#ed601b; border-bottom:1px solid #666;}
	#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px solid #d9d9d9; background:#fff}
	#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9;}
	#gnbM .gnbDiv .two .twoD2{font-size:15px; color:#555; padding:10px 7px; border-bottom:1px solid #d9d9d9; background:#f3f3f3}
	#gnbM .gnbDiv .two .twoD3{font-size:15px; color:#555; padding:10px 7px 10px 15px; border-bottom:1px dotted #ccc; background:#fff}
	#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px solid #d9d9d9; background:#f7f7f7}
	#gnbM .gnbDiv .two .thr .thrD{font-size:13px; color:#777; margin-bottom:10px}
	.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; background:#000; opacity:0.7; z-index:1000}


	.mNxt{ display:none}
	
	.mobileSubmenu{display:none; position:absolute; top:104px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#f3f3f3; z-index:999; border-top:1px solid #ddd;}	
	.mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;}

	.newTxt {font-size:16px; color:#4a4098; font-weight:bold;}

	
	
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
		#mobileLnb{display:none}
			.mobileMenu{display:block}		
			#gnbM{display:block}
			#mobileSub{display:block;}
			.mobileSubmenu{display:none;}
			
			
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#mobileLnb{display:none;}
		.boxTxt .addInfoBt img{width:100px;}
		.mHidden{display:none;}
		
	}

	
/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/	
	
	
#footer{width:100%; z-index:800; background: #555555;  /*background:url(/img/common/footer_bg.jpg)  no-repeat center;*/  }
	.footDiv{position:relative; width:100%;  margin:auto; border-bottom: 1px solid #80858e; height: 47px;}
/*	.footDiv.select-box{position:absolute; top:10px; right:50px; width:162px;  }*/
	
	.fUtil 	 		{float: left;    line-height: 47px; }
	.fUtil li 	 		{float: left; padding:0 20px;text-align:center;border-right: 1px solid #80858e; }
	.fUtil li:first-child	 		{float: left; padding:0 20px;text-align:center;border-left: 1px solid #80858e; }
	/*.fUtil li span.bar	{color:#ddd; padding:0 25px; font-size:12px}	*/
	.fUtil li a 		{ color: #fff; } 
	.fUtil li a.type1	{color:#fad71d  !important}
	
	.copyRight	{line-height:170%; padding:20px 0 ; clear:both; text-align:center; font-size:14px; color:#dbdbdb}
	.copyRight span.bar{color:#ddd; padding:0 12px; font-size:12px}	
	.copyRight a{font-size:14px; color:#dbdbdb}	
	.copyRight2	{line-height:170%; text-align:center; padding-bottom:20px; font-size:14px }
	.m_copyRight{display:none}
	
/* 	.footerDiv3	{ width:0; height:0; padding:0; margin:0; min-width: 0; height: 0; line-height: 0; font-size: 0;}
	.footerDiv3 iframe	{ width:0; height:0; padding:0; margin:0}
	.footerDiv3 input	{ width:0; height:0; padding:0; margin:0}
 */

	#footer .btn-top {width:41px;height:41px;overflow:hidden;background:url(/img/common/com_img.png); background-position: -255px -80px ;display:block;position:fixed;bottom:140px;right:-80px;background-color:rgba(0,0,0,0.4);border-radius:10%;transition:right .3s ease;z-index:100000;border:0;}
	#footer .btn-top.on {right:10px;}
	
	
	.site_link_bn	{ position:absolute; top:70px; right:0;}
	.site_link_bn a	{ margin-left:10px}
	
	.site_link{display:block;position: absolute;width:220px;height:46px;margin:0;z-index:1000; float:right; background:#3b3f47; top:0; right:0; }
		.site_link .sitelink_cont{display:block;position:relative;}
		.site_link .sitelink_cont h3{display:block;width:100%;height:47px;}
		.site_link .sitelink_cont h3 button{display:block;width:100%;height:46px;margin:0;padding:0 0 0 10px;background:url('/img/common/search_icon.png') no-repeat 90% 50%;border:none;border-right:1px solid #555;color:#eee;text-align:left;}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#31afa8;}
		.site_link .layer .close{position:absolute;right:0;top:0;width:51px;height:51px;background:url('/img/common/com_img.png'); background-position: -115px -158px ; backgfont-size:0;line-height:0;text-indent:-9999px;z-index:10;}
		.site_link .link_part{width:96%;padding:2%;}
		.site_link .link_part h4{width:88%;height:26px;padding:7px 0 0 2%;color:#fff;font-weight:normal;}
		.site_link .link_part ul{padding:15px 0;background-color:#fff;border-radius:5px;}
		.site_link .link_part ul li{display:block;float:left;width:50%;}
		.site_link .link_part ul.float_none li{float:none;width:100%;}
		.site_link .link_part ul li a{display:block;padding:5px 0 0 15px;color:#676767; font-size:14px; line-height:25px; border-bottom:1px dashed #ddd;}
		
	.con_wrap				{max-width:1260px; width:100%; margin:0 auto; position:relative; }
	
		
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1259px) {
					
		.footDiv	{margin:0 auto; width:100%}
	
	
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
		.container_wrap:after {clear:both;content:"";display:block;}
	
		.con_wrap		 {max-width: none; width:100%; margin:0 auto; position:relative; }
		
	
		#footer{height:auto; clear:both; background:none}
			#footer:after{clear:both;display:block;content:'';}
			.footDiv{height:auto; width:100%; background: #555555;}
			.footDiv .select-box{display:none}
			/*.footDiv .linkBt{display:none}
			.footDiv .linkBt2 {display:none;}	*/
		
			.copyRight	{ display:none}
			.copyRight2	{color:#555; text-align:center; font-size:13px}
			.m_copyRight{ display:block; padding-top:10px; background: #555555; clear:both}
			.m_copyRight{color:#fff; line-height:170%; text-align:center; font-size:13px}
			.m_copyRight p{margin-top:10px; font-size:12px; line-height:18px;}
			.m_copyRight a{color:#fff !important}
			.m_copyRight span.bar{color:#fff; margin:0 7px; font-size:10px}	
		
		
		.fUtil		{ width:100%; }
		.fUtil ul li { width:50%;box-sizing:border-box; border-bottom:1px solid #777; border-right:1px solid #777; padding:10px 0; background: #555555;  height:auto; line-height:normal; text-align:center}
		.fUtil ul li a{ color:#fff;}
		.fUtil ul li a.type1{color: #ff0 !important}
		.fUtil ul li:last-child	{ border-right:0}
		.fUtil ul li:first-child  {width:50%;box-sizing:border-box; border-bottom:1px solid #777; border-right:1px solid #777; padding:10px 0; background: #555555;  height:auto; line-height:normal; text-align:center}
		
		.site_link{ width:100%; position:relative}
		.site_link .sitelink_cont{float:none;width:100%;border-bottom:1px solid #8b8f97;}
		.site_link .sitelink_cont h3 button{background-position:95% 50%;}
		
		
		/*.f_logo{display:none;}	*/
		
	}
	


/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/

 
/* 서브페이지 */
#cBody{position:relative; /* background:url(/img/common/sub_img_01.jpg) no-repeat  ; */      }
.subImg1{position:relative;  background:url(/img/common/sub_img_01.jpg) no-repeat  ;      }
.subImg2{position:relative;  background:url(/img/common/sub_img_02.jpg) no-repeat  ;     }
.subImg3{position:relative;  background:url(/img/common/sub_img_03.jpg) no-repeat  ;      }
.subImg4{position:relative;  background:url(/img/common/sub_img_04.jpg) no-repeat  ;      }
.subImg5{position:relative;  background:url(/img/common/sub_img_01.jpg) no-repeat  ;      }
	#subWrap	{width:1260px; margin:0 auto; overflow:hidden;padding-top: 224px;  /*background:url(/img/common/sub_img_01.jpg)no-repeat top;*/   }	
	#subWrap:after	{content:'';display:block;clear:both;height:0; visibility:hidden}
	h2.subTT	{font-size:30px; color:#fff; text-align:center; font-weight:500;/*font-family: 'NIXGONM-Vb'; */background:url(/img/common/left_title.jpg) no-repeat; height:122px; line-height:122px }
	
	#lnb		{width:221px; float:left;}
	#lnb div	{width:221px; }
	#lnb a.twoD		{display:block; color:#333; padding:15px 0 15px 20px; border:1px solid #eaeaea; border-top:none; box-sizing:border-box; line-height:150%;background:#fff; font-weight:400; /*transition: all 0.6s; letter-spacing:-1px;  background:url() 190px 21px;*/}
	#lnb a.twoD.on,#lnb a.twoD:hover		{ display: block; padding:15px; background:url(/img/common/ico_link02.png) no-repeat 198px 21px #abcd05; border:1px solid #abcd05;color:#fff}
	
	#subCon		{position:relative; width:970px; margin-top: 143px;  float:right; padding-right:0px; padding-bottom:40px}
	#subCon>h2	{float:left; width: 40% ;   font-size:34px; color:#000; padding-top:15px; letter-spacing:-1px; font-weight:500;font-family: 'NIXGONM-Vb';}
	.path		{float:right; text-align: right; width: auto ;   margin-top:10px;}
	.path span	{display:inline; padding-left:19px; margin-left:15px; background:url('/img/common/path_arrow.gif') no-repeat 0 center}
	.path span.home{padding-left:0px; margin-left:0px; width: 12px; height: 30px;line-height:30px; padding-top: 30px;vertical-align: middle; background:none;/*background:url('/img/common/home.gif') no-repeat*/}
	
	/* 제목 영역 */
	.in-wrap 	{ margin:110px 0 40px; min-height:600px;clear:both; }
		
	.mNxt{ display:none}
	
	.mobileSubmenu{display:none; position:absolute; top:115px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#f3f3f3; z-index:99}	
	.mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #ddd; color:#555; font-size:15px;}

	.newTxt {font-size:16px; color:#4a4098; font-weight:bold;}
	
	@media only screen and (min-width:1024px) {/* PC */
	}
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1259px) {
			
		/* 서브페이지 */
					
		#container { padding-bottom:20px;width:100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}
		#mobileLnb{display:block}
		 
		#subCon>h2	{float:none; font-size:24px; color:#000; margin-top:0px; width: 100%; padding-bottom:10px}
		.path		{float:none; text-align: left;    margin-top:10px; width: 100%; border-bottom:1px dashed #ddd;padding-bottom:20px}
		.in-wrap 	{margin:30px 0 40px;}
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
		/* 서브페이지 */
		
		#cBody{position:relative; background:none; padding-top:30px;top: 0px;}		
		#subWrap	{width:100%; margin:0 auto; overflow:hidden; border-top:3px solid #128679;padding-top: 0px;  background:none}
		#lnb 		{ display:none}	
			
		.mNxt		{ display:block; position:absolute; top:20px; right:10px; z-index:10}		
		
		#subCon		{position:relative; width:100%; margin-top: 0px; float:none; padding:10px; box-sizing:border-box}
		#subCon>h2	{float:none; font-size:24px; color:#000; margin-top:0px; width: 100%;   padding-bottom:5px}
		.path		{float:none; text-align: left; width: auto ;   margin-top:10px;  width: 100%;border-bottom:1px dashed #ddd;padding-bottom:20px}
		.in-wrap 	{padding:0px 0px 20px; box-sizing:border-box}
	
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:650px) {	
	#cBody{position:relative; background:none; padding-top:0px;}			
		
	}