﻿/* CSS Document */
ul#paginate {
	text-align:left;
	margin-left:5px;

}

.list *{
	font-size:12px;
	font-family:dotum,tahoma;
	color:#666;
}
.list .date{
	font-family:Verdana, tahoma, Helvetica, sans-serif;
	font-size:11px;
	color:#999;
}
.es_list{
	border-bottom:1px solid #eee;
	padding:10px;
	display:block;
	overflow:hidden;zoom:1
}

.es_list .title {
	float: left;
}

.summary .es_list {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #f8f8f8;
}

.es_4_2_3 .first .es_list{
	height: auto;
}

.es_7_1_1 li a,
.es_4_2_3 li a,
.es_4_2_2 li a {
	height: auto;
}
.es_4_3_1 .es_list{font-size:12px}
.es_4_3_1 .es_list a{font-size:12px}
.es_4_3_1 .es_list .note {
	color: #999;
}

.es_4_3_2 .first .column_1 {
	line-height: 20px;
}

.es_4_2_3 .summary {
	border: 0;
	padding: 0px;
	float: none;
}

.summary .es_list .title {
	color: #6c52a9;
}

.summary .es_list .date {
	float: right;
	clear: none;
}

.summary .text_summary { padding-top: 15px; }
.ie .summary .text_summary { padding-top: 7px; }

.es_list:hover{
	background-color:#f8f8f8;
	color:#6c52a9;
}
.es_list:hover .title{
	color:#6c52a9;
}

.list .first a.es_list{
	border-top:1px solid #b8b8b8;
	color: #666;
}
.list .first a:hover{
	color: #6c52a9;
}

.list .last a{
	border-bottom:1px solid #b8b8b8;
}
.text_summary{
	clear:both;
	display:block;
	padding-top:5px;
	font-size:12px;
}
.content_643 .summary {
	padding-right:0px;
}
.content_643 .img_voc img{
	width:140px;
}
.summary .date{
	float:right;
	clear:both;
}

.note{
	font-size:11px;
	color:#989898;
	float:right;
	width:100px;
	text-align:right;
}
.es_list:hover .note{
	color:#999;
}
.es_4_3_2 .date{
	float:right;
}
/***/
.es_4_3_2 .group a{
	border:0px;
}
.es_4_3_2 .group a:hover{
	color:#6c52a9;
}
.es_4_3_2 .first{
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	border-top:1px solid #b8b8b8 !important;
}

.es_4_3_2 .first .column_2 span {
	color: #989898;
}

.es_4_3_2 .last{
	border-bottom:1px solid #b8b8b8 !important;
	margin-bottom:10px;
}
.es_4_3_2 p.text {
	color: #888;
}
.print {
	padding-left: 10px;
}
.print img{
	cursor:pointer;
}
.column_1{
	float:left;
	width:65%;
	font-size: 15px;
	color: #6c52a9 !important;
}
.group{
	padding:10px !important;
}
.img_detail{
	text-align:center;
}
.img_detail{
	margin: 20px 0px 30px 0px;
}
.text{
	line-height:20px;
}
/**/
.column_0{
	float:left;
}
/**/
.es_5_1_2 li a{
	background:url(/Common/Images/kor/icon_q.gif) 10px 13px no-repeat;
	padding-left:35px;
}
.es_5_1_2 li a:hover{
	background:url(/Common/Images/kor/icon_q_hover.gif) 10px 13px no-repeat;
	background-color:#f8f8f8;
}
.answer{
	margin-top:15px;
	margin-left:-35px;
	display:inline-block;
	background:url(/Common/Images/kor/icon_a.gif) 10px 2px no-repeat;
	padding-left:35px;
}
a:hover .answer{
	background:url(/Common/Images/kor/icon_a_hover.gif) 10px 13px no-repeat;
}
.summary a:hover .answer{
	background-position: 10px 2px;
}

.ie .es_5_1_2 .summary .es_list{
	background: #f8f8f8 url(/Common/Images/kor/icon_q_hover.gif) 10px 19px no-repeat;
}
.es_5_1_2 .summary .es_list{
	background: #f8f8f8 url(/Common/Images/kor/icon_q_hover.gif) 10px 17px no-repeat;
}

.es_5_1_2 .summary .es_list .answer {
	background: url(/Common/Images/kor/icon_a_hover.gif) 10px 2px no-repeat;
}

.tab{
	background:transparent url(/Common/Images/kor/bg_pn_tab.gif) repeat-x scroll left top;
	border-top:1px solid #9b98ab;
	clear: both;
	padding-bottom: 14px;
}
.tab li {
	float:left;
}
.tab li a {
	position: relative;
}
.tab li.current {
	margin-left: -1px;
}
/************/
.es_5_1_2 .summary,
.es_5_1_1 .summary {
	padding: 0;
	float: none;
	background-color: #F8F8F8;
}

