﻿@charset "utf-8";

/* default setting */
* {margin:0; padding:0;}
html {overflow-x:auto; overflow-y:scroll; _overflow:scroll !important; _overflow-x:auto !important;}
body {
	height:100%; 
	background:white url(../../images/common/bg4_01.jpg) no-repeat 50% 0;    /* 이미지변경 */
	margin:0; padding:0; 
	font-family: Arial, helvetica, sans-serif; 
	font-size:12px; 
	color:#777; 
	position:relative;
}
img, fieldset				{border:0;}
legend,caption, hr	{position:absolute; left:-1000%; top:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; display:none;}
textarea					{padding:2px 0 0 2px; border:1px solid #d7d7d7; font-family: Arial, helvetica, sans-serif; font-size:12px; color:#888; line-height:1.3;}
p								{font-family: Arial, helvetica, sans-serif;}
input						{font-family: Arial, helvetica, sans-serif;}
button						{font-family: Arial, helvetica, sans-serif; font-size:11px; line-height:13px; padding:0; margin:0; background:none; border:0; cursor:pointer; overflow:visible;}
ul, ol							{list-style-type:none;}
dt, dd, h1 ,h2, h3, h4, h5, h6	{padding:0; margin:0; font-weight:normal;}
address, em				{font-style:normal;}

table						{border-collapse:collapse !important; font-family: Arial, helvetica, sans-serif; font-size:12px;}
@-moz-document url-prefix()		{table {border-collapse:separate;}} /* for FireFox */

a								{color:#777; text-decoration:none !important;}
a:link						{color:#777; text-decoration:none;}
a:visited					{color:#777; text-decoration:none;}
a:hover, a:focus		{color:#777; text-decoration:underline;}
a:active					{color:#777; text-decoration:none;}
.under{text-decoration:underline !important;}

/* png24 */
.iePngFix, .iePngFix a {_behavior:url(/partner/js/iepngfix.htc);}


/* default style */
.none {display:none !important;}
.bd0{border:0 !important;}
.pointer {cursor:pointer;}
.blind{position:absolute; left:-1000%; top:0; width:1px; heght:1px; font-size:0; line-height:0; overflow:hidden;}
#accessibility {position:absolute; left:-1000%; top:0; width:1px; heght:1px; font-size:0; line-height:0; overflow:hidden;}
.ovf{overflow:hidden !important; *zoom:1;}
.bd{border:1px solid red !important;}
.after{width:auto; *zoom:1;}
.after:after{content:""; height:0; display:block; clear:both;}
.clear{clear:both;}

/* display */
.inline{display:inline !important;}
.block{display:block !important;}
.inblock{display:inline-block !important;}

/* floating */
.fl {float:left !important;}
.fr {float:right !important;}
.cl {clear:both !important;}

/* align */
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}

.vt {vertical-align:top !important;}
.vm {vertical-align:middle !important;}
.vb {vertical-align:bottom !important;}

/* div position */
.rela		{position:relative !important;}
.absolute	{position:absolute !important;}
.fixed		{position:fixed !important;}

/* font size */
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}

/* font weight */
.normal {font-weight:normal !important;}
.bold {font-weight:bold;}

/* font decoration */
.underline {text-decoration:underline;}

/* letter-spacing */
.ls0 {letter-spacing:0 !important;}
.ls1 {letter-spacing:-1px !important;}
.ls2 {letter-spacing:-2px !important;}

/* line height */
.line0 {line-height:0 !important;}
.line12 {line-height:12px !important;}
.line13 {line-height:13px !important;}
.line14 {line-height:14px !important;}
.line15 {line-height:15px !important;}
.line16 {line-height:16px !important;}
.line17 {line-height:17px !important;}
.line18 {line-height:18px !important;}
.line19 {line-height:19px !important;}
.line20 {line-height:20px !important;}

/* font color */
.point1{color:#ff7701 !important;} /* 주황 */
.point2{color:#de2c26 !important;} /* 빨강 */
.point3{color:#e94b37 !important;} /* 연빨강 */
.ft-tit{color:#888 !important;}
.ft-tit2{color:#000 !important;}
.ft-cont{color:#555 !important;}
.ft-sub{color:#999 !important;}

.olive		{color:#83a139;}
.greenW		{color:#73ab32;}
.blueW		{color:#6881a2;}
.pink		{color:#d96c7e;}
.violet		{color:#9a87c0;}
.red		{color:#ec4b2a;}
.redPrice	{color:#ec4b2a;}

.gray898989				{color:#898989 !important;}

.gray222				{color:#222222 !important;}
.gray222 a				{color:#222222 !important;}
.gray222 a:link			{color:#222222 !important;}
.gray222 a:visited		{color:#222222 !important;}
.gray222 a:active		{color:#222222 !important;}
.gray222 a:hover, 
.gray222 a:focus		{color:#222222 !important; text-decoration:underline;}

.gray777				{color:#777 !important;}

/* padding margin style */
.p0		{padding:0 !important;}
.p10	{padding:10px !important;}

.pt1	{padding-top:1px !important;}
.pt2	{padding-top:2px !important;}
.pt4	{padding-top:4px !important;}
.pt5	{padding-top:5px !important;}
.pt8	{padding-top:8px !important;}
.pt10	{padding-top:10px !important;}
.pt14	{padding-top:14px !important;}
.pt15	{padding-top:15px !important;}
.pt20	{padding-top:20px !important;}
.pt25	{padding-top:25px !important;}
.pt30	{padding-top:30px !important;}
.pt40	{padding-top:40px !important;}
.pt45	{padding-top:45px !important;}
.pt60	{padding-top:60px !important;}
.pt75	{padding-top:75px !important;}

.pb0	{padding-bottom:0 !important;}
.pb2	{padding-bottom:2px !important;}
.pb3	{padding-bottom:3px !important;}
.pb4	{padding-bottom:4px !important;}
.pb5	{padding-bottom:5px !important;}
.pb8	{padding-bottom:8px !important;}
.pb10	{padding-bottom:10px !important;}
.pb14	{padding-bottom:14px !important;}
.pb15	{padding-bottom:15px !important;}
.pb18	{padding-bottom:18px !important;}
.pb20	{padding-bottom:20px !important;}
.pb30	{padding-bottom:30px !important;}
.pb40	{padding-bottom:40px !important;}
.pb50	{padding-bottom:50px !important;}
.pb60	{padding-bottom:60px !important;}
.pb65	{padding-bottom:65px !important;}
.pb75	{padding-bottom:75px !important;}
.pb80	{padding-bottom:80px !important;}

.pl0	{padding-left:0px !important;}
.pl5	{padding-left:5px !important;}
.pl8	{padding-left:8px !important;}
.pl10	{padding-left:10px !important;}
.pl15	{padding-left:15px !important;}
.pl20	{padding-left:20px !important;}
.pl25	{padding-left:25px !important;}
.pl30	{padding-left:30px !important;}
.pl40	{padding-left:40px !important;}
.pl45	{padding-left:45px !important;}
.pl75	{padding-left:75px !important;}
.pl90	{padding-left:90px !important;}

.pr0	{padding-right:0px !important;}
.pr10	{padding-right:10px !important;}
.pr15	{padding-right:15px !important;}
.pr20	{padding-right:20px !important;}
.pr25	{padding-right:25px !important;}
.pr30	{padding-right:30px !important;}

.m0		{margin:0 !important;}

.mt0	{margin-top:0px !important;}
.mt1	{margin-top:1px !important;}
.mt2	{margin-top:2px !important;}
.mt3	{margin-top:3px !important;}
.mt4	{margin-top:4px !important;}
.mt5	{margin-top:5px !important;}
.mt7	{margin-top:7px !important;}
.mt8	{margin-top:8px !important;}
.mt10	{margin-top:10px !important;}
.mt12	{margin-top:12px !important;}
.mt13	{margin-top:13px !important;}
.mt14	{margin-top:14px !important;}
.mt15	{margin-top:15px !important;}
.mt17	{margin-top:17px !important;}
.mt18	{margin-top:18px !important;}
.mt20	{margin-top:20px !important;}
.mt23	{margin-top:23px !important;}
.mt24	{margin-top:24px !important;}
.mt25	{margin-top:25px !important;}
.mt29	{margin-top:29px !important;}
.mt30	{margin-top:30px !important;}
.mt35	{margin-top:35px !important;}
.mt39	{margin-top:39px !important;}
.mt40	{margin-top:40px !important;}
.mt45	{margin-top:45px !important;}
.mt50	{margin-top:50px !important;}
.mt54	{margin-top:54px !important;}
.mt55	{margin-top:55px !important;}
.mt57	{margin-top:57px !important;}
.mt60	{margin-top:60px !important;}
.mt70	{margin-top:70px !important;}
.mt79	{margin-top:79px !important;}
.mt85	{margin-top:85px !important;}
.mt110	{margin-top:110px !important;}
.mt145	{margin-top:145px !important;}

.mt_5	{margin-top:-5px !important;}
.mt_10	{margin-top:-10px !important;}
.mt_15	{margin-top:-15px !important;}
.mt_20	{margin-top:-20px !important;}
.mt_25	{margin-top:-25px !important;}
.mt_28	{margin-top:-28px !important;}
.mt_30	{margin-top:-30px !important;}
.mt_35	{margin-top:-35px !important;}
.mt_45	{margin-top:-45px !important;}
.mt_80	{margin-top:-80px !important;}

.mb0	{margin-bottom:0px !important;}
.mb2	{margin-bottom:2px !important;}
.mb4	{margin-bottom:4px !important;}
.mb5	{margin-bottom:5px !important;}
.mb7	{margin-bottom:7px !important;}
.mb8	{margin-bottom:8px !important;}
.mb10	{margin-bottom:10px !important;}
.mb15	{margin-bottom:15px !important;}
.mb20	{margin-bottom:20px !important;}
.mb25	{margin-bottom:25px !important;}
.mb29	{margin-bottom:29px !important;}
.mb30	{margin-bottom:30px !important;}
.mb35	{margin-bottom:35px !important;}
.mb39	{margin-bottom:39px !important;}
.mb40	{margin-bottom:40px !important;}
.mb50	{margin-bottom:50px !important;}
.mb60	{margin-bottom:60px !important;}

.ml0	{margin-left:0px !important;}
.ml1	{margin-left:1px !important;}
.ml2	{margin-left:2px !important;}
.ml3	{margin-left:3px !important;}
.ml4	{margin-left:4px !important;}
.ml5	{margin-left:5px !important;}
.ml6	{margin-left:6px !important;}
.ml7	{margin-left:7px !important;}
.ml8	{margin-left:8px !important;}
.ml10	{margin-left:10px !important;}
.ml11	{margin-left:11px !important;}
.ml12	{margin-left:12px !important;}
.ml14	{margin-left:14px !important;}
.ml15	{margin-left:15px !important;}
.ml17	{margin-left:17px !important;}
.ml18	{margin-left:18px !important;}
.ml20	{margin-left:20px !important;}
.ml23	{margin-left:23px !important;}
.ml24	{margin-left:24px !important;}
.ml25	{margin-left:25px !important;}
.ml30	{margin-left:30px !important;}
.ml32	{margin-left:32px !important;}/* 100630 add */
.ml35	{margin-left:35px !important;}
.ml40	{margin-left:40px !important;}
.ml45	{margin-left:45px !important;}
.ml50	{margin-left:50px !important;}
.ml52	{margin-left:52px !important;}
.ml59	{margin-left:59px !important;}
.ml60	{margin-left:60px !important;}
.ml64	{margin-left:64px !important;}
.ml90	{margin-left:90px !important;}
.ml205	{margin-left:205px !important;}

.mr0	{margin-right:0px !important;}
.mr2	{margin-right:2px !important;}
.mr4	{margin-right:4px !important;}
.mr5	{margin-right:5px !important;}
.mr7	{margin-right:7px !important;}
.mr10	{margin-right:10px !important;}
.mr15	{margin-right:15px !important;}
.mr17	{margin-right:17px !important;}
.mr20	{margin-right:20px !important;}
.mr30	{margin-right:30px !important;}
.mr35	{margin-right:35px!important;}
.mr40	{margin-right:40px !important;}
.mr45	{margin-right:45px !important;}
.mr52	{margin-right:52px !important;}
.mr60	{margin-right:60px !important;}
.mr80	{margin-right:80px !important;}

/********* input style *********/

/* input box type */
input {border:1px solid #d7d7d7; background:#f3f3f3; padding:2px 1px 0 2px; height:16px; font-size:12px; color:#888; vertical-align:middle;}
input.no-back{background:none;}
input.image{border:0; background:none; vertical-align:bottom;}
input.radio{border:0; margin-right:3px; *margin-right:0px; padding:0; background:none;}
input.checkbox{margin-right:3px; padding:0; border:0; vertical-align:middle; background:none;}
input.file{background:#fff; width:400px; height:20px !important;}
input.input-search{width:200px;}

/* file */
.combo {border:1px solid #d7d7d7; padding:0; height:18px; font-size:11px;color:#222222; vertical-align:middle;}

/* radio/checkbox */
.ra_ch{width:13px; height:13px; margin:0 0 2px 0; padding:0; vertical-align:middle;}

/* select box */
select {padding:1px; height:20px; vertical-align:middle; color:#888; border:1px solid #d7d7d7; font-family:Arial,Sans-serif; font-size: 1em; line-height: 1;}
#selectBox{position:absolute; top:15px; right:0; z-index:200;}
#selectBox select{width:110px; height:18px; background:#686868; font-size:11px; letter-spacing:0; color:#fff; border-color:#686868;}

/* tab style */
.tabArea{position:relative; width:auto; *zoom:1;}
.tabArea:after{content:""; display:block; clear:both;}
.tabArea ul{float:left; overflow:hidden; width: 100%; height:33px; background:url('../../images/common/bg_tab.gif') repeat-x 0 0;}
	.tabArea ul li{float:left;}
	.tabArea ul li.first a{background:none;}
	.tabArea ul li a{display:inline-block; padding:10px 20px 8px; background:url('../../images/common/bar_tab.gif') no-repeat 0 center;}
	.tabArea ul li a.on{padding-left:17px; padding-right:17px; background:#fff; background-image:none; border:3px solid #ce2022; border-bottom:0;}

/* list style */
.base-list {width:auto;}
.base-list li{padding-left:7px; background:url(../../images/common/bul_dot_red.gif) no-repeat 0 5px; line-height:1;}


/* tip */
p.tip{margin-top:20px; padding-left:20px; background: url('../../images/common/ico_!.gif') no-repeat 0 0;}


/******************** paging ********************/
#paging {
	position: relative; 
	padding-top: 20px; 
	text-align: center; 
	width: 100%; 
	font-family: tahoma; 
	color: #b7b7b7; 
	font-size: 10px;
	word-spacing: 4px;
}
#paging a{color: #b7b7b7;}
#paging .pages a{display:inline-block; width:13px; height:13px; text-align:center; border:1px solid #e3e3e3; color:#b7b7b7;}
#paging .pages .current{
	display:inline-block; 
	width:13px; height:13px; 
	text-align:center; 
	color:#fff; 
	background:#c8302e; 
	border:1px solid #c8302e;
}

#paging .image{padding-top:0; height:9px; vertical-align: middle;}
#paging .pagebutton {
	display:inline-block; 
	width:13px; 
	height:13px; 
	text-align:center; 
	font-size: 10px;
	border:1px solid #e3e3e3; 
	color:#b7b7b7;
}
#paging .current{
	display:inline-block; 
	width:13px; height:13px; 
	text-align:center; 
	color:#fff; 
	font-size: 10px;
	background:#c8302e; 
	border:1px solid #c8302e;
}
