/* 게시판 공통으로 쓰이는 스타일 */
img { border:0px; }

.select_css {	font-size : 12px;	letter-spacing:-1px;	border:1 solid #B1B5B6;	background-color:#FFFFFF;		 }
.board_textarea { font-size:12px; font-family:돋움; border:1px solid #d9d9d9; color:666666}
.input19 {height:20; font-size:12px; font-family:돋움; border:1px solid #d9d9d9; color:666666}
.input19_2 {height:20; font-size:12px; font-family:돋움; border:1px solid #cccccc; color:666666}
.board_pop_bg{background-image:url(/modules/board/img/pop/top_pop_bg.gif); background-repeat:repeat-x; background-position:top; };
.s_font { font-size: 12px; }
.gImgbox { border:1px solid #CDCDCD; padding: 2px; }


/* 정렬기준*/
.top{vertical-align:top;};
.center{ text-align:center};
.vcen{ vertical-align:middle};
.foot{vertical-align:bottom};
.left{ text-align:left};
.right{ text-align:right};
.jt { text-align:justify; }/*양쪽정렬*/

.float-left { float:left; }
.float-right { float:right; }

.pd_l10 { padding-left:10px; }


.s_font_b_green{font-size:12px; font-family:돋움; color:#99d26c;};



.board_pg_1line_write{border-bottom:1px solid #b4cec9;}

.s_font_b_bluegreen{font-size:12px; font-family:돋움; color:#b4cec9;};

.box_pop{border:1px solid #a6c7c6;background-color:e5eded;}
.box_pop2{border:1px solid #c0d7d6;}


.board_gray{border-top:2px solid #808080; border-bottom:2px solid #808080;}
.board_gray_l{border-left:2px solid #808080;}
.board_gray_r{border-right:2px solid #808080;}
.s_font_b_gray{font-size:12px; font-family:돋움; color:#2E2E2E;}


.board_ellipsis {white-space:nowrap; text-overflow : ellipsis; overflow : hidden; }

.board_select {	font-size : 12px;	letter-spacing:-1px;	border:1px solid #B1B5B6;	background-color:white;		 }
.board_selectHtc{ behavior: url('/modules/board/js/selectBox.htc'); }


/**********************************************************************************************************/
/* 추가스타일 */
/**********************************************************************************************************/

#boardArea { margin:0 auto; width:100%; padding:0px; text-align:left;  }
#boardArea span.listBtn button {	font-size: 14px;    color: #ffffff;    background: #989898;  margin:0 5px;  padding: 8px 15px;	border: 0;/* 	width:85px !important; */}
.box_search {margin:0 auto; padding:15px 0; background:#f4f4f4;}
span.subject img{vertical-align: middle;}
/*
#boardArea .bbs_pn li.tit {    padding: 10px 0;    font-weight: 400;    font-size: 16px !important;    border-bottom: 1px #ddd solid;}
#boardArea .bbs_pn li.tit span.subject, #boardArea  .bbs_pn li.tit span.no {font-size: 15px;}
#boardArea ul.bbs_pn {	background: url(/images/common/bg_arrow.png) no-repeat 7px; center;	margin-bottom: 30px;	padding-bottom: 0px;}
*/
#boardArea .bbs_box_gray {    border: 1px solid #e4e4e4;    padding: 20px !important;    background: #f9f9f9;}
#boardArea td.font_11s {    padding-bottom: 8px;}
#boardArea #bbsVieContents td {    font-size: 15px !important;}
#boardArea .board_list_plum {    border-bottom: 2px solid #e21738 ;}
#boardArea .bbs_box_gray {    border: 1px solid #CCCCCC;}

#bbs_submitArea { clear:both; margin:0 auto; width:100%; text-align:center; padding-top:20px; }
#bbs_submitArea .left { float:left; text-align:left; }
#bbs_submitArea .right { float:right; text-align:right; }
#bbs_submitArea span.submitBtnCheck button {    border: 0;    background: #404040;    padding: 10px 15px;    color: #fff;		font-size: 15px;		font-weight: 700;}

.bbs_fixed { table-layout:fixed }
.bbs_txtBold { font-weight: bold }
.bbs_select {	height: 40px; font-size:13px; letter-spacing:-1px; border: 1px solid #ccc;	background: #FFFFFF; padding: 8px 3px 8px 3px !important; }
.bbs_input { font-size:13px; letter-spacing:-1px; border: 1px solid #ccc; background: #FFFFFF; padding: 9px 3px 9px 3px; }
.bbs_fileinput { font-size:13px; border: 1px solid #ccc; background: #FFFFFF; padding: 9px 3px 9px 3px; margin-top:3px;}

/* 박스 */
.bbs_box_gray { border: 2px solid #CCCCCC; padding: 2px; background: #FFFFFF; }
.bbs_box_green { border: 2px solid #47573A; padding: 2px; background: #FFFFFF; }
.bbs_box_blue { border: 2px solid #274591; padding: 2px; background: #FFFFFF; }
.bbs_box_orange { border: 2px solid #F26722; padding: 2px; background: #FFFFFF; }
.bbs_box_yellow { border: 2px solid #FFA800; padding: 2px; background: #FFFFFF; }
.bbs_box_brown { border: 2px solid #483631; padding: 2px; background: #FFFFFF; }
.bbs_box_purple { border: 2px solid #6C4892; padding: 2px; background: #FFFFFF; }
.bbs_box_plum { border: 2px solid #7E123F; padding: 2px; background: #FFFFFF; }
.bbs_box_deepblue { border: 2px solid #194B88; padding: 2px; background: #FFFFFF; }
.bbs_box_deepred { border: 2px solid #A50303; padding: 2px; background: #FFFFFF; }



/* 리스트 타이틀 */
.bbs_listTitle_green { font: 11px Dotum; font-weight: bold; color: #646464; padding-top: 3px; }
.bbs_listTitle_blue { font: 11px Dotum; font-weight: bold; color: #274591; padding-top: 3px; }
.bbs_listTitle_orange { font: 11px Dotum; font-weight: bold; color: #F26722; padding-top: 3px; }
.bbs_listTitle_yellow { font: 11px Dotum; font-weight: bold; color: #996400; padding-top: 3px; }
.bbs_listTitle_brown { font: 11px Dotum; font-weight: bold; color: #483631; padding-top: 3px; }
.bbs_listTitle_purple { font: 11px Dotum; font-weight: bold; color: #6C4892; padding-top: 3px; }
.bbs_listTitle_plum { font: 11px Dotum; font-weight: bold; color: #7E123F; padding-top: 3px; }
.bbs_listTitle_deepblue { font: 11px Dotum; font-weight: bold; color: #194B88; padding-top: 3px; }
.bbs_listTitle_deepred { font: 11px Dotum; font-weight: bold; color: #A50303; padding-top: 3px; }


.agreeYac { width: calc(100% - 2px); margin: 0 auto; text-align: left; height: 200px; border:1px solid #EEEEEE; overflow-x:hidden; }
.agreeYac .agreeConst { width: calc(100% - 32px); padding:15px; margin: 0 auto; text-align: left; overflow: hidden; }
.agreeYac .agreeConst .tit{ color:#000; font-size:17px; line-height:20px; display:block; font-weight:500; text-align: left; letter-spacing:-1px; margin:10px 0px 15px 0px; }
.agreeYac .agreeConst .yac_box { width: calc(100% - 25px); padding-left:25px; margin: 0 auto; font-size: 13px; line-height:15px; overflow:hidden; }
.agreeYac .agreeConst .yac_box p { padding: 2px 0; margin: 0; }

#bbsFormDiv { padding: 0 0 20px 0; }
#bbsFormDiv .leftCell { font: 12px Dotum; letter-spacing: 0px; padding: 7px; }
#bbsFormDiv .rightCell { font: 12px Dotum; letter-spacing: 0px; padding: 7px 3px 7px 5px; }
#bbsFormDiv .rightCell2 { font: 12px Dotum; letter-spacing: 0px; padding: 7px 3px 7px 5px; letter-spacing: 0px}
#bbsFormDiv .dataCell { font-size: 12px; letter-spacing: 0px; padding:3px; }

#bbsViewDiv .leftCell { font: 12px Dotum; letter-spacing: 0px; }
#bbsViewDiv .rightCell { font: 12px Dotum; letter-spacing: 0px; padding: 7px 3px 7px 5px; }

#bbsVieContents img{ max-width: 850px; width: expression(this.width > ? : true);  height:auto; overflow: hidden;  }

/* 버튼 */

span.submitBtnCheck { padding:0; }
span.submitBtnCheck button {	font-size:14px;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #1B9BFB;	background: #1B9BFB;	margin:0em;	padding: 8px 20px 6px 20px;	cursor: pointer;}

span.cancelBtnCheck { padding:0; }
span.cancelBtnCheck button {	font-size:14px;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #808080;	margin:0em;	padding: 8px 20px 6px 20px;	cursor: pointer;}


span.bbs_searchBtn { padding:0; }
span.bbs_searchBtn button {	font-size: 13ppx; color: #FFFFFF;	font-weight: none; letter-spacing: -1px;	border: 1px solid #2A2A2A;	background: #494949; margin:1px 0 0 0; padding: 7px 8px;	cursor: pointer;}

span.listBtn_blue { padding:0; }
span.listBtn_blue button {	font: 11px Dotum;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: pointer;}

span.listBtn_orange { padding:0; }
span.listBtn_orange button {	font: 11px Dotum;	color: #F26722;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #F26722;	background: #FFFFFF; margin:0em;	padding: 4px 3px 2px 3px;	cursor: pointer;}

span.listBtn_yellow { padding:0; }
span.listBtn_yellow button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #FFA800;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}

span.listBtn_deepblue { padding:0; }
span.listBtn_deepblue button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #194B88;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}

span.listBtn_deepred { padding:0; }
span.listBtn_deepred button {	font: 11px Dotum;	color: #996400;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #A50303;	background: #FFFFFF; margin:0em;	padding: 4px 5px 2px 5px;	cursor: pointer;}


span.listBtn2 { padding:0; }
span.listBtn2 button {	font: 11px Dotum;	color: #808080;	font-weight: bold; letter-spacing: -1px;	border: 2px solid #808080;	background: #FFFFFF; margin:0em;	padding: 5px 3px 3px 3px;	cursor: pointer;}

span.numberBtn {	font:11px Dotum;	color:#FFFFFF;	border:1px solid #000000;	background: #000000; padding:1px 1px 0px 1px;	}

span.detailBtn { padding:0; }
span.detailBtn button {	font: 11px Dotum;	color: #FFFFFF;	font-weight: bold; letter-spacing: -1px;	border: 1px solid #274591;	background:#274591; margin:0em;	padding: 4px 10px 2px 10px;	cursor: pointer;}

ul.bbs_list {clear:both; width: 100%; border-top: 0px solid #DCDCDC; overflow:hidden; padding-bottom:30px;}
.bbs_list li {  }
.bbs_list li a { color: #1B1B1B; text-decoration:none }
.bbs_list li.tit { width: 100%; padding: 20px 0 ; font-weight: 700; font-size: 21px; border-bottom: 1px #ddd solid; }
.bbs_list li.tit .fixed{table-layout:unset;}
.bbs_list li.tit span.no { display:inline-block; width:13%; font-size:21px; line-height:30px; font-weight:100; text-align:center; vertical-align: top;color: #999;  }
.bbs_list li.tit span.subject {display:inline-block; width:85%; font-size:21px; line-height:30px;  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_list li.tit span.subject a { font-size:21px; }
.bbs_list li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_list li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_list li.tit span.subject span.date {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; }
.bbs_list li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_list li.tit span.nosubject {display:inline-block; width:100%; font-size:18px; padding-top:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align:center; }

ul.bbs_view {clear:both; width: 100%; border-top:0px solid #DCDCDC; overflow:hidden; padding-bottom:20px;}
.bbs_view li {  }
.bbs_view li.tit {width: 100%;  padding: 15px 0; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_view li.tit span.subject {display:inline-block; width:100%; font-size:21px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_view li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}
.bbs_view li.tit span.subject span.writer {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_view li.tit span.subject span.date {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;  margin-right:5px; }
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.email {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.event {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.tel {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C; margin-right:5px; }
.bbs_view li.tit span.subject span.hp {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.ref {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.area {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.talk {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}
.bbs_view li.tit span.subject span.invest {display:inline-block; font-size:13px; font-weight:100; text-align:center; vertical-align: top;color: #8C8C8C;}

ul.bbs_pn {clear:both; border-top: 1px solid #ddd; overflow:hidden; padding-bottom:30px;}
.bbs_pn li { width: 100%; }
.bbs_pn li a { color: #8C8C8C; text-decoration:none; }
.bbs_pn li.tit {padding: 20px 0 ; font-weight: bold; font-size: 120%; border-bottom: 1px #ddd solid; }
.bbs_pn li.tit span.no {display:inline-block; width:100px; font-size:18px; font-weight:100; text-align:center; vertical-align: top;color: #999;}
.bbs_pn li.tit span.subject {display:inline-block; width:83%; font-size:18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bbs_pn li.tit span.subject span{font-size: 13px; color: #999; font-weight: 100; letter-spacing: 0px;}

.faq_listTitle { font-size:15px; font-weight:700; text-align:center; vertical-align: top;color: #999;}

/* paging
.pagination {clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: .25rem; font-size: 17px; margin-bottom: 50px;}
.pagination li{float:left}
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #4c4c4c; background-color: #fff; border: 1px solid #ddd;}
.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: .25rem; border-top-left-radius: .25rem;}
.page-item.on .page-link, .page-link:hover{ background: #999; color: #fff;}
.page-item:last-child .page-link { border-bottom-right-radius: .25rem; border-top-right-radius: .25rem;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
ul.pagination::after { display: block; content: ""; clear: both;}
.justify-content-center { -webkit-box-pack: center!important; -webkit-justify-content: center!important; -ms-flex-pack: center!important; justify-content: center!important;}
 */

.bbs_form_wrap{width:100%; margin:0 auto; }
.bbs_form_wrap .cus_formList{width:100%; border:0px solid #ddd; margin-top:10px; overflow: hidden; }

.cus_form .s1{ display:inline-block; width: 120px; padding:10px 10px 10px 10px; margin: 10px; color:#000000; font-size:16px; font-weight:400; background: #F7F7F7; }

.cus_form .s2{ display:inline-block; width:calc(100% - 170px); margin: 10px; }
.cus_form .s2 input[type="text"], .cus_form .s2 input[type="file"], .cus_form .s2 input[type="password"] { border:1px solid #f1f1f1; padding:10px; width:calc(100% - 20px); color:#000000; font-size:14px; margin-bottom:5px; border-radius:5px; }
.cus_form .s2 .explan_txt { font-size:13px; color:#1B9BFB; font-weight:500; }

@media (max-width:768px) {
	
	.agreeYac { width: calc(100% - 42px); }

	.bbs_form_wrap .cus_formList{width:calc(100% - 40px); border:0px solid #ddd; margin:20px; overflow: hidden; }

	.cus_form .s1{display:inline-block; width:100%; margin-top:10px; margin-bottom:5px; margin-left:3px; color:#000000; font-size:16px; font-weight:400;}

	.cus_form .s2{display:block;width:100%;}
	.cus_form .s2 input[type="text"], .cus_form .s2 input[type="file"], .cus_form .s2 input[type="password"] { border:1px solid #f1f1f1; padding:10px; width:calc(100% - 20px); color:#000000; font-size:14px; margin-bottom:5px; border-radius:5px; }
	.cus_form .s2 .explan_txt { font-size:13px; color:#1B9BFB; font-weight:500; }

}