/* body */
body,div,th,td,ol,ul,li,a,strong,span,input,select,textarea{
	font-family:µ¸¿ò,dotum,tahoma,sans-serif;
	color:#666;
	font-size:12px;
	scrollbar-highlight-color: #AEBBCF;
	scrollbar-shadow-color: #AEBBCF; 
	scrollbar-arrow-color: #AEBBCF;
	scrollbar-face-color: #FFFFFF; 
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	margin:0px;
	padding:0px;
}
body,html{
	height:100%;
}

ul{
	list-style:none;
}

a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#3B7BB6;
	text-decoration:none;
}

img,table{
	border:none;
}

table,td {
border-collapse:collapse;
word-break:break-all;
}

input.tx01{
	border:1px solid #e1dfdb;
	background:#f0f0f0;
	height:14px;
	padding:2px 6px;
}

textarea.ta01{
	border:1px solid #d8d8d8;
	width:340px;;
	height:110px;
	padding:2px 9px 0;
}
textarea.ta02{
	border:1px solid #ff673b;
	width:365px;;
	height:130px;
	padding:2px 9px 0;
}

.sel01{
	behavior:url(/image/arthall/eng/common/css/htc/select.htc);
}
.sel02{
	behavior:url(/image/arthall/eng/common/css/htc/select01.htc);
}

/* layout */
#body{
	width:850px;
	min-height:100%;
}
*html #body{
	height:100%;
}
#body div.lm{
	float:left;
	width:180px;
	padding:30px 0 0 30px;
}
#body div.cont{
	float:right;
	text-align:left;
	width:615px;
	margin-bottom:45px;
}

#footer{
	clear:both;
	width:100%;
	height:80px;
	background:#ededed;		
}
#footer img{
	margin:25px 0 0 50px;
	vertical-align:bottom;
}

div.lay01{
	width:330px;
	margin:13px 0 0 14px;
}
div.lay01 div.le{
	float:left;
	width:110px;
}
div.lay01 div.ri{
	float:right;
	width:220px;
	color:#000;
}
div.lay01 div.ri div.ct01{
	margin:10px 0 0 0;
	font-weight:bold;
	color:#000;
}
div.lay01 div.ri div.ct02{
	margin:10px 0 0 0;
	color:#000;
}
div.lay01 div.ri div.ct03{
	margin:10px 0 0 0;
	text-align:right;
}

div.lay02{
	width:595px;
}
div.lay02 div.le{
	float:left;
	width:220px;
}
div.lay02 div.ri{
	float:right;
	width:370px;
}

div.lay03{
	width:553px;
	margin:15px 0 0 0;
	display:table;
}
div.lay03 div.le{
	float:left;
	width:180px;
}
div.lay03 div.le div.menu{
	text-align:center;
	margin:5px 0 0 0;
}
div.lay03 div.ri{
	float:right;
	width:370px
	padding-top:30px;
}

div.lay04{
	width:340px;
	margin:10px 0 0 5px;
	clear:both;
	display:table;
}
div.lay04 div.lef{
	float:left;
	width:115px;
	padding-top:1px;
	color:#333;
	font-weight:bold;
}
div.lay04 div.lef img{
	vertical-align:middle;
	margin-bottom:3px;
}
div.lay04 div.rig{
	float:right;
	width:220px;
	color:#333;
}


div.ban01{
	position:absolute;
	top:260px;
	left:909px;
}

/* round table */
div.rt01{
	width:359px;
	display:none;
	position:absolute;
}
div.rt01 div.t{
	width:359px;
	background:url(/image/arthall/front/common/css/img/rt01_t.gif) no-repeat;
	height:9px;
	overflow:hidden;
}
div.rt01 div.m{
	width:359px;
	background:url(/image/arthall/front/common/css/img/rt01_m.gif) repeat-y;
	overflow:hidden;
	padding-bottom:10px;
}
div.rt01 div.b{
	width:359px;
	background:url(/image/arthall/front/common/css/img/rt01_b.gif) no-repeat;
	height:10px;
	overflow:hidden;
}

