/* CSS Document */



body {

	background-color: #FFFFFF;

	margin:0;

	padding:0;

	background:transparent url(../images/common/main_back.jpg) repeat-x;

 }

 

  h1, h2, h3, h4, h5, h6, p, ul, li, ol {

	font-family:"Dotum", Gulim, "Times New Roman", Times, serif;

	font-weight:normal;

}

#wrapper {

	width:960px;

	margin:0 auto;

	padding:0;

	text-align:left;

	background-color:#FFFFFF

}

#header {

	float: left;

	width: 960px;

	height: 80px;

	background:transparent url(../images/kamerican_head.jpg) top left no-repeat;

	margin: 0;

}

/* START mainnav styles __________________________________________________________________________________________________________________ */

#mainnav {

	width: 960px;

	text-align: left;

	height: 55px;

	float: left;

	margin: 0;

	padding: 0;

	border: 0;

}

#mainnav ul {

	position: relative;

	width: 960px;

	height: 34px;

	background-image: url(../images/common/main_nav.gif);

	margin: 0;

	padding: 0;

	overflow:hidden;

}

#mainnav ul li {

	margin: 0;

	padding: 0;

	list-style: none;

	position: absolute;

	top:0;

}

#mainnav ul li, #mainnav a {

	display: block;

	height: 34px;

	border-bottom: 0;

}



#mainnav ul li a {

	text-indent: -9999px;

	text-decoration: none;

}

#n1 {left: 0; top: 0; width: 95px;}

#n2 {left: 95px; top: 0; width: 89px;}

#n3 {left: 184px; top: 0; width: 91px;}

#n4 {left: 275px; top: 0; width: 114px;}

#n5 {left: 389px; top: 0; width: 103px;}

#n6 {left: 492px; top: 0; width: 113px;}

#n7 {left: 605px; top: 0; width: 91px;}

#n8 {left: 696px; top: 0; width: 85px;}

#n9 {left: 781px; top: 0; width: 100px;}

#n10 {left: 881px; top: 0; width: 79px;}



#n1 a:hover {background: transparent url(../images/common/main_nav.gif) 0 -34px no-repeat; border-bottom: 0;}

#n2 a:hover {background: transparent url(../images/common/main_nav.gif) -95px -34px no-repeat; border-bottom: 0;}

#n3 a:hover {background: transparent url(../images/common/main_nav.gif) -184px -34px no-repeat; border-bottom: 0;}

#n4 a:hover {background: transparent url(../images/common/main_nav.gif) -275px -34px no-repeat; border-bottom: 0;}

#n5 a:hover {background: transparent url(../images/common/main_nav.gif) -389px -34px no-repeat; border-bottom: 0;}

#n6 a:hover {background: transparent url(../images/common/main_nav.gif) -492px -34px no-repeat; border-bottom: 0;}

#n7 a:hover {background: transparent url(../images/common/main_nav.gif) -605px -34px no-repeat; border-bottom: 0;}

#n8 a:hover {background: transparent url(../images/common/main_nav.gif) -696px -34px no-repeat; border-bottom: 0;}

#n9 a:hover {background: transparent url(../images/common/main_nav.gif) -781px -34px no-repeat; border-bottom: 0;}

#n10 a:hover {background: transparent url(../images/common/main_nav.gif) -881px -34px no-repeat; border-bottom: 0;}



#n1a {left:0px; width: 95px; background: transparent url(../images/common/main_nav.gif) 0 -34px no-repeat;}

#n2a {left:95px; width:89px; background: transparent url(../images/common/main_nav.gif) -95px -34px no-repeat;}

#n3a {left:184px; width: 91px; background: transparent url(../images/common/main_nav.gif) -184px -34px no-repeat;}

#n4a {left:275x; width: 114px; background: transparent url(../images/common/main_nav.gif) -275px -34px no-repeat;}

#n5a {left:389px; width: 103px; background: transparent url(../images/common/main_nav.gif) -389px -34px no-repeat;}

