@charset "euc-kr";
* {margin:0; padding:0;}
img {border:0;}
ul, li {padding:0; margin:0; list-style:none;}
.pointer {cursor:pointer;}
.bold {font-weight:bold;}
.black {color:black;}
.green {color:green;}
.white{color:white;}
.red {color:red;}
.orange {color:orange;}
.blue {color:blue;}
.gray {color:gray;}
.silver {color:silver;}
.clearboth {clear:both; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.color555 {color:#555;}
.color999 {color:#999;}
.hidden {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
* {font-size:12px; font-family:"Verdana", "±¼¸²", "µ¸¿òü"; line-height: 18px; color: #333333; letter-spacing: -1px;}
a {text-decoration:none; color:#000;}
a:visit {text-decoration:none; font-weight:bold; color:#±ÛÀÚ»ö;}
a:hover {text-decoration:underline; color:#±ÛÀÚ»ö;}
h3 {margin:15px 0 2px 0; font-weight:bold; color:#336699;}

#wrap {position:relative; width:100%; text-align:center;}

#top {position:relative; width:100%; height:36px; margin:0 auto; text-align:left; background:url('img/bg/bg_top.jpg') top left repeat-x;} 
#top .div1 {position:relative; width:972px; margin:0 auto; text-align:left; color:white;  }	
	
	#top h1 {position:absolute; top:10px; left:21px;}
	#top .img1 {position:absolute; top:14px; right:118px;}
	#top .img2 {position:absolute; top:14px; right:49px;}

#navi {position:relative; width:100%; height:88px; text-align:center; background:url('img/bg/bg_top01.jpg') top left repeat-x; z-index:100;}
#navi .div {position:relative; width:972px; height:88px; margin:0 auto; text-align:left; z-index:105; color:white;}
#navi .logo {position:absolute; top:-15px; left:0;} 

#fla_wrap {position:relative; width:100%; height:370px; text-align:center;  z-index:0;}
	#fla_obj {position:relative; width:972px; height:370px; margin:0 auto; text-align:center; text-align:left;}

#main_data {position:relative; width:100%; height:149px; _height:149px; text-align:center; _top:-4px;}
	#main_data .div {position:relative; width:972px; height:149px; margin:0 auto; text-align:left; }
	
	.md_flash {position:absolute; width:417px; height:149px; background:url('img/bg/bg_flash_pr.jpg') top left no-repeat; }
	.flash_pr {position:absolute; width:388px; height:105px; top:20px; left:15px;} 
	.md_main_cen {position:absolute; left:417px; width:302px; height:149px; background:url('img/bg/bg_main_cen.jpg') top left no-repeat; }
	.md_main_right {position:absolute; left:720px; width:253px; height:149px; margin:0;}

/* ¸ÞÀÎ °øÁö»çÇ×*/
.md_notice {position:absolute; top:15px; left:15px; width:260px; height:120px; overflow:hidden;}
	.md_notice .pwrap {position:relative; height:5px; font-size:0;}
	.md_notice h2 {position:relative; width:260px; height:21px; _height:22px; border-bottom:1px solid #ccc;}
	.md_notice p {position:relative; width:250px; margin-top:5px; text-align:left; padding-left:10px; background:url('img/bg/dot.gif') top left no-repeat; font-size:12px; color:black; }
	.md_notice p span {position:absolute; top:0; right:0; }
	.md_notice p a {color:black; text-decoration:none;}
	.md_notice p a:visited {color:black; text-decoration:none;}
	.md_notice p a:hover {color:black; text-decoration:underline;}
	.md_notice .rseof {position:relative; text-align:center; margin:33px 0; background:none; padding:0;}

	.md_pic {position:absolute; top:17px; left:346px; width:355px; height:90px; overflow:hidden;}
	.md_pic .pic_wrap {position:relative; width:368px; height:70px; overflow:hidden; margin-top:6px;}
	.md_pic .pic_wrap img {position:relative; width:109px; height:68px; margin-right:13px; float:left;}

	.md_map {position:absolute; top:16px; left:721px;}
	.md_ceo {position:absolute; top:119px; left:23px;}
	.md_pds {position:absolute; top:119px; left:345px;}
	.md_cert {position:absolute; top:119px; left:533px;}
	.md_faq {position:absolute; top:115px; left:722px;}

#foot {position:relative; width:100%; height:100px; border-top:1px solid #ccc; text-align:center; top:-8px;}
	#foot .div {position:relative; width:972px; margin:0 auto; text-align:left;}
	#foot .div .logo {position:absolute; top:26px; left:53px;}
	#foot .div address {position:absolute; top:37px; left:242px;}

/* ¼­ºê¹Ùµð */
#sub_data {position:relative; width:100%; text-align:center;}
#sub_body {position:relative; width:962px; margin:0 auto; text-align:left; top:13px;}

#sub_left {position:relative; width:160px; margin-right:10px; _margin-right:0px; float:left;}
	#sub_left dl dd {position:relative; width:150px; height:28px; _height:30px; border-bottom:2px solid #4787c7; padding-left:10px;}
	#sub_left dl dt {position:relative; width:150px; height:19px; _height:20px; border-bottom:1px solid #ccc; padding-top:6px; padding-left:10px;}
	#sub_left .sc {margin-top:15px;}

#sub_cen {position:relative; width:149px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen01 {position:relative; width:149px; height:1331px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen02 {position:relative; width:149px; height:800px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen03 {position:relative; width:149px; height:872px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen04 {position:relative; width:149px; height:650px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen05 {position:relative; width:149px; height:2450px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}
#sub_cen06 {position:relative; width:149px; height:2000px; margin-right:15px; _margin-right:10px; background:#193d7f; float:left; top:-20px;}



#sub_right {position:relative; width:628px; float:left;}
	#sub_right .h2 {position:relative; width:628px; height:28px; _height:30px; border-bottom:2px solid #ccc;}
	.h2 h2 {position:absolute; top:3px; left:4px;}
	.h2 .mapping {position:absolute; top:10px; right:10px; color:#666; font-size:11px;}
	#sub_right .contents {position:relative; width:638px; _width:630px; }


/*¿Â¶óÀι®ÀÇ*/
.online01 {position:relative; width:61px; height:24px;}
.online02 {position:relative; width:61px; height:24px; margin-top:6px;}
.online03 {position:relative; width:61px; height:138px; margin-top:6px;}
.but01 {position:relative; width:69px; height:21px; left:315px;}

.input1 {position:absolute; top:5px; left:70px; width:100px; height:17px; border:1px solid #ccc;}
.input2 {position:absolute; top:35px; left:70px; width:150px; height:17px; border:1px solid #ccc;}
.input3 {position:absolute; top:65px; left:70px; width:300px; height:17px; border:1px solid #ccc;}
.input4 {position:absolute; top:95px; left:70px; width:50px; height:17px; border:1px solid #ccc;}
.input5 {position:absolute; top:95px; left:130px; width:50px; height:17px; border:1px solid #ccc;}
.input6 {position:absolute; top:95px; left:190px; width:50px; height:17px; border:1px solid #ccc;}
.input7 {position:absolute; top:125px; left:70px; width:50px; height:17px; border:1px solid #ccc;}
.input8 {position:absolute; top:125px; left:130px; width:50px; height:17px; border:1px solid #ccc;}
.input9 {position:absolute; top:125px; left:190px; width:50px; height:17px; border:1px solid #ccc;}
.input10 {position:absolute; top:155px; left:70px; width:300px; height:17px; border:1px solid #ccc;}
.input12 {position:absolute; top:184px; left:70px; width:300px; height:17px; border:1px solid #ccc;}
.input11 {position:absolute; top:211px; left:70px; width:500px; height:135px; border:1px solid #ccc;}
.btnok {position:relative; top:10px; left:250px; margin-bottom:20px;}