div.rt02{
	height:18px;
	display:table;
	margin-bottom:3px;
}
div.rt02 div.le{
	float:left;
	background:url(/image/arthall/front/common/css/img/rt02_le.gif) no-repeat;
	width:5px;
	height:18px;
}
div.rt02 div.mi{
	float:left;
	background:url(/image/arthall/front/common/css/img/rt02_mi.gif) repeat-x;
	overflow:hidden;
	color:#0b53c9;
	padding:3px 4px 0 4px;
	font-size:11px;
	text-align:center;
	height:18px;
}
div.rt02 div.ri{
	float:left;
	background:url(/image/arthall/front/common/css/img/rt02_ri.gif) no-repeat;
	width:5px;
	height:18px;
}


/* table */
table.tbl001{
	border:1px solid #d8d8d8;
	width:615px;
}
table.tbl001 td.cot{
	border:1px solid #d8d8d8;
	vertical-align:top;
}

table.tbl01 th,td{
	border:0px;
}
table.tbl01 th.con01{
	text-align:center;
	background:#f4f4f4;
	padding:5px 0px 0px;
	color:#333;
	height:19px;
}
table.tbl01 th.con02{
	text-align:center;
	background:#f4f4f4;
	padding:5px 0px 0px;
	color:#fe5310;
	height:19px;
}
table.tbl01 td.con01{
	padding:10px 8px;
	font-size:11px;
	height:100px;
	vertical-align:top;
}
table.tbl01 td a.or{
	color:#ff8942;
	font-size:11px;
}
table.tbl01 td a.or:hover{
	color:#ff8942;
	font-size:11px;
	text-decoration:underline;
}
table.tbl01 td a.bl{
	color:#71a2e6;
	font-size:11px;
}
table.tbl01 td a.bl:hover{
	color:#71a2e6;
	font-size:11px;
	text-decoration:underline;
}
table.tbl01 td a.gr{
	color:#7fa143;
	font-size:11px;
}
table.tbl01 td a.gr:hover{
	color:#7fa143;
	font-size:11px;
	text-decoration:underline;
}

table.tbl02{
	width:615px;
	border-bottom:1px solid #d8d8d8;
}
table.tbl02 td.con01{
	text-align:center;
	padding:9px 0px 8px;
	color:#333;
}
table.tbl02 td.con02{
	text-align:center;
	background:#f4f4f4;
	padding:9px 0px 8px;
	color:#333;
}
table.tbl02 td a:hover{
	font-weight:bold;
	color:#333;
}

table.tbl03{
	width:615px;
}
table.tbl03 td{
	text-align:center;
}
table.tbl03 td.con01{	
	padding:10px 0px 0px;
	color:#a2a2a2;
}
table.tbl03 td.con02{
	text-align:left;
	padding:10px 10px 0px;
	color:#333;
}
table.tbl03 td.con02 a{
	text-align:left;
	padding:10px 10px 0px;
	color:#333;
}
table.tbl03 td.con02 a:hover{
	text-align:left;
	text-decoration:underline;
	color:#333;
}

table.tbl04{
	width:300px;
	margin:20px 20px 0 0;
}
table.tbl04 td.fo{
	padding:4px 10px;
	vertical-align:top;
}
table.tbl04 td.stit{
	padding:9px 10px 0px;
	vertical-align:top;
}
table.tbl04 td input.txt{
	border:1px solid #e1dfdb;
	background:#f0f0f0;
	height:14px;
	padding:2px 6px;
}

