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

/*  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 ) */
html, body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, button,select, td, span, div, form {
   font-family:'Noto Sans Kr',sans-serif !important;
   font-size:16px;
	color:#6C6D73; 
	line-height:170%;
	font-weight:400;
}

/* 아이폰의 그림자 및 둥글이 제거, 접두어정리하여 체크할것 */
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;}


/*게시판 카테고리 탭 소스 */
ul,li { list-style:none; }
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;}
.tab li { border-radius:20px;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}
/* 구분선을 주고싶을 경우나 공간을 주고싶을 때 배열의 맨 마지막을 체크해서 그부분은 off 시킨다. */




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



/* 페이징 넘버 스타일 */
.pagingNumNow {	
	font-family:'Noto Sans Kr',sans-serif !important;
	font-size:16px ;
	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:16px ;
	color:#595959 !important;
	font-weight:100;
	border:1px solid #EEEEEE;
	padding:4px 10px;
}

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

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





a:link{color:#6C6D73; text-decoration:none;}
a:visited{color:#6C6D73; text-decoration:none;}
a:active{color:#6C6D73; text-decoration:none;}
a:hover{color:#6C6D73; 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;
}



/* write - modify check & radio */

        /* The container */
        .frmcontainer {
            display: block;
            position: relative;
            padding-left: 35px;
            margin-bottom: 0px;
            cursor: pointer;
            font-size: 14px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            border:0px solid red;
            /*width:60px;*/
            float:left;
			border:0px solid red;


        }

        /* Hide the browser's default radio button */
        .frmcontainer input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
        }

        /* Create a custom radio button */
        .radiomark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #eee;
            border-radius: 50%;
        }

        /* On mouse-over, add a grey background color */
        .frmcontainer:hover input ~ .radiomark {
            background-color: #ccc;
        }

        /* When the radio button is checked, add a blue background */
        .frmcontainer input:checked ~ .radiomark {
            background-color: #2196F3;
        }

        /* Create the indicator (the dot/circle - hidden when not checked) */
        .radiomark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the indicator (dot/circle) when checked */
        .frmcontainer input:checked ~ .radiomark:after {
            display: block;
        }

        /* Style the indicator (dot/circle) */
        .frmcontainer .radiomark:after {
            top: 6px;
            left: 6px;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: white;
        }

        /* Create a custom checkbox */
        .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 24px;
            width: 24px;
            background-color: #eee;
        }

        /* On mouse-over, add a grey background color */
        .frmcontainer:hover input ~ .checkmark {
            background-color: #ccc;
        }

        /* When the checkbox is checked, add a blue background */
        .frmcontainer input:checked ~ .checkmark {
            background-color: #2196F3;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .frmcontainer input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .frmcontainer .checkmark:after {
            left: 8px;
            top: 4px;
            width: 8px;
            height: 12px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

/* write - modify check & radio */




/* 게시판관련 */


/* 게시판관련 view */
#bbsWrapper {
    width:100%;
    overflow:auto;
    border:0px solid red;
    margin-bottom:15px;
}

.bbs_subject {
    width:100%;
	border:0px solid red;
	overflow:hidden;
    font-family:'Noto Sans Kr',sans-serif !important;
	color:#000000;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
	padding:20px 0;
	text-align:center;
    font-size:24px !important;
	font-weight:700 !important;
 }

#bbs_sns {
    width:485px;
    height:30px;
    font-family:'Noto Sans Kr',sans-serif !important;
    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_writerNdate, #bbs_emailphone {
    width:100%;
	font-size:16px;
    font-family:'Noto Sans Kr',sans-serif !important;
	color:#6C6D73;
    overflow:hidden;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
	padding:10px 0;
    text-align:right !important;
}


#bbs_attachFile {
    width:100%;
	padding:10px 0;
    font-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    overflow:hidden;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
    text-align:right !important;
}

#bbs_content {
    width:100%;
    font-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    letter-spacing:0px;
    overflow:auto;
    border-bottom:1px solid #EEEEEE;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
	padding:10px 0;
    text-align:left !important;
    clear:both;

}


#bbs_snsShare { 
    width:100%;
    font-family:'Noto Sans Kr',sans-serif !important;
    letter-spacing:0px;
    overflow:auto;
    border-top:0px solid #EEEEEE;
    vertical-align:middle !important;
	padding:30px 10px 10px  0;
    text-align:right !important;
    clear:both;
	overflow:hidden;font-size:16px !important
}

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



#bbs_buttons {
    width:100%;
   font-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    letter-spacing:0px;
    overflow:auto;
    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-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    border:0px solid red;
    text-align:left !important;
    clear:both;
	padding:4px 0;
}

#bbs_next {
    width:100%;
    font-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    border:0px solid blue;
    text-align:left !important;
    clear:both;
	padding:4px 0;
}


/* 리스트 */
.bbsTableHeader {
	border-top:1px solid #EEEEEE;
	border-bottom:1px solid #EEEEEE;

}

.bbs_listheader {
    font-family:'Noto Sans Kr',sans-serif !important;
    font-size:16px;
    font-weight:700 !important;
    text-align:center;
	padding:10px 0;
}


.bbs_listContentLeft {
    font-family:'Noto Sans Kr',sans-serif !important;
    color:#6C6D73;
    font-size:16px !important;
    text-align:left !important;
    font-weight:normal !important;
    letter-spacing:0px;
	padding:10px 0;

}

.bbs_listContentCenter {
    font-family:'Noto Sans Kr',sans-serif !important;
    color:#6C6D73;
    font-size:16px !important;
    text-align:center !important;
    font-weight:normal !important;
    letter-spacing:0px;
		padding:10px 0;

}




.bbs_listPaging {

    font-family:'Noto Sans Kr',sans-serif !important;
    color:#6C6D73;
    font-size:16px;
    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;
	padding-top:8px;
    text-align:right;
}

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

.searchInpbox {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; }
.bbsfileinputbox {font-family:"Noto Sans KR",Dotum,sans-serif !important;padding:2px 0 2px 5px;border:0px solid #cccccc;font-size:16px;color:#666666; vertical-align:top;background-color:#FFFFFF }
.bbsinputbox {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:32px }

/* 코멘트 */
.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:4px;
	}

.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%;
	}

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

.searchSelect {width:80px;font-family:"Noto Sans KR",Dotum,sans-serif !important;height:36px !important;padding:2px 0 2px 5px;border:1px solid #cccccc;font-size:16px;color:#666666; vertical-align:top; }
.bbscheckbox {width:13px;height:13px;vertical-align:middle;border:none;}
.bbsradiobutton {width:12px;height:12px;border:none;}
.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; }

/* 게시판 버튼 */
.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:16px !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; }

@media all and (max-width: 700px) {
#bbs_listheader_regdate {display:none}
#bbs_listheader_read {display:none}
#bbs_listheader_regdate_data {display:none}
#bbs_listheader_read_data {display:none}

}