.es_5_1_1 li a.es_list{
	background:url(/Common/Images/kor/icon_q.gif) 10px 13px no-repeat;
	padding-left:35px;
}
.es_5_1_1 .summary .es_list{
	background: url(/Common/Images/kor/icon_q_hover.gif) 10px 13px no-repeat;
}

.es_5_1_1 li a:hover{
	background:url(/Common/Images/kor/icon_q_hover.gif) 10px 13px no-repeat;
	background-color:#f8f8f8;
}

.es_5_1_1 li {
	border-bottom: 1px solid #EEEEEE;
}

.es_5_1_1 li .answer{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 20px;
	background-position: 10px 13px;
}

.es_5_1_1 .es_list {
	border-bottom: 0;
}

.es_5_1_1 .summary .answer,
.es_5_1_1 .summary .es_list {
	padding-top: 10px;
	padding-bottom: 10px;
}
.es_5_1_2 .summary .es_list {
	padding-top: 15px;
	padding-bottom: 20px;
}

.es_5_1_2 .summary .question {
	color: #6c52a9;
}

/********/
.h4_text{
	margin-top:50px;
	margin-bottom:15px;
}
.label{
	color:#333;
	float:left;
	margin-right:5px;
}
p.text{
	font-size:11px;
	margin-bottom:15px;
	color:#666;
}
span.text_value{
	float:left;
	color:#888;
}
.row{
	clear:both;
}
.check{
	clear:both;
}
input.checkbox{
	vertical-align:middle;
}
.check{
	margin-top:15px;
	padding-top:7px;
	border-top:1px solid #eee;
}
.button{
	margin-top:45px;
}
.button input{
	margin-right:6px;
}
/*******/
.prd li{
	clear:both;
}
.prd_row{
	margin-top:17px;
}
.prd_column_1{
	float:left;
	border-bottom:1px solid #eee;
}
.prd_column_2{
	float:right;
	border-bottom:1px solid #eee;
}
.text_voc{
	margin-bottom:35px;
}