table.tbl05{
	width:615px;
	margin:7px 0 0 0;
	border:3px solid #e6e4e4;
}
table.tbl05 th{
	background:#f6f6f6;
	padding:7px 0 6px;
	text-align:center;
	border-right:1px solid #e6e4e4;
	border-bottom:1px solid #e6e4e4;
}
table.tbl05 th.bornone{
	background:#f6f6f6;
	padding:7px 0 6px;
	border-bottom:1px solid #e6e4e4;
	border-right:0px;
}
table.tbl05 td{
	color:#333;
	text-align:center;
	padding:4px 0 5px;
	border-right:1px solid #e6e4e4;
	border-bottom:1px solid #e6e4e4;
	line-height:1.5em;
}
table.tbl05 td.bornone01{	
	border-right:0px;
	border-bottom:1px solid #e6e4e4;
}
table.tbl05 td.bornone02{	
	border-right:1px solid #e6e4e4;
	border-bottom:0px;
}
table.tbl05 td.bornone03{	
	border:0px;
	padding:0px;
}
table.tbl05 td.bornone04{	
	text-align:left;
	padding:5px 13px 5px;
	border-right:0px;
	border-bottom:1px solid #e6e4e4;
}

/* menu */
div.his{
	text-align:right;
	margin:12px 0 0 0;
	font-size:0.9em;
}
div.his a{
	color:#666;
}
div.his a:hover{
	font-weight:bold;
	color:#666;
}
div.his span.on{
	font-weight:bold;
}

div.tab01{
	margin:-30px 0 0 14px;
}

/* list */
ul.lem{
	margin:15px 0 0 25px;
	text-align:left;
}
ul.lem li.men01{
	padding:5px 0 0 0;
}
ul.lem li.men02{
	padding:0 0 0 15px;
}
ul.lem li.men03{
	padding:7px 0 0 0;
}

ul.view01{
	margin:28px 0 0 0;
	text-align:left;
	border-bottom:1px solid #adadad;
	padding-bottom:25px;
}
ul.view01 li{
	color:#333;
}
ul.view01 li.con01{
	padding:14px 0 0 14px;
	font-weight:bold;
}
ul.view01 li.con02{
	padding:14px 0 0 14px;
}
ul.view01 li.con03{
	padding:30px 0 0 0;
	font-weight:bold;
}
ul.view01 li.con03 img{
	vertical-align:middle;
	margin-bottom:3px;
}
ul.view01 li.con04{
	padding:7px 0 0 14px;
}
ul.view01 li a{
	font-size:11px;
	color:#ff861c;
	text-decoration:underline;
}
ul.view01 li a:hover{
	font-size:11px;
	color:#ff861c;
	text-decoration:underline;
}
ul.view01 li.con05{
	color:#333;
	font-weight:bold;
}
ul.view01 li.con05 img{
	vertical-align:middle;
	margin-bottom:3px;
}

ul.view02{
	width:362px;
}
ul.view02 li.ct01{
	float:left;
	width:100px;
	line-height:1.6em;
}
ul.view02 li.ct02{
	float:left;
	width:240px;
	line-height:1.6em;
}

div.linksite01{
	margin:10px 0 20px 0; 
	width:615px;
	display:table;
}

div.linksite01 div.ct01{
	float:left;
	width:212px;
	padding:0 0 10px 0;
}
div.linksite01 div.ct01 div.text, div.ct02 div.text, div.ct03 div.text{
	padding:10px 20px 0 14px;
	color:#666;
}
div.linksite01 div.ct02{
	float:left;
	width:208px;
}
div.linksite01 div.ct03{
	float:left;
	width:180px;
}

div.linksite02{
	clear:both;
	display:table;	
}
div.linksite02 div{
	color:#666;
	margin:0px 0 20px 0;
}
div.linksite02 div.ct01{
	float:left;
	width:195px;
	padding:0 0 0 14px;
}
div.linksite02 div.ct02{
	float:left;
	width:180px;
	padding:0 10px 0 14px;
}
div.linksite02 div.ct03{
	float:right;
	padding:0 20px 0 14px;
	width:160px;
}

ul.sitemap01{
	margin:30px 0 0 0;
	width:615px;
}
ul.sitemap01 li.ct01{
	float:left;
	width:211px;
}
ul.sitemap01 li.ct02{
	float:left;
	width:190px;
}
ul.sitemap01 li.ct03{
	float:right;
}

