@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:95px; background:url(/img/common/top_line.png)repeat-x bottom; border-bottom: 1px solid #005bac; 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:20px ;left:0;width:380px;z-index:200;height:66px}
 	#header h1.logo a{ display:inline-block;width:411px;height:66px;text-indent:-999px;overflow:hidden; background:url('/img/common/logo.png') no-repeat   }	 
	#m_header { display:none}
	
	.top-link{ position:absolute; right:0px; top:4px; z-index:100}
	.top-link ul{list-style:none;	}
	.top-link li{display: inline; float: left; height:30px;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:-113px -414px; width:30px; height:30px; text-indent:-9999px; display:block; padding:0 !important; }
	.top-link li a.b_miu 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-1px -414px; width:60px; height:30px; text-indent:-9999px; display:block; padding:0 !important; }
	.top-link li a.b_100 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-61px -414px; width:52px; height:30px; text-indent:-9999px; display:block; padding:0 !important;   }
	.top-link li a.sitemap 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-35px -453px; width:30px; height:30px; text-indent:-9999px; display:block; padding:0 ;  margin-left:4px; }
	.top-link li a.home 	{ background:url(/img/common/com_img.png) no-repeat; background-position:-1px -453px; width:30px; height:30px; text-indent:-9999px; display:block; padding:0 ;  margin-left:2px;}
	
		
	#header.on	{ height:70px; position: fixed; animation: all 1s;background: #fff; color:#000 ;/*background: #fff; border-bottom: 1px solid #fff ;*/       }
	
		#header h1.on		{ top:15px !important;}
		#header h1.on.logo a{  background:url('/img/common/logo.png') no-repeat ; background-size: 65%}	 
		.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:1400px; margin:0 auto;box-sizing:border-box; padding:40px 0 0 620px;}
	#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; font-size:22px; 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:350px; padding-top:10px ; border-right:1px solid #f3f3f3;animation: all 1s;}
	
	#gnb > ul > li > ul:hover 	{ background:#40a688}
	#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:360px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:url(/img/common/menu_ov_img.jpg) no-repeat center bottom #fff;}
	#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:-1px;box-sizing:border-box; border-radius:30px;/*word-break: break-all;*/}
	#gnb > ul > li > ul:hover > li:hover > a:hover {display:block; position:relative; padding:6px; color: #ea4b4d; text-align:center; font-weight:400;background:#fff; margin:0 10px; box-sizing:border-box; border-radius:30px}

	#gnb.on 	{top:6px ;/*border-bottom:1px solid #ddd; */ }    
	#gnb.on > ul 	{padding:10px 0 20px 620px;   }    
	#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:124px; 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: #323232; height: 200px }
	.footDiv{position:relative; width:100%;  margin:0px auto;  height: 47px;}
