@charset "utf-8";

/* 버튼 - 효과 */
[class*="btn-"]       {display:inline-block;text-align:center;vertical-align:middle;cursor:pointer;transition:background-color 0.2s ease-out, color 0.2s ease-out;}
[class*="btn-"]:hover {transition:background-color 0.2s ease-in, color 0.2s ease-in;}

/* 버튼 - 색상 */
.btn-black       {background-color:#1a1a1a; border:1px solid #0a0a0a !important; color:#ffffff !important;}
.btn-black:hover {background-color:#1a1a1a; border:1px solid #0a0a0a !important; color:#ffffff !important;}
.btn-gray        {background-color:#f6f6f6; border:1px solid #cacaca !important; color:#999 !important;}
.btn-gray:hover  {background-color:#f6f6f6; border:1px solid #1a1a1a !important; color:#1a1a1a !important;}
.btn-white       {background-color:#ffffff; border:1px solid #c3c3c3 !important; color:#1a1a1a !important;}
.btn-white:hover {background-color:#ffffff; border:1px solid #1a1a1a !important; color:#1a1a1a !important;}
.btn-color       {background-color:#f7b42e; border:1px solid #f7b42e !important; color:#ffffff !important;}
.btn-color:hover {background-color:#f7b42e; border:1px solid #f7b42e !important; color:#ffffff !important;}
.btn-green       {background-color:#107c41; border:1px solid #107c41 !important; color:#ffffff !important;}
.btn-green:hover {background-color:#107c41; border:1px solid #107c41 !important; color:#ffffff !important;}

/* 버튼 - 크기 */
.mini   {font-size:11px;height:22px;line-height:20px;padding:0 10px;}
.small  {font-size:11px;height:30px;line-height:28px;padding:0 10px;}
.medium {font-size:15px;height:35px;line-height:33px;padding:0 20px;}
.large  {font-size:17px;height:45px;line-height:42px;padding:0 20px;}
.big    {font-size:20px;height:55px;line-height:52px;padding:0 20px;}

/* 입력 */
input[type="text"] {height:30px;line-height:30px;border:1px solid #d6d6d6;padding:0 10px;}
input[type="password"] {height:30px;line-height:30px;border:1px solid #d6d6d6;padding:0 10px;}
input[type=text],input[type=password], textarea {-webkit-transition: all 0.10s ease-in-out;-moz-transition: all 0.10s ease-in-out;-ms-transition: all 0.10s ease-in-out;-o-transition: all 0.10s ease-in-out;outline: none;}
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {border: 1px solid #333;}
select {height:30px;line-height:30px;border:1px solid #d6d6d6;padding:0 10px;}
textarea {width:100%;height:100px;border:1px solid #d6d6d6;padding:10px;}

/* 게시판 - 카테고리 */
#bo-cate {background:#f6f6f6;}
#bo-cate ul {zoom:1;border-bottom:1px solid #ddd; }
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li{display:inline-block; width:88px; }
#bo-cate li a{z-index:99;margin:0 0 -1px;  border:2px solid transparent}
#bo-cate a {display:block;line-height:26px; text-align:center ; width:88px; height:68px;  line-height:68px;}
#bo-cate #bo-cate-on {z-index:2;background:#fff;color:#000;font-weight:bold; border:1px solid #ddd; border-bottom:1px solid #fff;}
#bo-cate #bo-cate-on:after{content:""; display:block; width:50px; height:1px; background:#ddd;margin:0 auto;}


/* 일반게시판 - 리스트 피씨버전 */

.board-list {color:#333;text-align:center;width:1200px; table-layout:fixed;}
.board-list th {height:50px; font-size:13px; border-bottom:1px solid #dedede; background:#f6f6f6; padding:10px;}
.board-list td {height:50px; font-size:15px; border-bottom:1px solid #dedede; padding:10px;}
.board-list td a { color:#333; font-size:15px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(100% - 53px); display:inline-block;}
.board-list td .td-subject {text-align:left;}
.board-list td .icon-note {display:inline-block;color:#fff;font-size:13px;background:#232323;border:1px solid #131313;padding:5px 10px 6px 10px;border-radius:2px;margin-left:5px;}
.board-list td .icon-new {display:inline-block;color:#fff;font-size:11px;background:#2588dc;border:1px solid #2588dc;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-cmt {display:inline-block;color:#999;font-size:11px;background:#f6f6f6;border:1px solid #dddddd;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-hot {display:inline-block;color:#fff;font-size:11px;background:#ff1100;border:1px solid #ff1100;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-scr {display:inline-block;color:#fff;font-size:11px;background:#bc59a1;border:1px solid #bc59a1;border-radius:2px;padding:4px 5px 4px 5px;margin-left:5px;}

/* 일반게시판 - 리스트 모바일버전 

.board-list {color:#333;text-align:center;border-top:2px solid #2a2a2a; width:90% !important; margin:0 auto; table-layout:fixed; }


.board-list td {height:50px; font-size:15px; border-bottom:1px solid #dedede; padding:10px;}
.board-list tbody .td-num{width:10% !important; float:left; display:block;}
.board-list tbody .td-subject{width:80% !important; float:left; display:block;}
.board-list tbody .td-name{width:20% !important; float:left; display:block;}
.board-list tbody .td-hit{width:20% !important; float:left; display:block;}
.board-list tbody .td-date{width:50% !important; float:right; display:block;}
.board-list td a { color:#333; font-size:15px; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; max-width:calc(100% - 53px); display:inline-block;}
.board-list td .td-subject {text-align:left;}
.board-list td .icon-note {display:inline-block;color:#fff;font-size:13px;background:#232323;border:1px solid #131313;padding:5px 10px 6px 10px;border-radius:2px;margin-left:5px;}
.board-list td .icon-new {display:inline-block;color:#fff;font-size:11px;background:#2588dc;border:1px solid #2588dc;border-radius:2px;padding:2px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-cmt {display:inline-block;color:#999;font-size:11px;background:#f6f6f6;border:1px solid #dddddd;border-radius:2px;padding:2px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-hot {display:inline-block;color:#fff;font-size:11px;background:#ff1100;border:1px solid #ff1100;border-radius:2px;padding:2px 5px 4px 5px;margin-left:5px;}
.board-list td .icon-scr {display:inline-block;color:#fff;font-size:11px;background:#bc59a1;border:1px solid #bc59a1;border-radius:2px;padding:2px 5px 4px 5px;margin-left:5px;}
*/
/* 일반게시판 - 검색 */
.board-search {position:relative;width:100%;text-align:center;background:#f6f6f6;padding:15px;margin-top:30px;overflow:hidden;}

/* 버튼들 - 레이아웃 */
.btn-list-box {position:relative;width:100%;margin-top:30px;overflow:hidden;}
.btn-list-box li {float:left;margin-right:10px;}
.btn-list-box li:nth-of-type(5){margin-right:0px;}
.btn-list-box li a {}
.btn-list-box li.fl_r {margin-left:10px;margin-right:0;}

/* 게시물이 없음 */
.empty-table {padding:100px 0 !important;text-align:center}
.empty-list {padding:100px 0 !important;color:#666;text-align:center}

/* 게시판 - 등록 */
/*
.board-form {border-top:2px solid #2a2a2a;margin-bottom:30px;}
.board-form th {height:50px;color:#666;border-bottom:1px solid #dedede;background:#f6f6f6;padding: 10px;text-align:left;font-weight:normal;}
.board-form td {height:50px;text-align:left;border-bottom:1px solid #dedede;padding: 10px;}
.board-form .frm_info {display:block;line-height:1.5;color:#999;font-size:11px;margin-bottom:5px;}
.board-form .frm_info a {font-size:11px;}
.board-form-btn {text-align:center;margin-top:30px;}*/

.board-form{width:100% !important; border-top:1px solid #eee !important;}
.board-form th{width: 15% !important; font-weight: bold !important; font-size: 14px !important; padding-left: 0px !important;border-bottom: 1px solid #eee !important;text-align: left !important}
.board-form td{padding: 10px !important; border-bottom: 1px solid #eee !important;padding-right: 0px !important}
.board-form .frm_info{display:block;line-height:1.5;color:#999;font-size:11px;margin-bottom:5px;}
.board-form input{box-shadow: none; background-color: #f3f3f3; border: 0px; padding-left: 10px !important; color: #000 !important;  font-size: 13px !important;vertical-align: middle;border-radius: 3px; padding: 5px; }
.board-form .file_up,
.board-form .pass_wo{border: 0px;  color: #000;  vertical-align: middle; border-radius: 3px; padding: 5px; height: 40px; margin: 0;}
.board-form .file_up span,
.board-form .pass_wo span{border-radius: 3px 0 0 3px; width: 40px; font-size: 1.2em; text-align: center; color: #b2b2b2;vertical-align: middle }
.board-form .pass_wo input{margin-left: 20px !important;}
.board-form .file_up input{padding-left: 20px !important; background-color:#fff !important;}
.board-form-btn, .btnform_wrap{text-align: center;margin-top: 20px;}

/* 게시판 - 보기 */
.boardview {width:100%;font-size:13px;border-top:1px solid #999;}
.boardview th {width:150px;color:#666;padding:10px;background:#f6f6f6;border-bottom:1px solid #dedede;font-weight:normal;}
.boardview td {height:56px;color:#999;padding:10px;background:#ffffff;border-bottom:1px solid #dedede;}
.boardview td p {padding-top:7px;}
.boardview td label {padding-right:10px;}

.boardview-title {display:block;font-size:25px;font-weight:300;word-break:break-all;border-top:1px solid #3a3a3a;padding:20px 0 0 0;}
.boardview-info {font-size:13px;padding:20px 0;border-bottom:1px solid #dedede;color:#666}
.boardview-info .name{float:left;color:#999;}
.boardview-info .hit{float:right;color:#999;}
.boardview-info .date{float:right;color:#999;margin-left:20px;}

.boardview-file {border:1px solid #dedede;margin-top:30px;}
.boardview-file h2 {padding:10px;background: #f6f6f6}
.boardview-file ul {margin:0;padding:5px 0;list-style:none}
.boardview-file li {padding:5px 10px;position:relative;}
.boardview-file a {display:inline-block;color:#333;text-decoration:none;word-wrap:break-word}
.boardview-file img {float:left;margin:0 10px 0 0}

.boardview-next {}
.boardview-next ul {position:relative;text-align:left;border-bottom:1px solid #dedede;margin-top:30px}
.boardview-next ul li {border-top:1px solid #dedede;padding:20px 0;}
.boardview-next ul li a {color:#999}
.boardview-next ul li a:hover {color:#111}
.boardview-next ul li .title{display:inline-block;padding-right:20px;color:#111}
.boardview-next ul li .date{float:right;color:#999}

.boardview-content {min-height:300px;height:auto !important;height:200px;margin:30px 0;}

.boardview-img {width:100%;overflow:hidden;zoom:1}
.boardview-img:after {display:block;visibility:hidden;clear:both;content:""}
.boardview-img a.view-image{display:block}
.boardview-img img {margin-bottom:20px;max-width:100%;height:auto}

#boardview-share {position:relative;margin-bottom:20px;text-align:right}
#boardview-sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#boardview-sns:after {display:block;visibility:hidden;clear:both;content:""}
#boardview-sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#boardview-sns li {float:left;width:60px;text-align:center}
#boardview-sns li a{height:40px;padding:10px 0;}
#boardview-sns li .sns_f{display:block;background:#415b92}
#boardview-sns li .sns_t{display:block;background:#35b3dc}
#boardview-sns li .sns_g{display:block;background:#d5503a}
#boardview-sns li img{vertical-align:top}
#boardview-sns-wrap {position:relative;display:inline-block;margin-left:-1px}

/* 게시판 - 보기 */
#boardview {font-size:13px;}
#boardview table {width:100%;border-top:1px solid #9a9a9a;}
#boardview th {width:150px;color:#6a6a6a;padding:10px;background:#f6f6f6;border-bottom:1px solid #eaeaea;font-weight:normal;}
#boardview td {height:56px;color:#9a9a9a;padding:10px;background:#ffffff;border-bottom:1px solid #eaeaea;}
#boardview td p {padding-top:7px;}
#boardview td label {padding-right:10px;}

#boardview_title {display:block;font-size:25px;font-weight:300;word-break:break-all;border-top:1px solid #3a3a3a;padding:20px 0 0 0;}
#boardview_info {font-size:13px;padding:20px 0;border-bottom:1px solid #eaeaea;color:#666}
#boardview_info:after {display:block;visibility:hidden;clear:both;content:""} 
#boardview_info .name{float:left;color:#999;}
#boardview_info .hit{float:right;color:#999;}
#boardview_info .date{float:right;color:#999;margin-left:20px;}

#boardview_file {border:1px solid #eaeaea;margin-top:20px;}
#boardview_file h2 {padding:10px;background: #f6f6f6}
#boardview_file ul {margin:0;padding:5px 0;list-style:none}
#boardview_file li {padding:5px 10px;position:relative;}
#boardview_file a {display:inline-block;color:#3497d9;word-wrap:break-word}
#boardview_file a:focus, #boardview_file a:hover, #boardview_file a:active {text-decoration:none}
#boardview_file img {float:left;margin:0 10px 0 0}

#boardview_next {}
#boardview_next:after {display:block;visibility:hidden;clear:both;content:""}
#boardview_next ul {position:relative;text-align:left;border-bottom:1px solid #eaeaea;margin-top:20px}
#boardview_next ul li {border-top:1px solid #eaeaea;padding:20px 0;}
#boardview_next ul li a {color:#999}
#boardview_next ul li a:hover {color:#111}
#boardview_next ul li .title{display:inline-block;padding-right:20px;color:#111}
#boardview_next ul li .date{float:right;color:#999}

#boardview_atc {min-height:200px;height:auto !important;height:200px;margin-top:20px;}

#boardview_img {width:100%;overflow:hidden;zoom:1}
#boardview_img:after {display:block;visibility:hidden;clear:both;content:""}
#boardview_img a.view_image{display:block}
#boardview_img img {margin-bottom:20px;max-width:100%;height:auto}

#boardview_con {margin-top:20px;width:100%;line-height:1.75em;min-height:200px;word-break:break-all;overflow:hidden}
#boardview_con a {color:#000;text-decoration:underline}
#boardview_con img {max-width:100%;height:auto}

#boardview_share {position:relative;margin-bottom:20px;text-align:right}
#boardview_sns {display:none;position:absolute;top:-50px;left:50%;margin-left:-90px;width:180px;padding:0;list-style:none;zoom:1}
#boardview_sns:after {display:block;visibility:hidden;clear:both;content:""}
#boardview_sns:before{content: "";position: absolute;bottom: -7px;left: 84px;width: 0;height: 0;border-style: solid;border-width: 7px 6px 0 6px;border-color: #415b92 transparent transparent transparent;}
#boardview_sns li {float:left;width:60px;text-align:center}
#boardview_sns li a{height:40px;padding:10px 0;}
#boardview_sns li .sns_f{display:block;background:#415b92}
#boardview_sns li .sns_t{display:block;background:#35b3dc}
#boardview_sns li .sns_g{display:block;background:#d5503a}
#boardview_sns li img{vertical-align:top}
#boardview_sns_wrap {position:relative;display:inline-block;margin-left:-1px}



/* 코멘트 - 등록 */
.bo-vc-w {display:block;position:relative;margin-top:30px;}
.bo-vc-w .bo-vc-w-textarea {width:100%;height:100px;color:#3e3e3e;border:1px solid #cecece;}
.bo-vc-w .bo-vc-w-box {position:relative;height:50px;border:1px solid #cecece;margin-top:-1px;overflow:hidden;} 
.bo-vc-w .bo-vc-w-box .bo-vc-w-info  {position:absolute;top:10px;left:10px;} 
.bo-vc-w .bo-vc-w-btn {position:absolute;bottom:0;right:0;height:50px;vertical-align:top;margin:0 0 0 0;z-index:9999;}
.bo-vc-w .bo-vc-w-btn button {height:50px;line-height:50px;}

/* 코멘트 - 리스트 */
#bo-vc {}
#bo-vc h2 {font-size:15px;margin:30px 0;}
#bo-vc article {position:relative;border-top:1px solid #dedede;padding-top:20px;}
#bo-vc article .member-img {float:left;padding-right:20px;}
#bo-vc article .comment-box .comment-header{margin-bottom:10px;}
#bo-vc article .comment-box .comment-content {min-height:26px;}
#bo-vc article .comment-box .comment-content p {font-size:15px;}
#bo-vc article .comment-box {}
#bo-vc article .comment-btn {position:absolute;top:20px;right:0;}

/* 코멘트 - 버튼 */
.bo-vc-btns {position:absolute;right:0;top:20px;margin:0;list-style:none;zoom:1}
.bo-vc-btns:after {display:block;visibility:hidden;clear:both;content:""}
.bo-vc-btns li {display:inline-block;}
.bo-vc-btns li a{padding:0 5px;line-height:23px}

/* 코멘트 - SNS */
#bo-vc-send-sns{display:inline-block;float:left}
#bo-vc-sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
#bo-vc-sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo-vc-sns li {float:left;margin:0 5px 0 0}
#bo-vc-sns .sns-li-f{border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
#bo-vc-sns .sns-li-t{border-radius:3px;background:#00aced;height:40px;line-height:40px;padding:0 0 0 10px}
#bo-vc-sns .sns-li-off{background:#bbb}
#bo-vc-sns a{display:inline-block;padding:0 15px 0 5px;}
#bo-vc-sns input {margin:0 5px 0 0 }

/* 캡챠 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:30px;border:1px solid #898989;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../img/captcha2.png') no-repeat; -5px -45px;text-indent:-999px;}
#captcha #captcha_reload {margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../img/captcha2.png') no-repeat  -5px -45px;text-indent:-999px;}
#captcha #captcha_key {height:30px;line-height:30px;border:1px solid #d6d6d6;padding:0 10px;margin-left:5px;}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 페이징 */
.pg-wrap {text-align:center;margin:30px auto 0;}
.pg-wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg-page, .pg-current {display:inline-block;vertical-align:middle;border:1px solid #ddd}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg-page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;}
.pg-page:hover {background-color:#fafafa}
.pg-start {text-indent:-999px;overflow:hidden;background:url('../../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-prev {text-indent:-999px;overflow:hidden;background:url('../../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-end {text-indent:-999px;overflow:hidden;background:url('../../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-next {text-indent:-999px;overflow:hidden;background:url('../../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ddd}
.pg-start:hover,.pg-prev:hover,.pg-end:hover,. pg-next:hover {background-color:#fafafa}
.pg-current {display:inline-block;background:#333;border:1px solid #333;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;}

/* 테이블 - 리스트 */
.table-list {border-top:1px solid #2a2a2a;margin-bottom:30px;}
.table-list th {height:30px;color:#fff;font-weight:normal;text-align:center;background:#2a2a2a;border-right:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;padding:8px 5px;}
.table-list th:last-child {border-right:0px;}
.table-list th a{color:#fff}
.table-list td{height:50px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:10px;text-align:center}
.table-list td:last-child{border-right:0px;}
.table-list tr:nth-child(even){background:#f6f6f6;}