@charset "euc-kr";

/* ===========================================================================
Á¦¸ñ : ÀüüÆäÀÌÁö Guide
Àû¿ë¹üÀ§ : ÀüüÆÄÀÏ
ÀÛ¼ºÀÏ : 2009-04-27
ÀÛ¼ºÀÚ : Á¤Àç³²( tinaj2n@hanmail.net )
=========================================================================== */

/* ========================================================================== */
/* ÅÂ±× ÀçÁ¤ÀÇ                                                                */
/* ========================================================================== */

html, body {
    width   : 100%;
	height: 100%;
    margin  : 0;
    padding : 0;
}

form {
    margin  : 0;
    padding : 0;
}

table {border-collapse: collapse;}

table tr td, table tr th {
	padding:0;
}

img {
	padding: 0;
	margin: 0;
	border-width:0;
}

p {margin: 0;}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	font-size: 1em;
}


/* ========================================================================== */
/* ÆùÆ® Á¤ÀÇ                                                                  */
/* ========================================================================== */
body, table, input, textarea, select {
    font-family  : dotum, gulim, verdana, sans-serif;
    color : #858585;
}

textarea {
	padding: 5px;
	font-size: 1em;
	border: 1px solid #ccc;
}


/* ========================================================================== */
/* ¸µÅ© Á¤ÀÇ                                                                  */
/* ========================================================================== */
a {
    color           : #858585;
    text-decoration : none;
}

a:hover {text-decoration:none;}


/* ========================================================================== */
/* ÀÔ·Â Á¤ÀÇ                                                                  */
/* ========================================================================== */

input.txt {
	padding: 2px 0 1px 5px;
	border:1px solid #D5D5D5;
}

/* ========================================================================== */
/* ¸ñ·Ï Á¤ÀÇ                                                                  */
/* ========================================================================== */

ul, ol {
	padding: 0;
	margin: 0;
}

ul li, ol li {
	padding: 0;
	margin: 0;
	list-style: none;
}

dl {
	margin: 0;
}

dl dt {
	padding: 0;
	margin: 0;
}

dl dd {
	padding: 0;
	margin: 0;
}

/* ==========================================================================
   layout Á¤ÀÇ
============================================================================= */
#subwrap {
	min-width: 1000px;
	min-height: 100%;
	_height: 100%;
	font-size: 0.75em;
	text-align: center;
	background: #F1F1EF url("/common/images/bg_sub_top.gif") repeat-x 0 107px;
}

#top_menu {
	position: relative;
	width: 100%;
	height: 107px;
	background: #fff;
	z-index: 2;
}

#wrap {
	position: relative;
	width: 1000px;
	min-height: 100%;
	_height: 100%;
	margin: 0 auto;
	margin-top: -107px;
	margin-bottom: -65px;
	z-index: 1;
}

.top_left_bg {
	position: absolute;
	top: 107px;
	left: -160px;
	width: 395px;
	height: 510px;
	background: url("/common/images/bg_cont_top.gif") no-repeat left top;
}

.product .top_left_bg {
	left: -160px;
	top: 575px;
	width: 395px;
	height: 300px;
	background:url("/common/images/bg_cont_top_product.gif") no-repeat;
}

#container {
	position: relative;
	padding: 107px 0 109px 0 ;
	text-align: left;
	z-index: 10;
	overflow: hidden;
	zoom: 1;
}

.product #container {background:url("/common/images/bg_cont_product.gif") no-repeat 0 107px;}

#left_menu {
	float: left;
	width: 235px;
}

#contents_wrap {
	float: left;
	width: 732px;
	min-height: 600px;
	_height: 600px;
	padding-bottom: 90px;
	background: #fff;
}

#footer {
	position: relative;
	height: 65px;
	color: #fff;
	background: #131313;
	z-index: 20;
}

/* ==========================================================================
   ±âº» class Á¤ÀÇ
============================================================================= */

.fl {float:left;}
.fr {float:right;}
.clear {clear:both;}

.cen {text-align:center !important;}
.middle {vertical-align:middle !important;}
.vtop {vertical-align:top !important;}
.vbot {vertical-align:bottom !important;}
.alignl {text-align:left !important;}
.alignr {text-align:right !important;}

.f11 {font-size:0.9em;}

.lh16 {line-height:16px;}
.lh18 {line-height:18px;}

.normal {font-weight:normal !important;}

.bbs_write_btn {
	padding: 9px 81px 0 0;
	text-align: right;
}

.bbs_write_btn img {margin-left:-4px;}

.c_btn {
	padding: 10px 0 0 0;
	text-align: center;
}

.r_btn {
	padding: 3px 12px 0 0;
	text-align: right;
}


a.no_underline:hover {text-decoration:none;}