/*	.footDiv.select-box{position:absolute; top:10px; right:50px; width:162px;  }*/
	
	.fUtil 	 		{float: left;  padding-top: 30px }
	.fUtil li 	 		{float: left; padding:0 0px;text-align:center;/*border-right: 1px solid #80858e; */}
	.fUtil li:first-child	 		{float: left; padding:0 0px 0 0;text-align:center;/*border-left: 1px solid #80858e; */}
	.fUtil li span.bar	{color:#5b5b5b; padding:0 25px; font-size:12px;font-weight: 300}	
	.fUtil li a 		{ color: #d0d0d0; } 
	.fUtil li a.type1	{ color:#b6d919  !important}
	
	.copyRight	{line-height:170%; padding:20px 0 ; clear:both; text-align:left; font-size:14px;font-weight: 300; color:#b4b4b4;letter-spacing: 0}
	.copyRight span.bar{color:#5b5b5b; padding:0 12px; font-size:12px;font-weight: 300}	
	.copyRight a{font-size:14px; color:#b4b4b4;letter-spacing: 0}	
	.copyRight span.type1	{font-size:14px;color:#b6d919!important}
	.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:230px;height:46px;margin:42px 0;z-index:1000; float:right; background:#323232; 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:#999999;text-align:left;outline: none;border: 1px solid #999;font-weight: 300}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#8ea914; outline: none; }
		.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;outline: none;}
		.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:1400px; 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}*/
			#footer{height:auto; clear:both; background:none}
			#footer:after{clear:both;display:block;content:'';}
				 
 
		 
			 
			.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}
		.fUtil 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%;}*/
		
		
		/*.f_logo{display:none;}	*/
		
	}
	


/*-----------------------------------------------------------------------------------------------------------
서브
-----------------------------------------------------------------------------------------------------------*/

 
/* 서브페이지 */
#cBody{position:relative;       }
/*.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  ;      }*/
/* 서브페이지 */
	/* 상단 비주얼, 로케이션 영역 */
	#subWarp		{ position:relative}
		.subVisual 	{ position:relative; left:0; top:0; width:100%; background:url() no-repeat center #000; height: 287px; z-index:-1; }
		.bg1		{ background:url(/img/common/sub_img_01.jpg)}
		.bg2		{ background:url(/img/common/sub_img_02.jpg)}
		.bg3		{ background:url(/img/common/sub_img_03.jpg)}
		.bg4		{ background:url(/img/common/sub_img_04.jpg)}
		.bg5		{ background:url(/img/common/sub_img_01.jpg)}
		.bg6		{ background:url(/img/common/sub_img_01.jpg)}
		.subVisual h2.subTT 	{ text-align:left; font-size:42px; color:#2c455b;   font-weight: 700; padding-top:125px; padding-left:30px;
		/*text-shadow:2px 3px 1px #444;*/
		animation-name:fadeInUp; animation-duration:0.6s; animation-iteration-count:1;
		animation-direction:altemate; animation-timing-function:linear;
		  -webkit-animation-name: fadeInUp;}
		.subVisual_txt 			{ clear:both; text-align:left; font-size:19px; color: #565656; padding-top:15px;  padding-left:30px;  font-family: 'LotteMartDream';font-weight: 400;  animation-name:fadeInUp; animation-duration:0.6s; animation-iteration-count:1;
		animation-direction:altemate; animation-timing-function:linear;
		  -webkit-animation-name: fadeInUp;}
		/*.subVisual_txt strong{font-weight: 500; color: #654b4f}	*/
				
		@-webkit-keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0,10%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		@keyframes fadeInUp {
		  from {
			opacity: 0;
			-webkit-transform: translate3d(0,10%,0);
		  }
		
		  to {
			opacity: 1;
			-webkit-transform: translate3d(0, 0, 0);
			transform: none;
		  }
		}
		
		.fadeInUp {
		  -webkit-animation-name: fadeInUp;
		  animation-name: fadeInUp;
		}

	
		/*.location { position: absolute; height:53px; left: 0;  z-index: 30; width:100%;  background:#3eb134;  }
		.location:after { display: block; content:''; clear: both; }*/
		.location { width:1400px; margin:0 auto; margin-top: -35px; height:65px; z-index: 30; background:url(/img/common/s_h.png)no-repeat left #066564;border: 0px solid #e75836;border-radius: 50px}
 
		.subMenu  { /*width:1300px;*/ margin:0 auto; height:65px;   /*border-left:1px solid #72c26b; */ padding-left: 76px; }
		.subMenu ul li	{ float:left; }
		.subMenu ul li a{  height:63px;border-top: 2px solid #066564; padding:0 33px;  border-right:1px solid #1f7574;font-weight: 400;  color:#fff;text-align: center;font-size: 18px;letter-spacing: -1.2px; display: grid;align-content: center;/*word-break: break-all;*/max-width:140px }

		.subMenu ul li:first-child a{background:none;border-left:1px solid #1f7574; }
		.subMenu ul li:last-child a{ border-right:0px solid #1f7574; }
		.subMenu ul li a.on{ background: #fff; color:#066564;border-top: 2px solid #066564;/* opacity: 1*/}
		
	/* Sweep To Bottom */
	.subMenu li a {
	  display: inline-block;
	  vertical-align: middle;
	  -webkit-transform: perspective(1px) translateZ(0);
	  transform: perspective(1px) translateZ(0);
	  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	  position: relative;
	  -webkit-transition-property: color;
	  transition-property: color;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	}
	.subMenu li a:before {
	  content: "";
	  position: absolute;
	  z-index: -1;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background:  #fff;
	  -webkit-transform: scaleY(0);
	  transform: scaleY(0);
	  -webkit-transform-origin: 50% 0;
	  transform-origin: 50% 0;
	  -webkit-transition-property: transform;
	  transition-property: transform;
	  -webkit-transition-duration: 0.3s;
	  transition-duration: 0.3s;
	  -webkit-transition-timing-function: ease-out;
	  transition-timing-function: ease-out;
	}
	.subMenu li a:hover, .submenu li a:focus, .submenu li a:active {
	  color: #066564;
	}
	.subMenu li a:hover:before, .submenu li a:focus:before, .submenu:active li a:before {
	  -webkit-transform: scaleY(1);
	  transform: scaleY(1);
	}
		
	#lnb2 { position: relative; padding: 0; min-width: 180px; border-left: none; background: url('/img/common/bg_lnb.png') repeat-y 0 0 #fff; z-index: 20; height:49px }
		#lnb2.on { background: url('/img/common/bg_lnb_on.png') repeat-y 0 0 #fff; }
		#lnb2 > a { padding: 0 10px; min-width: 140px; color: #000; font-weight: bold; background: url('/img/common/bg_lnb.png') repeat-y right 0; text-align: center; }
		#lnb2.on > a { background: url('/img/common/bg_lnb_on.png') repeat-y right 0; }
		#lnb2 > a span { display: inline-block; padding-right: 18px; text-decoration: underline; background: url('/img/common/mc1_ico_arrow.jpg') no-repeat right center; *display: inline; *zoom: 1;text-decoration: none; }
		#lnb2.on > a span { background: url('/img/common/mc1_ico_arrow.jpg') no-repeat right center; }
		#lnb2 .depth { display: none; border-bottom: 1px solid #ddd; background: #fff url('/img/common/bg_lnb.png') repeat-y 0 0; }
		#lnb2.on .depth { display: block; border-bottom: 1px solid #999; background: #fff url('/img/common/bg_lnb_on.png') repeat-y 0 0; }
		#lnb2 .depth ul { background: url('/img/common/bg_lnb.png') repeat-y right 0; }
		#lnb2.on .depth ul { background: url('/img/common/bg_lnb_on.png') repeat-y right 0; }
		#lnb2 .depth ul li { border-top: 1px solid #ddd; }
		#lnb2 .depth ul li.on { border-top: none; }
		#lnb2 .depth ul li a { display: block; padding: 14px 10px; color: #444; text-align: center; }
		#lnb2 .depth ul li.on a {font-weight: bold;  border-top: 1px solid #ddd;  }


	#container { width: 100%; color: #333; line-height: 24px; font-size: 15px; overflow:hidden; margin-bottom:40px}	
	#container h3 { font-size:36px; line-height: 44px;  letter-spacing:-0.5px; text-align:center; font-weight:500; color:#1e2836; padding:40px 0px 0}
	#container h3:before {position:absolute;top:50px;left:50%;transform: translateX(-50%);content:"";display:block;width:17px;height:14px;background:url('/img/common/s_title.png') no-repeat 0 center;z-index:10}
	/*.subVisual_txt 			{ clear:both; text-align:center; font-size:16px; color: #606060; padding-top:15px;  padding-left:18px;  }*/
	 

	.path		{position:relative; color:#666;padding:20px 30px 0px 20px; text-align:right; clear:both;}	
	.path span	{padding-left:19px; margin-left:15px; background:url('/img/common/navi_ar.png') no-repeat 0 center}
	.path span.home{padding-left:0px; margin-left:0px; /*background:url('/img/common/navi_home.png') no-repeat 0 center;*/background:none}
				
	/* 제목 영역 */
	.in-wrap 	{ margin: 60px 15px 40px; /*min-height:600px;*/ clear:both}
		
	
	@media only screen and (min-width:1024px) {/* PC */
	}
	
	/* 테블릿 가로 해상도 */
	@media all and (max-width:1199px) {
			
		/* 서브페이지 */
					
		#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}		
		.path		{padding:30px 0 0 22px; text-align:left; background:#f7f7f7;}	
			
		.mNxt{ display:block; position:absolute; top:70px; right:10px; z-index:10}
		
		#container h3	{ padding:10px 0 25px 15px; line-height: normal; background:#f7f7f7; text-align:left; font-size:28px;}
	 
		#container h3:before {display: none}
		.subVisual_txt 			{ display: none}
		.in-wrap 		{margin: 10px 0 40px; padding:30px 2% 20px; box-sizing:border-box}
	
	}
	
	/* 모바일 해상도 */
	@media all and (max-width:800px) {	
	
				
	
		
	}