@charset "utf-8";

@font-face {
  font-family: 'NG';
  font-style: normal;
  src: url(../font/NanumGothic.eot);
  src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic.woff2) format('woff2'),
       url(../font/NanumGothic.woff) format('woff'),
       url(../font/NanumGothic.ttf) format('truetype');
}

@font-face {
  font-family: 'NGB';
  font-style: normal;
  font-weight:bold;
  src: url(../font/NanumGothicBold.eot);
  src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothicBold.woff2) format('woff2'),
       url(../font/NanumGothicBold.woff) format('woff'),
       url(../font/NanumGothicBold.ttf) format('truetype');
}

html {overflow-y:scroll;}
html,body {width:100%; height:100%;}
html,body,h1,h2,h3,h4,input,button,select,textarea {font:13px/1.5 '나눔고딕',NanumGothic,NG,'돋움',dotum,Verdana,AppleGothic,Tahoma; color:#555;}


/* link */
a:link {color:#555; text-decoration:none;}
a:visited {color:#555; text-decoration:none;}
a:hover {color:#f65b06; text-decoration:underline;}
a:active {color:#555; text-decoration:none;}


/* h */
h4 {}
h4>span {}


/* bullet */
.bullet1 {background:url('../images/contents/bullet_dot.gif') no-repeat 0 7px; padding-left:8px; margin-bottom:3px;}

.comment {position:absolute; top:0; right:0; font-size:12px; font-family:NanumGothic, NG;}
.comment2 {text-align:right; font-size:12px; font-family:NanumGothic, NG; margin-bottom:5px;}


/* tabmenu */
.tabmenu {width:100%; height:32px; border-bottom:1px solid #dcdcdc; margin-bottom:30px; font-size:14px;}
.tabmenu:after {content:''; clear:both; display:block;}
.tabmenu li {float:left; margin-right:2px; font-weight:bold;}
.tabmenu li a {display:block; height:26px; padding:5px 20px 0 20px; cursor:pointer; background-color:#f3f3f3; border:1px solid #dcdcdc; color:#777;}
.tabmenu li a:hover {background-color:#f56b17; border:1px solid #f56b17; color:#fff; text-decoration:none;}
.tabmenu li a.on {background-color:#f56b17; border:1px solid #f56b17; color:#fff;}


/* list */
.bbs_list {clear:both; width:100%; border-bottom:1px solid #e1e1e1; margin:0 0 10px 0; table-layout:fixed;}
.bbs_list th {background-color:#7fb72e; color:#fff; height:32px;}
.bbs_list td {font-size:12px; color:#888; padding:8px 0 7px 0; border-bottom:1px solid #e1e1e1; text-align:center;}
.bbs_list td.title {text-align:left; padding-left:10px; font-size:14px; color:#222;}

.bbs_list2 {clear:both; width:100%; border-bottom:1px solid #e1e1e1; margin:0 0 10px 0; table-layout:fixed; line-height:1.6;}
.bbs_list2 th {background-color:#7fb72e; color:#fff; height:32px; border-left:1px solid #d5e3b5;}
.bbs_list2 td {font-size:12px; color:#888; padding:8px 0 7px 0; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
.bbs_list2 td.bg1 {background-color:#f7f8f7;}
.bbs_list2 td.title {text-align:left; padding-left:10px; font-size:13px; color:#555;}
.bbs_list2 td.title2 {text-align:left; padding-left:10px; font-size:14px; color:#555;}
.bbs_list2 .first-child {border-left:none;}

.bbs_list3 {clear:both; width:100%; border-bottom:1px solid #e1e1e1; margin:0 0 10px 0; table-layout:fixed; line-height:1.6;}
.bbs_list3 th {background-color:#7fb72e; color:#fff; height:32px; border-left:1px solid #d5e3b5;}
.bbs_list3 td {font-size:13px; color:#888; padding:12px 0; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
.bbs_list3 td.bg1 {background-color:#f7f8f7;}
.bbs_list3 td.title {text-align:left; padding-left:10px; font-size:14px; color:#555;}
.bbs_list3 .first-child {border-left:none;}


/** view **/
.bbs_view {clear:both; width:100%; border-top:3px solid #7fb72e; border-bottom:1px solid #8e8e8e; padding-bottom:30px; margin:0 0 20px 0;}
.bbs_view .top {font-size:12px; color:#888; border-bottom:solid 1px #e1e1e1; padding:10px 20px;}
.bbs_view .top .title {font-size:18px; color:#000; font-weight:600; padding-bottom:5px;}
.bbs_view .top span {margin:0 7px;}
.bbs_view .file {padding:0 20px; font-size:12px; color:#888;}
.bbs_view .file a:link {color:#888; text-decoration:underline;}
.bbs_view .file a:visited {color:#888; text-decoration:underline;}
.bbs_view .file a:hover {color:#f65b06; text-decoration:underline;}
.bbs_view .file a:active {color:#888; text-decoration:underline;}

.bbs_view2 {clear:both; width:100%; border-top:1px solid #e6e6e6; margin:0 0 10px 0; table-layout:fixed;}
.bbs_view2 th {color:#222; border-bottom:solid 1px #e6e6e6; background-color:#f8f8f8; padding:9px 0 8px 0; text-align:center; font-family:NanumGothicBold, NGB;}
.bbs_view2 td {color:#555; border-bottom:solid 1px #e6e6e6; padding:9px 0 8px 10px; text-align:left;}
.bbs_view2 img {vertical-align:middle;}

.bbs_contents {padding:20px; color:#222;}


/** write **/
.bbs_write {clear:both; width:100%; border-top:3px solid #7fb72e; margin:0 0 10px 0; table-layout:fixed;}
.bbs_write th {color:#222; border-bottom:solid 1px #e6e6e6; background-color:#f8f8f8; padding:9px 0 8px 13px; text-align:left; font-family:NanumGothicBold, NGB;}
.bbs_write td {color:#555; border-bottom:solid 1px #e6e6e6; padding:9px 0 8px 10px; text-align:left;}
.bbs_write img {vertical-align:middle;}


/** reply **/
.bbs_reply {clear:both; width:100%; border-top:3px solid #f56b17; margin:0 0 20px 0; padding-bottom:10px; background-color:#f9f9f9;}
.bbs_reply .top {width:710px; margin:0 auto; font-size:12px; color:#888; padding-top:10px;}
.bbs_reply .top:after {content:''; clear:both; display:block;}
.bbs_reply .top .title {float:left; font-size:16px; color:#f56b17; font-family:NanumGothicBold, NGB;}
.bbs_reply .top .date {float:right;}


/** faq **/
.faq {clear:both; width:100%;}
.faq dt {background:url('../images/board/ico_q.gif') no-repeat 10px 10px; padding:8px 10px 8px 40px; border-bottom:1px solid #e6e6e6; font-size:14px; color:#333; cursor:pointer;}
.faq dt:hover {color:#f65b06; text-decoration:underline;}
.faq dd {background:url('../images/board/ico_a.gif') no-repeat 10px 11px; padding:10px 10px 10px 40px; border-bottom:1px solid #e6e6e6; background-color:#f7f7f7;}


/** gallery **/
.gallery {clear:both; width:100%; border-top:3px solid #7fb72e; border-bottom:1px solid #e1e1e1; margin:0 0 10px 0; padding-top:5px; padding-bottom:5px;}
.gallery .form {width:100%; padding:15px 0;}
.gallery ul {float:left; margin-left:20px;}
.gallery ul.first-child {margin-left:0;}

.gallery .img {display:table-cell; *display: inline-block; line-height:170px; border:1px solid #fff;  width:170px; height:125px; vertical-align:middle; text-align:center; }
.gallery .img img {vertical-align:middle;}
.gallery .img:hover {border:1px solid #f65b06; width:170px; height:125px; }
.gallery .title {color:#333; font-size:12px; padding-top:3px;}
.gallery .date {color:#888; font-size:11px;}

.nodata {text-align:center; padding:50px 0 !important;}



/** search **/
.bbs_search {text-align:right; margin-bottom:15px;}


/** page **/
.page {clear:both; width:100%; text-align:center; padding-top:10px; font-family:verdana; font-size:11px; line-height:1;}
.page img {vertical-align:middle;}
.page a {display:inline; padding:0 2px; color:#888;}
.page a:link {color:#888;}
.page a:visited {color:#888;}
.page a:hover {color:#888; text-decoration:underline;}
.page a:active {color:#888;}
.page a.on {color:#ee6900; font-weight:bold;}


/** 이전글다음글 **/
.prev_next {border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; margin-bottom:10px; font-size:12px;}
.prev_next dl {width:100%; border-top:1px dashed #d3d3d3; padding:7px 0;}
.prev_next dl:after {content:''; clear:both; display:block;}
.prev_next dl:first-child {border-top:none;}
.prev_next dl dt {float:left; margin-left:20px; width:50px; border-right:1px solid #ddd; color:#888;}
.prev_next dl dd {float:left; margin-left:10px; width:620px; color:#888;}
.prev_next dl dd a {color:#888;}
.prev_next dl dd a:hover {color:#f65b06;}
.prev_next .tit_prev {background:url('../images/board/ico_prev.gif') no-repeat 0 center; padding-left:20px;}
.prev_next .tit_next {background:url('../images/board/ico_next.gif') no-repeat 0 center; padding-left:20px;}


/** btn **/
.bbs_btn {clear:both; width:100%;}
.bbs_btn li {display:inline; padding:0 3px;}
.bbs_btn .center {text-align:center;}
.bbs_btn .left {float:left;}
.bbs_btn .right {float:right;}


/** input **/
.input1 {height:20px; line-height:1.7; padding-left:5px; border:1px solid #c6c6bf;}
.input2 {height:18px; line-height:1.5; padding-left:5px; border:1px solid #c6c6bf;}