@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

@font-face{
  font-family: Nanum Gothic,'��������',ng,sans-serif;
  font-style: normal;
  font-weight: normal;
  src: url('NanumGothic.eot');
  src: local('?'), url('NanumGothic.woff') format('woff');
}

@font-face{
  font-family: Nanum Gothic,'��������',ng,sans-serif;
  font-style: normal;
  font-weight: bold;
  src: url('NanumGothicBold.eot');     
  src: local('?'), url('NanumGothicBold.woff') format('woff');
}

body {
	font-family: Nanum Gothic,'��������',ng,sans-serif;
	overflow-x:hidden;
    background-color:#ffffff;
    margin:0;
	overflow-y:scroll;
}

body, td, input, select, table, textarea, div, p, b {
    font-family: Nanum Gothic,'��������',ng,sans-serif;
    font-size:13px;
    color:#4e4e4e;
    text-decoration:none; /* none l underline l overline l line-through */
    line-height:22px;
    letter-spacing:0; /* ?�간(1, 0, -1 ..) */
    /*word-break:keep-all; /* 줄바�?break-all , nowrap  */
}


/* img */
form { margin:0px; }
img {border:0;}






/* link  */
a:link, a:visited, a:active {
	text-decoration: none;
	color: #4e4e4e;
	font-size:12px;
	
}
a:hover {
	text-decoration:none;
	color: #00aeef;
	font-size:12px;
	
}

