@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


.t11 {font-size:11px; letter-spacing:-0.5px;}
.gray {color:#777676;;}

/* 기본게시판 검색  */
.bbs_search {width:100%; position:relative; padding:10px 0;}
.bbs_search select {width:120px;}
.bbs_search input[type=text] {width:350px; padding:5px;}
.bbs_search .btn_search01 {padding:5px 0 0 0;}

/* 기본게시판 */
.bbs_wrap {width:100%; position:relative; margin:20px 0; font-family:nanumgodhic;}
.bbs_default {width:100%; position:relative; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_default th {padding:10px 0; background-color:#f3f3f3; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_default td {padding:10px 0; border-bottom:1px dashed #ddd;}
.bbs_default td.board_tit {padding:0 0 0 2%; text-align:left;}
.bbs_default td.board_tit a {text-decoration:none; color:#333;}
.bbs_default td a:hover {color:#267ac1; text-decoration:underline;}
.bdr_none {border-right:none !important;}
.btn_board { text-align:right; padding: 0 20px 0 0;}
.bbs_default input[type=text] {width:85%; border:1px solid #d4d4d4;}

/* 기본게시판 페이징 */
.paging_box {clear:both; text-align:center; margin:30px 40%; width:100%;}
.paging_box:after {content:""; display:block; height:0; clear:both; visibility:hidden;}
.paging_box .paging01 {width:30px; border-radius:5px; height:10px; text-align:center; padding:2px 5px 7px 5px; background-color:#3e73bf; color:#fff; float:left;}
.paging_box .paging02 {width:30px; border-radius:5px; height:10px; text-align:center; padding:2px 5px 7px 5px; background-color:#3e73bf; color:#fff; float:left;}
.paging_box ul { text-align:center; float:left; margin:0 20px;}
.paging_box ul li {float:left; padding:0 5px;}
.paging_box ul li a:hover {color:#3e73bf; text-decoration:underline;}

/* 기본게시판 뷰페이지 */
.bbs_list {width:100%; position:relative; margin:30px 0; border-top:1px solid #ddd;}
.bbs_list dl {width:100%; position:relative; position:relative;}
.bbs_list dl dd {width:83%; padding:10px 0; float:left; border-bottom:1px solid #ddd;}
.bbs_list dl .list01 {background:url(/img/board/list01.gif) 70px 10px no-repeat; width:13%; padding:10px 0; background-color:#f3f3f3; border-bottom:1px solid #ddd; float:left;}
.bbs_list dl .list02 {background:url(/img/board/list02.gif) 70px 10px no-repeat; width:13%; padding:10px 0; background-color:#f3f3f3; border-bottom:1px solid #ddd; float:left;}
.bbs_content {line-height:30px; }
.bbs_content img {width:95%; max-width:960px; }

/* 게시판 하단 버튼 */
.bbs_content {line-height:30px; }
.bbs_btn {margin:40px 0; width:100%; float:left; text-align:right;}
.bbs_btn img {padding:0 10px; }

.bbs_btn .btn01 {border-radius:3px; border:1px solid #3e73bf; background-color:#267ac1; color:#fff; text-align:center; font-family:nanumgothic; font-weight:bold; width:80px; height:30px; margin-right:5px;}
.bbs_btn .btn02 {border-radius:3px; border:1px solid #cacaca; background-color:#dedede; color:#777676; text-align:center; font-family:nanumgothic; font-weight:bold; width:80px !important; height:30px; margin-right:5px; padding:8px 20px;}

.al_center{ background-color:#EFEFEF;}


.title {  font-family: "굴림"; font-size: 10pt; color: #000000; text-decoration: none;line-height: 120% }
.title a  {  font-family: "굴림"; font-size: 10pt; color: #000000; text-decoration: none}
.title a:active  {  font-family: "굴림"; font-size: 10pt; color: #000000; text-decoration: none}
.title a:visited  {  font-family: "굴림"; font-size: 10pt; color: #000000; text-decoration: none}
.title a:hover {  font-family: "굴림"; font-size: 10pt; color: #808080; text-decoration: none}
.title a:link {  font-family: "굴림"; font-size: 10pt; color: #000000; text-decoration: none}

.T01 {width:100%;}
.T01 th {background:url('/new_img/common/bg_btn04.gif') 0 0 repeat-x; height:38px; font-family:"맑은 고딕"; font-size:16px; line-height:20px;}
.T01 td {border-bottom:1px solid #eaeaea; padding:15px 8px 15px 8px; text-align:center; font-family:"맑은 고딕"; font-size:14px; line-height:16px;}
.T01 td img {margin:2px 0;}

.T02 {width:100%; border-top:2px solid #c02938;}
.T02 th {background-color:#f8f8f8; padding:15px 8px; border-bottom:1px solid #ccc; text-align:center; font-family:"맑은 고딕"; font-size:16px; line-height:20px;}
.T02 td {border-bottom:1px solid #ccc; padding:15px 8px; font-family:"맑은 고딕"; font-size:16px; line-height:20px;}
.T02 td.content div {line-height:30px;}
.T02 td.title {font-size:20px; line-height:24px; background-color:#f5f5f5;}
.T02 td.btn {text-align:center; border-bottom:0; padding:10px 0;}
.T02 td input[type=text] {width:98%; padding:3px 1% 2px 1%;}

.T03 {width:100%; border-top:2px solid #c02938;}
.T03 th {background-color:#f5f5f5; padding:8px; border-bottom:1px solid #ccc; text-align:center;}
.T03 th.title {background-color:#c02938; color:#fff;}
.T03 td {border-bottom:1px solid #ccc; padding:8px;}
.T03 td#total_price_td {text-align:right; padding-right:20px;}
.T03 td #total_price {font-size:20px; font-family:"arial"; color:#c02938;}

.T04 {width:100%;}
.T04 th {background-color:#f5f5f5; padding:8px; border-bottom:1px solid #ccc; text-align:center;}
.T04 th.title {background-color:#c02938; color:#fff;}
.T04 td {border-bottom:1px solid #ccc; padding:8px;}
.T04 td.btn {text-align:center; border-bottom:0; padding:10px 0;}
.T04 td input[type=text] {width:100%;}

/* 게시판 페이지 */
#board .page {padding:20px 0 40px 0;}
#board .page ul {float:right; position:relative; left:-50%;}
#board .page li {float:left; position:relative; left:50%; margin:0 4px;}
#board .page li a {display:inline-block; padding:3px;}
#board .page li.on a {color:#ed6d06; font-weight:bold;}
#board .page li.arrow a {margin:0;}
#board .page:after {clear:both; display:block; content:"";}
#board .btn {width:100%; height:55px; padding:0; margin:20px 0 0 0; box-sizing:border-box;}
#board .btn span {float:right; margin-left:5px;}
@media (max-width:500px){
#board .page li a {display:inline-block; padding:2px;}
}

#board .gallery_top {/*border-bottom:2px solid #dcdcdc;*/}
#board .gallery_top .search {margin:15px 0;}
#board .gallery_top .search ul {float:right; display:inline-block;}
#board .gallery_top .search li {float:left; padding:0 3px;}
#board .gallery_top .search li select {border:1px solid #ccc; height:30px; width:65px; padding-left:8px;}
#board .gallery_top .search li input {border:1px solid #ccc; height:28px; padding:0 10px;}
#board .gallery_top .search li button {border:1px solid #494949; height:30px; padding:0 10px; background-color:#494949;color:#fff;}
#board .gallery_top .search ul:after {clear:both; display:block; content:"";}

#board .gallery_top .result {padding:8px 0; font-size:13px; font-weight:bold; display:inline-block;}
#board .gallery_top .result li {float:left; padding:0 3px;}
#board .gallery_top .result li span {color:#ff6600; padding:0 2px;}
#board .gallery_top .result:after {clear:both; display:block; content:"";}


/* 갤러리 리스트 */
#board .gallery_list {margin:10px; padding-bottom:20px; /*border-bottom:1px solid #dcdcdc;*/}
#board .gallery_list ul li {position:relative; float:left; width:22.5%; margin:1%; border:1px solid #ccc;}
#board .gallery_list ul li p.image {border-bottom:1px solid #ccc; width:100%; padding-bottom:80%; position:relative; background-color:#000000;}
#board .gallery_list ul li p.image a {position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden;}
#board .gallery_list ul li p.image a img {height:100%; vertical-align:top;}
#board .gallery_list ul li p.image a img.play_bg {opacity:0.6;}
#board .gallery_list ul li p.image .play_btn {position:relative; top:40%; left:0; width:40px; height:40px;}
#board .gallery_list ul li p.text {margin-top:3px; padding:8px; white-space:nowrap; text-overflow:ellipsis; height:20px; overflow:hidden;}
#board .gallery_list ul li p.text a {color:#555;}
#board .gallery_list ul li p.text a:hover {color:#101010;}
#board .gallery_list ul li p.text .icon_new_sub {vertical-align:middle; margin-left:5px;}
#board .gallery_list ul li p.info {font-size:12px; padding:7px 3px;}
#board .gallery_list ul li p.info span {display:inline-block; padding:4px 8px; border:1px solid #efefef; border-radius:3px; float:right; margin:0 4px;}
#board .gallery_list ul li p.info span.name {float:left; border:none; padding:5px 9px; font-weight:bold; width:100%; box-sizing:border-box; }
#board .gallery_list ul li p.info span.hit {color:#8c8c8c;}
#board .gallery_list ul li p.info span.date {color:#8c8c8c;}
#board .gallery_list ul li p span.reple_icon {background:url('/img/common/reple_bl.png') no-repeat;  padding:0; color:#fff; font-size:10px;}
#board .gallery_list ul li p.info:after {clear:both; display:block; content:"";}
#board .gallery_list ul:after {clear:both; display:block; content:"";}
#board .gallery_list .btn {padding:20px 1%; text-align:right;}
#board .gallery_list .btn span {padding:0 2px;}
@media (max-width:900px){
#board .gallery_list ul li {position:relative; float:left; width:45%; margin:1%; border:1px solid #ccc;}
}

/* 댓글작성 */
#board .board_reple .reple_write {background-color:#f8f8f8; padding:15px 25px; margin:20px 0; position:relative;}
#board .board_reple .reple_write p.title {font-weight:bold; padding:5px 5px 15px 5px;}
#board .board_reple .reple_write p.title span {float:right; display:inline-block; font-size:0.9em; color:#999; font-weight:normal;}
#board .board_reple .reple_write p.title:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.info {margin:0 0 10px 0;}
#board .board_reple .reple_write p.info span {display:inline-block; margin-left:5px;}
#board .board_reple .reple_write p.info span.pw {display:inline-block; margin-left:20px;}
#board .board_reple .reple_write p.info span input {width:100px;}
#board .board_reple .reple_write p.input {text-align:center;}
#board .board_reple .reple_write p.input textarea { width:80%;border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; }
@media (min-width:320px) and (max-width:866px){
#board .board_reple .reple_write p.input textarea { width:98%;border:1px solid #ccc; padding:1%; resize:none; color:#999; float:left; }
}
#board .board_reple .reple_write p.input span.btn {margin-top:8px;}
#board .board_reple .reple_write p.input span.btn a {display:inline-block; }
#board .board_reple .reple_write p.input:after {clear:both; display:block; content:"";}
#board .board_reple .reple_write p.total {padding:10px;}
#board .board_reple .reple_write p.nonmember {padding:10px;}
#board .board_reple .reple_write p.nonmember input {border:1px solid #ccc;}
#board .board_reple .reple_write p.nonmember input#name {width:100px; height:20px; margin-right:20px;}
#board .board_reple .reple_write p.nonmember input#password {width:150px; height:20px; margin-right:10px;}
#board .board_reple .reple_write span.secret {padding:10px;}
#board .board_reple .reple_list {margin:10px 15px;}
#board .board_reple .reple_list li {border-bottom:1px solid #ccc; padding:10px 10px; position:relative;}
#board .board_reple .reple_list li p.name {font-weight:bold; padding:3px 0 10px 3px; color:#428BCA;}
#board .board_reple .reple_list li p.text {padding:5px 0;}
#board .board_reple .reple_list li p.date {text-align:right; font-size:0.8em; color:#999;}
#board .board_reple .reple_list li span.delet {position:absolute; top:10px; right:5px; font-size:0.8em; padding:4px 0;}
#board .board_reple .reple_list li span.delet a {padding:3px 10px; border:1px solid #ccc; background-color:#f8f8f8; position:relative; top:0;}
#board .board_reple .reple_list p.confirm {position:absolute; top:10px; right:90px; font-size:0.8em;}
#board .board_reple .reple_list p.confirm input {width:100px; height:20px; margin:0 7px; border:1px solid #ccc;}
#board .board_reple:after {clear:both; display:block; content:"";}
.nonmember

#board .board_view .body .text {width:100%; max-width:960px;}
#board .board_view .body .text img {max-width:960px;width:100%;}

/******임시_관리자 댓글입력란******/

.reply_wrap{width: 95%; margin: 0 auto;}
.reply_from caption{ text-indent: -99999px;}
.reply_from:after{content: ''; display: block; clear: both; height: 0;}
.reply_from table{ width: 95%;float: left; display: block;}
.reply_from table > tbody > tr:first-child{ border-top:1px solid #376f99;}
.reply_from table > tbody > tr{display: block; border-bottom:1px solid #eee; }
.reply_from table > tbody > tr th{padding: 10px 12px; background: #fbfdfd; width: 160px; font-size: 15px; line-height:20px; text-align: left;}
.reply_from table > tbody > tr td{padding: 0 0; }
.reply_from table tbody tr td input{border: 1px solid #d2edf2;  margin-left:10px; height: 27px;}
.reply_from table tbody tr td select{border: 1px solid #d2edf2;  margin-left:10px; height: 29px; }
.reply_btn{float: left; display: block; border:1px solid #0a478a; padding: 43px; margin-top: 16px; margin-left: 20px; background:#0a478a; }
.reply_btn a{ color: #fff; font-size: 18px;}

.reply_text{width: 100%; margin-top: 20px;}

.reply_area textarea{width: 80%; height: 80px; display: block; float: left;}
.reply_area_btn{float: left; display: block;border:1px solid #0a478a; padding: 34px;  margin-left: 9px; background:#0a478a; color: #fff; font-size: 18px;  }