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


/* 건너뛰기 */
ul#skipToContent {position:absolute; z-index:10000; height:0;}
ul#skipToContent li {position:absolute; z-index:10000; top:0; left:0; width:100%;}
ul#skipToContent li a {display:block; position:absolute; z-index:10000; top:-10000px; left:0; color:#fff; font-size:0; text-align:center;}
ul#skipToContent li a:focus,ul#skipToContent li a:active {top:3px; width:150px; padding:5px 0; font-size:1em; background-color:#355da0}
.skipToContent a {display:block; width:1px; height:1px; margin-bottom:-1px; overflow:hidden; color:#000; font-size:12px; text-align:center; white-space:nowrap;}
.skipToContent a:focus,.skipToContent a:active {width:auto; height:auto; margin-bottom:10px; padding:5px;}




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

/*#wrapper	{position:relative; width:100%; overflow:hidden}*/
#wrapper	{position:relative; width:100%; overflow:hidden}
/* header */
	 

#header		{position:absolute;top:35px ;left:0;width:100%;z-index:10;  height:60px; /*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 {position:relative;}*/
.inner  {position:relative; max-width:1200px; margin:0 auto;}
 
	.con_wrap				{max-width:1200px; width:100%; margin:0 auto; position:relative; }
	
	
	#header h1.logo  {position:absolute;top:0px ;left:0;width:45%;z-index:2;height:60px;}
 	#header h1.logo a{ display:inline-block;width:420px;height:60px;text-indent:-999px;overflow:hidden; background:url('/img/common/logo.png?=2') no-repeat   }	 
	#m_header { display:none}
	 
	#header ul.toplink{ position:absolute; right:0px; top:-35px; z-index:10000000;/*background:#7aac4d; width:420px; height:30px*/; }
	/*#header .toplink ul{list-style:none;	}*/
	#header ul.toplink li{display: inline; float: left; height:35px;box-sizing:border-box}
	#header ul.toplink li a{display:block; padding:0px 15px; color:#777;  font-size:0.93em}
	#header ul.toplink li a:hover{ color:#3eb134}
/*	#header ul.toplink li a.b_plus 	{ background:url(/img/common/homemenu.png) no-repeat; background-position:-113px 0px; width:30px; height:30px; text-indent:-9999px; display:block; padding:0 !important; }
	#header ul.toplink li a.b_miu 	{ background:url(/img/common/homemenu.png) no-repeat; background-position:0px 0px; width:62px; height:30px; text-indent:-9999px; display:block; padding:0 !important; }
	#header ul.toplink li a.b_100 	{ background:url(/img/common/homemenu.png) no-repeat; background-position:-61px 0px; width:52px; height:30px; text-indent:-9999px; display:block; padding:0 !important;   }
	#header ul.toplink li a.sitemap 	{ background:url(/img/common/homemenu.png) no-repeat; background-position:-177px 0px; width:30px; height:30px; text-indent:-9999px; display:block; padding:0 ;  margin-left:4px; }*/
	#header ul.toplink li a.home 	{ /*background:url(/img/common/homemenu.png) no-repeat; background-position:-143px 0px; width:30px; height:30px;text-indent:-9999px;*/   display:block; padding:0 ;  margin-left:2px;margin-right: 20px;    color: #fff;
    height: 35px;
    line-height: 35px;
    font-size: 12px; }
		
	#header.on	{  height:60px; position: fixed; animation: all 1s;background: #fff; color:#000 ;  top:0px  ; border-bottom: 1px solid #ddd}
	
		#header h1.on		 { top:0px  ;}
		#header h1.on.logo a { background:url('/img/common/logo.png?=2') no-repeat ; /*background-size: 65%*/}	 
		#header ul.toplink.on		{ display:none}