/* ====================== color class ============================== */
.cfff {color:#fff !important;}
.c000 {color:#000 !important;}
.c727272 {color:#727272 !important;}
.c249EC1 {color:#249EC1 !important;}
.c009ABB {color:#009ABB !important;}
.c5F5F5F {color:#5F5F5F !important;}
.c333 {color:#333 !important;}
.cF20017 {color:#F20017;}
.c666 {color:#666;}
.c999 {color:#999;}

/* ====================== margin class ============================== */
.mauto {margin:0 auto;}
.m0 {margin:0;}
.mt1 {margin-top:1px;}
.mt2 {margin-top:2px;}
.mt3 {margin-top:3px;}
.mt4 {margin-top:4px;}
.mt5 {margin-top:5px;}
.mt7 {margin-top:7px;}
.mt8 {margin-top:8px;}
.mt9 {margin-top:9px;}
.mt10 {margin-top:10px;}
.mt12 {margin-top:12px;}
.mt14 {margin-top:14px;}
.mt15 {margin-top:15px;}
.mt17 {margin-top:17px;}
.mt20 {margin-top:20px;}
.mt23 {margin-top:23px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt70 {margin-top:70px;}
.mt-2 {margin-top:-2px;}

.mr1 {margin-right:1px;}
.mr2 {margin-right:2px;}
.mr3 {margin-right:3px;}
.mr4 {margin-right:4px;}
.mr5 {margin-right:5px;}
.mr7 {margin-right:7px;}
.mr8 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr12 {margin-right:12px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb3 {margin-bottom:3px;}
.mb4 {margin-bottom:4px;}
.mb5 {margin-bottom:5px;}
.mb7 {margin-bottom:7px;}
.mb8 {margin-bottom:8px;}
.mb9 {margin-bottom:9px;}
.mb10 {margin-bottom:10px;}
.mb12 {margin-bottom:12px;}
.mb14 {margin-bottom:14px;}
.mb15 {margin-bottom:15px;}
.mb17 {margin-bottom:17px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml10 {margin-left:10px;}
.ml12 {margin-left:12px;}
.ml15 {margin-left:15px;}
.ml18 {margin-left:18px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* ====================== padding class ============================== */
.p0 {padding:0;}
.pt1 {padding-top:1px;}
.pt2 {padding-top:2px;}
.pt3 {padding-top:3px;}
.pt4 {padding-top:4px;}
.pt5 {padding-top:5px;}
.pt7 {padding-top:7px;}
.pt8 {padding-top:8px;}
.pt9 {padding-top:9px;}
.pt10 {padding-top:10px;}
.pt12 {padding-top:12px;}
.pt14 {padding-top:14px;}
.pt15 {padding-top:15px;}
.pt17 {padding-top:17px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}

.pr1 {padding-right:1px;}
.pr2 {padding-right:2px;}
.pr3 {padding-right:3px;}
.pr4 {padding-right:4px;}
.pr5 {padding-right:5px;}
.pr7 {padding-right:7px;}
.pr8 {padding-right:8px;}
.pr10 {padding-right:10px;}
.pr12 {padding-right:12px;}
.pr15 {padding-right:15px;}
.pr20 {padding-right:20px;}

.pb1 {padding-bottom:1px;}
.pb2 {padding-bottom:2px;}
.pb3 {padding-bottom:3px;}
.pb4 {padding-bottom:4px;}
.pb5 {padding-bottom:5px;}
.pb7 {padding-bottom:7px;}
.pb8 {padding-bottom:8px;}
.pb9 {padding-bottom:9px;}
.pb10 {padding-bottom:10px;}
.pb12 {padding-bottom:12px;}
.pb14 {padding-bottom:14px;}
.pb15 {padding-bottom:15px;}
.pb17 {padding-bottom:17px;}
.pb20 {padding-bottom:20px;}
.pb25 {padding-bottom:25px;}
.pb30 {padding-bottom:30px;}
.pb35 {padding-bottom:35px;}

.pl1 {padding-left:1px;}
.pl2 {padding-left:2px;}
.pl3 {padding-left:3px;}
.pl4 {padding-left:4px;}
.pl5 {padding-left:5px;}
.pl7 {padding-left:7px;}
.pl8 {padding-left:8px;}
.pl10 {padding-left:10px;}
.pl12 {padding-left:12px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl60 {padding-left:60px;}

.png24 { 
    tmp:expression(setPng24(this)); 
}

.scroll_y {
	overflow-y: auto;
	scrollbar-base-color: #ddd;
	scrollbar-shadow-color: #ddd;
	scrollbar-highlight-color: #ddd;
	scrollbar-darkshadow-color: #ddd;
	scrollbar-3dlight-color: #ddd;
	scrollbar-arrow-color: #000;
	scrollbar-face-color: #ddd;
	scrollbar-track-color: #f7f7f7;
}

.cursor {cursor: pointer;}