@charset "utf-8";

	.white, i.white { 
		color: #fff !important; 
	}

	.btn-lg { padding: 10px 16px; border-radius: 3px; line-height: 1.33; font-size: 16px; }
	.btn-lg i {	top: 3px; font-size: 22px; position: relative; }

	.nopadding { padding:0 !important; }
	.margin-bottom-0	{ margin-bottom:0 !important; }
	.margin-bottom-10	{ margin-bottom:10 !important; }

	#content {
	  width: 100%;
	  float: none;
	 Padding:0 0 50px 0;
	}

	/* page content */
	.page_cont {
	  padding: 20px 0;
	  /*min-height: 500px;*/
	}
	.page_cont:after {
	  display: block;
	  clear: both;
	  content: '';
	  height: 0;
	}
	.page_cont .page_title {
	  font-size: 25px;
	  font-family: 'Nanum Gothic', Dotum, 'µ¸¿ò', Arial, sans-serif;
	  font-weight: 700;
	  color: #333;
	  margin:0px;
	  padding:0px;
	  /*padding-bottom: 10px;
	  border-bottom: 1px solid #aaa;
	  */
	}
	.page_cont .page_title + .page_concept {
	  display: block;
	  position: relative;
	  margin-top: -1px;
	  background-color: #FFF;
	}
	.page_cont > .article {
	  margin-top: 40px;
	}
	.page_cont > .article:first-child {
	  margin-top: 30px;
	}


	/* bd_box */
	.bd_box {
	  clear: both;
	  border: 2px solid #E8E8E8;
	  background-color: #FFF;
	  padding: 20px 0;
	  /* bold_bd */
	}
	.bd_box:after {
	  display: block;
	  clear: both;
	  content: '';
	  height: 0;
	}
	.bd_box h3 {
	  font-size: 16px;
	  font-weight: 700;
	  color: #444;
	}
	.bd_box h3 + p {
	  font-size: 11px;
	  letter-spacing: -1px;
	  color: #999;
	  padding-top: 10px;
	}
	.bd_box .open_alert {
	  color:#ed1c24;margin:0px;
	}
	/* bd_box */

	/* bb_join */
	.bb_join {
	  padding: 0 20px;
	}
	.bb_join .tb_wt {
	  margin-top: 0px;
	  border-top: 1px solid #B5B5B5;
	  border-bottom: 1px solid #B5B5B5;
	  background-color: #fff;

	}
	.bb_join .tb_wt tbody tr:first-child th,
	.bb_join .tb_wt tbody tr:first-child td {
	  border-top: 0px;
	}
	.bb_join .tb_wt tbody tr th,
	.bb_join .tb_wt tbody tr td {
	  border-top: 1px solid #EAEAEA;
	  padding: 6px 10px;
	  text-align: left;
	}
	.bb_join .tb_wt tbody tr th {
	  font-weight: 700;
	  color: #666;
	  padding-left: 20px;
	  background-color: #F9F9F9;
	  border-right: 1px solid #EAEAEA;
	  border-left: 1px solid #EAEAEA;
	}
	.bb_join .tb_wt tbody tr th:first-child {
		border-left: 0;
	}
	.bb_join .tb_wt tbody tr th em {
		font-weight: normal;
		color: #f71426;
	}

	.bb_join .tb_wt table tr td div.hidden_div {display:none}
	.bb_join .tb_wt tbody tr td p {
		margin-top: 6px;
	}
	.bb_join .bb_dot_list {
		margin-top: 30px;
	}
	.bb_join .bb_dot_list li {
		list-style: none;
		font-size: 11px;
		color: #999;
	}
	/* bb_join */

	table {
	  border-collapse: collapse;
	  width: 100%;
	}
	table,
	td,
	th {
	  border: none;
	}
	th {
	  font-weight: normal;
	}

	caption {
	  visibility: hidden;
	  width: 0;
	  height: 0;
	  font-size: 0;
	  line-height: 0;
	}

	table  { margin: 0px !important; }
	table caption, table colgroup { padding: 0px !important; }

	.frm_input {
		border:1px solid #ccc;
		background:#fff;
		color:#000;
		vertical-align:middle;
		border-radius:3px;
		padding:5px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	}
	.frm_input {height:34px;}

	a.btn_frmline, button.btn_frmline {
		display:inline-block;
		padding:0 5px;
		height:34px;
		border:0;
		background:#3c3c3c;
		border-radius:5px;
		color:#fff;
		text-decoration:none;
		vertical-align:top
	} /* ¿ìÆí¹øÈ£°Ë»ö¹öÆ° µî */
	a.btn_frmline {}
	button.btn_frmline {font-size:1em}

	@media only screen and (max-width: 1024px) {
		#content {
			width: 100% !important;
			float: none;
			margin: 0;
			padding-right: 0;
		}
		.page_cont {
			padding: 20px 10px;
			/*min-height: 500px;*/
		}

		/* ȸ¿ø°¡ÀÔ step */
		.bb_join_step {
			display: none;
		}
		.bb_join_step:after {
			display: block;
			clear: both;
			content: '';
			height: 0;
		}
		.bb_join_step li {
			display: none;
			margin: 0;
			border-radius: 16px;
			-webkit-border-radius: 16px;
			-moz-border-radius: 16px;
		}
		.bb_join_step li:after {
			display: none;
		}
		.bb_join_step li.active {
			display: block;
		}

		/* border box */
		.bd_box {

		}
		.bd_box:after {
			display: block;
			clear: both;
			content: '';
			height: 0;
		}

	}

	@media all and (max-width:767px) {

		.att_desc { display:none }

		.register-form .select.w100 select { width:100%; }
		.register-form .input_txt.w100 input { width:100%; }
		.register-form .input_txt.w150 input { width:100%; }
		.register-form .input_txt.w200 input { width:100%; }
		.register-form .symbol { display:none; }
		.register-form .input_txt input { margin-top:10px; }
		.register-form .msg_desc {margin-left:0px;}

		/*.tb_dp_list {display:none}*/
		/* border box */
		.bd_box {
			/* bold_bd */
		}

		.frm_input { width:100%; }

		#reg_mb_com_zip { width:58px; }
		#reg_mb_zip { width:58px; }

		/*ȸ¿ø°¡ÀÔ*/
		.bd_box .bb_join {padding:0 5%;}
		.bb_join {}
		.bb_join .tb_wt {}
		.bb_join .tb_wt table {}
		.bb_join .tb_wt table th {display:none;width:0;}
		.bb_join .tb_wt table td {width:auto !important;line-height:28px;}
		.bb_join .tb_wt table td label {white-space:nowrap}
		.bb_join .tb_wt table tr td div.hidden_div {display:block;font-weight:bold;}
		.bb_join .tb_wt table tr td div.hidden_div em {color:#F71426}
		.bb_join .tb_wt table td input[type=text] {max-width:100%}
		.bb_join .tb_wt table td input[type=file] {max-width:100%}

	}

/*
.write-wrap { padding-top:20px !important; }
.write-wrap .w-box { border:1px solid #ddd; margin-bottom:20px; background:#fff; padding:12px 15px 15px; }
.write-wrap .w-head { border-bottom:1px solid #ddd; margin:0px 0px 15px; font-weight:bold; padding-bottom:3px; }
.write-wrap .w-more { font-weight:normal; color:#888; letter-spacing:-1px; font-size:11px; }
*/

.write-wrap .w-bbs-box { border:1px solid #ddd; margin-bottom:20px; background:#fff; padding:12px 15px 15px; }
.write-wrap .w-bbs-head { border-bottom:1px solid #ddd; margin:0px 0px 15px; font-weight:bold; padding-bottom:3px; }
.write-wrap .w-bbs-more { font-weight:normal; color:#fff; letter-spacing:-1px; font-size:12px; padding-right:20px; }
.write-wrap .at-bbs-side { padding-top:0px; padding-bottom:0px; }

/* Write */
.write-wrap h2 { padding:0px; margin:0px; font-size:14px; font-weight:bold; }
.write-wrap label { font-weight:bold; margin-top:4px; }
.write-wrap .control-label { padding-top:0px; }
.write-wrap .write-content { height: 300px; }
.write-wrap .write-file { border:0;box-shadow:none; }
.write-wrap .write-btn { margin:15px 0px 25px; text-align:center; }
.write-wrap .delete-file { margin:0px; padding:0px 10px; font-weight:normal; }
.write-wrap .delete-file label { font-weight: normal; }
.write-wrap .sp-label { font-weight:normal; margin-right:10px; }
.write-wrap .sp-label input[type="checkbox"], .write-wrap .sp-label input[type="radio"] { margin-top:0px; }
.write-wrap .addr-line { margin-bottom:7px; }

.write-wrap #wr_content { height:100px !important; }

#autosave_pop div { text-align:right; }
#autosave_pop button { margin:0; margin-left:10px; padding:0; border:0; background:transparent; color:#888; }
#autosave_pop ul { margin:0; padding:0; padding-left:15px; list-style:disc; }
#autosave_pop li { padding:2px 5px;  }
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:""; }
#autosave_pop a { display:block; float:left; }
#autosave_pop span { display:block;; float:right; }

#variableFiles { width:100%; margin:0; border:0; }
#variableFiles td { padding:0px 0px 7px; border:0; }
#variableFiles input[type=file] { box-shadow : none; border: 1px solid #ccc !important; outline:none; }
#variableFiles .form-group { margin-left:0; margin-right:0; margin-bottom:7px; }
#variableFiles .checkbox-inline { padding-top:0px; font-weight:normal; }


.smarty-item-Title h3{margin: 0px; padding: 0px; }
.smarty-item-Title {padding-top:20px; margin-bottom:10px; position:relative;}
.smarty-item-Title:after {content:""; display:table; clear:both;}
.smarty-item-Title > h3 {font-size:20px; color:#333; font-weight:500; float:left; white-space:nowrap; line-height:1.0em; letter-spacing:-0.075em;}
.smarty-item-Title > h3 em {display:none;}
.smarty-item-Title > span {display:block; float:right; height:15px; line-height:15px; padding-left:20px; white-space:nowrap; font-size:12px; color:#666;}

@media (max-width:991px) {
	.smarty-item-Title {padding-top:30px; margin-bottom:10px;}
	.smarty-item-Title > h3 {width:100%; font-size:13pt; padding-bottom:3px;}
	.smarty-item-Title > h3 > span {display:none;}
	.smarty-item-Title > h3 em {display:inline; font-style:normal;}
	.smarty-item-Title > span {display:block; float:right; height:15px; line-height:15px; padding-left:20px; white-space:nowrap; font-size:12px; color:#666;}
}