.preview_content .column_0 {
	width: 62px;
	padding-left: 10px;
	padding-top: 4px;
}
/***/
.img_voc{
	float:left;
}
.img_voc img{
	width:145px;
}
.summary{
	float:left;
}
.text_name{
	display:block;
	clear:both;
	margin-bottom:15px;
}
.summary{
	padding:25px 10px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.btn_ok{
	display:block;
	clear:both;
	margin-left:157px;
	padding-top:15px;
}
img.save,img.new{
	margin-left:5px;
}
.es_7_1_2{
	margin-bottom:10px;
}
.column_2{
	float:right;
}
.es_7_1_2 .first .column_1 {
	color:#6C52A9;
}
.bbs .es_7_1_2 .date {
	color: #999;
}
.es_7_1_2 .first {
	border-top:0px;
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.es_7_1_2 p.text {
	color: #888;
	padding-left: 0px;
}
.bbs .es_7_1_2 .group {
	border-color: #c2c2c2;
}

.link_title{
	margin-bottom:20px;
	text-align:right;
	font-size: 11px;
	color: #999;
}
.link_title img{
	margin-right:5px;
	margin-left:5px;
	cursor:pointer;
}

/**********Thu*************/
.part_row_first {
	border-top: 1px solid #B8B8B8;
	height: 27px;
}

.part_row {
	border-top: 1px solid #EDEDED;
	height: 27px;
}

.part_row_last {
	border-top: 1px solid #EDEDED;
	height: 112px;
}

.label_form {
	width: 56px;
	float: left;
	padding: 9px 0 0 10px;
}

.field_input {
	float: left;
	padding-top: 5px;
}

.ie .field_input {
	float: left;
	padding-top: 4px;
}

.field_input select {
	width: 264px;
	border: 1px solid #D9D9D9;
	height: 17px;
	color: #666;
}

.field_input select option {
	
}

.ie6 .field_input select {
	width: 264px;
	border: 1px solid #D9D9D9;
	height: 15px !important;
}

.field_input input {
	width: 214px;
	border: 1px solid #D9D9D9;
	height: 13px;
	color: #666;
}

.field_input input.title {
	width: 404px;
	border: 1px solid #D9D9D9;
	height: 13px;
}

.field_input textarea {
	width: 444px;
	border: 1px solid #D9D9D9;
	height: 98px;
	overflow: auto;
}

.text {
	color: #AAAAAA;
	font-size: 11px;
	padding: 10px 0 0 10px;
}

.checkbox {
	margin-top: 20px;
	padding-left: 10px;
}

.ie6 .checkbox {
	margin-top: 10px;
	padding-left: 10px;
}

.checkbox img {
	margin-top: -1px;
}

.button_ok {
	border-top: 1px solid #B8B8B8;
	padding: 15px 0 0 10px;
	margin-top: 10px;
}



.es_5_2_2 .checkbox {
	margin-top: 0px;
}
.es_5_2_2 p.text {
	padding: 0px;
}
.es_5_2_2 .button input{
	height: auto !important
}

/******************EN-4-1-1*****/
.content_4_1_1 #content {
	width: 845px !important;
	margin-left: 0px !important;
	margin-top: 112px !important;
}
.content_4_1_1 .content{
}
.ie6 .content_4_1_1 .content{
}

.content_4_1_1 .bg {
	margin-top: 160px;
	margin-right: 50px;
}

.content_4_1_1 h2{
	text-align:left !important;
}
ul.table{
	clear:both;
}
ul.table li{
	float:left;
}
ul.table li.column_02{
	margin:0px 40px;
}
.content_4_1_1 h3{
	margin-top:50px;
	margin-bottom:20px;
}
.txt_mobile{
	margin-top:20px;
	margin-bottom:17px;
}
/****************content_4_4_1********/
.content_4_4_1{
	padding-top:0px !important;
}
.content_4_4_1 h2{
	margin-bottom:50px;
}
.content_4_4_1 .txt_2{
	margin:20px 0px;
}
.content_4_4_1 .rail {
	width:200px;
}
.content_4_4_1 .content.bbs {
	width:420px;
	padding-top:70px;
}

/****************content_4_4_1********/
.content_4_4_2{
	padding-top:0px !important;
}
.content_4_4_2 h2{
	margin-bottom:50px;
}
.content_4_4_2 .txt_02{
	margin-top:10px;
	margin-bottom:20px;
}
.content_4_4_2 .rail {
	width:200px;
}
.content_4_4_2 .content.bbs {
	width:450px;
	padding-top:70px;
}
img.friend{
	position:relative;
	margin-left:-130px;
	margin-top: 30px;
}
.table_2 li{
	float:left;
}
.table_2 li.column_011{
	margin-right:40px;
}
.table_2 h4{
	margin-bottom:10px;
	margin-top:20px;
}
.table_2 div{
	padding-bottom:10px;
}


/********one_column************/
.one_column{
}
.one_column #content{
}
.one_column .content{
	width:665px;
}
.one_column h2{
	margin-bottom:8px;
}
.one_column h3{
	margin-bottom:50px;
}
.column_business_left{
	float:left;
	margin-right:40px;
	width:310px;
}
.column_business_right{
	float:left;
	width:310px;
}
.table_business ul li{
	margin-top:30px;
}


#body .kn004 {
	margin-top: 30px !important;
}


/*****4.5.2*******/
#content.content_4_5_2 {
}
.h4_left{
	float:left;
}
.print{
	float:right;
}
img.img_map{
	margin-top:25px;
}
.txt_table_4_5_2{
	margin-top:50px;
}

/************/

#popup{
	margin:0 !important;
	padding:35px;
}
#popup .content{
	width:auto;
}
#popup .column_business_right{
	float:right;
	margin-top:25px;
}
#popup .close{
	float:right;
	margin-top:25px;
}
#popup .print{
	margin-top:40px;
}
.print,.close{
	cursor:pointer;
}
#popup h2{
	margin-bottom:10px;
	margin-top:25px;
}
/********************06************/
.kn_06 #content{
}
.kn_06 h2{
	margin-bottom:40px;
}

.list_06 li{
	float:left;
}

.table_kn06 {
	margin-left: -68px;
}

.no_map h2{
	margin-left:0px !important;
}

.column_right{
	margin-left:40px;
}
.column_kn06_left{
	float:left;
}
.column_kn06_right{
	float:left;
}
.kn_06 h3{
	margin-bottom:20px;
}
.kn_06 h4{
	margin-bottom:10px;
}
.kn_06 h3{
	margin-bottom:20px;
}
.list_06{
	margin-bottom:25px;
}
.img_kn_map{
	margin-right: 40px;
}
.column_kn06_right.bbs {
	float:left;
	width:644px;
}

/******612******/
.no_map #content{
}
.content_621 {
	background: url("/Common/Images/kor/bg_summary.gif") 400px 40px no-repeat;
}
#content .section {
	margin-top: 50px;
}

#content .section .graph {
	margin-top: -12px;
	margin-left: 40px;
}

.ie6 #content .section .graph{
	margin-left:20px;
}

