@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);


/*-----------------------------------------------------------------------------------------------------------
����css
-----------------------------------------------------------------------------------------------------------*/
#skipnavigation { display:none; visibility:hidden;}
#wrapper		{ padding:0; width:100%;}
#s_wrapper		{ padding:0; width:100%; background:url(../images/common/bg.gif) no-repeat;}
#header			{ padding:0; height:100px;border-bottom:1px solid #deddd8;background:url(../images/common/menu_line.png) no-repeat center;}
#header h1		{ position:absolute; top:28px; left:0;z-index:99;}

/* GLOBAL MENU */
#global 			{ top:13px; position:absolute;right:0;z-index:9999; }
#global ul 			{}
#global ul li		{float:left;list-style:none; margin-right:10px;}

/* menu */
#menu					{clear:both;position:relative; padding:55px 0 0 120px;}
#menu ul.main_menu li 	{float:left; width:120px; text-align:center; font-size:1.3em;}
#menu ul.main_menu li a				{display:inline-block; font-weight:600;}
#menu ul.main_menu li a:hover		{color:#193c98;}
#menu ul.main_menu		{ padding-left:230px;}


/* 2차 메뉴 */
#menu_dept				{position:absolute;z-index:999;width:100%;left:0;top:101px;background:url(../images/common/menu_bg.jpg) repeat-x center; font-weight:bold; overflow:hidden; height:230px; background-color:#f7f7f7; border-bottom:1px #efefef solid}
#menu_dept .menu_wrp	{ width:1000px; margin:0 auto; left:0; top:0;}
#menu_dept .header_img	{position:absolute; top:30px;}
#menu_dept .menu_dept_ul	{padding-left:313px; width:726px;}
#menu_dept .menu_dept_ul li	{float:left;width:115px;padding:0px 3px 3px 3px;}
#menu_dept .menu_open		{text-align:left;width:120px;float:left; color:#000000;padding-top:8px;}
#menu_dept .menu_open ul li	{padding-left:3px; margin:5px 0; letter-spacing:-0.5px; /*background:url(/images/common/dot.gif) no-repeat left 10px;*/ width:110px;   !important}
ul.sub_menu li a{font-weight:500;font-size:14px;color:#6f6f6f;}
ul.sub_menu li a:hover		{color:#193c98;font-weight:700;/*background:#3563b1*/}


#contents		{ padding:0; margin:0 auto; width:1000px; position:relative; clear:both;margin-top:-600px; }
.con_wrap		{ padding:0; margin:0 auto; width:1000px; clear:both; position:relative}
.m_contents_bg	{ background-color:#fff;position:relative;z-index:-999;margin-top:515px; overflow:hidden; height:550px;}
/*-----------------------------------------------------------------------------------------------------------
main 컨텐츠
-----------------------------------------------------------------------------------------------------------*/
#main_contents	{ position:relative; width:100%; margin:0 auto;/*height:950px;*/ overflow:hidden; z-index:10; }

#m_visual 	{ position:absolute; z-index:-1; left:0; top:100px; width:100%; height:100% }
.mimg_view1 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/main/visual_1.jpg) no-repeat center 0; z-index:0; }
.mimg_view2 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/main/visual_2.jpg) no-repeat center 0; z-index:0; }
.mimg_view3 { position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/main/visual_3.jpg) no-repeat center 0; z-index:0; }


