/**************************************************************************************************************************
* Service Name  : KMCERT
* Program Name  : 공통 CSS
* File Name     : kmc_style.css
* Comment       : 
* History       : 
**************************************************************************************************************************/
@charset "euc-kr";

body{
    margin:0;
	padding:0;
	background-repeat:repeat-x;
	background-position:left top;
}

td{
	font-size:11px;
	font-family:돋움,dotum;
	color:#777;
	margin:auto 0;
	padding:0;
}

img{border:none;}


input, select, textarea {
	font-family: "dotum", sans-serif;
	font-size:12px;
	color: #666666;	
	border:1px solid #bbbbbb;
	background: #ffffff;	
	vertical-align:middle;
}


.select1
{
    BORDER-RIGHT: #cccccc 0px solid;
    BORDER-TOP: #cccccc 0px solid;
    FONT-SIZE: 9pt;
    BORDER-LEFT: #cccccc 0px solid;
    COLOR: #8d8d8d;
    BORDER-BOTTOM: #cccccc 0px solid;
    FONT-FAMILY: Tahoma, Verdana
}
.Inputbox
{
    BORDER-RIGHT: #aeaeae 1px solid;
    BORDER-TOP: #aeaeae 1px solid;
    FONT-SIZE: 11pt;
    BORDER-LEFT: #aeaeae 1px solid;
    COLOR: #000000;
    BORDER-BOTTOM: #aeaeae 1px solid;
    FONT-FAMILY: Tahoma, Verdana;
    BACKGROUND-COLOR: #f6f6f6
}