#n6a {left:492px; width: 113px; background: transparent url(../images/common/main_nav.gif) -492px -34px no-repeat;}

#n7a {left:605px; width:91px; background: transparent url(../images/common/main_nav.gif) -605px -34px no-repeat;}

#n8a {left:696px; width: 85px; background: transparent url(../images/common/main_nav.gif) -696px -34px no-repeat;}

#n9a {left:781px; width: 100px; background: transparent url(../images/common/main_nav.gif) -781px -34px no-repeat;}

#n10a {left:881px; width: 79px; background: transparent url(../images/common/main_nav.gif) -881px -34px no-repeat;}



#hor_line {background: transparent url(../images/misc/hor_line.gif) center repeat-x; font-size: 1px;

           height: 1px; margin-left: 13px; }

.hor_line_206 {width: 206px; margin: 6px 0 6px 0}

.hor_line_415 {width: 418px; margin: 8px 0 8px 0}

.hor_line_660 {width: 660px; margin: 8px 0 8px 0}

#hor_line_title {background: transparent url(../images/misc/hor_line.gif) center repeat-x; font-size: 1px;

           height: 1px; margin-left: 0; }





/* END navigation styles __________________________________________________________________________________________________________________ */



/* START contents styles __________________________________________________________________________________________________________________ */



#contents {

	float: left;

	width: 960px;

	padding: 0;

	margin: 0, auto;

	text-align: left;

	background-color:#FFFFFF

}

#contents h1{

    font-size:21px;

    color:#035998;

	font-weight: bold;

	margin: 0 13px 0 13px;

	padding: 0;

	line-height: 26px;

}

#contents h1 a{

    font-size:21px;

    color:#035998;

	font-weight: bold;

	text-decoration: none;

}

#contents h1 a:hover {

    font-size:21px;

    color:#035998;

	font-weight: bold;

	text-decoration: underline;

}

#contents h2{

    font-size:15px;

    color:#000;

	font-weight: bold;

	margin: 2px 13px 0 13px;

	padding: 0;

	line-height: 20px;

}

#contents h2 a{

    font-size:15px;

    color:#000;

	font-weight: bold;

	text-decoration:none;

}

#contents h2 a:hover {

    font-size:15px;

    color:#000;

	font-weight: bold;

	text-decoration: underline;

}

#contents h3 {

    font-size:12px;

    color:#000;

	font-weight: bold;

	margin: 6px 10px 0 13px;

	padding: 0;

	line-height: 16px;

}

#contents h3 a {

    font-size:12px;

	color:#000;

	text-decoration:none;

}

#contents h3 a:hover {text-decoration:underline;}

#contents h4 {

    font-size:12px;

    color:#007eeb;

	margin: 2px 10px 0 13px;

	padding: 0;

	line-height: 16px;

}

#contents h4 a {

    font-size:12px;

	color:#007eeb;

	text-decoration:none;

}

#contents h4 a:hover {text-decoration:underline;}

#contents h5 {

    font-size:13px;

	font-weight: bold;

    color:#000;

	margin: 2px 10px 0 13px;

	padding: 0;

	line-height: 26px;

}

#contents h5 a {

    font-size:13px;

	color:#000;

	text-decoration:none;

}

#contents h5 a:hover {text-decoration:underline;}



#contents p {

    font-size:12px;

	color:#000;

	font-weight: normal;

	margin: 5px 10px 5px 13px;

	padding: 0;

	line-height: 18px;

}

#contents p a {font-size:12px; color: #000; text-decoration: none;}

#contents p a:hover {font-size:12px; color: #000; text-decoration: underline;}



#right-side {

	float: right;

	width: 234px;

	padding: 0;

	margin: 15px 13px 30px 0;

	text-align: left;

	display:inline;

	background-color:#FFFFFF

}

#left-side {

	float: left;

	width: 690px;

	padding: 0;

	margin: 15px 0 30px 13px;

	text-align: left;

	display:inline;

	background-color:#FFFFFF

	

}