#content .section .upgrade_system {
	margin-left: 297px;
}

#content .section .table {
	margin-top: 27px;
}
/******622******/
.content_622 .table{
	margin-top:50px;
}
.content_622 h3{
	margin-bottom:50px;
}
.txt_623{
	margin-bottom:50px;
}
/***631**/
.content_631 .column_kn06_left{
	margin-top:45px;
}
.list_631{
	float:left;
}
.list_631_left{
	margin-right:40px;
}
.list_631_clear li{
	float:left;
	margin-left:40px;
}
.list_631_clear{
	margin-left:15px;
}
.ie6 .list_631_clear li.first{
	margin-left:20px;
}
h3.clear{
	margin-left:55px;
}
.txt_631{
	margin-bottom:20px;
}
.txt_641{
	margin-bottom:20px;
}
.txt_644{
	margin-bottom:15px;
}
.img_link{
	margin-bottom:50px;
}
/************kn642*******/
.content_642 {
	margin-top: 166px !important;
	margin-left: 60px !important;
}

.kn_642 li a {
	width:528px;
}

.kn_642 li span {
	vertical-align:top;
	display:inline-block;
}

.kn_642 li span.clm_1{
	width:30px;
	margin-right:15px;
}

.kn_642 li span.clm_2{
	width:135px;
	margin-right:15px;
}

.kn_642 li span.clm_3{
	width:305px;
}
.kn_642 .es_list:hover .clm_3{
	color:#6c52a9;
}
.btn_1{
	margin-left:12px;
}
.content_643 {
	margin-top: 166px !important;
	margin-left: 60px !important;
}
.content_643 .summary{
	margin-bottom:15px;
}
/********/
div.error{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:40px 0px;
	margin-bottom:15px;
}
.content_error{
	text-align:center;
	width:600px;
}
.content_error h3{
	margin-bottom:15px;
}

.ie6 .kn_642 li span.clm_3 {
	width: 280px;
}

.ie6 .kn_642 li a.es_list {
	width: 508px;
}

.ie6 .list .first {
	border-top:0px;
}
.ie6 .content_642 .list .first span {
	color:#666;
}

.newsletter p.visual {padding-bottom:30px}
.newsletter .label_form {width:66px;}
.newsletter .agree {padding-top:20px; padding-bottom:0; }
.newsletter .nation select {width:216px}
.ie7 .newsletter .nation select {width:218px}

/*
= ceo
*/
.ceo .content {position:relative;}
.ceo .content p {position:absolute;}
.ceo .content p.ceo01 {top:0; left:233px;}
.ceo .content p.ceo02 {top:85px; left:233px;}
.ceo .content p.ceo03 {top:180px;; left:233px;}
.ceo .content p.ceo04 {top:0; left:468px;}
.ceo .content p.ceo05 {top:224px; left:468px;}
.ceo .content div.ceo_visual {position:absolute; top:81px; left:468px;}

.rail {position:relative;}
.ceo p.ceodesk_img img {position:absolute; left:-38px; top:158px;}


/*
= 사업장
*/
.area #flash_area img {position:relative; margin-left:-64px;z-index:100}

.greenvalue .visual {float:left;margin-right:45px;}
.greenvalue .visual2{float:left;margin-right:30px}
.greenvalue p {float:left}
.greenvalue p.txt01 {padding-top:14px ;padding-bottom:20px;}




/* Company: Sales Network
				Table

*/
.sales_networks li {
	padding-top: 20px;
}

.sales_networks li caption {
	font-size:12px;
	color:#666;
	text-align: left;
	font-weight: bold;
	padding-bottom: 5px;
}

.sales_networks li table {
	border-top: 1px solid #9b98ab;
	width: 100%;
}

.sales_networks li table th {
	font-size:12px;
	color:#8e89a6;
	width: 91px;
	padding: 7px 0 7px 9px;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #e6e6e6;
	text-align: left;
	background-color: #f4f1f9;
	font-weight: normal;
}

.sales_networks li table th.has-border {
	border-left: 1px solid #e6e6e6;
	width: 91px;
}

.sales_networks li table .fan-no {
	width: 215px;
}

.sales_networks li table td {
	font-size:12px;
	border-bottom: 1px solid #e6e6e6;
	padding-left: 15px;
}


strong.info_tit {font-size:14px; color:#8e89a6;}

/*
=임직원인사말
*/
#body .sayHellow .content p img {position:relative; margin-left:-69px;}

/*
=인재상
*/
.kn_06 .column_kn06_left img{ margin-left:-67px;}

/* Customer Center - 22091106추가 */
.fs_12 {font-size:12px !important;}