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



/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/

#skipnavigation { display:none; visibility:hidden;}
.con_wrap		{ padding:0; margin:0 auto; width:1000px; position:relative}

/* layout */
#wrap { width:100%; min-width:1000px;}
#headerWrap { z-index:20; position:absolute; top:0; left:0; width:100%; min-width:1000px; height:120px; background:url(/image/common/bg_header.gif) repeat-x left top;}
#header 	{ z-index:10; position:relative; width:1000px; margin:0 auto;}
#header h1 	{ position:absolute; top:20px; left:50px;}

ul#global 		{position:absolute; top:15px; right:20px;}
ul#global li	{float:left;list-style:none; padding-left:10px}
ul#global li.dot{ background:url(/image/common/dot2.gif) no-repeat right ; padding-right:15px;}
ul#global li a	{ font-size:0.875em;}

#header #gnb 	{ position:absolute; width:1100px; top:72px; height:85px;}
#header #gnb li { position:relative; float:left; height:45px}
#header #gnb li:first-child 		{border-left:1px solid #ddd}
#header #gnb li ul li:first-child 	{border-left:0px solid #ddd}
#header #gnb li	div.menu	{border-right:1px solid #ddd; text-align:center; width:199px; padding:10px 0; height:45px; box-sizing:border-box}
#header #gnb li a	{font-weight:600; font-size:1.1em; letter-spacing:-1px; text-decoration:none}
#header #gnb li a:hover, #header #gnb li a.on { color:#ff6600;}

#header #gnb li ul 		{ display:none; overflow:hidden; position:absolute; top:40px; left:0; width:480px; height:35px; padding-top:10px}
#header #gnb li ul li a { height:30px; padding:8px; color:#fff; font-size:0.9em; font-weight:normal; border-right:none;opacity:0.7}
#header #gnb li ul li a:hover { color:#fff;opacity:1}
#header #gnb li ul#sNavi01 { width:700px;}
#header #gnb li ul#sNavi02 { width:700px;}
#header #gnb li ul#sNavi04 { width:430px;padding-left: 45px}
#header #gnb li ul#sNavi05 { width:300px;}



/*-----------------------------------------------------------------------------------------------------------
메인
-----------------------------------------------------------------------------------------------------------*/

.mainH				{ width:100%; height:500px}
.main_wrap			{ padding:0; margin:0 auto; width:1000px; position:relative; height:290px}
#mainImg						{ clear:both; height:399px; background:#fff7ed; position:absolute; z-index:-1; width:100%; border-bottom:1px solid #ddd; top:120px}
#image_list_2					{ position:relative; width:1000px; margin:0 auto;}
.clsBannerScreen			 	{overflow: hidden;position: relative;height: 405px; width: 100%; cursor:pointer; clear:both; }
.clsBannerScreen .images 		{position:absolute; display:none; text-align:center;}

