/* Common **********************************************************************/
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/
/*@import url(//cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);*/
/*@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);*/

#hframe {
display: none;
}
/* Common **********************************************************************/ 
html,body {width:100%;  }
html {/*overflow-y:scroll;*/overflow-x:hidden; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-wrap:break-word; word-break:keep-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset {border: 0px none;  vertical-align: top; -ms-interpolation-mode: bicubic;}
img {border: 0px none;  vertical-align: middle; -ms-interpolation-mode: bicubic;}
dl,ul,ol,menu,li {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border: 0 none; background-color: transparent; cursor: pointer;}
body {background:#fff;}
body,th,td,input,select,textarea,button {font-size:14px; color:#333; line-height:1.5; font-family: "Noto Sans KR", sans-serif;} 
.orange {color: #fb7712;}
a:link,a:active,a:visited{color:#333; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse: collapse; border-spacing: 0;     table-layout: fixed;}
address,caption,cite,code,dfn,em,var {font-style: normal; font-weight: normal;}
summary, caption, legend {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
.invisible {overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible {*position:absolute;}

/*
::-moz-selection { color:#fff; background:#ff0000; }
::selection { color:#fff; background:#ff0000; }
*/

/* common */
.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom: 1;} /*for IE 5.5-7*/
/*.list {border-top: 2px solid #1c1815; border-bottom: 1px solid #1c1815;}*/










/*** board_list ***/

.notice_list {width:100%; margin: 0 auto; border-top: solid 2px #666;}
.notice_list ul {overflow:hidden;}
/*.notice_list ul li div.number {float:left; width:80px; text-align:center; font-size:36px; color:#c4c4c4; padding:20px 10px;}*/
.notice_list ul li {float:left; width:100%; text-align:left; font-size:18px; color:#404040; padding:16px 10px; border-bottom: solid 1px #d6d6d6; background-color:#fff;}
.notice_list ul li p {font-size:18px; color:#333;}
.notice_list ul li div.commet {padding-top:8px; font-size:16px; color:#888;}
.notice_list ul li div.date {padding-top:18px; font-size:16px; color:#a7a7a7;}
.notice_list ul li div.date2 {
    padding-top: 8px;
    font-size: 16px;
    color: #a7a7a7;
}


/*** board_view ***/
.detail {padding:40px 20px 20px 20px; text-align:cetner; font-size:16px; color:#888;}
.detail img {width:100%;}
.detail p {padding:6px 0px; text-align:left; line-height:1.6; word-break: keep-all;}

.notice_view {width:100%; margin: 0 auto; border-top: solid 2px #666; border-bottom: solid 1px #d6d6d6;}
.view_tit {padding: 12px;}
.view_tit .view_subject {font-size: 22px; line-height: 1.4; color:#333;}
.view_tit .date {padding-top:18px; font-size:16px; color:#a7a7a7;}
.view_tit .file {padding-top:0px; font-size:16px; color:#666;}
.viewMore {width:160px; margin: auto; padding-top:20px;}
.viewMore div {width:100%; height:40px; background-color:#666; margin: auto; text-align: center; font-size:17px; color:#fff; font-weight:400; padding-top:10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; transition:all 0.3s;}
.viewMore div:hover {background-color:#999;}


/**** board_pass ***/
.pass {width:100%; margin: auto;  margin-top: 32px; border:0px; padding: 0px 0px;}
.passForm {width:90%; border:1px solid #d7d7d7; margin: auto; padding:40px; text-align: center; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px;  border-radius:5px;}
.passForm p.passTit {font-size:26px; padding:0px 20px; padding-bottom:10px; font-weight:600; color:#333; border-bottom:2px solid #333; display: inline-block; margin-bottom:40px;}

.passForm input[type=password] {width:220px; height:34px; border:1px solid #d7d7d7; padding-left:10px; font-size:14px; color:#666;}

div.passOkBtn {width:220px; background-color:#555; padding: 8px 0px; color:#fff; font-size:18px; cursor:pointer; margin: 0 auto; margin-top:10px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;}


/*** page ***/
.pagsing {padding:0px 0px;}
.board_page {width:100%; position:relative; height:32px;}
.board_page ul {width:100%; margin: auto; text-align: center;}
.board_page ul li {display:inline-block; vertical-align: middle; width:32px; height:32px; margin-left:6px; margin-right:-5px;}
.board_page ul li:first-child {margin-left:0;}
.board_page ul li div {width:26px; height:26px; border:1px solid #ccc; font-size:14px; text-align: center; background-color:#434343; color:#fff; font-weight:400; padding: 4px 0px;}
.board_page ul li a div {background-color:#fff; color:#404040; font-weight:300;}

/*** searh ***/
.b_search {width:512px; overflow: hidden; margin: auto; margin-top:50px;}
.b_search select {width:90px; height:30px; border:1px solid #ccc; padding:0px 10px; font-size:16px; color:#313131; font-weight:300; padding-bottom:2px; background-image:url("../img/common/selectBtn.png"); background-repeat:no-repeat; background-position:right 10px center; background-size:9px; float:left;}
.b_search select option {font-size:16px; color:#666; font-weight:300;}
.b_search input[type=text] {width:432px; height:38px; border:1px solid #ccc; border-radius: 0px; font-size:16px; color:#313131; padding:0px 10px; float:left; font-weight:300;}
.b_search input[type=submit] {width:60px; height:38px; float:left; background-color:#444; font-size:16px; color:#fff; cursor: pointer; transition:0.2s;}
.b_search input[type=submit]:hover {background-color:#f18e21;}


.b_search_notice {width:582px; overflow: hidden; margin: auto;}
.b_search_notice select {width:90px; height:38px; border:1px solid #ccc; padding:0px 10px; font-size:16px; color:#313131; font-weight:300; padding-bottom:2px; background-image:url("../img/common/selectBtn.png"); background-repeat:no-repeat; background-position:right 10px center; background-size:9px; float:left;}
.b_search_notice select option {font-size:16px; color:#666; font-weight:300;}
.b_search_notice input[type=text] {width:432px; height:38px; border:1px solid #ccc; border-radius: 0px; font-size:16px; color:#313131; padding:0px 10px; float:left; font-weight:300;}
.b_search_notice input[type=submit] {width:60px; height:38px; float:left; background-color:#444; font-size:16px; color:#fff; cursor: pointer; transition:0.2s;}
.b_search_notice input[type=submit]:hover {background-color:#f18e21;}




/* 게시판 */

ul.boardTab {width:100%; overflow: hidden; margin-bottom:20px;  padding:0px 10px;}
ul.boardTab li {width:24.25%; float:left; margin-right:1%; text-align: center;}
ul.boardTab li:last-child {margin-right:0;}

ul.boardTab li div {width:100%; border:1px solid #d7d7d7; padding:10px 0px; font-size:13px; color:#666;}
ul.boardTab li.bTabOn div {background-color:#333; border:1px solid #333; color:#fff;}


.board {width:100%; border-top:1px solid #666;}
.board .boardList {width:100%; border-bottom:1px solid #d7d7d7;  padding:16px 12px;}
.board a:first-child .boardList {margin-top:0;}


.board .boardList p.bTxt01 {font-size: 17px; color:#333; font-weight:600;}

.board .boardList .bTxt02 {width:100%; padding-top:3px; overflow: hidden;}
.board .boardList .bTxt02 p.bt01 {float:left; font-size: 15px; color:#787878; line-height:18px;}
.board .boardList .bTxt02 p.bt02 {float:left; font-size:10px; color:#ccc; line-height:20px; padding:0px 3px;}

.boardSearch {width:100%; padding:25px 12px;  border-top:1px solid #d7d7d7; background-color:#f9f9f9; margin-top:30px;}
.boardSearch table {width:100%;}
.boardSearch table tr td:first-child {width:74%;}
.boardSearch table tr td:last-child {width:26%; text-align: right;}

.boardSearch table tr td select {width:74px; height:30px; border:1px solid #d7d7d7; font-size:14px; color:#333;}
.boardSearch table tr td input[type=text] {width:100%; height:30px; border:1px solid #d7d7d7;  font-size:14px; color:#666; padding-left:5px;}
.boardSearch table tr td input[type=submit] {width:74px; height:30px; background-color:#333; color:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; border-radius:3px;  font-size:14px;}


.page {width:100%; padding:0px 0px; text-align: center; position: relative;}
.page ul {overflow: hidden;}
.page ul li {display: inline-flex; vertical-align: middle; width:26px; height:26px; align-items: center; justify-content: center; font-size:15px; color:#505050; font-weight:600;}
.page ul li.page_on{display: inline-flex; vertical-align: middle; width:26px; height:26px; align-items: center; justify-content: center; font-size:15px; color:#009596; font-weight:600;}
.page ul li a {font-size:15px; color:#505050; font-weight:400;}
.page ul li a.on {font-size:15px; color:#009596; font-weight:400;}

.writeBtn {width:110px; margin: auto; background-color:#333; color:#fff; font-size:14px; padding:10px 0px; text-align: center;}



	/* write */
.write {width:100%; padding:0px 10px;}
table.writeTb {width:100%; border-top:1px solid #999; margin-bottom:25px;}
table.writeTb tr th {border-bottom:1px solid #e3e3e3; text-align:left; width:95px; font-size:13px; font-weight:600; padding:10px 0px;}
table.writeTb tr td {border-bottom:1px solid #e3e3e3; padding:10px 0px; position: relative;}
table.writeTb tr td input[type=text], table.writeTb tr td input[type=password] {width:100%; border:1px solid #d7d7d7; height:30px; vertical-align: middle; padding-left:5px; font-size:14px; color:#666;}

table.writeTb tr td p {font-size:13px; color:#999; margin-top:5px;}

table.writeTb tr td input[type=text]::placeholder {font-size:14px; }
table.writeTb tr td select {width:100%; height:30px; padding-left:5px; border:1px solid #e3e3e3; font-size:13px; color:#666; box-shadow:0; border-radius:0;}

table.writeTb tr td label:nth-child(2) {margin-right:20px;}

table.writeTb tr td textarea {width:100%; height:200px; border:1px solid #d7d7d7; resize:vertical; padding:6px; font-size:14px; color:#666;}


	/* view */
.view {width:100%; padding:0px 0px;}
table.viewTb {width:100%;}
table.viewTb tr th {border-bottom:1px solid #d7d7d7; background-color:#f7f7f7; padding:10px 0px; font-size:16px; color:#333; font-weight:600;}
table.viewTb tr td {border-bottom:1px solid #d7d7d7; padding:10px 0px;}
table.viewTb tr td:first-child {width:70px; font-size:15px; font-weight:600; padding: 15px 6px; background:url("../img/new/board/tb_icon.jpg")no-repeat right center; background-size:1px;}
table.viewTb tr td:last-child {padding-left:15px; font-size:14px; color:#666;}
table.viewTb tr:last-child td {padding:15px 5px;}
table.viewTb tr td p {font-size:15px; color:#666; line-height:1.6; font-weight:400;}
table.viewTb tr:last-child td {background:none;}
table.viewTb tr td img {width:auto; height:auto; max-width:100%;}

.viewBtn {width:100%; overflow: hidden; text-align: right; padding:30px 0px;}
.viewBtn .viewBtn01 {width:80px; display: inline-block; vertical-align: middle; background:linear-gradient(to top, #eee 5%, #fff 30%); border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; padding:6px 0px; font-size:13px; color:#666; text-align: center; margin-right:8px;}
.viewBtn .viewBtn02 {width:80px; display: inline-block; vertical-align: middle; background:linear-gradient(to top, #eee 5%, #fff 30%); border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; padding:6px 0px; font-size:13px; color:#666; text-align: center;}


.comment {width:100%; }
.comment .commentTit {width:100%; padding:0px 10px; padding-bottom:10px; }
.comment .commentTit p {font-size:16px; color:#333; font-weight:600; border-top:1px dashed #d7d7d7; background:url("../img/new/common/pro_tit_icon.jpg")no-repeat left bottom 4px; padding-left:18px;  padding-top:25px;}
.comment .commentTit p span {font-size:16px; color:#FF6D3E; font-weight:400;}


.commList {width:100%; border-top:1px solid #d7d7d7; background-color:#f9f9f8; padding:15px 10px;}

.commBox {width:100%; border-bottom:1px dashed #d7d7d7;  padding:10px 5px;}
.reply {width:100%; border-bottom:1px dashed #d7d7d7;  padding:10px 5px; padding-left:22px; background:url("../img/new/board/reply_icon.png")no-repeat left 5px top 10px; background-size:11px;}
.commBox:first-child {padding-top:0;}
.commBox:last-child {border-bottom:0; padding-bottom:0;}
.reply:first-child {padding-top:0;}
.reply:last-child {border-bottom:0; padding-bottom:0;}

p.commTxt01 {font-size:14px; color:#000; width:100%; padding-bottom:2px;}
p.commTxt02 {font-size:12px; color:#999; display: inline-block; vertical-align: middle;}
p.commTxt03 {font-size:10px; color:#ccc; display: inline-block; vertical-align: middle;}

.commInput {width:100%; border-top:1px solid #d7d7d7; background-color:#fff; padding:10px;}
table.comTb {width:100%;}
table.comTb tr td {padding:5px 0px;}
table.comTb tr td:nth-child(1) {width:85px; vertical-align: top;}

table.comTb tr td input[type=text],table.comTb tr td input[type=number],table.comTb tr td input[type=password] {width:100%; height:30px; border:1px solid #d7d7d7; font-size:14px; color:#666; padding-left:5px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px;}

table.comTb tr:nth-child(1) td input {width:49%; float:left;}
table.comTb tr:nth-child(1) td input:last-child {float:right;}

table.comTb tr td div {float:left; width:80px; height:30px; background-color:#F8F8F8; text-align: center; display: flex; align-items: center; justify-content: center; border: 1px solid #d7d7d7;}
table.comTb tr td p:first-child {font-size:14px; color:#333; font-weight:600; float:left;}
table.comTb tr td p:last-child {font-size:15px; color:#666;  float:left;}

table.comTb tr td textarea {width:76%!important; height:60px; border:1px solid #d7d7d7; resize:none; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; padding:5px; font-size:14px; color:#666;}
table.comTb tr td input[type=submit] {width:22%; float:right; height:60px; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; background:linear-gradient(to top, #eee 4%, #fff 10%); border:1px solid #d7d7d7; font-size:14px; color:#353535; font-weight:600;}


.clInput {width:100%; background-color:#fff; border-bottom:1px dashed #d7d7d7; padding:10px 5px;}
.clInput:last-child {border-bottom:0;}


.commBtn {width:100%; text-align: left; padding-top:5px;}
.commBtn div {width:40px; text-align: center; border:1px solid #d7d7d7; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; display:inline-block;vertical-align: middle; padding:2px 0px; font-size:13px; color:#666; margin-right:5px; background:linear-gradient(to top, #eee 4%, #fff 10%);}