@charset "utf-8";

/************************************************************************
 * 파일명      : main.css
 * 설명        : 메인
 * 작성자      : 홍현정
 * 작성일      : 2009.07.15
************************************************************************/

@import "base.css";
@import "table.css";
@import "layout.css";

.main_content {display:inline; float:left; width:980px; margin-bottom:10px;}

/* 메인플래시 */
.fla_main {float:left; margin:0;}
.fla_main img {vertical-align:top;}

.fla_main ul { background:url('/images/main/main_img.jpg') no-repeat left top; position:relative; width:652px; height:630px;}
.fla_main ul li { position:absolute; width:100px; height:40px;}
.fla_main ul li span { visibility:hidden;}
.fla_main ul li.go01 { left:512px; top:366px;}
.fla_main ul li.go02 { left:470px; top:426px;}
.fla_main ul li.go03 { left:412px; top:476px;}
.fla_main ul li a { width:100px; height:40px; display:block;}
.fla_main ul li a:hover { border:#0066CC solid 2px;}

.fla_main_eng ul { background:url('/english/images/common/main_img.jpg') no-repeat left top; position:relative; width:652px; height:630px;}



.main_lay1 {float:left; margin-top:23px; width:321px; font-size:11px;}

.main_lay1 .notice {float:left; width:321px; height:130px;}
.main_lay1 .notice_list {background:#fff; margin:13px 5px 0 10px; overflow:auto; position:relative; overflow-y:hidden;}
.main_lay1 .notice_list ul li {height:22px; position:relative; padding-left:8px; background:url('/images/common/icon/bu_square_blue.gif') no-repeat 0px 30%; line-height:15px; white-space:nowrap;}
.main_lay1 .notice_list ul li span {display:block; height:19px; overflow:hidden; position:absolute; top:-2px; right:0; line-height:15px; text-align:right; color:#999; font-size:11px; font-family:Tahoma; letter-spacing:0;}

.main_lay1 .board {clear:both; float:left; padding-top:15px; width:321px; height:120px;}
.main_lay1 .board li.tab a img.over {display:none;}
.main_lay1 .board li.tab a:hover img {display:none;}
.main_lay1 .board li.tab a:hover img.over {display:inline;}
.main_lay1 .board_list {background:#fff; margin:13px 5px 0 10px; overflow:auto; position:relative; overflow-y:hidden;}
.main_lay1 .board_list ul li {height:22px; position:relative; padding-left:8px; background:url('/images/common/icon/bu_square_blue.gif') no-repeat 0px 30%; line-height:15px; white-space:nowrap;}
.main_lay1 .board_list ul li span {display:block; height:19px; overflow:hidden; position:absolute; top:-2px; right:0; line-height:15px; text-align:right; color:#999; font-size:11px; font-family:Tahoma; letter-spacing:0;}
 

.main_lay1 .board2 {clear:both; float:left; padding-top:15px; width:321px; height:140px;}
.main_lay1 .board2 li.tab a img.over {display:none;}
.main_lay1 .board2 li.tab a:hover img {display:none;}
.main_lay1 .board2 li.tab a:hover img.over {display:inline;}
.main_lay1 .board2_list {background:#fff; margin:13px 5px 0 10px; overflow:auto; position:relative; overflow-y:hidden;}
.main_lay1 .board_list2 ul li {height:22px; position:relative; padding-left:8px; background:url('/images/common/icon/bu_square_blue.gif') no-repeat 0px 30%; line-height:15px; white-space:nowrap;}
.main_lay1 .board_list2 ul li span {display:block; height:19px; overflow:hidden; position:absolute; top:-2px; right:0; line-height:15px; text-align:right; color:#999; font-size:11px; font-family:Tahoma; letter-spacing:0;}
 
.main_lay1 .letter {clear:both; padding-top:10px;}

.main_lay1 .product {clear:both; padding-top:23px;}
.main_lay1 .product div { position:relative; background:url(../../images/main/product_bg.gif) no-repeat left top; width:321px; height:116px;}
.main_lay1 .product div h3 { padding:8px 0 0 15px;}
.main_lay1 .product div ul { margin:7px 0 0 15px;}
.main_lay1 .product div ul li { display:inline; margin-right:8px;}

.main_lay1 .callcenter {clear:both; padding-top:23px;}


/* 메인푸터 */
.main_footer {position:absolute; margin-left:40px; width:960px float:left z-index:20; top:608px;} /* 유틸메뉴 */
.main_footer img {vertical-align:top;}

/* English Main Text */
.engmaintext {font-family:arial; font-size:8pt; color:#999999; letter-spacing:0px; height:120%;}
/* English Text Link */
.textlink, a.textlink:link, a.textlink:visited, a.textlink:active {font-family:arial; font-size:8pt; color:#999999; letter-spacing:0px; height:120%; text-decoration: none; margin-left:5px;margin-right:5px;}
