@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:relative;  width:100%;  }

	h1.logo		{z-index:1; position:absolute; /*top:15px;*/top:5px; left:0px;  }
 
	
	/*.util{width:100%; background:#eeeeee; height:33px; border-bottom:0px solid #ddd;}*/
	
/*	.top-link{float:left;}
	.top-link ul{list-style:none;	}
	.top-link li{display: inline; float: left; border-right: 1px solid #ddd;}
	.top-link li.lineL{ border-left: 1px solid #ddd;}
	.top-link li a{display:block; padding:8px 15px; color:#333; font-size:0.93em }
	.top-link li a:hover{ color:#009953}*/
	
	
	.util-inner{ position:relative;  margin-top:6px; height:20px;z-index:1;  }
	.util-inner ul{list-style:none;	float:right; }
	.util-inner li{/*display: inline; */display:block;float: left;    padding:0px;  }
	.util-inner li.pd0		{ padding:0 !important;  display:block;}
	.util-inner li a.login	{ border: 1px solid #2c94d9;font-size: 13px;padding: 5px 10px 3px;border-radius: 20px;margin-top: -2px; margin-right: 10px; font-family: 'S-CoreDream-5Medium'; color: #fff;background: #2c94d9}
	.util-inner li a.plus	{ background:url(/img/common/homemenu.jpg) no-repeat -56px 0; font-size:0; height:20px; width:23px; }
	.util-inner li a.m100	{ background:url(/img/common/homemenu.jpg) no-repeat 0px 0 ; font-size:0; height:20px; width:56px;}
	.util-inner li a.miu	{ background:url(/img/common/homemenu.jpg) no-repeat -80px 0 ; font-size:0; height:20px; width:20px;}
	/*.util-inner li a.home	{ background:url(/img/common/homemenu.jpg) no-repeat 0 0; font-size:0; height:33px; width:36px; }
	.util-inner li a.sitemap	{ background:url(/img/common/homemenu.jpg) no-repeat -36px 0; font-size:0; height:33px; width:34px;}*/

 	/*.util-inner li.lineL	{ border-left: 0px solid #ddd; padding:8px; }*/
	.util-inner li a		{display:block; color:#000}
	.util-inner li a:hover	{color:#009953} 

	.util-inner li a.login:hover	{border: 1px solid #ea165a;  color: #fff!important;background: #ea165a}
	
	
	
/*-----------------------------------------------------------------------------------------------------------
PC메뉴
-----------------------------------------------------------------------------------------------------------*/

	
	/* gnb */
	#gnb {position:relative; width:100%; height:67px;/*border-bottom:1px solid #ddd;*/}
	#gnb > ul { width:1260px; position:relative;margin:0 auto; box-sizing:border-box; padding:0px 30px 0 490px;}
	#gnb > ul:after {display:block; clear:both; content:'';}
	#gnb > ul > li {position:relative; z-index:120; float:left; width:25%;text-align: center; }
	#gnb > ul > li.on > a {position:relative;  color:#000; }
 
	#gnb > ul > li > a {/*display:block;*/display: inline-flex;  position:relative; height:30px; padding:24px 0 10px 0; color:#333; font-size:19px; text-decoration:none; text-align:center;  font-weight:500; }
#gnb > ul > li > a:before {display:inline-block; content: ""; height: 9px;width: 9px; border-radius: 20px;background: #009651;margin-right: 6px; margin-top: 6px;}




	#gnb > ul > li > ul {display:none; /*position:absolute; */position:relative;/*z-index:120; top:69px; left:0;*/ width:100%; height:180px; padding-top:10px ; border-right:1px solid #f3f3f3; transition: all 0.6s!important; }
	
	#gnb > ul > li > ul:hover 	{background:#68b2f1; }
	#gnb > ul > li > ul:hover a { color:#fff;/* opacity: .7*/}
 
	 

	#gnb > ul > li:first-child > ul {border-left:1px solid #f3f3f3; }
	#gnb.open > ul > li > ul { display:block; }
	#gnb span.bg {display:none; position:absolute;  z-index:110; top:64px; left:0; width:100%; height:190px; transition: all 0.6s; background:url(/img/common/menu_bg3.jpg)no-repeat center bottom #f8f8f8 ;   }
	#gnb span.bg:after {display:block; position:absolute;  top:0; right:0; width:100%;  height:190px; content:'';opacity: 1}
	#gnb.open span.bg {display:block;}
	#gnb.open > ul > li:first-child:before {display:block;}
	#gnb > ul > li > ul > li > a {display:block; position:relative; padding:7px 10px ; font-family: 'S-CoreDream-5Medium';    margin:0 10px; font-size: 15px;line-height: 18px; text-align: center;border-radius: 20px;  }
	#gnb > ul > li > ul > li > a:hover {color:#3e3e3e;font-size: 15px;border-radius: 20px;line-height: 18px; margin:0  10px;background:#fff }
	 
#gnb > ul p.sitemap{content:''; display: block; position: absolute;top:24px; right:0;}
 
 
/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/	
	
	
#footer{width:100%; height:150px; /*z-index:800; */background:#2c2f30}
	.footDiv{position:relative; width:1260px;  margin:auto;}
	/*.footDiv .select-box{position:absolute; top:10px; right:50px; width:162px;}*/
	
	.fUtil ul	 {position:relative; text-align:center}
	.fUtil ul li { display: inline-block;/*float:left; margin:0 auto;*/  padding:20px 20px;font-size: 15px; text-align:center; line-height:27px; height:27px; /*border-left:1px solid #434446*/background:url(/img/common/copy_icon.png)no-repeat left 50%; }
	.fUtil ul li:last-child  { /*border-right:1px solid #434446*/} 
	.fUtil ul li a { color:#b2b3b5;text-align:center;/* opacity:0.8*/}
	.fUtil ul li a.type1{color: #fbd81e !important}
	
	.copyRight	{color:#b2b3b5; line-height:170%; padding:10px 5px 0;font-size: 15px; clear:both;text-align:center; /*opacity:0.8*/}
	.copyRight a{color:#b2b3b5 !important; /*opacity:0.8*/}
	.copyRight span.bar{color:#434446; padding:0 10px; font-size:12px}	
	.copyRight2	{color:#b2b3b5; line-height:170%;padding:0px 5px 0; font-size: 15px; text-align:center;}
 
	
/*	.footerDiv3	{ width:0; height:0; padding:0; margin:0; min-width: 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/btn_top.png) no-repeat;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:1000;border:0;}
	#footer .btn-top.on {right:10px;}
	
/*	.site_link_bn	{ position:absolute; top:50px; right:0;}
	.site_link_bn a	{ margin-left:10px}*/
	
/*	.site_link{display:block;position: absolute;width:200px;height:47px;margin:0;z-index:1000; float:right; background:#595f6a; border-bottom:1px solid #767a83; 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:47px;margin:0;padding:0 0 0 10px;background:url('/img/common/flink_arr.gif') no-repeat 90% 50%;border:none;border-right:1px solid #767a83;color:#eee;text-align:left;}
		.site_link .sitelink_cont:first-child h3 button{border-left:1px solid #767a83;}
		.site_link .layer{display:none;position:absolute;left:0;bottom:0;width:90%;z-index:100;padding:10px 5%;background:#009953;}
		.site_link .layer .close{position:absolute;right:0;top:0;width:51px;height:51px;background:url('/img/common/site_close_btn.png') no-repeat left top;font-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;background: url('/img/common/dot.gif') no-repeat 6px 9px;color:#676767;}*/
		
	.con_wrap				{width:1260px;   margin:0 auto; position:relative; }
	
		
 
	
 

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

/* 서브페이지 */
	/* 상단 비주얼, 로케이션 영역 */
	#subWarp		{ position:relative;  }
		.subVisual 	{ position:relative; left:0; top:0; width:100%; }
		.bg1		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000; height: 164px}
		.bg2		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000; height: 164px}
		.bg3		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000;  height: 164px}
		.bg4		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000;  height: 164px}
		.bg5		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000;  height: 164px}
		.bg6		{ background:url(/img/common/sub_img_01.jpg) no-repeat center #000;  height: 164px}
		.subVisual:after 	{width:481px;height:61px; position:absolute; content:''; left:57.2%;top:50px; background:url(/img/common/s_txt.png)no-repeat; }
		.subVisual>h2.subTT 	{position:relative; max-width: 1260px;margin: 0 auto;text-align:left; font-size:40px;  color:#000;   font-weight:500; padding:60px 0 15px; }

		h2.h2_tt{ font-size:24px;letter-spacing:-0.5px; color:#fff; text-align:center;  font-weight:400;  width:220px; background:url(/img/common/title.jpg) no-repeat #fff; height:99px; line-height:99px;  border-radius: 10px 40px 10px 10px  }


	/*	.location { position: absolute; height:56px; left: 0;  z-index: 30; width:100%; background:#fafafa; border-bottom:1px solid #eeeeee; }
		.location:after { display: block; content:''; clear: both; }
		.location .list { padding: 0 15px; border-left: 1px solid #eeeeee; vertical-align: top; float: left; }
		.location .list > a { display: block; min-width: 118px; height: 56px; color: #444; line-height: 56px; text-align: center; }
		.location .list.last { border-right: 1px solid #eeeeee; }
		.location .home { width: 75px; padding: 0;height: 56px; }
		.location .home a { min-width: 75px; line-height: 0; font-size: 0;
		background: url('/img/common/home.jpg') no-repeat 0 center; overflow: hidden;}
		.float_img 	{ position: absolute; top: 0; right: 0; z-index: 9;  }*/
/*#subCon{position:relative; width:1040px; float:right;margin-top: 148px; padding-bottom:40px}
	#subCon>h3	{font-size:30px; float:left;width: 60%; color:#1e2836; margin-top:0px; font-weight:500; letter-spacing:-1px;}*/
	 
		

	.subWrap:before		{width:107px;height:107px; position:absolute; content:''; left:-230px;top:-94px; background:url(/img/main/bg1_2.png)no-repeat; }
	.subWrap		{width:1260px;height:100%; position:relative;margin:40px auto 0;  background:url(/img/common/leftmenu_bg.jpg)repeat-y  ; }
	.subWrap:after	{content:'';display:block;clear:both;height:0;visibility:hidden; }
	 
	#lnb		{ width:218px; float:left;margin-top: -114px;  z-index: 3;    }
	#lnb div	{width:218px;border:1px solid #ddd; border-bottom:0px solid #ddd;border-radius: 10px 10px 0 0;margin-top: 2px; }
	#lnb a.twoD		{display:block;  color:#656565; padding:15px 0 15px 20px; border-bottom:1px solid #ddd ; border-top:none; box-sizing:border-box; line-height:150%;background:#fafafa  ; transition: all 0.6s;font-size: 16px;  font-weight: 400;background:url() 190px 21px;}
 	.first 	{background:#fafafa!important ;border-radius: 9px 9px 0 0;}
	/*#lnb a.twoD:last-child		{  border-bottom:0px solid #ddd; }*/
 	 
	#lnb a.twoD:hover  { color:#fff; background:#91b918;/*border-left:1px solid #ffa200; border-right:1px solid #ffa200;*/}
	 
	.first:hover		{color:#fff; background:#91b918!important;border-radius: 9px 9px 0 0;}
	#lnb a.twoD.on				{ color:#fff; background:#91b918;/*border-left:1px solid #ffa200; border-right:1px solid #ffa200;*/box-sizing:border-box; letter-spacing:-1px; position:relative}
	.first.on				{color:#fff; background:#91b918!important; border-radius: 9px 9px 0 0;}
	#lnb a.twoD.on:after	{  position:absolute; content:'';  width:12px; height:6px;  top:26px; right:10px;background:url('/img/common/leftmenu_on.png') no-repeat}
 

/*
	#lnb a.twoD.onPic,#lnb a.twoD1.onPic				{color:#000; background:#f4f5f7;border-left:1px solid #dddddd; border-right:1px solid #dddddd;box-sizing:border-box; letter-spacing:-1px; position:relative}
	#lnb a.twoD.onPic:after,#lnb a.twoD1.onPic:after,#lnb a.twoD1.onPic:hover:after	{ position:absolute; content:'';  width:12px; height:6px;top:24px; right:10px;background:url('/img/common/leftmenu_on.png') no-repeat}*/
		 
	#subCon{position:relative; width:995px; float:right;/*margin-top: 17px;*/ padding-bottom:40px}
	 
	/*#subCon>h3	{font-size:32px;font-family: 'NIXGONM-Vb'; color:#1e2836; margin-top:15px; font-weight:500; letter-spacing:-0.5px;}*/
 
	.path		{margin-top:30px; float:right;}
	.path img	{vertical-align:middle}
	.path span	{padding-left:19px; margin-left:15px;font-size:14px;color: #5b5b5b; background:url('/img/common/path_arrow.gif') no-repeat 0 center}
	.path span.home{padding-left:0px; margin-left:0px; font-size:14px;color: #5b5b5b;  background:none}
 

/*	#lnb2 { position: relative; padding: 0; min-width: 240px; border-left: none;   background: url('/img/common/navi.png') no-repeat 90% center; z-index: 20; height:56px;border-right: 1px solid #eeeeee;  }
		#lnb2.on { background: url('/img/common/bg_lnb_on.png') repeat-y 0 right #fff; }
		#lnb2 > a { padding: 0 30px; min-width: 180px; color: #000; font-weight: bold; background: url('/img/common/bg_lnb.png') repeat-y right 0; text-align: left; }
		#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;  *display: inline; *zoom: 1;text-decoration: none; font-size: 18px;font-weight: 400;}
		#lnb2.on > a span { }
		#lnb2 .depth { display: none; border-bottom: 1px solid #eeeeee;border-left: 1px solid #eeeeee;border-right: 1px solid #eeeeee; background: #fff url('/img/common/bg_lnb.png') repeat-y 0 0; }
		#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: 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 #eeeeee; }
		#lnb2 .depth ul li.on { border-top: none; }
		#lnb2 .depth ul li a { display: block; padding: 18px 15px; color: #444; text-align: left; font-size: 17px;}
		#lnb2 .depth ul li.on a {font-weight: 500;  border-top: 1px solid #eeeeee;  }*/

	#container:before		{width:28px;height:28px; position:absolute; content:''; left:1130px;top:194px; background:url(/img/main/bg2_2.png)no-repeat; }
	#container { width:995px; float:right;position: relative;/* margin-left: 21%;*/ margin-top: -40px; color: #333; line-height: 24px; font-size: 17px; /*overflow:hidden; */  margin-bottom:40px}	
	#container h3 { position: relative; float: left; line-height: 48px;    text-align:left;    color:#1e2836;    font-family: 'Godo';font-size: 32px; font-weight: 400; padding:20px 0 40px; }
	 
	 
	/* 제목 영역 */
	.in-wrap 	{margin:0px 0 40px;  clear:both;word-break: break-all }