/************ Cascading Style Sheets import List start *************************************************************************/ 
@import url(reset.css); /* °øÅë*/ 
@import url(board.css);  /* °Ô½ÃÆÇ*/ 
@import url(layout.css); /* Çì´õ,DzÅÍ */


/* canvas ¿Í box 
canvas´Â ºê¶ó¿ìÀú ³Êºñ¸¦ 100% ä¿ì°í box¸¦ °¡¿îµ¥ Á¤·Ä½ÃÅ°´Â ±â´É¸¸ ÀÖÀ½
box´Â ³»¿ëÀ» ´ã±âÀ§ÇØ canvasÀÇ °¡¿îµ¥¿¡ À§Ä¡ÇÏ°í ³ÊºñÁ¤º¸¸¦ °¡Áö°í ÀÖÀ½. */
.canvas { width:100%;text-align:center;  border:0px;}
.box { width:1000px;margin: 0 auto; border:0px;}
/* //canvas ¿Í box */


.ed { border:1px solid #CCCCCC;  font-size:12px; padding:2px; color:#222222; } 

.inpage_title_tbl {
	width:100%;
	border-bottom:1px solid #e4e4e5;
	
}

.it_left {
	padding-top:45px;
	padding-left:45px;
	padding-bottom:15px;
	font-size:20px; 
	font-weight:bold;
	color:#000000;
}
.it_right {
	float:right;
	text-align:right;
	padding-top:45px;
}


.menu_on{ 
	text-align:left;
	font-weight:bold;
	text-decoration:none; 
	background-color:#FF9900;
	/* background:url(../images/left_on_bg.gif) no-repeat; */
}

.menu_on #m{ 
	color:#ffffff; 
	text-decoration:none; 
}

.left_tbl {
	float:left;
	text-align:left;
	width:190px;
	height:auto;
	line-height:26px;
	background:url(../images/left_bg.gif);
}

.left_tbl a{
	text-align:left;
	padding-left:10px;
	color:#444444; 
	font-size:13; 
	font-family:"Nanum Gothic", "Gulim";
	cursor:hand;
	text-decoration:none; 
}

.left_tbl .hrefb{ 
	text-align:left;
	padding-left:10px;
	color:#444444; 
	font-size:13; 
	font-family:"Nanum Gothic", "Gulim";
	cursor:hand;
	text-decoration:none; 
}