a.menu:link, a.menu:visited, a.menu:active { text-decoration:none; color:#454545;  }
a.menu:hover { text-decoration:none; }

a.subtop:link, a.menu:visited, a.menu:active { text-decoration:none; color:#555555; font-size:13px; padding:0px 0 0 20px; font-weight:600; }
a.subtop:hover { color:#4cac35; text-decoration:none; font-size:13px; font-weight:600;}
.subtop_pad { padding:15px 0;}

a.top:link, a.top:visited, a.top:active{ text-decoration:none; color:#7d7d7d; font-size:16px; font-weight:600;}
a.top:hover{ text-decoration:none; font-size:16px; color:#279bcd; font-weight:600;}


/* title  */
.sub_title {
    font-size: 30px;
	color: #3c3c3c;
    font-weight: 600;
    letter-spacing: -1px;
	line-height:40px;
	text-align:left;
	padding:20px 0 15px 0;
	border-bottom:1px solid #efefef;
}

.sub_title2 {
    font-size: 18px;
	color: #1f4188;
    font-weight: bold;
    line-height: 32px;
    letter-spacing: -1px;
}

.page_title {
    font-size: 15px;
	color: #0073be;
    font-weight: 600;
    line-height: 40px;
	background:url(images/page_title_bl.png) no-repeat 0 center;
	padding-left:18px;
	text-align:left;
	
}

.page_title2 {
    font-size: 13px;
	background:url(images/page_title_bl_2.png) no-repeat 0 center;
	padding-left:10px;
	border-bottom:1px dashed #9a9a9a;
	
}
.page_title2_2{
    font-size: 12px;
	padding-left:10px;
	
}
.page_title3 {
    font-size: 13px;
	color: #2ca5dd;
    font-weight: 600;
    line-height: 30px;
	background:url(images/page_title_bl_2.png) no-repeat 0 center;
	padding-left:10px;
	
}

/* contents  */
.his {
	font-size: 12px;
	color: #b7b7b7;
	text-decoration: none;
}

.his1 {
line-height:20px;
color:#000;
font-weight:600;

}
.his1_2 {
font-size:14px;
background:url(../images/sub_title_bt.png) no-repeat 0 center;
padding-left:20px;
line-height:20px;
color:#4f88de;
font-weight:600;
}

.ceo {
font-size:16px;
color:#141414;
font-weight:bold;
}

.his2 {
font-size:13px;
color:#1072b9;
font-weight:600;
}
.his3 {
font-size:12px;
color:#aaaaaa;
text-decoration:none;
}
.his4 {
font-size:13px;
color:#4b4b4b;
font-weight:bold;
text-decoration:none;
}
.his5 {
font-size:13px;
color:#539fec;
font-weight:bold;
text-decoration:none;
}
.his6 {
font-size:12px;
color:#1286d7;
text-decoration:none;
}
.his7 {
font-size:12px;
color:#4e4e4e;
letter-spacing: -1px;
text-decoration:none;
}
.his8{
font-size:13px;
color:#1286d7;
font-weight:bold;
text-decoration:none;
}
.his9 {
font-size:13px;
color:#4e4e4e;
line-height:19px;
text-decoration:none;
}

/* history  */
	.year {
    font-family: "Times New Roman", Times, serif;
    font-size:25px;
    color:#00adeb;
	line-height:28px;
	border-bottom:1px dashed #dddddd
}

.month{
	font-family:Nanum Gothic,'��������',ng,sans-serif;
	font-size:13px;
	font-weight:600;
	border-bottom:1px dashed #dddddd;
	
}

.date{
	border-bottom:1px dashed #dddddd;
	padding:10px 0 10px 20px;
}

.his_pad {
padding:5px 0 5px 0;
}



/* ���κ��־� */
#mainVisual {width:100%;  overflow:hidden; }
#mainVisual div {position:absolute; /*left:50%; margin-left:-512px*/ }
#mainVisual div h1 {padding:200px 0 0 0; margin-left:-20px; opacity:0.0;}
#mainVisual div h2 {padding-left:0; margin-left:-20px; opacity:0.0;}
#mainVisual div h3 {padding-left:0; margin-left:-20px; opacity:0.0;}



#mainVisual div h1 {padding:200px 0 0 0; margin-left:-20px; opacity:0.0;}
#mainVisual div h2 {padding-left:0; margin-left:-20px; opacity:0.0;}
#mainVisual div h3 {padding-left:0; margin-left:-20px; opacity:0.0;}

/* ������־� */
#subVisual {width:100%;  overflow:hidden; background: url(images/sub_visu_bg.jpg) no-repeat center top; text-align:center}
#subVisual div {position: relative; width:1000px; margin:0 auto;  }
#subVisual div h1 {padding:200px 0 0 0; margin-left:-20px; opacity:0.0;}
#subVisual div h2 {padding-left:0; margin-left:-20px; opacity:0.0;}
#subVisual div h3 {padding-left:0; margin-left:-20px; opacity:0.0;}

/* ����_Center */
#main_center {width:100%;  overflow:hidden; text-align:center; padding:35px 0;}
#main_center div {position: relative; width:1000px; margin:0 auto; }
#main_center div li{float:left; }

/* bottom */
#bottom {width:100%;  overflow:hidden; text-align:center; background:url(images/bottom_bg.png) repeat-x; position:fixed; bottom:0; height:93px; }
#bottom div {position: relative; width:1024px; margin:0 auto;  }
#bottom div li{}


/* �����޴� */
#contents {width:200px; margin:0 auto;}
#contents .ctnArea2 {overflow:hidden;}
#contents .left { width:200px;}
.leftMenu {width:100%;}
.leftMenu {width:100%; overflow:hidden; }
.leftMenu div a {
	display:block; 
	font-size:15px; 
	height:24px; 

	padding:12px 0px 8px 10px;
	color:#777777;
	font-weight:600; 
	text-align:left;
	letter-spacing:-0.5px;
	background:url('images/leftmenu_off.gif') no-repeat;
	border-bottom:1px solid #dddddd;
}
	
.leftMenu div a:hover {color:#484bb6; font-size:15px; background:url('images/leftmenu_on.gif') no-repeat;  text-decoration:none;letter-spacing:-0.5px;font-weight:600; border-bottom:1px solid #d1dae2; }
.leftMenu div a.on {color:#484bb6; font-size:15px; background:url('images/leftmenu_on.gif') no-repeat;letter-spacing:-0.5px;font-weight:600; border-bottom:1px solid #d1dae2 }
.left_submenu{font-size:13px;}
.leftMenu div a.sub{display:block; font-size:13px; height:20px; padding:6px 0px 4px 20px; color:#898989;  border-bottom:1px solid #e8e8e8;  background:none;  background:#f4f4f4;}
.leftMenu div a.sub:hover{color:#fff; font-size:13px; border-bottom:1px solid #e8e8e8; background:#5a5a5a;}
.leftMenu div a.sub_on{font-size:13px; height:20px;padding:6px 0px 4px 20px; border-bottom:1px solid #e8e8e8;  background:#5a5a5a; color:#fff;}

.left_line2{
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
}

/* TAB */
#tab{overflow:hidden; width:100%; background:url(images/com1_tab_bg.jpg) repeat-y;}
#tab li{float:left; width:225px; text-align:center; }
#tab li a{ display:block; width:100%; height:20px; padding:10px 0; border-top:1px solid #656f75; border-bottom:1px solid #656f75; color:#1e629e; font-size:15px; background:url('images/tap_bg.gif') no-repeat left center; font-weight:600;}
#tab li a:hover{ background:url(images/com1_tab_bg2.png) repeat-y;  border-color:#0669a0; color:#ffffff; font-weight:600;}
#tab li.on a{background:url(images/com1_tab_bg2.png) repeat-y;border-color:#0669a0; color:#ffffff; font-weight:600;}
#tab li.fir a{background:url(images/com1_tab_bg2.png) repeat-y;}
#tab.tab2 li{width:50%}
#tab.tab2 li a{background:url(images/com1_tab_bg2.png) repeat-y;}


/* mainvisual  */
    
    #wrap{margin:0;padding:0;width:100%;min-width:1024px;height:490px; }
    #wrap #main_content{
	width: 100%;
	height: 490px;
	position: relative;
	max-width: 1920px;
	margin: 0;
}

  
    #wrap #main_content .arrow_l{position:absolute;left:20px;top:150px;z-index:2;cursor:pointer}
    #wrap #main_content .arrow_r{position:absolute;right:20px;top:150px;z-index:2;cursor:pointer}



/* topmenu */
*{padding:0; margin:0;}
ul, ol, li { list-style:none;}



.padding_15{padding-left:15px; font-size:13px; font-weight:600; color:#828282;}


.b_input2
{
    border:1px solid #d5d5d5;
	height:25;
}
.b_input3
{
    border:1px solid #d5d5d5;
	height:18;
}
.b_input4
{
    border:1px solid #d5d5d5;
	height:100;
}
.padding_10{padding:10px;}


.table_type{}
.table_type .nominator{color:#767676; font-weight:bold; border-top:#00a3ec 2px solid;}
.table_type .nominator > span{padding:0 10px 0 10px; margin-right:5px;}
.table_type table{border-top:#1f5476 1px solid; border-bottom:#1f5476 1px solid;}
.table_type table th{color:#4e4e4e;  border-left:#d5d5d5 1px solid; border-bottom:#1f5476 1px solid; padding:4px 5px 4px 5px; font-size:12px; letter-spacing:-0.5px; }
.table_type table th.skyblue{background:#f2fafe;}
.table_type table .borRignt{border-right:#d5d5d5 1px solid;}
.table_type table .borLeft{border-left:#d5d5d5 1px solid;}
.table_type table .borbtm{border-bottom:#d5d5d5 1px solid;}
.table_type table .aL{padding:10px 5px;}

.table_type table th.blue_right{
	border-right:#1f5476 1px solid; color:#ffffff;  border-left:#1f5476 1px solid; border-bottom:#1f5476 1px solid; padding:4px 5px 4px 5px }	
.table_type table td.blue_top{
	border-top:#1f5476 1px solid; }			
.table_type table td.bor_top_right{
	 border-top:#d5d5d5 1px solid;
	 border-right:#d5d5d5 1px solid; }	
.table_type table td.bor_top{
	 border-top:#d5d5d5 1px solid;
	 font-weight:600;}	
.table_type table td.bor_none_bold{
	 border-left:none;
	 font-weight:600;}	
.table_type table td.padding_left{
	 padding-left:5px;
	}		 	 
	 	 

.table_type table td{color:#767676; border-left:#d5d5d5 1px solid; border-bottom:#d5d5d5 1px solid; padding:2px 5px 2px 5px; font-size:12px;  padding:4px; letter-spacing:-1px;}
.table_type table .borLNone{border-left:none;}
.table_type table .padding_20{padding-left:20px; }
.table_type table .padding_20_borNone{padding-left:30px; border-left:none; }
.table_type table .borLNone2{border-left:none; border-bottom:1px solid #dddddd;}
.table_type table td.pad-size{padding:10px 0px 7px 50px; font-size:13px; }
.table_type table td.size{font-size:13px; }
.table_type table td.leftpad2bor{ padding-left:20px; border-right:#d5d5d5 1px solid }
.table_type table td.leftpad20{ padding-left:20px;}
.table_type table td.leftpad10{ padding-left:10px;}


.border_gray{border:1px solid #dddddd}
.page_title_bt{border-bottom:1px solid #dddddd;}

.bold_600{font-weight:600;}

#center {
	position: relative;
	z-index: 99999;
	width: 100%;
	height: 91px;
	margin:0 auto;
	top: 0px;
	display: inline-block;
	background:#fff;
}
.sideborder{border-left:#cccccc 1px solid; border-right:#cccccc 1px solid}

.font_15{font-size:15px; font-weight:600; color:#48a2c7}


/*�����޴�_����*/
.left_line{
	border-bottom:1px solid #dddddd;
}


/* product_CSS*/

.content_bg{
	border-radius:10px;
	background:#f8f8f8;
	padding:20px;
}

.content_size{
	font-size:15px;
	line-height:25px;
	color:#000;
}

.content_size14{
	font-size:14px;
	line-height:30px;
	color:#000;
}

.Topmenu{
	background:#fff;
	padding:30px 0;
}


/* ��ܸ޴� */

#top_navi_wrap{width:100%; background:url("images/top_sub_bg.gif") left top repeat-x, url("images/top_sub_bg.gif") left bottom repeat-x ; position:relative; z-index:10; }
.top_navi_wrap2{width:1024px; margin:0 auto; position:relative; overflow:hidden;}
.top_logo{position:absolute; top:0px; left:0px;}

.top_navi{overflow:hidden; padding:22px 0 0 386px; width:638px;  }
.navi_dep1{float:left; min-height:49px;}
.navi_dep1_position{}

.float01{width:129px;}
.float02{width:120px;}
.float03{width:120px;}
.float04{width:100px;}
.float05{width:169px;}


.navi_dep2_wrap01{padding-left:500px;margin-left:-20px;position:relative;left:-500px;}
.navi_dep2_wrap02{padding-left:500px;margin-left:-20px;position:relative;left:-500px;}
.navi_dep2_wrap03{padding-left:500px;margin-left:-20px;position:relative;left:-500px;}
.navi_dep2_wrap04{padding-left:500px;margin-left:0px;position:relative;left:-500px;}
.navi_dep2_wrap05{padding-left:500px;margin-left:-25px;position:relative;left:-500px;}

.navi_dep2_wrap{display:none; width:1024px;position:relative;top:0px; }
.navi_dep2_wrap ul{overflow:hidden; width:1024px; padding-top:10px;}
.navi_dep2_wrap ul li{font-size:0px; line-height:0.5em; float:left; height:20px; padding:10px 17px 0 0}

/*Ȩ�޴�*/
#wrapper{width:100%; }
#login_top_wrap{width:100%; height:30px; padding-top:10px;  }
#login_menu_wrap{width:1024px; margin:0 auto; overflow:hidden;}
#login_menu{float:right; overflow:hidden;}
.login_flo{float:left; }
.login_flo2{float:left; margin-left:4px;}
	
/*pro*/
.pro_title{ font-size:13px; color:353535; font-weight:600; line-height:22px; letter-spacing:-1px; text-align:left}
.pro_15pt{ font-size:15px; color:6c6c6c; text-align:left }
.pro_sub{font-size:24px; color:#288ad6; font-weight:600; line-height:50px; text-align:left} 
.pro_black{font-size:15px; color:#000; font-weight:600; line-height:30px; text-align:left}
.pro_15{font-size:15px}
.pro_font12{font-size:12px; letter-spacing:-1px; padding-top:15px;}
.pro_font12_gray{font-size:12px; letter-spacing:-1px; color:#a5a5a5; border-bottom:#dddddd dashed 1px}
.pro_15pt_b{ font-size:15px; color:#000; font-weight:600 }


/*�����̵� ���� */

.slide{text-align:center; position:relative; width: 380px; margin: 0 auto; display: block;height:400px;}

.slide_ul{display: block;}
.slide_ul>li{position:absolute; top:0; left:0; list-style:none;z-index:10; display: block;}
.slide_ul>li img{}
li{list-style: none;}

.show{display:block;}


/* �ϴ� ���׶�� ��ư CSS*/
.slide_btn>li{float: left; margin:0 5px 5px 0; }
.slide_btn>li>a{display:block; width: 15px; height:15px; background: url(images/pro_btn.png) -19px -123px; text-indent: -999em; }
.slide_btn>li>a.active{background-position: 0px -124px;}

.slide_btn{z-index:100; position:absolute; left:150px; bottom:0; }

.slide_btn:after{content:''; display:block; clear:both;}
.slide_btn{*zoom:1;}


/* ��ǰ�޴� */
#contents2 {width:770px; margin:0 auto;}
#contents2 .ctnArea2 {overflow:hidden;}
#contents2 .left { width:770px;}
.proMenu {width:100%; overflow:hidden; float:left; border-bottom:1px solid #dddddd;}
.proMenu div a {
	display:block; 
	font-size:17px;
	width:162px; 
	height:24px; 
	float:left;
    padding:12px 0px 8px 0px;
	color:#5c5c5c;
	font-weight:600; 
	text-align:center;
	letter-spacing:-0.5px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	
	
}
	
.proMenu div a:hover {color:#5c5c5c; font-size:17px; text-decoration:none;letter-spacing:-0.5px;font-weight:600; border-bottom:none; border-top:2px solid #288ad6; z-index:10; }
.proMenu div a.on {color:#5c5c5c; font-size:17px; letter-spacing:-0.5px;font-weight:600; border-bottom:none; border-top:2px solid #288ad6; z-index:10; }


.proMenu2 {width:100%; overflow:hidden; float:right; }
.proMenu2 div {
	display:block; 
	font-size:15px;
	color:#000;
	width:auto; 
	padding:10px 20px 10px 20px;
	height:24px; 
	float:right;
	
}

	
.proMenu2 div a:hover {color:#5c5c5c; font-size:17px; text-decoration:none;letter-spacing:-0.5px;font-weight:600; border-bottom:none; border-top:2px solid #288ad6; z-index:10; }
.proMenu2 div a.on {color:#5c5c5c; font-size:17px; letter-spacing:-0.5px;font-weight:600; border-bottom:none; border-top:2px solid #288ad6; z-index:10; }



.c_img{width:344px;height:294px;position:relative; float:left;}
.c_img:hover{color:#3ab145;}
.c_img .tit{width:344px;height:40px;position:absolute;bottom:0;left:0;text-align:center;line-height:40px;font-size:18px;color:#fff;letter-spacing:-1px;background:url(images/cimg_bg.png) repeat 0 0;}
.c_txt{margin-top:-1px;clear:both;float:left;padding:0 0 0 10px;background:url(../../02_customer/img/dot.gif) no-repeat 0 10px;color:#000;font-size:12px;text-align:left;line-height:24px;}

/* 0623 �߰� */
.new_table { width:100%; border-top:2px solid skyblue; border-bottom:1px solid gray; }
.new_table tr { }
.new_table tr th { }
.new_table tr td { }

table tr td.point { font-size:15px; font-weight:600; color:#0a78cd; height:30px; vertical-align: text-top; }

table tr td.point_title { font-weight:600; }
table tr td span.blue_pp { color:#0a78cd; font-weight:700; }
table tr td span.bold_bold{ font-weight:600; }
.small_table tr td { padding:5px; }
.table_type tr td span.number{ display:block; width:14px; height:14px; font-size:11px; float:left; line-height:20px; text-align:center; background-color:#0a78cd; color:white; }
.table_type tr td.mini_title { font-weight:600; font-size:16px; }