@charset "utf-8";
/* reset */
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap&subset=korean');

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td
{ margin:0;  padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0; vertical-align:top;}
address,caption,cite,code,dfn,var {font-style:normal; font-weight:normal; }
ol,ul {list-style: none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight:normal;}
q:before,q:after {content:"";}
a{outline:0;   text-decoration:none;}
strong,em { font-style:normal; }
body { font: 12px /1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; background: url(../../images/content/main/bg_site.png) repeat-x 0px 0px; }
.h { position:absolute; left:-99999px; }

.fb163{ font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }
.fb162 {font: bold 16px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.fb161 {font: bold 16px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb141 {font: bold 14px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb142 {font: bold 14px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; }
.fb131 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';   color: #999; }
.fb132 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0e4b71; }
.fb133 {font: bold 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #c22a10; }
.fb134 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #034ab4; border-bottom: 1px solid #034ab4; }
.fb135 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; border-bottom: 1px solid #d1021f; }
.fb136 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d32100; }
.fb137 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0066cc; }
.fb138 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; }
.fb139 {font: bold 13px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #2e7cb3; }
.fb121  {font: bold 12px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.fb122  {font: bold 12px/1 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; }

.f200 {font: 20px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.f134 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; }
.f135 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #000; }
.f136 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; }
.f137 {font: 13px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #015d9e; }
.f121 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #474747; }
.f122 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #d1021f; }
.f123 {font: 12px/1.5 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3388ff; }
.f124 {font: 12px/1.6 "나눔고딕";  font-family: 'Nanum Gothic';  color: #3b5998; }
.f125 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #333; }
.f126 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #999; }
.f127 {font: 12px/1.2 "나눔고딕";  font-family: 'Nanum Gothic';  color: #0033ff; }

.input45 {height: 23px; width: 45px; border: 1px solid #999; }
.input50 {height: 23px; width: 50px; border: 1px solid #999; }
.input120 {height: 23px; width: 120px; border: 1px solid #999; }
.input130 {height: 23px; width: 130px; border: 1px solid #999; }
.input150 {height: 23px; width: 150px; border: 1px solid #999; }
.input220 {height: 26px; width: 220px; border: 1px solid #999; }
.input290 {height: 23px; width: 290px; border: 1px solid #999; }
.input350 {height: 23px; width: 350px; border: 1px solid #999; }
.input455 {height: 23px; width: 455px; border: 1px solid #999; }
.input500 {height: 26px; width: 500px; border: 1px solid #999; }
.input650 {height: 26px; width: 650px; border: 1px solid #999; }

.n_input270 {height: 26px; width: 270px; border: none; }
.n_input850 {height: 26px; width: 850px; border: none; }


.alignL {text-align: left; }
.alignC {text-align: center; }
.alignR {text-align: right; }

.ml5 {margin-left: 5px;}
.ml10 {margin-left: 10px;}
.ml15 {margin-left: 15px;}
.ml20 {margin-left: 20px;}
.ml25 {margin-left: 25px;}
.ml30 {margin-left: 30px;}

.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt25 {margin-top: 25px;}
.mt30 {margin-top: 30px;}

.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}
.mb25 {margin-bottom: 25px;}
.mb30 {margin-bottom: 30px;}

#container {width: 950px; margin: 0 auto; position: relative; }

/*location*/
#container .location {height: 15px; margin: 65px 0px 10px 10px; padding: 5px 0px 5px 20px; background: url(../../images/content/cs/icon_home.png) no-repeat 0px 0px;}
#container .location li {margin-left: 3px; float: left; }

/*form border  layout*/
#container .contents {width: 950px; margin: 0 auto; position: relative; }

/*community*/

#container .contents .pageCount {color: #ff0000; position: absolute; top: 13px; right: 118px; }
#container .contents .pageCount strong {margin: 0px 3px; }
#container .contents .totalPage {color: #000; } 
#container .contents .pageLine  {position: absolute; top: 8px; right: 10px; }
#container .contents #qnaBoard {position: relative; width: 930px; margin:0 auto; border-bottom: 1px solid #666; } 
#container .contents #qnaBoard .qnaTable {width: 930px; margin:0 auto; }
#container .contents #qnaBoard .qnaTable  caption {text-indent: -9999px; }
#container .contents #qnaBoard .qnaTable .tabQna { height: 34px; width: 930px; margin:0 auto; text-indent: -9999px; background:  url(../../images/content/community/title_board_notice.png) no-repeat 0px 0px;}
#container .contents #qnaBoard .qnaTable .tabQna2 { height: 34px; width: 930px; margin:0 auto; text-indent: -9999px;  border-bottom: 2px solid #000; background:  url(../../images/content/community/title_board_notice.png) no-repeat 0px 0px;}

/*community List*/
#container .contents #qnaBoard .qnaTable .tabBoard { width: 930px; height: 39px; margin: 0 auto; background:  url(../../images/content/cs/bg_boardtitle.png) repeat-x 0px 0px;}
#container .contents #qnaBoard .qnaTable .tabBoard th {text-align: center; }

#container .contents #qnaBoard .qnaTable .qnaList .noticeBg  {height: 34px; background: #fedeed; border-bottom: 1px solid #ff99c4;}
#container .contents #qnaBoard .qnaTable .qnaList .noticeList .event {color: #fe0005; padding-right: 5px; }
#container .contents #qnaBoard .qnaTable .qnaList .noticeList a {margin-left: 10px; font-size: 13px; font-weight: bold; color: #000; text-align: left; }  
#container .contents #qnaBoard .qnaTable .qnaList .qnaListBg {height: 35px; background: #fff; border-top: 1px solid #d0d0d0;}
#container .contents #qnaBoard .qnaTable .qnaList .qnaQ a {margin-left: 10px; text-align: left; color: #000; }  
#container .contents #qnaBoard .qnaTable .qnaList .qnaQ a:hover {border-bottom: 1px solid #000; }
#container .contents #qnaBoard .qnaTable .qnaList .qnaQ img {margin-left: 10px; text-align: left; color: #000; }  
#container .contents .textWrite {position: absolute; top: 582px; right: 10px;}
#container .contents .searchBox {width: 460px; margin:0 auto;}
#container .contents .searchBox td input[type="checkbox"] {vertical-align: middle;}

/*community Write & View*/
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine {height: 40px; width: 930px; border-bottom: 1px solid #ff99c4; }
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine2 {height: 40px; width: 930px; }
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine th  {background: #fedeed; text-align: center; }
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine td  {background: #fff; }
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine td input[type="checkbox"] {vertical-align: middle;}
#container .contents #qnaBoard .qnaTable .qnaWV .hEdit { width: 930px; height: 445px;  background: #fff; vertical-align: top; }
#container .contents #qnaBoard .qnaTable .qnaWV .hEdit .qnaAnswer {font-size: 13px; line-height: 1.7; margin: 20px 0px 0px 30px; }

#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine .answerView {font-weight: bold;  font-size: 13px; }
#container .contents #qnaBoard .qnaTable .qnaWV .subjectLine .attachTitle { border-bottom: 1px solid #0034fe;  }

#container .contents  .button1 {float: left; margin:10px 0px 30px 10px; }
#container .contents  .button2 {float: right; margin: 10px 10px 30px 0px; }





/*paging*/
.paging {width: 320px; height: 30px; margin: 20px auto; text-align: center;  }
.paging img {margin: 0px 10px; }
.paging a {color: #000; vertical-align: middle; }
.paging a:hover {font-weight: bold; color: #ff0000; }
.paging .pagingNo {margin-top: 4px; float: left; }
.paging .btn_paging {float: left; } 

/*find*/
#container .contents .formBoard1 .find {height: 30px; margin: 0 auto; padding-top: 5px; text-align: center; }
#container .contents .formBoard1 .find span {padding-right: 5px; }
#container .contents .formBoard1 .find input {vertical-align: middle; margin-right: 3px;  }