@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

*{box-sizing:border-box;}
html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, legend, caption, table, tbody, thead, tfoot, tr, th, td, summary, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, b, i, a, small, menu, nav, section, time, mark, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, button {margin:0;padding:0; border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;color:inherit;vertical-align: middle}
dl,ul,ol,menu,li {list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
input,select,textarea,button {background:none}
input::-moz-placeholder, textarea::-moz-placeholder {color: #bbb !important;}
img {border:0; max-width:100%}
table {border-collapse:collapse; table-layout: fixed;}
a {text-decoration:none; color:inherit;}
blockquote {font-size:1.1em;font-style:italic;border-left:5px #000 solid; padding-left:20px;margin:40px 20px;}

b, strong {font-weight:bold;}
html, body {height: 100%;}
body {color:#333; font-size:12px; font-family:"Pretendard","Noto Sans KR",dotum,sans-serif; background:#fff;-webkit-font-smoothing: antialiased;-webkit-overflow-scrolling: touch;}

/* BASIC DESIGN */
::-moz-selection {background: #000000; /*메인색*/ color: #1bcb14;text-shadow: none;}
::selection {background: #000000; color: #1bcb14; text-shadow: none;}

.fl{float: left !important;}
.fr{float: right !important;}
.lighter {font-weight:100;}
.sb {font-weight:600;}
.b {font-weight:700;}
.eb {font-weight:900;}
.txc {text-align:center !important;}
.txl {text-align:left;}
.txr {text-align:right;}
.gray777 {color:#777 !important;}
.black {color:#000 !important;}
.red {color:#ed1c24;}
.green {color: #1bcb14; font-size: 1.1em;}
.bg_gray {background:#bbb !important;}
.f45 {font-size:45px;}
.f38 {font-size:38px;}
.f33 {font-size:33px;}
.f25 {font-size:25px;}
.f24 {font-size:24px;}
.f21 {font-size:21px;}
.f18 {font-size:18px;}
.f17 {font-size:17px;}
.f16 {font-size:16px;}
.f14 {font-size:14px;}
.f13 {font-size:13px;}

.btn_style1 { /*join*/
	display:inline-block;
	color:#fff;
	padding:10px 20px;
	background-color:#1bcb14;
	cursor:pointer;
}
.btn_style2 {
  position: absolute;
  top: 6px;
  color: #fff !important;
  padding: 4px 6px;
  border-radius: 3px;
  background-color:#666;
}
.btn_style6 { /*password_reset, login*/
	display: block;
	color: #fff;
	padding: 10px 15px;
	background-color: #444;
	cursor: pointer;
}
.input_style1{
  width:100%;
  border:1px solid #dadada;
  padding:8px 3px 8px 7px;
  background-color:#fff
}
.input_style2 {
  width:100%;
  border:none;
  border-bottom:1px solid #dadada;
  padding:8px 3px 8px 7px;
  background-color:#fff
}
.input_style3 {
	width:100%;
	border:1px solid #dadada;
	padding:11px;
	background-color:#FFF;
}
.file_style1{
  background-color:#FFF;
}
.select_style1 {
  border: 1px solid #dadada;
  padding:9px 5px;
  background-color:#FFF;
}
.select_style2 {
  position: absolute;
  top: 0;
  left: 22px;
  width: 71px;
  height: 24px;
  padding-left: 3px;
  border: 1px solid #b8b8b8;
  border-radius: 3px;
  line-height: 24px;
  overflow: hidden;
}
.textarea_style1 {
	width: 100%;
	height:250px;
	border:1px solid #ddd;
	padding: 2%;
	background-color:#FFF;
	overflow-x: hidden;
}
.ul_style1 {margin:30px auto 10px;}
.ul_style1:after{display: block;content:"";clear: both;}
.ul_style1 li{float: left;width: 100px;text-align: center;margin-bottom: 20px;cursor: pointer;}
hr {border:none;border-top:1px solid #ccc;}

.tbl_basic {
	width: 100%;
	text-align:left;
	border-top: 2px solid #1bcb14;
}
.tbl_basic > tbody > tr > th {
	font-weight:400;
  border-bottom: 1px solid #dadada;
	padding:12px 3% 10px;
	background: #f1f1f1;
}
.tbl_basic > tbody > tr > td {border-bottom: 1px solid #dadada;padding:10px 2%;}

.tbl_board {
	width: 100%;
	text-align: center;
	border-top: 3px solid #1bcb14;
}
.tbl_board > tbody > tr > th {
	font-weight:bold;
	text-align:center;
  border-bottom: 1px solid #dadada;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #f1f1f1;
}
.tbl_board > tbody > tr > td {border-bottom: 1px solid #dadada;padding:8px 1% 4px;}

.tbl_pray {
	width: 95%;
	text-align:left;
  margin:0 auto;
}
.tbl_pray > tbody > tr > th {
	font-weight:400;
	padding:12px 3% 10px;
	background: #f1f1f1;
}
.tbl_pray > tbody > tr > td {padding:5px 2%;}


/************** QT *************/
.header{}
.gnb{padding:10px 0;margin-top: 100px;}
.gnb li{
	width: 50%;
	position: relative;
	color: #fff;
	text-align: center;
	border: 1px solid #ccc;
	border-radius:10px;
	padding:10px 20px;
	margin:0 auto 10px;
	background-color: #333;
}
.gnb li:active {top:1px;left:1px;}
.gnb li.highlight {border:none;background-color:#1bcb14;}
.gnb li a {display:block;}
.lnb {
	color: #fff;
	padding: 10px 0;
	background-color: #1bcb14;
}
.lnb:after {display: block;content:""; clear: both;}
.lnb li {float: left;margin-left: 23px;}

.titleBox {text-align: center;margin:40px 0 20px;}
.titleBox h1{}
.titleBox .sub {
	letter-spacing:0.5px;
	color:#999;
	margin-bottom:5px;
}
.titleBox .bar{
	width:74px; height:4px;
	margin:0 auto 10px;
	background-color:#ddd;
}
.boardCtrlBox {
	position:relative;
	height:26px;
  text-align: right;
	margin-top:5px;
	margin-bottom:8px;
	top: 0;
	right: 14px;
	width: 100%;
}
.board_ctrl_sort2 {
	display: inline-block;
	width:71px; height:24px;
	padding-left:3px;
	border:1px solid #b8b8b8;
	border-radius:3px;
	line-height:24px;
	overflow:hidden;
	cursor:pointer;
}
.input_search {
	width:71px; height:24px;
	border:1px solid #b8b8b8;
	border-radius:3px;
	padding-left:5px;
	font-family:inherit;
}
.btn_search{
	display: inline-block;
	color:#fff;
	line-height:18px;
	border-radius:3px;
	padding:3px 10px;
	background:#114d49;
	cursor:pointer;
}
.btn_write {
	display: inline-block;
	color:#fff;
	line-height:18px;
	border-radius:3px;
	padding:3px 10px;
	background:#1bcb14;
	cursor:pointer;
}
.btn_list {
	display: inline-block;
	color:#fff;
	line-height:18px;
	border-radius:3px;
	padding:3px 10px;
	background:#114d49;
	cursor:pointer;
}
.contentsView {
	position: relative;
	text-align: left;
	padding: 40px 30px 130px 30px !important;
	background-color: #fefefe;
  word-break: break-all;
}
.contentsView h1 {font-size:19px;float: none;padding:5px 0px 10px;cursor: text;}
.contentsView h2 {font-size:17px;margin:15px 0 10px;}
.contentsView img {height:auto !important;margin:5px 0 10px;}
.contentsView li {list-style: outside; margin-left: 20px;}
.contentsView a {color: #1bcb14;}
.contentsView p {margin:5px 0;}
.contentsView table {max-width:100% !important}
.contentsView .marker {background-color:#6adf5b;}
/* .contentsView table td {padding:10px;} 시행하면 뉴스레터가 망가짐..*/

/**************** Board ******************/
.tbl_forum_write {
	width:100%;
	text-align:center;
	border-top:2px solid #1772b6;
	margin-bottom:40px;
}
.tbl_forum_write th {
	font-weight:700;
	border-bottom:1px solid #ddd;
	padding:6px;
	background-color:#f8f8f8;
}
.tbl_forum_write td {border-bottom:1px solid #ddd;padding:6px;}

.tbl_forum_cmmt_box {display: none;padding:0 !important;}
.tbl_forum_cmmt {
  width: 100%;
  border-top: 1px solid #dadada;
  text-align: center;
}
.tbl_forum_cmmt .c_w_td1 {
  width: 13%;
  border-top: 1px solid #ddd;
  padding: 8px !important;
  background: #f9f8fd;
}
.tbl_forum_cmmt .c_w_td2 {
  width: 77%;
  text-align: left;
  border-top: 1px solid #ddd;
  padding: 8px !important;
}
.tbl_forum_cmmt .c_w_td3 {
  width: 10%;
  border-top: 1px solid #ddd;
  padding: 8px !important;
}
.comment_written_box {
  position:relative;
  text-align: left;
  margin-top: 10px;
  margin-left: 15px;
  margin-bottom:15px
}
.comment_written_box .tit {font-weight:700;margin-bottom: 5px;}
.comment_written_box .del {
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 1px 5px 4px 4px;
	line-height: 11px;
	border: 1px solid #dcd8d9;
	color: #8c8c8c;
	cursor: pointer;
}
.pray_title {
  position:relative;
  padding-left: 5%;
  margin-top: 15px;
  margin-bottom: 10px;
}
.pray_title:after {
  position: absolute;top:0;left:3%;
  width:3px;height:100%;
  background-color:#15f215;
  content:"";
}

/*************** pager *****************/
.pager{
	text-align:center;
	margin-top:60px;
}
.pager:after{content:""; display:block; clear:both;}
.pager li {
	display:inline-block;
	padding: 4px 8px 3px;
	margin-left:-4px;
}
.pager a{
	cursor:pointer;
	text-decoration:none;
	color:#000;
}
.pager a.active{font-weight:bold;}

/*************** login,join *********************/
.loginBox {
	width:100%;
	border-top:2px solid #1bcb14;
	padding-bottom:60px;
	background-color:#f8f8f8;
}
.joinBox {
	border-top:2px solid #1bcb14;
	padding:3%;
	background-color:#f8f8f8;
}
.tbl_login {width:50%;margin:60px auto 0;}
.tbl_login td{padding:5px 0;}

.tbl_form { /*contact, join*/
	width:50%;
  margin: 0 auto;
}
.tbl_form th {width: 20%;text-align: left;}
.tbl_form td {padding:5px 0;}
.btnBox {
	position: relative;
	text-align:center;
	margin-top: 50px;
	margin-bottom: 10px;
}

/**************** darkBox ******************/
.darkBox {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  text-align: center;
  background: black;
  background: rgba(0,0,0,0.85);
  z-index: 500;
}
.btn_close{
  position: absolute;
  right: 5%;
  top: 0;
  color: #fff;
  font-weight: 700;
  font-size: 133px;
  cursor: pointer;
  opacity: 0.5;
	text-shadow: 0px 0px 6px #000;
}
.darkBox img {position: absolute;width: 100%;}


@media screen and (max-width:978px) {
	.f45 {font-size:35px;}
	.f38 {font-size:30px;}
	.f33 {font-size:26px;}
	.f18, h3 {font-size:15px;}
	.f17, h4 {font-size:14px;}
	.f16 {font-size:13px;}
	.f14 {font-size:12px;}

  .tbl_login {width: 70%;}
  .tbl_form {width: 90%;}
  .tbl_forum_cmmt .c_w_td3 {width:20%;}
}

@media screen and (max-width:652px) {
	.f45 {font-size:26px;}
	.f38 {font-size:23px;}
	.f33 {font-size:21px;}
	.f25 {font-size:18px;}
	.f24 {font-size:16px;}
	.f21 {font-size:15px;}
	.f17, h4 {font-size:13px;}
	.f16 {font-size:12px;}
	.f14 {font-size:10px;}
	.f13 {font-size:9px;}

	.lnb{font-size: 12px;}
	.lnb li {margin-left:13px;}
}