#center-col {

	float: right;

	width: 446px;

	padding: 0;

	margin: 0;

	text-align: left;

}

#center-col-top {

	width: 446px;

	height: 11px;

	background: url(../images/index/center_col_top.gif);

	background-repeat: no-repeat;

    background-position: top left;

	margin: 0 ;

	padding: 0;

	float: left;

	font-size:1px;

}

#center-col-middle {

	width: 446px;

	background: url(../images/index/center_col_middle.gif);

	background-repeat: repeat-y;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

	

}

#center-col-bottom {

	width: 446px;

	height: 16px;

	background: url(../images/index/center_col_bottom.gif);

	background-repeat: no-repeat;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

	display: inline;

}

.headline {

	width: 416px;

	margin: 0 13px 0 13px;

	padding: 0;

}

.headlineimage {margin: 10px 0;}



#left-col{

	float: left;

	width: 234px;

	padding: 0;

	margin: 0;

	text-align: left;

}

#col-box-a {

	float: left;

	width: 234px;

	padding: 0;

	margin: 0 0 6px 0;

	text-align: left;

	display:inline;

}



#col-box-a ul {

	font-size: 12px;

	color: #000;

	font-weight: normal;

	margin: 9px 10px 0 13px;

    padding:0;

	list-style-type: none;	

	line-height: 16px;

	}

#col-box-a li {

	background: url(../images/misc/blue_arrow.gif);

	background-repeat: no-repeat;

    background-position: 0 0.4em;

	padding-left: 0.6em;

	margin : 0.4em 0em 0 0.2em;

	color: #000;

}

#col-box-a li a {

	display: inline;

	text-decoration: none;

	color: #000;

	margin:0;

	padding:0;

}

#col-box-a li a:hover {display: inline; text-decoration: underline; color: #000;} 



.column-title-usnews {

    background: transparent url(../images/common/column_title/us_news.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-koreannews {

    background: transparent url(../images/common/column_title/korean_news.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-success {

    background: transparent url(../images/common/column_title/new_success_etiquette.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-lawcommon {

    background: transparent url(../images/common/column_title/new_law_common.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-publishers {

    background: transparent url(../images/common/column_title/publishers.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-koreansociety {

    background: transparent url(../images/common/column_title/korean_society.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-column {

    background: transparent url(../images/common/column_title/new_column.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-hottopic {

    background: transparent url(../images/common/column_title/new_hot_topic.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-popular {

    background: transparent url(../images/common/column_title/new_popular_news.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-opinion {

    background: transparent url(../images/secondary/left_column/opinion_title.gif) top left no-repeat;

	width: 234px; height: 28px;

}

.column-title-naming {

    background: transparent url(../images/common/column_title/english_name.gif) top left no-repeat;

	width: 234px; height: 28px;

}

#col-box-a-top {

	float: left;

	width: 234px;

	height: 28px;

	padding: 0;

	margin: 0;

    text-align: left;

}

#col-box-a-middle{

	float: left;

	width: 234px;

	padding: 0;

	margin: 0;

	background: transparent url(../images/common/column/gray_column_middle.gif) top left repeat-y;

	text-align: left;

}

#col-box-a-bottom {

	float: left;

	width: 234px;

	height: 6px;

	padding: 0;

	margin: 0;

	background: transparent url(../images/common/column/gray_column_bottom.gif) top left no-repeat;

	text-align: left;

}



/* START secondary-page styles 

______________________________________________________________ */



/* START sec-left-col styles 

__________________________________ */



#sec-left-col {

	float: left;

	width: 694px;

	padding: 0;

	margin: 0;

	text-align: left;

}

#sec-left-col-top {

	width: 694px;

	height: 37px;

	background: url(../images/secondary/left_column/sec_top_back.gif);

	background-repeat: no-repeat;

    background-position: top left;

	margin: 0 ;

	padding: 0;

	float: left;

	font-family:Arial,Verdana,Helvetica;

}

#sec-left-col-top h1{

	font-size:12px;

    color:#035998;

	font-weight: bold;

	margin: 3px 13px 0 13px;

	padding: 0;

	line-height: 26px;

	letter-spacing:normal;

}

#sec-left-col-top h1 a{

    font-size:12px;

    color:#000;

	font-weight: bold;

	text-decoration: none;

}

#sec-left-col-top h1 a:hover {

    font-size:12px;

    color:#035998;

	font-weight: bold;

	text-decoration: underline;

}

#sec-left-col-middle {

	width: 694px;

	background: url(../images/secondary/left_column/sec_middle_back.gif);

	background-repeat: repeat-y;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

}

#sec-left-col-middle h2{

	line-height: 24px;

}

#sec-left-col-middle h6{

	font-size:3px;

	margin:0;

	padding-top:16px;

}

#sec-left-col-middle p {

    font-size:14px;

    color:#000;

	font-weight: normal;

	margin: 10px 13px 0 13px;

	padding: 0;

	line-height: 21px;

}

#sec-left-col-middle p a{

    font-size:13px;

    color:#000;

	text-decoration: none;

}

#sec-left-col-middle p a:hover {

    font-size:13px;

    color:#000;

	text-decoration: underline;

}

#sec-left-col-middle ul {

	font-size: 12px;

	color: #000;

	font-weight: normal;

	margin: 9px 10px 0 13px;

    padding:0;

	list-style-type: none;	

	line-height: 16px;

	}

#sec-left-col-middle li {

	background: url(../images/misc/blue_arrow.gif);

	background-repeat: no-repeat;

    background-position: 0 0.4em;

	padding-left: 0.6em;

	margin : 0.4em 0em 0 0.2em;

	color: #000;

}

#sec-left-col-middle li a {

	display: inline;

	text-decoration: none;

	color: #000;

	margin:0;

	padding:0;

}

#sec-left-col-middle li a:hover {display: inline; text-decoration: underline; color: #000;} 

#sec-left-col-bottom {

	width: 694px;

	height: 16px;

	background: url(../images/secondary/left_column/sec_bottom_back.gif);

	background-repeat: no-repeat;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

	display: inline;

}