.main_Bn			{ clear:both;}
.main_Bn li			{ float:left; width:  33.3%!important;text-align: center}
.main_Bn li:nth-child(3){background: #ec6472}    
.main_Bn li:nth-child(2){background: #6fbf24}    
.main_Bn li:nth-child(1){background: #6aa3e3}   
.main_board			{ float:left; width:319px; padding:22px 48px 0 0;}
.main_board > h3	{ float:left;}
ul.board			{ clear:both; padding-top:10px}
ul.board li			{ height:26px; clear:both; font-size:0.875em; background:url(/image/common/dot.gif) no-repeat 0 8px; padding-left:10px}
span.date			{ float:right;  color:#333; font-size:0.9em}

.main_board2		{ float:left; width:400px; padding-top:22px;}
.main_board2 > h3	{ float:left;}

.main_board3		{ float:right; width:220px; padding-top:22px;}
.main_board3 div.txt{ clear:both; font-size:0.75em; padding-top:10px;}
ul.board2			{ clear:both; padding-top:23px;}
ul.board2 li		{ float:left}


/*-----------------------------------------------------------------------------------------------------------
하단
-----------------------------------------------------------------------------------------------------------*/

#footer			{ clear:both; height:125px; background:#686868; }
.footer_wrap	{ margin:0 auto; width:1000px; }
.footer_help	{ padding:10px 0 15px 0;}
.footer_help li	{ float:left; font-size:0.9em;}
.footer_help li a	{ color:#ddd}
.footer_help li.dot	{ background:url(/image/common/dot.gif) no-repeat right ; padding-right:15px;}
address			{ font-size:0.8em; font-style:normal; clear:both; padding:10px 0; color:#ddd; }



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

#contents		{padding:0; clear:both; margin:0 auto; width:1000px;}
.subH			{ width:100%; height:120px}
#subImg			{ clear:both; height:128px; background:#fff7ed; position:absolute; z-index:-1; top:120px; width:100%; text-align:center}

#subL	 		{ float:left; overflow:hidden; width:161px; margin-top:28px;}
#left_Menu 		{ overflow: hidden}
.left_1depth 	{ text-align:center; padding-top:25px; height:99px; color:#f60; font-size:1.4em; font-weight:600; background-color:#FFF; letter-spacing:-1px; line-height:130%}
.left_2depth 	{ border-top:1px solid #ccc;}
.left_2depth li { display: block; padding:0;  margin: 0; font-size:0.9em; height:45px;}
.left_2depth li.depth2_on 	{ background:url(/image/common/submenu_on.gif) no-repeat 145px 15px #ff9a04;  overflow: hidden;}
.left_2depth li.depth2	 	{ background:url(/image/common/submenu_off.gif) no-repeat; overflow: hidden;}
.left_2depth li.depth2 a 	{ color: #555; display: block;  padding:12px 20px 12px 10px;}
.left_2depth li.depth2_on a { color: #fff; font-weight: bold;display: block;  padding:12px 20px 12px 10px;}

.left_2depth li.depth22_on 	{ background:url(/image/common/submenu_on.gif) no-repeat 145px 18px #ff9a04;  overflow: hidden;}
.left_2depth li.depth22	 	{ background:url(/image/common/submenu_off.gif) no-repeat; overflow: hidden;}
.left_2depth li.depth22 a 	{ color: #555; display: block;  padding:3px 20px 0 10px;}
.left_2depth li.depth22_on a{ color: #fff; font-weight: bold;display: block;  padding:3px 20px 0 10px;}


ul.leftBN		{}
ul.leftBN li	{ text-align:center; border-bottom:1px solid #ddd;}

#subR			{ float:right; width:780px; margin-top:110px}
#subR > h3		{ color:#333; font-size:2em; font-weight:600; letter-spacing:-1px; clear:both; margin-top:10px}
.Navi			{ color:#666; font-size:0.9em; padding:40px 30px 0 0;}
.Navi_on		{ color:#333; font-weight: bold;}
.Navi span		{ background:url(/image/common/ico_arr.gif) no-repeat 0 4px; padding-left:10px; margin-left:5px}
#subP			{ clear:both; padding:20px 0; min-height:500px }


/*-----------------------------------------------------------------------------------------------------------
탭
-----------------------------------------------------------------------------------------------------------*/
.tab_menu			{overflow:hidden;width:100%;background:url(/image/common/bg_tab.gif) repeat-x 0 100%}
.tab_menu li		{_display:inline;float:left;margin-right:-1px;background:url(/image/common/bg_tab_right.gif) 100% 0 no-repeat}
.tab_menu li span	{display:block}
.tab_menu li a		{display:block;_float:left;height:21px;padding:7px 19px 0 18px;background:url(/image/common/bg_tab_left.gif) 0 0 no-repeat;color:#666;line-height:14px;text-decoration:none; }
.tab_menu li a:hover{color:#333;}
.tab_menu li.selected		{background-position:100% -28px}
.tab_menu li.selected a		{background-position:0 -28px;color: #4563a1; font-weight:600; }