ul.sitemap02{
	clear:both;
	display:table;
	width:615px;
}
ul.sitemap02 li{
	padding:14px 0 0 19px;
	vertical-align:top;
}
ul.sitemap02 li.ct01{
	float:left;
	width:190px;
}
ul.sitemap02 li.ct02{
	float:left;
	width:195px;
}
ul.sitemap02 li.ct03{
	float:left;
}

/* title */
div.tit01{
	margin:8px 0 0 0;
}
div.tit02{
	margin:27px 0 0 0;
}
div.tit03{
	margin:20px 0 0 0;
}

/* text */
div.txt01{
	display:block;
	text-align:right;
	margin-top:7px;
}

div.txt02{
	width:367px;
	border-bottom:2px solid #d2d2d2;
	font-size:13px;
	font-weight:bold;
	color:#000;
	padding-bottom:6px;
	margin-bottom:10px;
}

div.txt03{
	margin:23px 0 0 8px;
}

div.txt04{
	margin:20px 0 0 20px;
	color:#333;
}

div.txt05{
	margin:10px 0 0 20px;
}

div.txt06{
	margin:20px 0 0 20px;
	font-weight:bold;
}

div.txt07{
	margin:-10px 0 0 0;
	text-align:right;
}

/* paging */
div.paging{
	text-align:center;
	margin-top:20px;
	color:#666;
}
div.paging a{
	color:#666;
}
div.paging a:hover{
	font-weight:bold;
}
div.paging span.on{
	font-weight:bold;
}
div.paging img{
	vertical-align:middle;
	margin-bottom:3px;
}
div.paging span.gra{
	color:#c0c0c0;
	padding:0 5px;
}

/* align */
.vm{
	vertical-align:middle;
}
.vm01{
	vertical-align:middle;
}
*html .vm01{
	vertical-align:middle;
	margin-bottom:5px;
}
*:first-child+html .vm01{
	vertical-align:middle;
	margin-bottom:5px;
}

.vt{
	vertical-align:top;
}

/* box */
div.box01{
	display:block;
	border:4px solid #e6e4e4;
	height:50px;	
	margin:20px 0 0 0;
}
div.box01 div.con01{
	margin:10px 0 0 14px;
}
div.box01 div.con02{
	text-align:right;
	display:block;
	margin:-30px 10px 0 0;
}
*html div.box01 div.con02{
	margin:-27px 10px 0 0;
}
*:first-child+html div.box01 div.con02{
	margin:-27px 10px 0 0;
}
div.box01 div.con02 img.mar{
	margin:0px 7px 2px 0;
	vertical-align:middle;
}
*html div.box01 div.con02 img.mar{
	margin:0px 7px 12px 0;
}
*:first-child+html div.box01 div.con02 img.mar{
	margin:0px 7px 12px 0;
}
div.box01 div.submenu{	
	margin:23px 0 0 16px;
	letter-spacing:-0.1em;
}
div.box01 div.submenu a:hover{	
	color:#ff861c;
	font-weight:bold;
}
div.box01 div.submenu span.on{	
	color:#ff861c;
	font-weight:bold;
}

div.box02{
	background:#eae9ea;
	display:table;
	padding:10px;
	margin:20px 0 0 0;
}

div.box03{
	background:#ececec;
	border:3px solid #e4e3e3;
	display:table;
	padding:25px 0 25px 30px;
	margin-top:7px;
	width:580px;
}

div.box04{
	border-top:3px solid #6f6f6f;
	border-bottom:1px solid #bfbfbf;
	padding:5px 16px 2px;
	color:#333;
	font-weight:bold;
	font-size:11px;
	margin-top:20px;
}
div.date{
	text-align:right;
	font-size:11px;
	color:#666;
	font-weight:normal;
	margin:-15px 16px 0 0;
}

div.box05{
	margin:20px 10px;
	color:#333;
}
div.box05 a{
	font-size:11px;
	color:#ff861c;
	text-decoration:underline;
}
div.box05 a:hover{
	font-size:11px;
	color:#ff861c;
	text-decoration:underline;
}