.location_link { font-family: "돋움", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color:#777; text-decoration: none ;}
.location_link a:link{ color:#777; text-decoration: none ; }
.location_link a:active{ color:#777; text-decoration: none ; }
.location_link a:visited{ color:#777; text-decoration: none ; }
.location_link a:hover{ color:#555; text-decoration: none ; }

/**********************/
/* header 13.11.13 DT */
/**********************/

/*2014.05.14 #header 수정 : height:128px;  ---> height:90px; */
#header { position:relative; width:100%; text-align:center; height:90px; }
#header .logo     { position:absolute; top:24px; left:50%; margin-left:-500px; text-align:left; z-index:0;}
#header .nav_r    { position:absolute; top:5px; left:50%; margin-left:420px; text-align:left; text-align:left; z-index:3;  }
#header .nav_r li { margin:0; padding:0; height:15px; line-height:15px; list-style:none; }


.nav { position:absolute; left:50%; top:20px;  *top:35px; width:746px; margin-left:-230px; padding:0; height:20px; list-style:none; display:inline; overflow:hidden; }
/*
.nav li { float:left;  margin:0; padding:0 1px 0 0; list-style:none; display:inline; background:url(/comm/img/nav/nav_line.gif) right 2px no-repeat; }
*/
.nav li { float:left;  margin:0; padding:0 1px 0 0; list-style:none; display:inline; }
.nav li.none { background:none;}
.nav a { float:left; margin:0; padding:20px 1px 0 0; overflow:hidden; height:0px !important; height/**/:20px; /* IE5 */}
.nav a:hover { background-position:center -20px; }
.nav a:active, #nav a.selected { background-position:center -40px; }

.a1 a{ width:120px; background:url(/comm/image/nav_01.png) top center no-repeat; }
.b1 a{ width:120px; background:url(/comm/image/nav_03.png) top center no-repeat; }
.c1 a{ width:120px; background:url(/comm/image/nav_02.png) top center no-repeat; }
.d1 a{ width:120px; background:url(/comm/image/nav_04.png) top center no-repeat; }
.e1 a{ width:120px; background:url(/comm/image/nav_05.png) top center no-repeat; }

.sub_01, 
.sub_02, 
.sub_03, 
.sub_04,
.sub_05
{ position:absolute; left:50%; top:55px; *top:65px; height:20px; /* 높이값 설정 13.12.09 dt*/ padding-right:4px;  padding-top:4px; *top:55px; *padding-top:2px;  /*font:bold 11px/22px 맑은 고딕;*/ background-color:#3b5879; text-align:center; border:0; display:none; }

.sub_01 a, 
.sub_02 a, 
.sub_03 a, 
.sub_04 a,
.sub_05 a { color:#ffffff;  text-decoration: none ; padding:0 10px; }

.sub_01 a:hover, 
.sub_02 a:hover, 
.sub_03 a:hover, 
.sub_04 a:hover,
.sub_05 a:hover { color:#00aeff; }

/*********************/
/*[KMD311-14233] KMCERT 홈페이지 수정 요청의 건 이성영 20141124*/
/*sub_01, sub_02, sub_03, sub_04 margin-left값 변경*/
.sub_01  { margin-left:-260px; } 
.sub_02  { margin-left:-180px; } 
.sub_03  { margin-left:-30px; } 
.sub_04  { margin-left:110px; } 
.sub_05  { margin-left:3000px; }
/*
.sub_01  { margin-left:-203px; } 
.sub_02  { margin-left:-78px; } 
.sub_03  { margin-left:-42px; } 
.sub_04  { margin-left:162px; } 
.sub_05  { margin-left:3000px; } 
*/
/*********************/

/*********************/
/* MAIN */
/*********************/

.main_notice_link { font-family: "돋움", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color:#a4b8d1; text-decoration: none ;}
.main_notice_link a:link{ color:#a6b7d1; text-decoration: none ; }
.main_notice_link a:active{ color:#a6b7d1; text-decoration: none ; }
.main_notice_link a:visited{ color:#a6b7d1; text-decoration: none ; }
.main_notice_link a:hover{ color:#a6b7d1; text-decoration: none ; }


.board_link { font-family: "돋움", "Arial", "Helvetica", "sans-serif"; font-size: 11px; color:#777777; text-decoration: none ;}
.board_link a:link{ color:#777777; text-decoration: none ; }
.board_link a:active{ color:#777777; text-decoration:none; }
.board_link a:visited{ color:#777777; text-decoration: none ; }
.board_link a:hover{ color:#777777; text-decoration:underline; }


.main_tap { position:absolute; float:left; width:1070px; height:487px; top:90px; left:50%; margin-left:-535px;  background:url(/comm/image/bg.gif) repeat 15px 9px; text-align:center;/* display:inline; zoom:1; text-overflow:ellipsis; overflow:hidden;*/ }
	
.mainBody { position:absolute; float:left; margin-top:0; *top:0; width:1035px; height:487px; *margin-left:-500px;  }	

.article { float:left; position:relative; margin:0; padding:0; list-style:none;   }
	
.tap1 { width:205px; height:326px; background:url(/comm/image/bg_01.gif) no-repeat 0 0; padding-top:170px;}
.tap2 { width:204px; height:326px; background:url(/comm/image/bg_02.gif) no-repeat 0 0; padding-top:170px;}
.tap3 { width:205px; height:326px; background:url(/comm/image/bg_03.gif) no-repeat 0 0; padding-top:170px;}
.tap4 { width:205px; height:326px; background:url(/comm/image/bg_04.gif) no-repeat 0 0; padding-top:170px;}

.tap1:hover{background:url(/comm/image/bg_on2_01.gif) no-repeat 0 0;   }
.tap2:hover{background:url(/comm/image/bg_on2_02.gif) no-repeat 0 0;   }
.tap3:hover{background:url(/comm/image/bg_on2_03.gif) no-repeat 0 0;   }
.tap4:hover{background:url(/comm/image/bg_on2_04.gif) no-repeat 0 0;   }

.tap1_on { width:370px; height:326px; background:url(/comm/image/bg_view_01.gif) no-repeat 0 0; padding-top:192px;}
.tap2_on { width:370px; height:326px; background:url(/comm/image/bg_view_02.gif) no-repeat 0 0; padding-top:166px;}
.tap3_on { width:370px; height:326px; background:url(/comm/image/bg_view_03.gif) no-repeat 0 0; padding-top:165px;}
.tap4_on { width:370px; height:326px; background:url(/comm/image/bg_view_04.jpg) no-repeat 0 0; padding-top:165px;}

.nav_s1 { }
.nav_s1 a.first { border-top:#7791aa solid 1px;  }
.nav_s1 a {float:left; border-bottom:#7791aa solid 1px;  margin-left:22px; line-height:0;}

.nav_s2 { }
.nav_s2 a.first { border-top:#dedede solid 1px;  }
.nav_s2 a {float:left; border-bottom:#dedede solid 1px;  margin-left:20px;  margin-right:200px; line-height:0; }

.notice_tap { position:absolute; top:415px; left:0; padding-left:26px; *padding-left:0; width:185px; text-align:left }
.notice_tap li { list-style:none; font:normal 11px/15px 돋움; line-height:15px; color:#8f8f8f; paddin:0; margin:0; }

/*2014.05.14 partner 수정 :  margin-top:455; ----> margin-top:493;*/
.partner { position:absolute; float:left; left:50%; margin-left:-538px; width:1074px; height:53px;  margin-top:493px;  border-bottom:#e0e0e0 solid 1px; text-align:center;
background:url(/comm/image/tit_partner.gif) no-repeat 20px 0;}

/* 2014.05.14 수정 kmcweb2
.partner .left {  position:absolute; margin-left:130px; *margin-left:-400px; -webkit-margin-start:-400px; z-index:1;  }
.partner .right {  position:absolute; margin-left:1035px; *margin-left:500px; -webkit-margin-start:495px; z-index:1;  }
*/
.partner .absolBtn { position:absolute; height:53px; z-index:1; }
/* [KMD302-160070] 홈페이지 웹 접근성 수준 진단에 따른 보완사항 반영 작업 2016.12.21 kmcweb12
.partner .absolBtn .left { margin-left:130px; }
.partner .absolBtn .right { margin-left:885px; }
*/
.banner_wrap2 { position:relative; margin-left:147px; *margin-left:120px;  margin-top:5px; width:885px; overflow:hidden; white-space:nowrap }

.visual_bg   {    margin:0;	padding:0;	background-image:url(/comm/image/bg.gif);}
.bottom_bg   {    margin:0;	padding:0;	background-image:url(/comm/image/bg_bottom.gif);}
.copyright_bg{    margin:0;	padding:0;	background-repeat:repeat-x;	background-image:url(/comm/image/copyright_bg.gif);}

.member_bg   {    margin:0;	padding:0;	background-repeat:repeat-x;	background-image:url(/admin/image/member_bg.gif); }


/*********************/
/* PADDING */
/*********************/
.pd_navi	{padding:20px 5px 0px 55px;}
.pd_Top5 	 {padding-top:5px;}
.pd_Top10 	 {padding-top:10px;}
.pd_Top23 	 {padding-top:23px;}
.pd_Top50 	 {padding-top:50px;}
.pd_Top60 	 {padding-top:60px;}
.pd_Left2 	 {padding-left:2px;}
.pd_Left3 	 {padding-left:3px;}
.pd_Left5 	 {padding-left:5px;}
.pd_Left10 	 {padding-left:10px;}
.pd_Left15 	 {padding-left:15px;}
.pd_Left35 	 {padding-left:35px;}
.pd_Left45 	 {padding-left:45px;}
.pd_Left55 	 {padding-left:55px;}
.pd_bottom2 	 {padding-bottom:2px;}
.pd_bottom5 	 {padding-bottom:5px;}
.pd_bottom8 	 {padding-bottom:8px;}
.pd_bottom15 	 {padding-bottom:15px;}
.pd_right5	{padding-right:5px;}
.pd_L_R5		 {padding:0px 5px 0px 5px;}
.pd_L_R10		 {padding:0px 10px 0px 10px;}
.pd_L_R30		 {padding:0px 30px 0px 30px;}
.pd_s_title		 {padding:0px 0px 2px 10px;}
.pd_all_15		 {padding:15px 15px 15px 15px;}
.pd_board_l		 {padding:3px 0px 0px 10px;}
.pd_board_c 	 {padding:3px 0px 0px 0px;}
.pd_member		 {padding:0px 70px 0px 30px;}


/*********************/
/* FLASH */
/*********************/

#flashWrap {
	width:100%;
	height:213px;
	text-align:center;
	position:absolute;
	z-index:1;
}

#visual {
	margin: 0;
	width:1155px;
	height:370px;
	z-index:0;
}


/*********************/
/*FONTSTYLE*/
/*********************/
.txt_contents {
	font-size:12px;
	color:#707070;
	line-height:20px;
}

.txt_size11 { font-size:11px;}
.txt_size12 { font-size:12px;}
.txt_white_b  { color:#fff; font-weight:bold; font-size:11px;}
.txt_white11  { color:#fff; font-size:11px;}
.txt_date  { color:#bbbbbb; font-size:11px;}