/*
		#header.open	{ height:70px; position: fixed; animation: all 1s;background: #fff; color:#000 ;     }
	
		#header h1.open		{ top:15px !important;}
		#header h1.open.logo a{  background:url('/img/common/logo.png') no-repeat ; background-size: 65%}	 
		.head_util.open		{ display:none}*/
	 /* PC Device */
	@media all and (min-width:1025px){
		
		/* head오버시 */
		#header.over{/*background:#fff; *//*border-bottom:0*/}
		/*#header.over ul.toplink 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:2px 8px;background: #35363a;}
		#m_header h1.m_logo img  	{  height: 48px}
			
			
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
		#wrapper{min-width:100%; overflow:hidden}
		
	}
	
	
/*-----------------------------------------------------------------------------------------------------------
PC메뉴
-----------------------------------------------------------------------------------------------------------*/

	
	/* gnb */
	#gnb {/*max-width: 1200px;*/ width:100%; margin:0 auto;background: RGBA(255,255,255,0.7);  }
	#gnb a:hover {text-decoration:none;}
	#gnb > ul 	 { clear:both;/*width:55%;*/width:100%;/*max-width: 1200px;*//*max-width: 50%; */margin:0 auto;/*text-align: right;*/padding-left:50%; margin-top: 0px;  }
	 
	#gnb > ul:after {display:block; clear:both; content:'';  }
	#gnb > ul > li 	{float:left;text-align: right; /*width: 20%;*//*padding-left:7%*/}
	 
/*	#gnb > ul > li > ul:hover 	{background:#f8f8f8;border-left:1px solid #ddd;}
	#gnb > ul > li > ul:hover a { color:#000; opacity: .7}*/
/*	#gnb > ul > li:hover ul:before { position:absolute; content:''; background:#ff0000; left:50%;transform: translateX(-50%);width:46px; height:2px; top:-2px;}*/

/*	#gnb > ul > li:last-child 	{  padding-right:0%}*/
	#gnb > ul > li > a {display:block; position:relative; height:60px;line-height: 60px;  padding: 0 20px; font-size:19px;  word-break: keep-all;
    word-wrap: break-word; color:#000;   font-weight: 500}
	#gnb > ul > li:hover > a {color:#ff0000!important ; }
	/*#gnb > ul > li:hover { color:#ff0000;   }*/
	/*#gnb > ul > li > a:after {display:block; position:absolute; left:50%; bottom:2px; width:0; height:3px; background:#259c9e; content:''; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}*/
	/*#gnb > ul > li.hover > a:after {width:80%; margin-left:-40%;}*/
 
	#gnb > ul > li .depth2 {visibility:hidden; position:absolute; z-index:1000;top:61px;  width:100%;max-width: 1200px; /*left:0;*//*top:118px; *//*left:50%; transform: translateX(-50%);*/left:50%; transform: translateX(-50%); }
	#gnb.open > ul > li.hover .depth2 { visibility:visible; min-height:80px;}
	 
	#gnb > ul > li .depth2 > .inner 	{/*overflow:hidden;*//*padding-left:460px;*/padding-left:40%; }
	#gnb > ul > li .depth2 > .inner > ul {position:relative; float:left; width:180px; /*padding:30px 0 20px 0;*//*z-index:2000;*/}
	#gnb > ul > li .depth2 > .inner > ul > li {float:left; width:100%; text-align: left; max-width:180px; z-index:2000;}
 
	/*#gnb > ul > li:hover{ color:#ff0000 ;  }*/
	
	#gnb > ul > li:hover .depth2 > .inner > ul:before {position: absolute;top:-3px; left:50%;transform: translateX(-50%);display:block; clear:both; content:''; background:#ff0000 ;width: 54px ;height: 3px ; }

	#gnb > ul > li .depth2 > .inner > ul.dep1{  margin-left:12%;  }
	#gnb > ul > li .depth2 > .inner > ul.dep2{  margin-left:27%;  }
	#gnb > ul > li .depth2 > .inner > ul.dep3{   margin-left:42.5%; }
	#gnb > ul > li .depth2 > .inner > ul.dep4{  margin-left:57.5%;  }
	#gnb > ul > li .depth2 > .inner > ul.dep5{   margin-left:73%;  }
/*	#gnb > ul > li .depth2 > .inner > ul > li:nth-child(1), #gnb > ul > li .depth2 > .inner > ul > li:nth-child(2), #gnb > ul > li .depth2 > .inner > ul > li:nth-child(3), #gnb > ul > li .depth2 > .inner > ul > li:nth-child(4) {min-height:145px;}
	#gnb > ul > li.m4 .depth2 > .inner > ul > li:nth-child(1), #gnb > ul > li.m4 .depth2 > .inner > ul > li:nth-child(2), #gnb > ul > li.m4 .depth2 > .inner > ul > li:nth-child(3), #gnb > ul > li.m4 .depth2 > .inner > ul > li:nth-child(4) {min-height:270px;}*/
	#gnb > ul > li .depth2 > .inner > ul > li > a {display:block; height:46px;/* margin:0px 0px;*//* padding-left:15px;*/background:#239d8c; background: RGBA(0,0,0,0.8); font-size:14px; color:#fff; font-weight:400; line-height:46px; padding:0 15px;    }
	#gnb > ul > li .depth2 > .inner > ul > li > a:hover, #gnb > ul > li .depth2 > .inner > ul > li > a.hover { background:#ff0000; padding:0 20px; color:#fff; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out;}
	
#header.on #gnb > ul 	 { margin-top: 0px; }
#header.on #gnb > ul > li .depth2 	 { top:61px; }
#header.on #gnb {background: RGBA(255,255,255,0.0);  }
/*	#gnb > ul > li .depth2 ul.depth3 {margin-bottom:20px;margin-top:-10px;padding:0 10px;}
	#gnb > ul > li .depth2 ul.depth3 > li {background:url('/img/common/g_arr_3dep.png') 12px 50% no-repeat; line-height:23px;}
	#gnb > ul > li .depth2 ul.depth3 > li a {display:inline-block; padding:0 0 0 20px; color:#555; font-size:14px;}
	#gnb > ul > li .depth2 ul.depth3 > li a:hover {text-decoration:underline;}
	
	#gnb > ul > li .depth2 .gnb_txt {float:left; width:30%;  padding:30px 0 0 50px; box-sizing:border-box}
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap {width:230px; height:288px; background:url('/img/common/menu_ov_img.gif')  no-repeat 0 50px; text-align:center;}
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap h2 {font-size:26px; color:#000; font-weight:bold; letter-spacing:-1px; font-family:'KHNPHD' ; padding-bottom:5px }
	#gnb > ul > li .depth2 .gnb_txt .txt_wrap > p {color:#833283; font-size:14px; letter-spacing:-1px}
	
	#gnb > ul > li.m1 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m2 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m3 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m4 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m5 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m6 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}
	#gnb > ul > li.m7 .depth2 .gnb_txt .txt_wrap {background:url('/img/common/menu_ov_img.gif') no-repeat 0 0px;}*/
	
	.m_btn_area,.hidePc {display:none;}


		@media all and (max-width:1199px) {
			#gnb > ul > li > a { font-size:19px;   letter-spacing:-1px; font-weight: 400}
 }
	@media all and (max-width:1024px) {
	/* header */
/*		#header {height:110px;background:#fff;}
		#header h1 img {width:90%;}	
		#header .nav_all {position:absolute; top:55px; right:10px;}
		#header .nav_all .nav_btn {display:block; width:50px; height:50px; font-size:0; background:none; border:none;}
		#header .nav_all .nav_btn:before {display:inline-block; width:37px; height:37px; background:url('/img/common/ic_menu.png') 50% 50% no-repeat;  background-size:70% auto; content:'';}
	
		.hidePc {display:block;}
		.lnb_wrap {display:none;}
		
		.mask {display:none; position:fixed; z-index:8888; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6);}
		#gnb {position:fixed; z-index:9999; top:0; left:auto ; right:-250px; width:250px; height:100%; background:#fff url('/img/common/menu_ov_bg.png'); overflow-y:auto;}
		#gnb > ul {position:relative; z-index:21; padding:0;}
		#gnb > ul > li {float:none; width:100%; }
		#gnb > ul > li > a {height:30px; padding:15px 20px; border-bottom:1px solid #ccc; font-size:17px; text-align:left; background:url('/img/common/g_arr_gr.png') 95% 50% no-repeat}
		#gnb > ul > li > a:after {display:none;}
		#gnb > ul > li > a.active { background:#259c9e url('/img/common/g_arr.png') 95% 50% no-repeat; color:#fff;}
		#gnb > ul > li > ul {display:none; background:#f2f2f2;}
		#gnb > ul > li > ul > li {float:none;width:100%;}
		#gnb > ul > li .depth2 {display:none; visibility:visible; position:static;}
		#gnb > ul > li .depth2 .gnb_txt {display:none;}
		#gnb > ul > li .depth2 > .inner > ul {float:none; width:100%; padding:0;}
		#gnb > ul > li .depth2 > .inner > ul > li {float:none; width:100%; min-height:auto !important; padding:0; background: url('../images/common/gnb_bg2.gif');}
		#gnb > ul > li .depth2 > .inner > ul > li > a {position:relative;margin:0; padding-left:30px; border:none; border-bottom:1px solid #ccc; background:none; background: url('../images/common/dot1.gif') 22px 50% no-repeat;font-size:15px;}
		#gnb > ul > li .depth2 > .inner > ul > li > a:hover { background: url('../images/common/dot1.gif') 22px 50% no-repeat;color:inherit; }	
		#gnb > ul > li .depth2 > .inner > ul > li > a.be:after {display:inline-block; position:absolute; top:0; right:20px; content:' + '; font-weight:normal;}
		#gnb > ul > li .depth2 ul.depth3 {display:none; margin:0; padding:10px 0; background:#fff;}
		#gnb > ul > li .depth2 ul.depth3 > li {margin-left:10px;}
		#gnb > ul > li .depth2 ul.depth3 > li a {padding:5px 5px 5px 20px;}	
	
		.m_btn_area {display:block;padding:15px;}
		.m_btn_area > a {display:block;background:#01458a;line-height:45px;color:#fff;text-align:center;border-radius:5px;}
*/
	}


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

		#header .head_util {height:40px;}
		#header .head_util ul.inner1 li:last-child  {display:none;}
		#header .head_util ul.inner2{display:none;}
		#header .head_util:before{ position:absolute; top:0; right:0%; background:url() left no-repeat; content:''; width:24%; height:40px;}		
		
		.con_wrap		 {max-width: none; width:100%; margin:0 auto; position:relative; }	
	
	}*/
 
	 
 
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		#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:15px; right:15px; background:url(/img/common/com_img.png); width:32px; height:31px; background-position:-331px -16px;}
	
	.mNxt{ display:none}
	
	.mobileSubmenu{display:none; position:absolute; top:230px; left:0; width:94%; padding:10px 3%; border-bottom:1px solid #ddd; background:#f7f7f7; z-index:999}	.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;}*/
/*-----------------------------------------------------------------------------------------------------------
모바일
-----------------------------------------------------------------------------------------------------------*/


#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:0px; right:0px;color: #fff!important;width:52px; height:51px;background: #000;font-size: 21px;line-height: 51px; text-align: center;/* 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:-280px; width:280px; background:#fff; z-index:100000;}
	#gnbM .mUtil{padding:18px 15px; background:#fff;border-bottom: 1px solid #f2f2f2;font-size:15px; letter-spacing:-1px}
	#gnbM .mUtil a{color:#000;}
	#gnbM .mUtil span{margin:0 6px; color:#ddf2e7}
	#gnbM .mobileMenuXbt{position:absolute; top:0px; right:0px;width:52px; height:51px;background: #000;font-size: 21px;line-height: 51px;color: #fff!important; text-align: center;}
	#gnbM .mobileMenuXbt img{width:15px}
	#gnbM .gnbDiv a{display:block;position: relative}
	#gnbM .gnbDiv .one{padding:18px 15px 18px; font-size:15px; color:#333; border-bottom:1px solid #f2f2f2; font-weight:500; }
	#gnbM .gnbDiv .one.on{color:#ed601b; border-bottom:1px solid #666;}
	#gnbM .gnbDiv .two{padding:15px 20px; border-bottom:1px dashed #dddddd; background:#f3f3f3}
	#gnbM .gnbDiv .two .twoD{font-size:15px; color:#555; padding:15px 7px; border-bottom:1px dashed #dddddd;}
	#gnbM .gnbDiv .two .twoD2{font-size:15px; color:#555; padding:15px 7px; border-bottom:1px dashed #dddddd; background:#f3f3f3}
	#gnbM .gnbDiv .two .twoD3{font-size:15px; color:#555; padding:15px 7px 10px 15px; border-bottom:1px dotted #ccc; background:#fff}
	#gnbM .gnbDiv .two .thr{padding:15px 15px 5px; border-bottom:1px dashed #dddddd; 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:240px; left:0; width:94%; padding:10px 3%; /*border-bottom:1px solid #ddd;*/ background:#fa7e46; z-index:8; /*border-top:1px solid #ddd;*/}	
	.mobileSubmenu a{display:block; padding:10px 3%; border-bottom:1px solid #f7a26d; color:#fff!important; font-size:15px;}
	.mobileSubmenu a:last-child{  border-bottom:0px solid #f7a26d;  }

	.newTxt {font-size:15px; 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;}
		
	}



.snb2dDown{display:block;position:absolute; right:0px; top:0px; height:50px;width:50px;overflow:hidden;}
.snb2dDown i,
.snb2dDown u{text-decoration:none;text-align:center; width:30px; height:30px; line-height:30px; font-size:20px; margin:10px;border-radius:50%;}
	#gnbM .gnbDiv .one .snb2dDown i{display:block;background:#efefef;color:#999;}
	#gnbM .gnbDiv .one .snb2dDown u{display:none; background:#efefef;color:#000;}
	#gnbM .gnbDiv .one.on .snb2dDown i{display:none;}
	#gnbM .gnbDiv .one.on .snb2dDown u{display:block;}

.snbCS{  padding:20px;text-align: center}
.snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; color:#333;}
.snbCS dd{font-size:11px;color:#999;}
.snbCS dd strong{display:block;font-size:18px; padding-bottom:10px; color:#666;}
.snbCS dd b{display:block;font-size:11px;}

/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/	
	
	
	
#footer{width:100%; z-index:800;/* background:url(/img/common/footer_bg.png) repeat-x top*/ background: #333;   }
	 .footDiv{position:relative;width:100%; max-width: 1200px;  margin:0 auto;  /*margin:auto;text-align: center*/}
/*	.footDiv .select-box{position:absolute; top:10px; right:50px; width:162px;}*/
	.footDiv div.logo {position:absolute;top:0;left:0;display:inline-block;width:198px;height:60px;font-size: 1.5em;letter-spacing: -0.025em;border: 0;text-indent: -5000px;overflow: hidden;background:url(/img/common/logo_copy.png?=2) no-repeat left center;background-size:100% auto;padding: 1.2em 0;}
 
	.fUtil ul	 {margin-left: 250px; padding-top: 10px; border-bottom:1px solid #ddd }
	.fUtil ul li {display: inline-block;/*float:left;*/ margin:0; padding-right:15px; line-height:46px; height:46px;   }
	/*.fUtil ul li:last-child  { border-right:1px solid #a7c090} */
	/*.fUtil ul li span.bar{color:#4d4d4d; padding:0 20px; font-size:12px}	*/
	.fUtil ul li a { color:#dddddd; font-size:14px }
	/*.fUtil ul li a.type1{color:#d0b611!important}*/
	
	.copyRight	{margin-left: 250px;padding-left: 250px;line-height:21px; padding:10px 0 0 ; clear:both;  font-size:14px;  color:#ddd }
	.copyRight span.bar{color:#4d4d4d; padding:0 15px; font-size:12px}	
	.copyRight a{font-size:14px; color:#ddd!important}	
	.copyRight span.type1{color:#d0b611!important}
	.copyRight2	{margin-left: 250px;line-height:21px;  padding-bottom:40px; font-size:14px;  color:#ddd }
	.m_copyRight{display:none}
	
/*	.footerDiv3	{ width:0; height:0!important; padding:0; margin:0; min-width: 0;   line-height: 0; font-size: 0px!important;overflow: hidden}
	.footerDiv3 iframe	{ width:0; height:0; padding:0; margin:0; font-size: 0px!important;}
	.footerDiv3 input	{ width:0; height:0; padding:0; margin:0; font-size: 0px!important;}
	.footerDiv3 sapn	{ width:0; height:0; padding:0; margin:0; font-size: 0px!important;}*/


	#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(12,51,136,0.9);/*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:45px;margin:0;z-index:1000; float:right; background:#558926; border-bottom:1px solid #a7c090; top:0; right:0;}
		.site_link .sitelink_cont{display:block;position:relative;}
		.site_link .sitelink_cont h3{display:block;width:100%;height:45px;}
		.site_link .sitelink_cont h3 button{display:block;width:100%;height:45px;margin:0;padding:0 0 0 10px;border:none;border-right:1px solid #a7c090;color:#fff;text-align:left; position:relative; background:#558926}
		.site_link .sitelink_cont h3 button:before	   {background:url('/img/common/com_img.png') no-repeat; background-position: -191px -163px; position:absolute; content:''; width:23px; height:17px; top:15px; right:20px}
		.site_link .sitelink_cont:first-child h3 button{border-left:1px solid #a7c090;}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#558926;}
		.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;}
		
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
					
		.footDiv	{margin:0 auto; width:100%}
		.copyRight2	{color:#555; text-align:center;}
	
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
			
	
		#footer{height:auto; clear:both; background:#454545; border-top:1px solid #ddd;}
			#footer:after{clear:both;display:block;content:'';}
			.footDiv{height:auto; width:100%; text-align: left;}
			.footDiv .select-box{display:none}
			.footDiv .linkBt{display:none}
			.footDiv .linkBt2 {display:none;}	
		
			.copyRight	{  margin-left:  0px; display:none}
			.copyRight2	{ margin-left:  0px; color:#c3c3c3; text-align:center; font-size:13px}
			.m_copyRight{ display:block; padding-top:10px;background:#333; clear:both}
			.m_copyRight{color:#c3c3c3; 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:#c3c3c3 !important}
			.m_copyRight span.bar{color:#666; margin:0 7px; font-size:10px}	
		
		.footDiv div.logo {display: none}
		
		/*.fUtil		{display:none}*/
		.fUtil ul{ padding-top: 0px;  margin-left:  0px; }
		.fUtil ul li {float: left;display: inline-block;width: 50%; box-sizing:border-box; border-bottom:1px solid #777; border-right:1px solid #777; padding:10px 0;  height:auto; line-height:normal; text-align:center;background: #323232}
		.fUtil ul li a{ color:#fff;font-size:14px; }
		.fUtil ul li a.type1{color: #FF0 !important}
		.fUtil ul li:last-child	{ border-right:0}
		.fUtil ul li span.bar{display:none}	
				
		.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%;}
		
	}
	


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

/* 서브페이지 */
	/* 상단 비주얼, 로케이션 영역 */
	#subWarp		{ position:relative}
		.subVisual 	{position:relative; /*position: absolute; left:0; top:0px; */width:100%; background:url(/img/common/sub_img_01.jpg?=3)  no-repeat center; background-size:100%;height: 280px; z-index:-1; }
/*		.bg1		{ background:url(/img/common/sub_img_01.jpg) no-repeat center; background-size:100%; }
		.bg2		{ background:url(/img/common/sub_img_02.jpg); }
		.bg3		{ background:url(/img/common/sub_img_03.jpg);height: 280px; z-index:1;}
		.bg4		{ background:url(/img/common/sub_img_04.jpg)}
		.bg5		{ background:url(/img/common/sub_img_05.jpg);height: 280px; z-index:1;}
		.bg6		{ background:url(/img/common/sub_img_01.jpg)}*/
 
		 h2.subTT 	 { position:relative;text-align: center;padding-top:153px;font-size:37px;letter-spacing: -0.5px; 
    z-index: 3;
    color: #fff;
    margin: 0 0 0 0;
    font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif; } 
 
/*	.subVisual h2 {   background:url()no-repeat ; height: 190px;  text-align: center; 	animation-name:fadeInRight; animation-duration:0.6s; animation-iteration-count:1;
		animation-direction:altemate; animation-timing-function:linear;
		  -webkit-animation-name: fadeInRight; }*/

/*.subVisual h2.subImg1{background:url('/img/common/t1.png')no-repeat center bottom;}
.subVisual h2.subImg2{background:url('/img/common/t2.png')no-repeat center bottom;}
.subVisual h2.subImg3{background:url('/img/common/t3.png')no-repeat center bottom;}
.subVisual h2.subImg4{background:url('/img/common/t4.png')no-repeat center bottom;}
.subVisual h2.subImg5{background:url('/img/common/t5.png')no-repeat center bottom;}
.subVisual h2.subImg6{background:url('/img/common/t6.png')no-repeat center bottom;}*/

		/*.subVisual_txt 			{  clear:both; text-align:center; padding-top:10px; color:#fff; opacity: 0.7}*/
		
	 
.bgBlock {position:absolute;top:0;left:0;height: 100%;width: 100%;background-position:center;background-size:cover;z-index:2;}
.bB_B	{background-color:rgba(0,0,0,0.5);}

		@-webkit-keyframes fadeInRight {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0,-10%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		@keyframes fadeInRight {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0,-10%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		.fadeInRight {
		  -webkit-animation-name: fadeInRight;
		  animation-name: fadeInRight;
		}

	
		.location { position: absolute; height:50px; left: 0;  z-index: 2; width:100%; background:#fff; border-bottom:1px solid #dddddd; }
		.location:after { display: block; content:''; clear: both; }
		.location .list { padding: 0 0px; border-left: 1px solid #dddddd; vertical-align: top; float: left; }
		.location .list > a { display: block; /*min-width: 118px;*/ height: 50px; color: #444; line-height: 50px; text-align: center; }
		/*.location .list.last { border-right: 1px solid #dddddd; }*/
		.location .home { width: 53px; height: 50px;border-right: 1px solid #dddddd; }
		.location .home a { min-width: 53px;    font-size: 20px;
    color: #909090;  /*line-height: 0;  font-size: 0; background: url('/img/common/home.jpg') no-repeat 0 center;*/ overflow: hidden;}
		.location .home a:hover {color:#333}
		.float_img 	{ position: absolute; top: 0; right: 0; z-index: 9; }
		.path		{ display:none}
		
/*2차메뉴 따라다니기*/
.location.on {position:fixed; top:0px; left:0; width:100%; margin-top:60px;  }
/**/

	#lnb1 { position: relative; padding: 0; min-width: 200px; border-left: none;  opacity:100% ; z-index: 20; height:50px;  border-right: 1px solid #dddddd  }
	#lnb1.on { background: url('/img/common/bg_lnb_on.png') repeat-y 0 right #fff; }
	#lnb1 > a {padding: 0 45px 0 25px;    font-weight: bold; background: url('/img/common/bg_lnb.png') repeat-y right 0; text-align: left; }
	#lnb1.on > a { background: url('/img/common/bg_lnb_on.png') repeat-y right 0;  }
	#lnb1 > a span { display: inline-block;   text-decoration: underline; *display: inline; *zoom: 1;text-decoration: none; font-size: 15px; line-height: 50px;}
	#lnb1 > a:hover span { color: #F0953E; }
	#lnb1 .depth { display: none; border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd; background: #fff ; }
	#lnb1.on .depth { display: block; /*border-bottom: 1px solid #8486be;*/ background: #fff url('/img/common/bg_lnb_on.png') repeat-y 0 0; }
	/*#lnb1 .depth ul { background: url('/img/common/bg_lnb.png') repeat-y right 0; }
	#lnb1.on .depth ul { background: url('/img/common/bg_lnb_on.png') repeat-y right 0; }*/
	#lnb1 .depth ul li { border-top: 1px solid #dddddd;  }
	#lnb1 .depth ul li.on { border-top: none; }
	#lnb1 .depth ul li a { display: block; padding: 10px 15px; color: #444; text-align: left; font-size: 15px;    line-height: 30px;}
	#lnb1 .depth ul li.on a {font-weight: 700;  border-top: 1px solid #dddddd;background: #eee  }
	#lnb1 .depth ul li a:hover { bbackground: #f8f8f8; color: #F0953E; font-weight: 500; }

	#lnb2 { position: relative; padding: 0; min-width: 200px; border-left: none;  opacity:100% ;  z-index: 20; height:50px;border-right: 1px solid #dddddd;  }
	#lnb2.on { background: url('/img/common/bg_lnb_on.png') repeat-y 0 right #fff; }
	#lnb2 > a {padding: 0 45px 0 25px; font-weight: bold; background: #fff; text-align: left; }
	#lnb2.on > a { background: url('/img/common/bg_lnb_on.png') repeat-y right 0; }
	#lnb2 > a span {display: inline-block; text-decoration: underline; *display: inline; *zoom: 1;text-decoration: none; font-size: 15px; line-height: 50px;}
	#lnb2 > a:hover span { color: #F0953E; }
	/*#lnb2.on > a span { background: url('/img/common/navi.png') no-repeat right center; }*/
	#lnb2 .depth { display: none; border-bottom: 1px solid #dddddd;border-left: 1px solid #dddddd;border-right: 1px solid #dddddd; background: #fff  ; min-width: 200px; }
	#lnb2.on .depth { display: block; /*border-bottom: 1px solid #8486be; */background: #fff url('/img/common/bg_lnb_on.png') repeat-y 0 0;  }
	#lnb2 .depth ul { background:#fff; }
	/*#lnb2.on .depth ul { background: url('/img/common/bg_lnb_on.png') repeat-y right 0; }*/
	#lnb2 .depth ul li { border-top: 1px solid #dddddd; }
	#lnb2 .depth ul li.on { border-top: none; }
	#lnb2 .depth ul li a { display: block; padding: 10px 15px;  color: #444; text-align: left; font-size: 15px;    line-height: 30px;}
	#lnb2 .depth ul li.on a {font-weight: 700;  border-top: 1px solid #dddddd;background: #eee  }
	#lnb2 .depth ul li a:hover { background: #f8f8f8; color: #F0953E; font-weight: 500;}



	#container { width: 100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden; margin-bottom:40px}	
	/*#container h3.page_tt { font-size:36px; line-height: 44px;  letter-spacing:-0.5px; text-align:center; font-weight:500; color:#1e2836; padding-bottom:40px;padding-top:10px}*/

#lnb1 > a span i, #lnb2 > a span i {
    position: absolute;
    top: 18px;
    right: 10px;
}
/*.sub-nav-title:hover {
    color: #F0953E;
    font-weight: 700;
}*/
 #container h3.page_tt { font-size:36px;
    color: #000;
    margin: 105px auto 40px;
    font-family: 'Noto Sans KR', 'Open Sans', 'Nanum Gothic', sans-serif;
    font-weight: 500;
    text-align: center; 
    background: url(/img/common/toptitle_bg01.png) no-repeat center  ;
 
}
 #container h3.page_tt span{
    background: #fff;
    padding: 0 0.5em;
}
/*	#container h3.page_tt:before {position:absolute;top:160px;left:50%;margin-left:-0.5px;content:"";display:block;width:1px;height:25px;background:#ddd;z-index:10}*/
	
/*	.path		{position:relative; color:#666;padding:60px 0 10px; text-align:center; clear:both;}	
	.path span	{padding-left:19px; margin-left:15px; background:url('/img/common/path_arrow.png') no-repeat 0 center}
	.path span.home{padding-left:0px; margin-left:0px; background:none}*/
				
	/* 제목 영역 */
	.in-wrap 	{ margin: 20px 0 80px; /*min-height:600px;*/clear:both}
		
	
	@media only screen and (min-width:1024px) {/* PC */
	}
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
			
		/* 서브페이지 */
					
		.container_wrap  { width:100%; margin:0 auto; margin-top:30px;box-sizing:content-box;}
		.container_wrap:after {clear:both;content:"";display:block;}
		
		#container { padding-bottom:20px;width:100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden;}
		#mobileLnb{display:block}
	
	}
	
	/* 테블릿 세로 해상도 */
	@media all and (max-width:980px) {
		
		
		/* 서브페이지 */
		
		/*.subVisual,.location 	{ display:none}		*/
		
		.subVisual 	{ height: auto; min-height: 90px}	
		 h2.subTT 	 { padding-top:33px;font-size:24px; }
		.path		{padding:30px 0 0 22px; text-align:left; background:#f5ebe3;}	
			
		.mNxt{ display:block; position:absolute; top:40px; left:50%; transform: translateX(-50%);z-index:10}
		#container h3.page_tt	{ font-size:23px;  margin: 25px auto 40px;}
/*		#container h3.page_tt	{ padding:10px 0 25px 15px; line-height: normal; background:#f5ebe3; text-align:left; font-size:28px;}
		#container h3.page_tt:before {position:absolute;top:180px;left:50%;margin-left:-0.5px;content:"";display:block;width:0;height:0;background:#ddd;z-index:10}
		.in-wrap 		{ padding:0px 2% 20px; box-sizing:border-box}*/
		
 			.in-wrap 	{ margin: 70px 0 80px;  }
		.location { display:none }
		#container { position: relative;  width:94%; margin: 0 auto}
	
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
				
	
		
	}