/* body 스타일 */
body {
	color:#323232;
	font-size:75%;
	line-height:1.0;
	font-family:"Nanum Gothic", "나눔고딕";
	/*background:url(../images/common/body_bg.gif) repeat-y center top;*/
	background-image:url(../images/common/body_bg1.gif), url(../images/common/body_bg2.gif) ;
	background-repeat:repeat-y, repeat;
	background-position:center top, left top;
}

/* 링크 */
a:link, a:visited {
	color:#323232;
	text-decoration:none;
} 
a:hover, a:focus {
	color:#ed1c24;
	text-decoration:none;
}

/* 컬러 */
.red {
	color:#ed2024;	
}
.blue {
	color:#3954a5;
}
.green {
	color:#6abd45;
}
.bold {
	font-weight:bold;
}

/* 정렬 스타일 */
.fl { float:left; }
.fr { float:right; }
.cb { clear:both; }
/* 정렬 스타일 */
.tal { text-align:left; }
.tar { text-align:right; }
.tac { text-align:center; }

/* 라인 스타일 */
.bt { border-top:solid 1px #dcdcdc; }
.bb { border-bottom:solid 1px #dcdcdc; }
.bl { border-left:solid 1px #dcdcdc; }
.br { border-right:solid 1px #dcdcdc; }

/* 컨텐츠 여백 스타일 */
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }

.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }

.mt10 { padding-top:10px; }
.mt20 { padding-top:20px; }
.mt30 { padding-top:30px; }
.mt40 { padding-top:40px; }
.mt50 { padding-top:50px; }

.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }
.pb40 { padding-bottom:40px; }
.pb50 { padding-bottom:50px; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pt30 { padding-top:30px; }
.pt40 { padding-top:40px; }
.pt50 { padding-top:50px; }

.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }

.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }



/****************** 왼쪽 헤더 ******************/
#header {
	float:left;
	width:190px;
	position:fixed;
	z-index:9999;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b74c2+0,3954a5+70 */
background: #5b74c2; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #5b74c2 0%, #3954a5 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #5b74c2 0%,#3954a5 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #5b74c2 0%,#3954a5 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b74c2', endColorstr='#3954a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

/***** 로고 *****/
.logo {
	float:left;
	width:189px;
	height:110px;
	background-color:#fff;
	text-align:center;
	line-height:110px;
	border-right:solid 1px #e6e6e6;
}

/***** 메뉴 *****/
#dhtmlgoodies_menu {		
	float:left;
	width:190px;
	padding:60px 0 110px 0;
}
#dhtmlgoodies_menu > ul > li {
	float:left;
	width:190px;
	margin-bottom:15px;
}
#dhtmlgoodies_menu > ul > li > a {
	display:block;
	width:165px;
	height:50px;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding-left:25px;
	line-height:50px;
}
#dhtmlgoodies_menu > ul > li a:hover, #dhtmlgoodies_menu .activeMainMenuItem {
	color:#fff;
	background-color:#5B74C2;
}
.dhtmlgoodies_subMenu {
	visibility:hidden;
	position:fixed;
	overflow:hidden;
	background-color:#5B74C2;
	text-align:left;
	font-size:12px;
	width:230px;
	text-indent:15px;

}
.dhtmlgoodies_subMenu > ul {
	padding:15px 0;
}
.dhtmlgoodies_subMenu > ul > li > a {
	color:#fff;	/* Black text color */
	height:20px;	/* 16 pixels height */
	line-height:20px;	/* 16 pixels height */
	padding:10px;	/* 1px of "air" inside */
	display:block;	/* Display as block - you shouldn't change this */
	font-weight:bold;
}
.dhtmlgoodies_subMenu > ul > li > a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#3954a5;	/* Blue background */
}

.dhtmlgoodies_subMenu > ul > li > ul > li > a {
	color:#fff;	/* Black text color */
	height:24px;	/* 16 pixels height */
	line-height:24px;	/* 16 pixels height */
	padding:0 5px 0 15px;	/* 1px of "air" inside */
	display:block;	/* Display as block - you shouldn't change this */
	font-size:12px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
.dhtmlgoodies_subMenu > ul > li > ul > li > a:hover{	/* Sub menu items - mouse over effects */
	opacity:1;
	filter:alpha(opacity=100);
}


/***** 언어 *****/
.lang {
	float:left;
	width:190px;
	height:49px;
	border-top:solid 1px #4d66b0;
	border-bottom:solid 1px #3a519c;
}
.lang li {
	float:left;
	width:33%;
	height:49px;
	line-height:47px;
	text-align:center;
	background:url(../images/common/lang_bar.gif) no-repeat right center;
}
.lang li.last {
	background:none;
}
.lang li a {
	font-size:11px;
	font-weight:bold;
	color:#fff;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.lang li a.chi {
	font-size:12px;
	font-weight:normal;
}
.lang li a:hover {
	text-decoration:underline;
}
.lang li a.on {
	opacity:1;
	filter:alpha(opacity=100);
}

/***** 왼쪽링크 *****/
.link {
	float:left;
	width:168px;
	padding:30px 0 30px 22px;
	border-top:solid 1px #4e67b1;
	border-bottom:solid 1px #3a519c;
}
.link li {
	float:left;
	width:160px;
	padding-left:8px;
	margin-bottom:15px;
	background:url(../images/common/link_arrow.png) no-repeat left center;
}
.link li.last {
	margin-bottom:0;
}
.link li a {
	font-size:12px;
	font-weight:bold;
	color:#fff;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.link li a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

/***** 고객센터 *****/
.tel {
	float:left;
	width:135px;
	height:47px;
	line-height:47px;
	padding-left:55px;
	border-top:solid 1px #4e67b1;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	letter-spacing:-0.65px;
	background:url(../images/common/tel_img.png) no-repeat 20px center;
}
.email {
	float:left;
	width:120px;
	height:25px;
	line-height:22px;
	color:#d9e3ec;
	font-size:12px;
	font-weight:bold;
	background:#334b94 url(../images/common/email_img.png) no-repeat 8px center;
	margin-left:20px;
	padding-left:30px;
}


/****************** 하단 푸터 ******************/
#footer {
	float:right;
	width:1010px;
	min-height:115px;
	position:relative;
	background:#fff;
	border-top:solid 1px #dcdcdc;
	background:url(../images/common/copy_logo.gif) no-repeat 30px 30px;
}
.copy {
	float:left;
	width:600px;
	padding:27px 0 0 170px;
	color:#828282;
	line-height:20px;
	font-size:13px;
}
.copy span.copy_txt {
	font-size:11px;
}

.family_site {
	position:absolute;
	right:20px;
	top:30px;
}