div.box06{
	margin:15px 0 0 0;
	border-top:1px solid #b7b7b7;
	background:#e9e9e9;
	padding:6px 0 5px 16px;
	color:#333;
	font-weight:bold;
}
div.box06 span.con{
	margin:0 0 0 20px;
	color:#666;
	font-weight:normal;
}
div.box07{
	border-bottom:2px solid #6f6f6f;
	padding:6px 0 5px 16px;
	color:#333;
	font-weight:bold;
}
div.box07 span.con{
	margin:0 0 0 20px;
	color:#666;
	font-weight:normal;
}

div.box08{
	margin:40px 0 0 80px;
}

div.box09{
	margin:10px 0 0 20px;
	border:1px solid #b7b7b7;
	padding:10px; 
	height:150px;
	width:335px;
	overflow:auto;
}
div.box09 a{
	color:#666;
}
div.box09 a:hover{
	color:#ff861c;	 
}

div.box10{
	margin:20px 0 0 20px;
}

div.box11{
	margin:10px 0 0 0;
	height:160px;
	border:4px solid #e6e4e4;
	color:#333;
	padding:20px;
	line-height:1.5em;
	overflow:auto;
	scrollbar-highlight-color: #cccccc;
	scrollbar-shadow-color: #cccccc; 
	scrollbar-arrow-color: #fff;
	scrollbar-face-color: #dddddd; 
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-track-color: #fff;
}


/* button */
div.btnl01{
	margin-top:10px;
}
div.btnl02{
	margin:-38px 0 0 104px;
}


div.btnr01{
	margin-top:10px;
	text-align:center;
}
div.btnr02{
	margin:-34px 14px 0 0;
	text-align:right;
}

div.btnr03{
	margin:-33px 0 0 0;
	text-align:right;
	width:622px;
}

/* margin */
.mt3{margin-top:3px;}.mt5{margin-top:5px;}.mt6{margin-top:6px;}.mt8{margin-top:8px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt25{margin-top:25px;}.mt30{margin-top:30px;}
.mt40{margin-top:40px;}.mt50{margin-top:50px;}.mt100{margin-top:100px;}
.mb2{margin-bottom:2px;}.mb3{margin-bottom:3px;}.mb4{margin-bottom:4px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb30{margin-bottom:30px;}
.mmb3{margin-bottom:-3px;}
.mr2{margin-right:2px;}.mr4{margin-right:4px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr14{margin-right:14px;}.mr15{margin-right:15px;}.mr17{margin-right:17px;}.mr18{margin-right:18px;}.mr20{margin-right:20px;}.mr25{margin-right:25px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr42{margin-right:42px;}.mr76{margin-right:76px;}.mr240{margin-right:240px;}.mr290{margin-right:290px;}
.ml3{margin-left:3px;}.ml4{margin-left:4px;}.ml5{margin-left:5px;}.ml7{margin-left:7px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.ml35{margin-left:35px;}.ml40{margin-left:40px;}
.mmr4{margin-right:-4px;}
.mmt4{margin-top:-4px;}
.margin01{margin:10px 0;}
.margin02{margin:0 4px 5px 0 ;}
.margin03{margin:0 10px;}

/* padding */
.pt5{padding-top:5px;}
.pb48{padding-bottom:48px;}.pb30{padding-bottom:30px;}

*html .pb30{padding-bottom:8px;}

/* line height */
.lh2{line-height:2px;}.lh3{line-height:3px;}.lh5{line-height:5px;}.lh7{line-height:7px;}.lh10{line-height:10px;}.lh14{line-height:14px;}.lh20{line-height:20px;}

/* etc */
#quick{
	position:absolute;
	top:235px;;
	left:865px;
}

.clear{
	clear:both;
}

/* popup */
div.poptitle{
	background:#1c1c1c;
	padding:23px 0 18px 18px;
}
div.popbottom{
	background:#f0f0f0;
	text-align:right;
	height:40px;
	padding:0px 10px 0 0;
	margin-top:20px;
}
div.popbottom img{	
	margin-top:11px;
}