﻿@charset "utf-8";

/* CSS Document */
* { margin:0px; padding:0px; }
html { height:100%; margin:0px; padding:0px;  line-height:150%;}
body { font-family:"Arial"; font-size:12px; color: #464646; line-height:150%;}
body { margin:0px; padding:0px;	width:100%;	height:100%; background:url(/Tpl/default/images/bg.gif) top left repeat-x;}
td { font-family:"Arial"; font-size:12px; color: #464646; line-height:150%;}
div, ul, form, fieldset, td, th, li, h1, h2, h3, h4, p { margin:0; padding:0;}
a { color:#464646; text-decoration:none;}
fieldset, img { border:none;}
h1 img,h2 img,h3 img { vertical-align:top;}
h1,h2,h3,h4,h5 { font-size:12px; line-height:16px;}
ol,ul,li { list-style:none;}
em { font-style:normal;}
hr { display:none;}
div .hide { display:none;}
img .middle { vertical-align:middle; margin-bottom:3px;}
img .top { vertical-align:top;}
img	{ border:0px; }
form {display:inline;}
a:link {font-family:"Arial"; font-size:9pt; color:#464646;}
a:visited {font-family:"Arial"; font-size:9pt; color:#464646;}
a:hover {font-family:"Arial"; font-size:9pt; color:#464646; text-decoration:underline;}
a:active {font-family:"Arial"; font-size:9pt; color:#464646;}
ul, li { float:left;display:inline;}


/************* Input Style **********/

select { font-size:11px; color:#444444; border:1px solid #cecece;}
input { font-size:9pt: color:#444444; border:1px solid #cecece; font-family:'돋움'; height:18px; line-height:140%;padding-left:2px;padding-right:2px;}
input.txt { border:#cecece 1px solid; padding:3px 0 0 3px; height:16px; position: relative; top:1px; color:#676767;}
input.btn { vertical-align:middle; margin-bottom:3px;}
input.money { vertical-align:middle; margin-bottom:3px; text-align:right; padding-right:2px;}
textarea.txt{ border:#cecece 1px solid; padding:5px; color:#444444;}
input[type=submit] { height:23px;}
input[type=button] { height:23px;}
/***보더없애기***/
input[type=radio] { border:0;}
input[type=checkbox] { border:0;}
input[type=image] { border:0;}
/***보더없애기 ie용***/
input { border:expression((this.type=='radio'||this.type=='checkbox'||this.type=='image')?'0':'1px solid #cecece');}

#top {
	width:100%;
	height:137px;
}

#top_bg {	
	width:100%;
	height:83px;
	text-align:center;	
	background:url(/Tpl/default/images/top/top_bg.png) top left repeat-x;	
}

#top_img {
	margin-left: auto;
	margin-right: auto;
	width:900px;
	height:100%;
}

#top_menu_bg {
	width:100%;
	height:137px;
	background:url(/Tpl/default/images/top/top_blue_bg.png) top left repeat-x;		
}
#top_area {
	margin-left: auto;
	margin-right: auto;	
	width:1080px;
	height:137px;
}
#top_menu_world {
	margin-left: 92px;
	margin-right: 88px;	
	width:900px;
	height:137px;
	background:url(/Tpl/default/images/top/top_world2.png) top right no-repeat;	
}
#top_menu {
	width:900px;		
	padding-top:25px;
	height:64px;
}

#top_logo {
	width:456px;
	height:46px;
	background:url(/Tpl/default/images/top/logo.gif) top left no-repeat;
	float:left;
	cursor: pointer;
}

#top_login {
	margin-right:10px;
	background:url(/Tpl/default/images/top/icon_login.gif) top left no-repeat;	
	width:127px;
	height:15px;
	padding-left:23px;
	float:right;
}
#top_login a {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}

#wrap {
	width: 100%;
	background-color:#f3f3f3;
}
#wrap_body {
	width: 100%;
	height:100%;
}

#wrap_left {
	background:url(/Tpl/default/images/bg/body_bg_left.png) top left repeat-x;
}

#wrap_right {
	background:url(/Tpl/default/images/bg/body_bg_right.png) top left repeat-x;
}

#wrap_center {
	width:1080px;
	height:100%;
}

#body_left {
	width: 90px;
	height:100%;
	vertical-align:top;	
	background:url(/Tpl/default/images/bg/middle_left_bg.png) top left repeat-y;
}

.body_left_bg {
	width:90px;
	min-height:960px;
	top:0px;
	margin:auto;
	background:url(/Tpl/default/images/bg/middle_left_top_bg.png) top left no-repeat;	
}

#body_right {
	width: 90px;
	height:100%;	
	vertical-align:top;		
	background:url(/Tpl/default/images/bg/middle_right_bg.png) top left repeat-y;
}

.body_right_bg {
	width: 90px;
	height:100%;
	min-height:960px;
	background:url(/Tpl/default/images/bg/middle_right_top_bg.png) top left no-repeat;	
}

#body_center {
	width: 900px;
	vertical-align: top;
	background:url(/Tpl/default/images/bg/contants_bg.png) left 287px no-repeat;
	background-color:#fdfefe;	
}

#contents {
	width:900px;
	height:100%;
	padding-top:25px;
	padding-bottom:25px;
}

.main_bg {
}

.sub_bg {
	background:url(/Tpl/default/images/bg/sub_bg.png) top left no-repeat;
}

#main_left {
	width:355px;
	margin-right:30px;
	height:100%;
	border-right:1px #c9c9c9 solid;	
}

#main_body {
	width:495px;
	padding-left:30px;
	padding-right:30px;	
	vertical-align:top;
}


#sub_left {
	width:312px;
	margin-right:33px;
	height:100%;
	border-right:1px #c9c9c9 solid;		
}

#sub_body {
	width:522px;
	padding-left:33px;
	padding-right:33px;	
	vertical-align:top;	
}

#sub_body span ul li{
	list-style-type: disc;
	margin-left:15px;
	display: list-item;
}
#bottom_bg {
	width:100%;
	height:79px;
	border-top:1px #FFFFFF solid;
	background:url(/Tpl/default/images/bottom/bottom_bg.png) bottom left repeat-x;	
}

#bottom_area {
	margin-left: auto;
	margin-right: auto;
	width: 1080px;	
}

#bottom {
	margin-left: 90px;
	margin-right: 90px;
	width: 900px;	
}

#copyright {
	margin-top:10px;
	margin-left:6px;
	float:left;
}

#foot_menu {
	margin-top:10px;
	float:right;	
	font-size:14px;
	line-height:100%;
}

#foot_menu li {
	padding-left:7px;
	text-align:right;
}