/* END sec-left-col styles 

__________________________________ */



/* START opinion-col styles 

__________________________________ */



#opinion-col {

	float: left;

	width: 694px;

	padding: 0;

	margin: 12px 0 0 0;

	text-align: left;

}

#opinion-col-top {

	width: 694px;

	height: 28px;

	margin: 0 ;

	padding: 0;

	float: left;

}

#opinion-col-middle {

	width: 694px;

	background: url(../images/secondary/left_column/sec_middle_back.gif);

	background-repeat: repeat-y;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

}

#opinion-col-middle h1 {

    font-size:12px;

    color:#000;

	font-weight: normal;

	margin: 8px 10px 0 10px;

	padding: 0;

}

#opinion-col-middle h2 {

    font-size:12px;

    color:#000;

	font-weight: normal;

	margin: 10px 10px 0 10px;

	padding: 0;

}

#opinion-col-middle h2 a {

    font-size:12px;

    color:#fa0008;

	font-weight: bold;

	margin: 10px 10px 0 18px;

	padding: 0;	

}

#opinion-col-middle h2 a:hover {

    font-size:12px;

    color:#fa0008;

	margin: 0;

	margin: 10px 10px 0 18px;

	padding: 0;

	text-decoration:underline

}

#opinion-col-middle p {

    font-size:12px;

    color:#000;

	font-weight: normal;

	margin: 10px 10px 0 10px;

	padding: 0;	

}

#opinion-col-middle p a{

    font-size:13px;

    color:#035998;

	text-decoration: none;

}

#opinion-col-middle p a:hover {

    font-size:13px;

    color:#035998;

	text-decoration: underline;

}

#opinion-col-bottom {

	width: 694px;

	height: 16px;

	background: url(../images/secondary/left_column/sec_bottom_back.gif);

	background-repeat: no-repeat;

    background-position: top left;

	margin: 0;

	padding: 0;

	float: left;

	display: inline;

}

