/* yyyγ,ECAEgCSSzzz */
/* yyytb??GAA?CSSzzz */
@import url("/common/css/layout.css");
/* yyy?I?o?A?CSSzzz */
@import url("/common/css/rollover.css");
/* yyye?uA?CSSzzz */
@import url("/common/css/table.css");

/* ?fB??O */
	body {
		background-color: #f1f2f4;
		margin: 0px;
		padding: 0px;
	}

/* N */
	a { color: #A69AC7; text-decoration: none;}
	a:visited { color: #A69AC7; text-decoration: none;}
	a:hover { color: #A69AC7; text-decoration: underline; }
	a:active { color: #A69AC7; text-decoration: underline; }
	
	a.co_wh{color: #FFFFFF; text-decoration:none;}
	a.co_wh:visited {color: #FFFFFF; text-decoration: none; }
	a.co_wh:hover {color: #FFFFFF; text-decoration: underline; }
	a.co_wh:active {color: #FFFFFF; text-decoration: underline; }
	
	a.co_pr{color: #A69AC7; text-decoration:none;}
	a.co_pr:visited {color: #A69AC7; text-decoration: none; }
	a.co_pr:hover {color: #A69AC7; text-decoration: underline; }
	a.co_pr:active {color: #A69AC7; text-decoration: underline; }
	
	a.co_gr{color: #4c4c4c; text-decoration: underline;}
	a.co_gr:visited {color: #4c4c4c; text-decoration: underline; }
	a.co_gr:hover {color: #4c4c4c; text-decoration: none; }
	a.co_gr:active {color: #4c4c4c; text-decoration: underline; }
	
	a.faq_gr{color: #4c4c4c; text-decoration:none; }
	a.faq_gr:visited {color: #4c4c4c; text-decoration:none; }
	a.faq_gr:hover {color: #4c4c4c; text-decoration: underline; }
	a.faq_gr:active {color: #4c4c4c; text-decoration: underline; }
		
	a.co_ye{color: #F0AC1D; text-decoration:none;}
	a.co_ye:visited {color: #F0AC1D; text-decoration: none; }
	a.co_ye:hover {color: #F0AC1D; text-decoration: underline; }
	a.co_ye:active {color: #F0AC1D; text-decoration: underline; }

	a.blank{color: #986785; text-decoration:none;}
	a.blank:visited {color: #986785; text-decoration: none; }
	a.blank:hover {color: #986785; text-decoration: underline; }
	a.blank:active {color: #986785; text-decoration: underline; }

	#bread_nv a { color: #666666; text-decoration:underline;}
	#bread_nv a:visited { color: #666666; text-decoration: underline; }
	#bread_nv a:hover { color: #666666; text-decoration: underline; }
	#bread_nv a:active { color: #666666; text-decoration: underline; }


/* tHg */
	/*?J??*/
		body {color:#333333;}
		.white {color:#FFFFFF;}
		.white02 {color:#F2F2F2;}
		.gray {color:#A1A9B4;}
		.gray02 {color:#C5C6CB;}
		.gray03 {color:#999999;}
		.red {color:#ff0000;}
		.red {color:#ff0000;}
		.blue {color:#46679A;}
		.blue02 {color:#2A58A3;}
		#error,.red {color:#C0494B;}
		.attention{color:#333333;}
		.blank{color:#986785;}
		.purple{color:#716B8F;}
		.purple2{color:#2B58A2;}
		.purple3{color:#342C5D;}
		
    /*???W?*/
	    h4 {margin:0px;}
		p  {margin:0px;}
		
	/*?TCY?*/
		body { font-size:12px;}
		h1{ font-size:16px; font-weight:bold;}
		h2{ font-size:14px; font-weight:bold;}
		h3{ font-size:12px; font-weight:bold;}
		h4{ font-size:12px; color:#716B8F; font-weight:bold;}
		#h1_txt,#h2_txt,#h3_txt{ font-size:12px;}
		input,textarea,select{ font-size:12px;}
		.txt8{ font-size:8px;}
		.txt10{ font-size:10px;}
		.txt11{ font-size:85%;} .txt11_fix {font-size:11px;}
		.txt12{ font-size:12px;}
		.txt14{ font-size:14px;}
		.txt16{ font-size:16px;}
		.txt18{ font-size:18px;}
		#schedule01,#schedule02,#schedule03{ font-size:10px;}
		
			h1,h2,h3{
				font-family:΅ΈΏς,Dotum,AppleGothic,sans-serif;
				font-style:normal;
				line-height: 120%;

			}
			#h1_txt,#h2_txt,#h3_txt,
			input,textarea,select,
			#schedule01,#schedule02,#schedule03,
			body,
			.txt12,
			.txt14,
			.txt16
			{
				font-family:΅ΈΏς,Dotum,AppleGothic,sans-serif;
				font-style:normal;
				font-weight:normal;
				line-height: 140%;

			}
		
			.txt8,
			.txt10{
				font-family:΅ΈΏς,Dotum,AppleGothic,sans-serif;
				font-style:normal;
				font-weight:normal;
				line-height: 120%;
				letter-spacing: 0.5px;
				word-spacing:1px;
			}
			

		
	/* line */
		.lih120{line-height:120%;}
		.lih150{line-height:150%;}
		.lih180{line-height:180%;}
		.lih200{line-height:200%;}

/*?e?u?*/


/*???W?*/
	.mgn_logo,.mgn2,.mgn3,.mgn5,.mgn8,.mgn9,.mgn10,.mgn15,.mgn20,.mgn25{position:static;}
	#mgn_logo{ margin: 0px 0px 5px 0px;}
	.mgn_t1{ margin-top:1px;}
	.mgn_t2{ margin-top:2px;}
	.mgn_t5{ margin-top:5px;}
	.mgn_t10{ margin-top:10px;}
	.mgn2{ margin-bottom:2px;}
	.mgn3{ margin-bottom:3px;}
	.mgn4{ margin-bottom:4px;}
	.mgn5{ margin-bottom:5px;}
	.mgn8{ margin-bottom:8px;}
	.mgn9{ margin-bottom:9px;}
	.mgn10{ margin-bottom:10px;}
	.mgn14{ margin-bottom:14px;}
	.mgn15{ margin-bottom:15px;}
	.mgn20{ margin-bottom:20px;}
	.mgn23{ margin-bottom:23px;}
	.mgn25{ margin-bottom:25px;}
	.mgn30{ margin-bottom:30px;}
	.mgn35{ margin-bottom:35px;}
	.mgn40{ margin-bottom:40px;}
	.mgn42{ margin-bottom:42px;}
	.mgn50{ margin-bottom:50px;}
	.mgn60{ margin-bottom:60px;}
	.mgn70{ margin-bottom:70px;}
	.mgn100{ margin-bottom:100px;}
	.mgn125{ margin-bottom:125px;}
	.mgn155{ margin-bottom:155px;}
	
	.mgn_r5{ margin-right:5px;}
	.mgn_r8{ margin-right:8px;}
	.mgn_r9{ margin-right:9px;}
	.mgn_r10{ margin-right:10px;}
	.mgn_r20{ margin-right:20px;}
	.mgn_l2{ margin-left:2px;}
	.mgn_l3{ margin-left:3px;}
	.mgn_l5{ margin-left:5px;}
	.mgn_l6{ margin-left:6px;}
	.mgn_l7{ margin-left:7px;}
	.mgn_l8{ margin-left:8px;}
	.mgn_l9{ margin-left:9px;}
	.mgn_l10{ margin-left:10px;}
	.mgn_l12{ margin-left:12px;}
	.mgn_l15{ margin-left:15px;}
	.mgn_l20{ margin-left:20px;}
	.mgn_l23{ margin-left:23px;}
	.mgn_l30{ margin-left:30px;}
	.mgn_l35{ margin-left:35px;}
	.mgn_l50{ margin-left:50px;}
	
/*?TCg?bv?*/	
	.site01{ margin-top:4px;}

/*?Eu?*/
	.rightd{float: right;}
	.leftd{float: left;}
	.right{ text-align:right;}
	.left{ text-align:left;}
	.center{ text-align:center;}


/*??Cg?*/
	h1{
	margin:0px 0px 10px 0px;
}
		#h1_txt{ margin:5px 0px 0px 0px;}
	h2{
		margin: 0px 0px 5px 0px;
		padding: 0px 0px 0px 0px;
	}
	
	h2.title01{
		background-image:url(/common/img/tit_h1.gif);
		background-position: 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:6px 0px 0px 17px;
		width: auto;
		height:23px;
	}
		#h2_txt{ margin:2px 0px 0px 0px;}
	h3{ margin:0px 0px 0px 0px;}
		#h3_txt{ margin:10px 0px 0px 0px;}
	h4{ margin:0px 0px 0px 0px;}
		#h4_txt{ margin:10px 0px 0px 0px;}
	

/*?C?*/
	#li_dot001{
		background-image:url(/common/img/li_001.gif);
		background-position:0px 0px;
		background-repeat:repeat-x;
		margin: 3px 0px 3px 0px;
		width: 578px;
		height: 1px;
	}
	#li_dot002{
		background-image:url(/common/images/li_003.gif);
		background-position:0px 0px;
		background-repeat:repeat-x;
		margin: 3px 0px 3px 0px;
		width: auto;
		height:100%;
	}
	#li_dot003{
		background-image:url(/common/images/li_004.gif);
		background-position:0px 0px;
		background-repeat:repeat-x;
		margin: 3px 0px 3px 0px;
		width: auto;
		height:100%;
	}
	#li_dot004{
		background-image:url(/common/images/li_005.gif);
		background-position:0px 0px;
		background-repeat:repeat-x;
		margin: 3px 0px 3px 0px;
		width: auto;
		height:100%;
	}
	#li_dot005{
		background-image:url(/common/img/li_001.gif);
		background-position:0px 0px;
		background-repeat:repeat-x;
		margin: 1px 0px 3px 0px;
		width: 232px;
		height: 1px;
	}

	#li_sol001{
	border-bottom:#CCCCCC solid 1px;
	}

/* Xg */
dl{
	padding:0px 0px 0px 0px;
	margin: 5px 0px 5px 20px;
	width: auto;
}
dl dt{
		margin: 3px 0px 3px 0px;
		padding:0px 0px 0px 22px;
		height:100%;
	}
dl dd{
		margin: 3px 0px 3px 0px;
		width: auto;
		height:100%;
		padding:0px 0px 1px 22px;
		text-indent: 0px;
	}


div.attention{
	background-image:url(/common/img/ic_005.gif);
	background-position:0px 3px;
	background-repeat:no-repeat;
	margin: 2px 0px 3px 0px;
	padding:0px 0px 0px 15px;
	height:100%;
}

dl.faq{
	padding:0px 0px 0px 0px;
	margin: 5px 0px 5px 20px;
	width: auto;
}
	dl.faq dt{
			background-image:url(/common/img/ic_004.gif);
			background-position:0px 0px;
			background-repeat:no-repeat;
			margin: 3px 0px 3px 0px;
			padding:0px 0px 0px 22px;
			height:100%;
		}
	dl.faq dd{
			background-image:url(/common/img/ic_003.gif);
			background-position:0px 0px;
			background-repeat:no-repeat;
			margin: 3px 0px 3px 0px;
			width: 530px;
			height:100%;
			padding:0px 0px 1px 22px;
			text-indent: 0px;
	}

dl.faq1{
	padding:0px 0px 0px 0px;
	margin: 5px 0px 5px 20px;
	width: auto;
}
	dl.faq1 dt{
			background-image:url(/common/img/ic_008.gif);
			background-position:0px 4px;
			background-repeat:no-repeat;
			margin: 3px 0px 3px 0px;
			padding:0px 0px 0px 12px;
			height:100%;
		}

dl.inf{
	padding:0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
	width: auto;
}
	dl.inf dt{
			background-image:url(/common/img/ic_007.gif);
			background-position:0px 3px;
			background-repeat:no-repeat;
			margin: 3px 0px 3px 0px;
			padding:0px 0px 0px 15px;
			height:100%;
		}


	/*?list_no?*/
	#list_no{
			padding:0px 0px 0px 0px;
			margin: 0px 0px 0px 25px;
			text-indent: -15px;
	}
	/* errorγ.*/
	#error{
		margin:0px 0px 0px 0px;
	}
		#error dl{
			padding:0px 0px 0px 0px;
			margin: 5px 0px 5px 5px;
		}
		#error dt{
			padding:0px 0px 0px 0px;
		}
		#error dd{
			padding:0px 0px 0px 0px;
			margin: 0px 0px 0px 22px;
			text-indent: -8px;
		}
/*  */

#Personal { margin:0px; padding:0px; }
#Personal dl {margin:0px; padding:0px;}
#Personal dt {margin:0px; padding:0px;}
#Personal dd {padding-top:10px; padding-bottom:10px;}
#Personal ol { margin:0; padding:12px 15px }
#Personal ol li { list-style-type:decimal; margin:0 0 0 15px; padding:0; }
#Personal ul li { margin:0; padding:0; }

/*  */

#product { margin:0px; padding:0px; }
#product ol { margin:0; padding:10px 0 }
#product ol li { list-style-type:disc; margin:0 0 0 20px; padding:0; }
#product ul li { margin:0; padding:0; }

#product1 { margin:0px; padding:0px; }
#product1 ol { margin:0; padding:15px 10px }
#product1 ol li { list-style-type:decimal; margin:0 0 0 20px; padding:0; }
#product1 ul li { margin:0; padding:0; }

#product2 { margin:0px; padding:0px; }
#product2 ol { margin:0; padding:10px 0 }
#product2 ol li { list-style-type:disc; margin:0 20px 0 25px; padding:0; }
#product2 ul li { margin:0; padding:0; }

#trial { margin:0px; padding:0px; }
#trial ol { margin:0; padding:0px 0 }
#trial ol li { list-style-type:decimal; margin:0 0 0 25px; padding:0; }
#trial ul li { margin:0; padding:0; }

/*?ACR?*/
	#ar_wh01{
		background-image:url(/common/img/ic_002.gif);
		background-position:25px 3px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 35px;
		width: auto;
		height:100%;
	}
	#box_wh01{
		background-image:url(/common/img/ic_001.jpg);
		background-position:13px 2px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 28px;
		width: 377px;
	}

	#ar_blank{
		background-image:url(/common/img/ic_006.gif);
		background-position:3px 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 25px;
		width: auto;
		height: 100%;
	}

	#ar_pur{
		background-image:url(/common/img/ic_008.gif);
		background-position:10px 4px;
		background-repeat:no-repeat;
		margin:0px 10px 15px 0px;
		padding:0px 0px 0px 20px;
		width: auto;
		height:20px;
	}

	#pen_pur{
		background-image:url(/common/img/ic_010.gif);
		background-position:10px 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 26px;
		width: auto;
		height:20px;
	}

	#pen_pur2{
		background-image:url(/common/img/ic_010.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 15px;
		width: auto;
		height:5px;
	}

	#box_br01{
		background-image:url(/common/img/ic_017.gif);
		background-position:5px 4px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 20px;
		width: auto;
	}

/*	#ar_bl01{
		background-image:url(/common/images/ar_001.gif);
		background-position:0px 5px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		width: auto;
		height:100%;
	}
	#ar_bl01_s{
		background-image:url(/common/images/ar_001.gif);
		background-position:0px 4px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 10px
		width: auto;
		height:100%;
	}
	
	
	#ar_wh01_s{
		background-image:url(/common/images/ar_002.gif);
		background-position:0px 2px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		width: auto;
		height:100%;
	}
	#ar_ye01{
		background-image:url(/common/img/ic_001.jpg);
		background-position:0px 5px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 10px;
		width: auto;
		height:100%;
	}
*/

/*?5@*/
	.w50{ width:50px;}
	.w60{ width:60px;}
	.w70{ width:70px;}
	.w80{ width:80px;}
	.w90{ width:90px;}
	.w100{ width:100px;}
	.w110{ width:110px;}
	.w120{ width:120px;}
	.w150{ width:150px;}
	.w160{ width:160px;}
	.w170{ width:170px;}
	.w200{ width:200px;}
	.w210{ width:210px;}
	.w220{ width:220px;}
	.w230{ width:230px;}
	.w240{ width:240px;}
	.w250{ width:250px;}
	.w300{ width:300px;}
	.w320{ width:320px;}
	.w350{ width:350px;}
	.contents01{ width:535px;}
	.contents02{ width:535px;}
	.contents03{ width:535px;}


/* v?hpC?W */
#img_load{display:none;}
#footer_navi { display:none;}

#bread_nv {
	background-image:url(/common/img/bg_002.jpg);
	background-position:0px 0px;
	background-repeat:repeat-x;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	width: auto;
	color:#666666;
}
	#bread_nv span{color:#6E234E;}

#ranking{}
#ranking_top{
		background-image:url(/img/ind_sti_003.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width: 180px;
}
#ranking_con{
		background-image:url(/img/ind_sti_bg_001.gif);
		background-position:0px 0px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:3px 0px 0px 0px;
		width: 180px;
}
#ranking_btom{
		background-image:url(/img/ind_sti_bg_002.gif);
		background-position:0px 100%;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		width: 181px;
}
	#ar_ranking{
		background-image:url(/common/img/ic_002.gif);
		background-position:25px 3px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 35px;
		width: auto;
		height:100%;
	}
	#ar_info{
		background-image:url(/common/img/ic_002.gif);
		background-position:25px 3px;
		background-repeat:no-repeat;
		margin:5px 10px 0px 0px;
		padding:0px 0px 0px 35px;
		width: auto;
		height:20px;
	}
	#ar_com{
		background-image:url(/common/img/ic_008.gif);
		background-position:10px 4px;
		background-repeat:no-repeat;
		margin:0px 10px 15px 0px;
		padding:0px 0px 0px 20px;
		width: auto;
		height:20px;
	}
	#ar_pro{
		background-image:url(/common/img/ic_008.gif);
		background-position:12px 9px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 20px;
		width: auto;
		height:20px;
	}
	#ar_link{
		background-image:url(/common/img/ic_008.gif);
		background-position:6px 9px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 14px;
		width: auto;
		height:20px;
	}
	#ar_dri{
		background-image:url(/common/img/ic_009.gif);
		background-position:2px 9px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 10px;
		width: auto;
		height:20px;
	}
	#ar_dri2{
		background-image:url(/product/img/ic_sle.gif);
		background-position:2px 5px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:5px 0px 0px 30px;
		width: auto;
		height:20px;
	}
	#ar_mag1{
		background-image:url(/common/img/ic_009.gif);
		background-position:2px 5px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 0px;
		padding:2px 0px 0px 10px;
		width: auto;
		height:13px;
	}
	#ar_news{
		background-image:url(/common/img/ic_002.gif);
		background-position:25px 3px;
		background-repeat:no-repeat;
		margin:5px 10px 0px 0px;
		padding:0px 0px 0px 35px;
		width: auto;
		height:20px;
	}
	

	#ar_sidemenu{
		background-image:url(/common/img/ic_008.gif);
		background-position:5px 4px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 15px;
		width: auto;
		height:auto;
	}
	#ar_sidemenu1{
		background-image:url(/common/img/ic_008.gif);
		background-position:5px 4px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 15px;
		width: auto;
		height:auto;
	}
	
		#ar_sidemenu_banner{
		background-image:url(/common/img/ic_008.gif);
		background-position:5px 4px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 15px;
		padding:0px 0px 0px 10px;
		width: auto;
		height:15px;
	}
	
		#ar_sidemenu_banner1{
		background-image:url(/common/img/ic_008.gif);
		background-position:2px 5px;
		background-repeat:no-repeat;
		margin:0px 0px 0px 14px;
		padding:0px 0px 0px 10px;
		width: 120px;
		height:auto;
	}
	#side a{color: #666666; text-decoration:none; }
	#side a:visited {color: #666666; text-decoration:none; }
	#side a:hover {color: #666666; text-decoration: underline; }
	#side a:active {color: #666666; text-decoration: underline; }
	