.m_pop			{float:left;margin-top:25px; margin-bottom:25px;}
.m_news			{width:240px; height:410px; border:1px solid #e6e6e6;float:left;margin-left:13px; margin-top:25px; background-color:#fff;}
.m_bbs1				{ float:left; width:200px; /*margin-top:200px;*/ margin-left:20px;}
.m_bbs1 p.title		{ padding-bottom:27px;}
.m_bbs1 ul			{}
.m_bbs1 ul li		{ margin:10px 0 0 5px;line-height:160%;border-bottom:1px #f6f6f6 solid;padding-bottom:10px; font-size:12px;}
.m_cooperation	{float:left;margin-top:8px;width:239px; height:410px; background:url(../images/main/cooperation_bg.jpg) no-repeat; margin-left:13px}
.m_recruit		{float:left;margin-top:25px;width:300px; height:410px; background:url(../images/main/recruit_bg.jpg) no-repeat; margin-left:13px}
.m_bbs2				{ float:left; width:200px; margin-top:218px; margin-left:20px;}
.m_bbs2 p.title		{ padding-bottom:27px;}
.m_bbs2 ul			{}
.m_bbs2 ul li		{ height:21px; background:url(../images/common/dot.gif) no-repeat left top 7px; padding-left:10px; margin-left:5px; font-size:12px;}
.m_cooperation		{float:left;margin-top:25px;width:239px; height:410px; background:url(../images/main/cooperation_bg.jpg) no-repeat; margin-left:13px}
.m_cooperation_bt				{ margin-top:205px;margin-left:15px;}
.m_cooperation_bt ul li			{ display:inline;margin-left:20px;}
.m_cooperation_bt ul li.line	{ border-right:1px solid #dfdfdf;padding:5px 20px 5px 0;}
#m_media			{clear:both; background:url(../images/main/media_bg.gif) no-repeat; height:62px; margin-top:25px;margin-bottom:50px; }
#m_media_title	{ width:100px;padding:18px 0 0 20px;float:left}
#m_media input.pbtn { position: absolute; left: 120px; /*top: 125px;*/z-index:999; clear:both;margin-top:25px;}
#m_media input.nbtn { position: absolute; right: 30px; margin-top:25px;z-index:999;}
#notice-scroll { float:left; width: 800px; height: 60px; overflow: hidden; }
#notice-content {  left: 0; top: 0; overflow: visible; }
ul.notice { list-style: none; margin: 25px 0 0 30px; padding: 0;  letter-spacing: 0;  line-height: 1.25; }
ul.notice li { margin: 0; padding: 0 0 25px 0; font-size:12px;}
ul.notice li a { margin: 0; padding:0px 0 0 5px; }

/* news_tab */
.tabmenu{overflow:hidden;}
.tabmenu li{float:left;width:120px;height:46px;}
.tabmenu li a{display:inline-block; width:120px; height:46px;}
.tabmenu li a.on,
.tabmenu li a:active,
.tabmenu li a:focus,
.tabmenu li a:hover{color:#fff !important;background-position:0 -47px;text-decoration:none;}

.img_news		{width:200px;margin:20px 0 0 23px;}
.img_news h3	{font-size:12px; font-weight:600; color:#434343;}
.img_news p		{margin:7px 0 10px 0px;}

/*-----------------------------------------------------------------------------------------------------------
하단 카피
-----------------------------------------------------------------------------------------------------------*/

#footer_wrap {z-index:550;height:145px; clear:both; background-color:#404040; color:#b9b9b9;}
.footer {width:1000px;text-align:left;padding-bottom:25px;padding:25px 0 0 0px;;margin:0 auto;}
.flogo {float:left;width:190px;top:5px;}
.fcopyright {float:left;margin-left:20px;margin-top:10px;line-height:19px; }
.fcopyright li{display:inline; background: url('../images/common/copy_line.gif') left no-repeat; margin-left:12px; padding-left:13px;}
.fcopyright li:first-child{background:none; margin-left:-12px;}
.fcopyright li a{color:#a0a0a0;}
#footer_wrap div.familysite {position:relative;float:right;	width:179px;height:25px;margin:10px 5px 0 0;background:#FFF;}
#footer_wrap div.familysite div {position:absolute;	z-index:10;	bottom:25px;left:0;	width:168px;padding:0 0 10px 9px;background:#636363;border:1px solid #505050; z-index:9999;}
#footer_wrap div.familysite div a {	display:block;	color:#ccc;padding:10px 0 5px;}
#footer_wrap div.familysite button {display:block;width:179px;height:25px;	padding:0 0 0 10px;	background:#636363 url('../images/common/arrow_up.gif') no-repeat right top;	border:none;color:#ccc;	text-align:left;}
#footer_wrap div.familysite button.hide {background:#636363 url('../images/common/arrow_down.gif') no-repeat right top;}


/*-----------------------------------------------------------------------------------------------------------
sub컨텐츠
-----------------------------------------------------------------------------------------------------------*/
#container_wrap  { width:1000px; margin:0 auto; z-index:999; background: url('../images/sub/sub_bg1.jpg') no-repeat top right, url('../images/common/left_bg.gif') repeat ;}
#container_wrap:after {clear:both;content:"";display:block;}

#container{width:760px; float:right;}
#container #cont_top {display:block;width:100%;position:relative; height:157px; border-bottom:1px #d9d9d9 solid;}
#container #cont_top:after {display:block; clear:both; content:""}
#cont_top {display:block;position:relative;width:100%; /*height:30px; background:url(/images/common/title_bg.gif)bottom no-repeat;*/}
	#cont_top:after {clear:both;content:"";display:block;}
	#cont_top #cont_tit   {clear:both;padding-top:53px;}
#cont_navi {font-size:12px;margin-top:-13px; float:right; margin-right:10px;}

#container .cont {position:relative;display:block;float:left; width:100%;text-align:left; min-height:600px;_height:expression(this.scrollHeight<600?"600px":"auto"); padding:15px 0 20px 1px;}

#submenu 		{ float:left; overflow:hidden; width:180px; }
#leftmenu ul {position:relative;display:block;width:180px; padding:5px 0 80px 0;}
#leftmenu ul:after {clear:both;content:"";display:block;}
#leftmenu li {float:left;width:100%;display:block;position:relative;box-sizing:border-box; }
#leftmenu li a {float:left;border-bottom:1px solid #DDD;display:block;min-height:17px;width:165px;padding:15px 0px 15px 15px;position:relative;margin:0 0px;}
#leftmenu li.over a, #leftmenu li a:hover {float:left;background:url('../images/common/lm_arr.gif') no-repeat right 10px center; width:165px;color:#193c98;font-weight:bold;}
#leftmenu ul.depth3 {position:relative;display:block;width:100%;border-bottom:1px solid #DDD;padding-bottom:5px;}
#leftmenu ul.depth3 li.lm_l3 {padding-bottom:0px;padding-top:4px; background:url('../images/common/dot.gif') 10px 13px no-repeat;padding-left:5px;}
#leftmenu ul.depth3 li.lm_l3 a {padding-left:10px;border-bottom:0px;padding:2px 0px 3px 15px; background:none;color:#434343;}
#leftmenu ul.depth3 li.lm_l3 a:hover, #leftmenu ul.depth3 li.lm_l3.over a {background:none;color:#005095;}
#leftmenu img {vertical-align:text-top;}

ul.left_bn			{ margin-top:10px}
ul.left_bn li		{ float:left; margin:0; padding:0;}