#opinion-col-form {

	width: 658px;

	margin: 18px 18px 0 18px;

	padding: 0;

	float: left;

	display:inline;

}

.name_filed {width: 220px;}

.opinion_filed {width: 438px;}



/* END opinion-col styles 

__________________________________ */



/* START title page styles 

__________________________________ */



#title-section {

	width: 662px;

	margin: 0 0 0 15px;

	padding: 0;

	float: left;

	display: inline;

}

#title-section h4 {

    font-size:12px;

    color:#999;

	font-weight: normal;

	margin: 0 10px 0 0;

	padding: 0;	

	text-align:right;

}



#title-section-bottom {

	width: 694px;

	margin: 0 ;

	padding: 0;

	float: left;

}

#title-section-bottom-archive {

	width: 692px;

	margin: 30px 0 0 0 ;

	padding: 0;

	float: left;

	background-color:#FFFFFF;

	border-left:1px solid #d8d8d8;

	border-right:1px solid #d8d8d8;

}

#title-section-bottom-archive p {

    font-size:12px;

    color:#666;

	font-weight: normal;

	margin: 10px 10px 0 10px;

	padding: 0;	

	text-align:center;

	letter-spacing:1px;

}

#title-section-bottom-archive p a{

    font-size:12px;

    color:#666;

	text-decoration: none;

}

#title-section-bottom-archive p a:hover {

    font-size:12px;

    color:#fa0008;

	text-decoration: underline;

}

#title-section-bottom-archive p .static {

    font-size:12px;

    color:#fa0008;

	font-weight: bold;

	margin: 0;

	padding: 0;	

	text-align:center;

}



.title-image {padding: 2px; margin: 4px 8px 0 0 ;}



/* END title page styles 

__________________________________ */



#membership{

	float: left;

	width: 234px;

	height: 23px;

	padding: 0;

	margin: 0 0 6px 0;

	background: transparent url(../images/common/membership/membership_back.gif) top left no-repeat;

	text-align: left;

}

#membership p {

    font-size:11px;

    color:#003d7d;

	font-weight: normal;

	margin: 3px 5px 2px 5px;

	padding: 0;

	text-align:center;

}

#membership p a{

    font-size:11px;

    color:#003d7d;

	text-decoration: none;

}

#membership p a:hover {

    font-size:11px;

    color:#003d7d;

	text-decoration: underline;

}

.news_image {margin: 15px 15px 0 10px;}

.bold {font-weight: bold;}

.divider {margin: 0 3px 0 3px;}



/* END contents styles __________________________________________________________________________________________________________________ */



#footer {

	float: left;

	width: 960px;

	height: 64px;

	padding: 0;

	margin: 10px 0 30px 0;

	background: transparent url(../images/misc/footer.jpg) top left no-repeat;

    text-align: left;

}

#footer h1{

	font-family:Arial,Verdana,Helvetica;

	font-size: 11px;

	font-style: normal;

	color: #333;

	margin:2px 30px 0 340px;

	padding:0;

	text-decoration: none;

	text-align: left;

	letter-spacing: 0;

}

#footer p{

	font-family:Arial,Verdana,Helvetica;

	font-size: 11px;

	font-style: normal;

	color: #333;

	margin:16px 30px 0 340px;

	padding:0;

	text-decoration: none;

	text-align: left;

	letter-spacing: 0;

}

.footer_divider {margin: 0 4px 0 4px;}



#footer p a{

	font-style: normal;

	color: #333;

	text-decoration: none;

}



#footer p a:hover{

	font-style: normal;

	color: #333;

	text-decoration: underline;

}

.gubun a:link {color:#448ccb;text-decoration:none;} 

.gubun a:visited {color:#448ccb;text-decoration:none;} 

.gubun a:active {color:#448ccb;text-decoration:none;} 

.gubun a:hover{color:#448ccb;text-decoration:underline;}