/* ÆäÀÌÁö º»¹® ¼ÒÁ¦¸ñ */
.section_title { height:16px; font-weight:bold; background:url("../images/title_icon.gif") no-repeat ; padding-left:20px; padding-top:2px; margin-bottom:5px; margin-top:20px; color:#000;}


.tap1_title { padding-top:5px;  padding-bottom: 10px; font-weight:bold; font-size:15pt;font-family:NanumGothic;}
.tap2_title { background:url(../images/t_head.gif) no-repeat 0% 60%; padding-top:5px; padding-left: 12px; text-align:left; font-weight:bold;}
.tap3_title {  background:url(../images/li_bull.gif) no-repeat 0 5%; font-weight:bold; height:20px; padding-left:20px; margin-top:25px; color:#444444}




table {border-collapse:collapse; border-spacing: 0; } /* Chrome¿¡¼­ border ¾È º¸ÀÌ´Â ¿äÀÎ */ 

table.type1{border-top:2px solid #046eb8;border-bottom:1px solid #cccccc;}
table.type1 thead tr th{text-align:center;padding:7px 0;background:#f7f7f7;border-left:1px solid #e4e4e5;border-bottom:1px solid #e4e4e5;}
table.type1 thead tr th.first-child{border-left:0;}
table.type1 tbody tr th{font-weight:normal;text-align:center;border-bottom:1px solid #e4e4e5; background-color:#F3F2E9; }
table.type1 tbody tr th.time{ background-color:#FFFFFF; text-align: left; padding-left: 5px;}
table.type1 tbody tr td{padding:5px 0 0 0;text-align:center;border-left:1px solid #e4e4e5;border-bottom:1px solid #e4e4e5;}
table.type1 tbody tr td.time {border-left:0;}
table.type1 tbody tr td.align_left { text-align: left; padding-left: 7px;}


table.type2{ border-top:2px solid #ea002c;border-bottom:2px solid #e4e4e5;}
table.type2 thead tr th{text-align:center;padding:7px 0;background:#f7f7f7;border-left:1px solid #e4e4e5;border-bottom:1px solid #e4e4e5;}
table.type22 thead tr th.first-child{border-left:0;}
table.type tbody tr th{font-weight:normal;text-align:center;border-bottom:1px solid #e4e4e5; background-color:#F3F2E9; }
table.type2 tbody tr th.time{ background-color:#FFFFFF; text-align: left; padding-left: 5px;}
table.type2 tbody tr td{ padding:5px 0 5px 10px;text-align:left;border-left:1px solid #e4e4e5;border-bottom:1px solid #e4e4e5;}
table.type2 tbody tr td.left_title { text-align: left; border-left: 0px; padding-left: 10px;background:#f7f7f7;}

table.type3 { line-height: 17px; border:0px;}
table.type3 td.use_title { font-weight: bold; height: 30px; padding-left: 5px;}
table.type3 td.use_stitle { padding-left: 15px; }




/* Å×À̺í 1 */
.board_top { clear:both; }
.board_list {   margin:5px 0 0 0px; width:740px;}
.board_list th { font-weight:bold; font-size:12px; } 
.board_list th { background:url(<?=$board_skin_path?>/img/title_bg.gif) repeat-x; } 
.board_list th { white-space:nowrap; height:34px; overflow:hidden; text-align:center; } 
.board_list th { border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 
.board_list tr.bg0 { background-color:#fafafa; } 
.board_list tr.bg1 { background-color:#ffffff; } 
.board_list td { padding:.5em;border-bottom:1px solid #ddd; } 

/* Å×À̺í 2*/
.basic2_tbl {width:100%;border-collapse:collapse; margin-bottom:10px; text-align:center; border:1px solid #a09f9a; }
.basic2_tbl tr {height:26px}
.basic2_tbl th {padding:7px 10px; font-size:12px; border:1px solid #D4D4D4; background:#f5f8f9;}
.basic2_tbl td {padding:7px 10px;border:1px solid #D4D4D4}
.basic2_tbl INPUT { border: expression( (this.type=='checkbox'||this.type=='radio')?'':'1px solid #C0BEBE' );  }
.basic2_tbl .redtd {color:#ff0000;}
.smalling tr {height:18px}
.smalling td {padding:5px 10px; }
.smallest tr {height:12px}
.smallest td {padding:3px 4px; }
.th_left th {text-align:left}
.td_left td {text-align:left}
.middle_input input { height:22px; padding:3px; margin:0px;  }



/* ÀÏÁ¤Ç¥ °ü·Ã style */
.basic3_tbl {width:740px ;border-collapse:collapse; border-spacing:0; }
.basic3_tbl tr {}
.basic3_tbl th {border:1px solid #B7BDCC;background:#f5f8f9;text-align:center;height:30px; font-size:9pt; }
.basic3_tbl td {padding:7px 5px;border:1px solid #B7BDCC;height:100px; }


.picture_frame {
	padding:5px;
	border:1px solid #cccccc;
}




/* ±×³É Á¤·ÄÀ» À§ÇÑ Å׵θ®¾ø´Â Å×À̺í */
.just_tbl {width:100%;border-collapse:collapse; margin-bottom:0px;  border:0px; }
.just_tbl tr {height:20px}
.just_tbl td {padding:2px;border:0px; vertical-align:top; }


/* ±×³É Á¤·ÄÀ» À§ÇÑ Å׵θ®¾ø´Â Å×À̺í */
.normal_tbl {width:100%; border:0px; }
.normal_tbl tr {height:20px}
.normal_tbl td {padding:2px;border:0px; text-align:center; }

.ball_head {
	padding-left: 9px;
	color: #000000;
	background:url(../images/ball.gif) no-repeat 0 30%; } 
}



/*¹öÆ° */

/* ¹öÆ° ±âº» style */
.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
	background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
	background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
	background-color:#637aad;
	border:1px solid #314179;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#AAB6D2;
	border:1px solid #546BBA;
	color:#546BBA;
}


a.btn {
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	display:inline-block;
	background:#FF6633;
	padding:10px 20px;
	text-decoration:none;
	font-family:Dotum;
	font-weight:bold;
	font-size:11pt;
	color:#ffffff;
}
a.btn:hover {
	background:#FF9900;
	text-decoration:none;
	color:#ffffff;
}



/* ·¹À̾ŸÀÏ */

#promiseLayer {
	position:absolute;
	background:#fff;
	border: 4px #1e458a solid;
	padding:20px;
	z-index:1001;
	display:none;
	top:200px; 
	left:500px; 
	width:740px; 
	height:500px; 
	overflow:scroll;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;
}

#footerLayer {
	position:absolute;
	background:#fff;
	border: 4px #1e458a solid;
	padding:20px;
	z-index:1001;
	display:none;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	left:500px; 
	width:740px; 
	height:500px; 
	overflow:scroll;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;
}

#footerVoucherLayer {
	position:absolute;
	background:#fff;
	border: 4px #1e458a solid;
	padding:20px;
	z-index:1001;
	display:none;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	left:500px; 
	width:530px; 
	height:540px; 
	overflow:scroll;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;
}

#rightFreeLayer {
	position:absolute;
	background:#fff;
	border: 4px #1e458a solid;
	padding:20px;
	z-index:1001;
	display:none;
	top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(0 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
	left:500px;
	width:800px;
	height:700px;
	overflow:scroll;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 10px 0px #333333;
	-webkit-box-shadow: 0px 0px 10px 0px #333333;
	box-shadow: 0px 0px 10px 0px #333333;
}