/* master CSS */
/* 기본 캐릭터셋 설정 */
@charset "UTF-8";

/*
color : #323131
font-size: 16px 
input >>form size : height 38px padding 4px 
*/

/*  CSS reset */
/* @import url("/board/inc/reset.css"); */


 /* font setting  IE 적용을 위해서는 src 적용방식으로 해주어야 한다.*/
/* @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); font-family: 'Noto Sans KR', sans-serif;  
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
*/
/* 폰트사이즈를 임의로 조정하지 못하게 한다, 표준이 아니므로 벤더표시필요함, * 코드는 성능을 떨어트릴수있음 감안
*{ -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; }
*/

/* 기본 폰트 설정 - 대부분 상속 속성 가지(size/family/color ) */


/* 아이폰의 그림자 및 둥글이 제거, 접두어정리하여 체크할것 */
input, select, textarea {
   -webkit-border-radius: 0 !important;
	-moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

/* wrap 정럴 */
.AlignL {width:auto;text-align:left !important;}
.AlignC {width:auto;text-align:center !important;}
.AlignR {width:auto;text-align:right !important;}


/*게시판 카테고리 탭 소스 */
.BDcateWrap {
	margin:10px 0;
	text-align:center;
	padding:2px;
	border:0px solid black;
	box-sizing: border-box;
	width:90%;
	border:0px solid red !important;

	}

.newlist{
    margin-bottom: 4px;
    padding: 0 6px;
    display: inline-block;
    background-color: red;
    color: #FFFFFF !important;
	font-size:12px;
    font-weight: 500;
	}

.BDcateWrap ul { list-style:none;border:0px solid blue !important; display:flex;flex-wrap:wrap;justify-content: center;}
.BDcateWrap a { text-decoration:none; color:#000; }

.tab { padding:0;margin:0;border:0px solid #ddd; border-left:none; background:#fff; overflow:hidden;display:inline-block; border:0px solid red}
.tab li { border-radius:20px;display:inline-block; margin-bottom:6px;padding:8px 24px; cursor:pointer;float:left; border:1px solid #ddd; text-align:center; box-sizing:border-box; }
.tab li.on { background-color:#eee; color:#000000;font-weight:700; margin-bottom:6px; }
.tab li.cateVline {padding:0px;height:auto;width:6px !important;border:0px solid #EEEEEE}
.tab li.cateVlineOff {padding:0px;height:auto;width:0px !important;border:0px solid #EEEEEE}
/* 구분선을 주고싶을 경우나 공간을 주고싶을 때 배열의 맨 마지막을 체크해서 그부분은 off 시킨다. */

/* 모바일에서 목록을 적당히 조정해준다 */
@media (max-width: 500px) { 
/* 카테고리 */
	.BDcateWrap {margin:0 auto}
	.tab { padding:0;margin:0;border:0px solid #ddd; border-left:none; background:#fff; overflow:hidden;display:inline-block; border:0px solid red}
	.tab li { border-radius:16px;display:inline-block; margin-bottom:6px;padding:6px 18px; cursor:pointer;float:left; border:1px solid #ddd; text-align:center; box-sizing:border-box; }
	.tab li.on { background-color:#eee; color:#000000;font-weight:700; margin-bottom:6px; }
	.tab li.cateVline {padding:0px;height:auto;width:6px !important;border:0px solid #EEEEEE}
	.tab li.cateVlineOff {padding:0px;height:auto;width:0px !important;border:0px solid #EEEEEE}

/* 목록 컬럼조정 */
	.bbs_listheader_reg, .bbs_listdate {display:none}
	.bbs_listheader_hit, .bbs_listhit {display:none}
	
/*하단 페이징 조정 */
	.pagingNumNow, .pagingNum { padding:2px 6px;font-size:13px}
}



/* 상단 우측 퀵메뉴 */
#topQuickMenu { width:97%; text-align:right;border:0px solid blue;font-size:14px;padding:16px  0;font-weight:bold}

/* 페이징 넘버 스타일 */
.pagingNumNow {	
	font-family:'Noto Sans Kr',sans-serif !important;
	font-size:14px ;
	color:#FFFFFF !important;
	background-color:#727272;
	font-weight:500;
	border:1px solid #727272;
	padding:4px 10px;
	}

.pagingNum {
	font-family:'Noto Sans Kr',sans-serif !important;
	font-size:14px ;
	color:#595959 !important;
	font-weight:100;
	border:1px solid #EEEEEE;
	padding:4px 10px;
}



/* 기본링크 스타일 */
a:link{color:#323131; text-decoration:none;}
a:visited{color:#323131; text-decoration:none;}
a:active{color:#323131; text-decoration:none;}
a:hover{color:#323131; text-decoration:none;}


.requiredDot {
	color:red;
	font-size:16px !important; 
	font-weight:900;
}


.section {
    clear:both;
    width:100%;
    border:0px solid black;
    background-color:#0463B7;
}

.sectionInner {
    width:1260px;
    border:0px solid yellow;
    margin:0 auto;
}

.content {
    clear:both;
    width:100%;
    border:0px solid black;
    background-color:#ffffff;
}

.contnetInner {
    width:1260px;
    border:0px solid yellow;
    margin:0 auto;
}

.footer {
    clear:both;
    width:100%;
    border:0px solid black;
    background-color:#0463B7;
}

.footerInner {
    width:1260px;
    border:0px solid yellow;
    margin:0 auto;
}








/* 게시판관련 */

/*전체외곽*/
.bbsOutline  {margin-bottom:40px  !important;padding-bottom:20px;width:100% !important}


/* 게시판 보기페이지 관련 레이아웃 ID*/
#bbsWrapper {
    width:100%;
    overflow:hidden;
    border:0px solid red;
    margin-bottom:15px;
}

/* 제목배경이미지 사용형 x */
#bbs_subject {line-height:150% !important;position:relative;height:340px;overflow:hidden;font-size:28px;color:#FFFFFF;text-align:center;border:0px solid red;font-weight:500 !important}
@media (max-width: 900px) { 
	#bbs_subject {height:240px;font-size:24px !important}
}
@media (max-width: 600px) { 
	#bbs_subject {height:180px;font-size:22px !important}
}

/* 일반형 : 제목배경 x */
#bbs_subject_normal {line-height:150% !important;position:relative;height:120px;overflow:hidden;font-size:22px;color:#000000;text-align:center;border:0px solid red;font-weight:500 !important}

@media (max-width: 900px) { 
	#bbs_subject_normal {height:240px;font-size:24px !important}
}
@media (max-width: 600px) { 
	#bbs_subject_normal {height:180px;font-size:22px !important}
}


#bbs_writerNdate, #bbs_emailphone {
    width:100%;
    letter-spacing:0px;
    overflow:auto;
    border-bottom:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
    vertical-align:middle !important;
	padding:20px 0;
    text-align:right !important;
    clear:both;
	overflow:hidden;font-size:14px !important
}



#bbs_attachFile {
    width:100%;
    font-size:16px;
    letter-spacing:0px;
    overflow:hidden;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
	padding:20px 0;
    text-align:right !important;
    clear:both;

}


#bbs_sns {
    width:485px;
    height:30px;
    overflow:hidden;
    border:0px solid red;
    margin-bottom:5px;
    vertical-align:middle !important;
    padding-top:5px;
    text-align:right !important;
    clear:both;
    float:right;
}


#bbs_content {
    width:100%;
    font-size:14px;
    letter-spacing:0px;
    overflow:hidden;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
	padding:20px 0;
    text-align:left !important;
    clear:both;

}

#bbs_content .bbs_content_padding { box-sizing:border-box;padding:0 150px;}
@media (max-width: 900px) { 
	.bbs_content_padding {box-sizing:border-box;padding:0 80px !important}
}
@media (max-width: 600px) { 
	 .bbs_content_padding {box-sizing:border-box;padding:0 40px !important }
}


#bbs_like {
    width:100%;
	margin-top:50px !important;
	clear:both;
	text-align:right !important;
	overflow:hidden;font-size:14px !important
	border:1px solid red;
}

#bbs_snsShare { 
    width:100%;
    letter-spacing:0px;
    overflow:hidden;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
	padding:25px 0;
    text-align:right !important;
    clear:both;
	overflow:hidden;font-size:14px !important
}

.sharebtn_custom { 
	width:24px;
	display:inline-block;margin-left:4px;
}



#bbs_buttons {
    width:100%;
    font-size:14px;
    letter-spacing:0px;
    overflow:hidden;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
    padding: 20px 0;
    text-align:right !important;
    clear:both;
}



#bbspreNextWrap { 
	width:100%;
	padding:10px 0;
	border-top:1px solid #EEEEEE;
    border-bottom:1px solid #EEEEEE;
}

#bbs_pre {
    width:100%;
    font-size:14px;
    border:0px solid red;
    text-align:left !important;
    clear:both;
	padding:4px 0;
}

#bbs_next {
    width:100%;
    font-size:14px;
    border:0px solid blue;
    text-align:left !important;
    clear:both;
	padding:4px 0;
}



/** 리스트 **/

/* 헤더 */
.bbs_listheader {
    color:#323131;	
    font-size:16px;
    font-weight:500 !important;
    letter-spacing:-1px;
    padding-top:5px;
    text-align:center;
}

.bbs_listheader_reg {
    color:#323131;
    font-size:16px;
    font-weight:500;
    letter-spacing:-1px;
    padding-top:5px;
    text-align:center;
}

.bbs_listheader_hit {
    color:#323131;
    font-size:16px;
    font-weight:500;
    letter-spacing:-1px;
    padding-top:5px;
    text-align:center;
}


/*리스트*/
.bbs_listno, .bbs_listname {

    color:#323131;
    font-size:16px;
    font-weight:normal !important;
    letter-spacing:-1px;
    text-align:center;
}

.bbs_listdate, .bbs_listhit  {

    color:#323131;
    font-size:14px;
    font-weight:normal !important;
    letter-spacing:0px;
    padding-top:1px;
    text-align:center;
}


.bbs_listSubject {

    color:#323131;
    font-size:16px !important;
    text-align:left !important;
    font-weight:normal !important;
    letter-spacing:0px;
	padding:6px 0 8px 0 !important

}

.bbs_listPaging {


    color:#323131;
    font-size:14px;
    text-align:center !important;
    font-weight:normal !important;
    letter-spacing:-1px;
    text-align:center;

}





/* 글쓰기 */

.bbsLtd {
    height:32px;
    width:18% !important;
    font-weight:bold;
    padding-right:15px;
    text-align:right;
}

.bbsLtd2 {
    height:32px;
    padding-left:5px;
    text-align:left;
}

.searchInpbox {padding:4px;border:1px solid #cccccc;font-size:16px;color:#323131; vertical-align:top; }
.bbsfileinputbox {padding:4px;border:0px solid #cccccc;font-size:16px;color:#323131; vertical-align:top;background-color:#FFFFFF }
.bbsinputbox {padding:4px;border:1px solid #cccccc;font-size:16px;color:#323131; vertical-align:top;height:38px }


/* 코멘트 */
.bbsinputCommentbox {
	font-family:"Noto Sans KR",Dotum,sans-serif !important;
	padding:2px 0 2px 5px;
	border:1px solid #cccccc;
	font-size:16px;color:#666666; 
	height:36px;
	 }

.bbsinputCommentTextarea {
	width:98% !important;
	height:36px !important;
	border:1px solid #CCCCCC;
	padding-top:6px;
	resize:none;
	border-width:1px; border-style:solid;
	border-color:#CCCCCC;
	padding-top:4px !important;
	}

.bbsCommentTd {padding:8px 0 !important;font-size:16px}


.bbsselectbox {  
	width:180px !important;
	font-family:"Noto Sans KR",Dotum,sans-serif !important;
	padding:2px 0 2px 5px;
	border:1px solid #cccccc;
	font-size:16px;
	color:#666666; 
	vertical-align:top;
	height:34px;
	  background:url('/board/images/select-arrow.png') no-repeat right 6px center;
	  background-size:8% 50%;
	}

.searchSelect {height:38px;padding:4px;border:1px solid #cccccc;font-size:16px;width:100px}
.bbssearchbox {width:150px;height:36px !important;font-family:"Noto Sans KR",Dotum,sans-serif !important;padding:2px 0 2px 5px;border:1px solid #cccccc;font-size:16px;color:#666666; vertical-align:top; }


.bbscheckbox {width:14px;height:14px;vertical-align:middle;border:none;}
.bbsradiobutton {width:12px;height:12px;border:none;}



.bbsselectbox {  
	width:120px !important;
	padding:4px;
	border:1px solid #cccccc;
	font-size:16px;
	color:#323131; 
	vertical-align:top;
	height:38px;
	  background:url('/board/images/select-arrow.png') no-repeat right 6px center;
	  background-size:15% 50%;
	}

/* 파일업로드 버튼 커스텀 */
.input-file-button{
  padding: 4px 12px;
  background-color:#EEEEEE;
  border-radius: 4px;
  color: black;
  cursor: pointer;
  margin-left:-5px;margin-top:2px;
}


/* 게시판 버튼 */
.Button_bbsWrite {margin-top:4px;font-weight:700 !important;border-radius:80px;width:100px;padding:6px 24px;background-color:#3366ff;color:#FFFFFF !important;font-size:14px !important}
a.Button_bbsWrite:link{color:#FFFFFF;}
a.Button_bbsWrite:hover{color:#FFFFFF;background-color:#003399}
a.Button_bbsWrite:visited{color:#FFFFFF;}

/* 검색 버튼 */
.Button_bbsSearch {margin-top:4px;font-weight:bold;border-radius:80px;width:100px;padding:6px 24px;background-color:#009900;color:#FFFFFF !important}
a.Button_bbsSearch:link{color:#FFFFFF;}
a.Button_bbsSearch:hover{color:#FFFFFF;background-color:#006633}
a.Button_bbsSearch:visited{color:#FFFFFF;}


/* 취소 버튼 */
.Button_bbsCancel {margin-top:4px;font-weight:bold;border-radius:80px;width:100px;padding:6px 24px;background-color:#868686;color:#FFFFFF !important}
a.Button_bbsCancel:link{color:#FFFFFF;}
a.Button_bbsCancel:hover{color:#FFFFFF;background-color:#000000}
a.Button_bbsCancel:visited{color:#FFFFFF;}

/* summernote */
.note-editor .note-editable p { margin-bottom: 0 !important; }
.note-editor .note-editable { background-color:#FFFFFF !important; }