@charset "utf-8";

/**********************************************************************
@ Style Sheet
**********************************************************************/
@import url("btn_group.css");
@import url("ie.css");
@import url("font-awesome.min.css");
@import url("font-awesome-ie7.min.css");
@import url("space.min.css");

/**********************************************************************
@ css 초기화
**********************************************************************/

/**********************************************************************
# reset
**********************************************************************/
* { margin:0; padding:0; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { font-family:Arial,Helvetica,"돋움",dotum,"굴림",gulim,sans-serif; font-size:12px; }
td, th, textarea { font-size:12px; font-family:"나눔고딕", NanumGothic, "돋움",dotum,"굴림",gulim,sans-serif !important; }
select { font-family:Arial,dotum,Helvetica,sans-serif; font-size:12px; height:22px; 
		border:1px solid #abadb3; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
img { border:0; vertical-align:middle; }
input,select,label,a { vertical-align:middle; display:inline-block; }
.clear:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
*+ html .clear,* html .clear { display:inline-block; }

/**********************************************************************
# reset web accessibillity
**********************************************************************/
.skip, .des { position:absolute; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; text-indent:-3000px; border:none; overflow:hidden; }
.hide, hr { display:none; }

/**********************************************************************
# reset font
**********************************************************************/
#content_area {font-family:"나눔고딕", NanumGothic, "돋움",dotum,"굴림",gulim,sans-serif !important; }

/**********************************************************************
# reset a link
**********************************************************************/
a { text-decoration: none; cursor:pointer; }
a:link { text-decoration:none; cursor:pointer; }
a:visited { text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }

/**********************************************************************
# reset form
**********************************************************************/
form { display:inline; }
fieldset { border:none; margin:0 !important; padding:0 !important; }
legend { position:absolute; left:-1000em; }

/**********************************************************************
# reset horizon
**********************************************************************/
hr {display:none;}

/**********************************************************************
# table
**********************************************************************/
table { border-collapse:collapse; border-spacing:0; border:none; }
caption { position:absolute; left:-1000em; display:none; }

/**********************************************************************
@ 공통 css
**********************************************************************/

/**********************************************************************
# label color
**********************************************************************/
.label {
display: inline-block;
padding: 1px;
font-size: 11.844px;
line-height: 14px;
color: #ffffff;
white-space: nowrap;
vertical-align: baseline;
background-color: #aaa;
}

/* blue */
.label-info { background-color: #3a87ad; }
/* yellow */
.label-warning { background-color: #f89406; }
/* red */
.label-red { background-color: red; }
/**********************************************************************
# font awesome size
**********************************************************************/
.icon-1 { font-size: 1em; }
.icon-2 { font-size: 2em; }
.icon-3 { font-size: 4em; }
.icon-4 { font-size: 7em; }
.icon-5 { font-size: 12em; }
.icon-6 { font-size: 20em; }

/**********************************************************************
# layout
**********************************************************************/
#adminExtend #content_area { width:740px; float:left; padding:15px; }
.admin #content_area { width:100%; }
#ndcss_container #content_area { width:100%; }

/**********************************************************************
# paragraph
**********************************************************************/
.align_center { text-align:center !important; }
.align_right { text-align:right !important; }
.align_left { text-align:left !important; }

/**********************************************************************
# float
**********************************************************************/
.pull_right { float:right; }
.pull_left { float:left; }
.pull_none { float:none; }
.pull_clear { clear:both; }

/**********************************************************************
# position
**********************************************************************/
.affix { position: fixed; }

/**********************************************************************
# table layout
**********************************************************************/
.table,.table_white,.table_gray { width:100%; }
.table_lf th,.table_lf td { text-align:left; }
.table_cn th,.table_cn td { text-align:center; }
.table_rg th,.table_rg td { text-align:right; }
.table_lf_cn th { text-align:left; }
.table_lf_cn td { text-align:center; }
.table_lf_rg th { text-align:left; }
.table_lf_rg td { text-align:right; }
.table_cn_lf th { text-align:center; }
.table_cn_lf td { text-align:left; }
.table_cn_rg th { text-align:center; }
.table_cn_rg td { text-align:right; }
.table_rg_lf th { text-align:right; }
.table_rg_lf td { text-align:left; }
.table_rg_cn th { text-align:right; }
.table_rg_cn td { text-align:center; }

/**********************************************************************
# table line
**********************************************************************/
.table_line1 th,.table_line1 td { border:1px solid #ccc; }
.table_line2 th,.table_line2 td { border-top:1px solid #ccc; }
.table_line3 th,.table_line3 td { border-bottom:1px solid #ccc; }
.table_line4 th,.table_line4 td { border:1px dotted #ccc; }
.table_line5 th,.table_line5 td { border-top:1px dotted #ccc; }
.table_line6 th,.table_line6 td { border-bottom:1px dotted #ccc; }
.table_line7 { border-top:1px solid #ccc; }
.table_line8 { border-bottom:1px solid #ccc; }
.table_line9 { border:1px solid #ccc; }

/**********************************************************************
# table space
**********************************************************************/
.table_sp1 th { padding:7px 0px; background: #f1f1f1; color:#3f3f3f; }
.table_sp1 td { padding:3px 3px 3px 10px; }
.table_sp2 td { padding:3px 3px 3px 0; }
.table_sp3 th { padding:7px 0px 7px 30px; background: #f1f1f1; color:#3f3f3f; }
.table_sp3 td { padding:3px 3px 3px 10px; }
.table_sp th { padding:7px 0px; background: #f1f1f1; color:#3f3f3f; }
.table_sp td { padding:7px 3px; }

/**********************************************************************
# table background
**********************************************************************/
.table th { background:#ebebeb; }
.table_gray th { background:#f3f3f3; }

/**********************************************************************
# text input
**********************************************************************/
input { line-height:18px \9 !important; }
.text_put { height:19px; padding:0 3px; border:1px solid #abadb3; }
.text_area { padding:0 3px; border:1px solid #abadb3; }

/**********************************************************************
# background
**********************************************************************/
.bg_white { background:#fff; }

/**********************************************************************
# color
**********************************************************************/
.col_red { color:#d55b34; }

/**********************************************************************
# line-height
**********************************************************************/
.line-hi {line-height:20px;}

/**********************************************************************
# display
**********************************************************************/
.inline { display:inline; }
.block { display:block; }
.inline-block { display:inline-block; }

/**********************************************************************
# paging
**********************************************************************/
.pagination { margin: 20px 0; }

.pagination ul {
	display: inline-block;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul li { list-style:none; display:inline; }
.pagination-mini ul > li > a { 
	color:#0088cc;
	padding: 0 6px; 
	line-height: 20px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	font-size: 10.5px; 
	border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-topleft: 3px;
	border-bottom-left-radius: 3px;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span { color: #999999; cursor: default; background-color: #f5f5f5; }

/**********************************************************************
@ admin
**********************************************************************/

/**********************************************************************
@ admin layout
**********************************************************************/
#dgcWrap_power {float:left; margin:0 0 30px 25px; width:720px; *zoom:1;}
#dgcWrap_power:after { display: block; clear: both; content: "";}


/**********************************************************************
@ admin nav
**********************************************************************/
.nav_on { margin-bottom:15px; position:relative; width:100%; letter-spacing:-1px; }
.nav_area {margin-bottom:15px; border-bottom:1px solid #ddd; float:left; width:100%;}
.nav_area li { display:inline; margin-right:1px; font-weight:bold; }
.nav_area li a { padding:0 8px; background: #eee; height:30px; line-height:30px; color:#555; }
.nav_area li .on { background: #8ac4c7; color:#fff; }
.nav_area li a:hover { text-decoration:underline; background: #bad6d8; }

/**********************************************************************
@ admin menu
**********************************************************************/
.menu_on { margin-bottom:15px; position:relative; width:100%; letter-spacing:-1px; }
.menu_area {margin-bottom:15px; border-bottom:1px solid #ddd; float:left; width:100%;}
.menu_area li { display:inline; margin-right:1px; font-weight:bold; }
.menu_area li a { padding:0 8px; background: #eee; height:30px; line-height:30px; color:#555; }
.menu_area li .on { background: #C78A8A; color:#fff; }
.menu_area li a:hover { text-decoration:underline; background: #ECD1D1; }

/**********************************************************************
@ admin nav
**********************************************************************/
.pl_none td { padding-left:5px !important; }

/**********************************************************************
# 관리자 디자인 별도
**********************************************************************/
.title_design { color:#474747; padding:8px 0 8px 5px; border: 1px solid #ccc; 
				border-bottom:none; background:#f1f1f1; }

.price_red { color:#f70000; } /* 취소 / 필수 체크 */
.reg_green { color:#51a351; } /* 대기 */
.reg_blue { color:#2f96b4; } /* 완료 */

/* 약관 */
.clause { height:200px; border:1px solid #ccc; padding:5px; line-height:20px; }

/* step_area */
.step_area {padding:0 0 10px; text-align:center; background:#fff;
	border:0px solid #999; border-top-width:0px; border-left:0; border-right:0; border-bottom:1px dashed #bbb;
	}
.step_area span {display:inline-block; margin:0 -2px;}
.step_area .arr {width:5%; line-height:42px; font-size:20px; color:#999;}
.step_area .a_on {font-weight:bold; color:#e95d2c;}
.step_area .step {width:12%; padding:5px 0; line-height:16px; border:0px solid #aaa; border-radius:3px; background:#eee;}
.step_area .step b {color:#555;}
.step_area .on {color:#fff;
	background: #e87a55; /* Old browsers */
	background: -moz-linear-gradient(top,  #e87a55 0%, #e8440d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e87a55), color-stop(100%,#e8440d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e87a55 0%,#e8440d 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e87a55 0%,#e8440d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e87a55', endColorstr='#e8440d',GradientType=0 ); /* IE6-9 */
	}
.step_area .on b {color:#fff;}

/* common */
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w30 {width:30px !important;}
.w40 {width:40px !important;}
.w50 {width:50px !important;}
.w60 {width:60px !important;}
.w70 {width:70px !important;}
.w80 {width:80px !important;}
.w90 {width:90px !important;}
.w100 {width:100px !important;}
.w110 {width:110px !important;}
.w120 {width:120px !important;}
.w130 {width:130px !important;}
.w140 {width:140px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w250 {width:250px !important;}
.w300 {width:300px !important;}
.w350 {width:350px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.cen {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.pd_l30 {padding-left:30px !important;}
.mg_l10m {margin-left:-10px !important;}
.mg0 {margin:0 !important;}
.red {color:red !important;}
.blue {color:blue !important;}
.green {color:#00989c !important;}