/* 버튼 - 색상 */
[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-white{background-color:#ffffff; border:1px solid #c3c3c3 !important; color:#1a1a1a !important;}
.btn-white:hover{background-color:#fffff; border:1px solid #1a1a1a !important; color:#1a1a1a !important;}
.btn-color{background-color:#2c6ec7; border:1px solid #2c6ec7 !important; color:#ffffff !important;}
.btn-color:hover{background-color:#012540; border:1px solid #012540 !important; color:#ffffff !important;}
.btn-gray{background-color:#f3f3f3; border:1px solid #cacaca !important; color:#9a9a9a !important;}
.btn-gray:hover{background-color:#f3f3f3; border:1px solid #1a1a1a !important; color:#1a1a1a !important;}
.btn-red{background-color:#e12d1c; border:1px solid #e12d1c !important; color:#ffffff !important;}
.btn-red:hover{background-color:#c12d1c; border:1px solid #c12d1c !important; color:#ffffff !important;}

/* 버튼 - 크기 */
.mini{line-height:normal;font-size:11px;padding:3px 10px 3px 10px;}
.small{height:35px;line-height:35px;font-size:13px;padding:0 10px;}
.medium{height:35px;line-height:35px;font-size:13px;padding:0 10px;}
.large{font-size:17px;line-height:normal;padding:10px 17.5px;}

/* 게시판 - 게시물이 없음 */
.empty_table {padding:100px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 제목 */
.section_title {text-align:left;color:#1a1a1a;font-weight:bold;margin:0 0 8px; font-size:14px; padding-left:25px; background-image:url("../img/title_icon.png"); background-repeat:no-repeat; background-position:center left;}
.section_title span {float:right;font-weight:normal;text-align:right;margin-top:-7px}

/* 버튼 - Wrap */
#btnlist_wrap {zoom:1}
#btnlist_wrap:after {display:block;visibility:hidden;clear:both;content:""}
#btnlist_wrap .btnlist_left {margin-top:20px;float:left}
#btnlist_wrap .btnlist_left li {float:left;margin-right:5px}
#btnlist_wrap .btnlist_right {margin-top:20px;float:right}
#btnlist_wrap .btnlist_right li {float:left;margin-left:5px}
.btnform_wrap {margin-top:20px;text-align:center;}

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

/* 게시판 쓰기 폼 */
.form_input {height:35px;line-height:35px;border:1px solid #d6d6d6;padding:0 10px;}
.form_select {height:35px;line-height:35px;border:1px solid #d6d6d6;padding:0 10px;}
.form_file {width:100%;}
.form_textarea {width:100%;height:100px;border:1px solid #d6d6d6;padding:10px;margin-bottom:-2px}
.full {width:100%;}
.readonly {border:0px;}

/* 게시판 - 리스트 */
#mobilelist {font-size:13px;}
#mobilelist table {width:100%;border-top:1px solid #3a3a3a;}
#mobilelist td {text-align:center;background:#ffffff;border-bottom:1px solid #eaeaea;padding:20px 0}
#mobilelist td .image {}
#mobilelist td .subject {color:#1a1a1a;font-size:15px;font-weight:bold;padding-bottom:10px;}
#mobilelist td .content {color:#9a9a9a;padding-bottom:10px;}
#mobilelist td .text {color:#9a9a9a;font-size:11px;}
#mobilelist td .text span {color:#cacaca;font-size:8px;padding:0 5px}

#orderlist table {width:100%;border:1px solid #dadada;margin-top:20px;}
#orderlist th {text-align:left;padding:10px;background:#f6f6f6;}
#orderlist td {text-align:center;background:#ffffff;border-top:1px dashed #dadada;padding:10px}
#orderlist td .subject {color:#1a1a1a;font-size:15px;font-weight:bold;padding-bottom:10px;}
#orderlist td .content {color:#9a9a9a;padding-bottom:10px;}
#orderlist td .text {color:#9a9a9a;font-size:11px;}
#orderlist td .text span {color:#cacaca;font-size:8px;padding:0 5px}

#boardlist {font-size:13px;}
#boardlist table {width:100%;border-top:1px solid #3a3a3a;}
#boardlist th {height:55px;color:#6a6a6a;padding:10px;background:#f6f6f6;border-bottom:1px solid #eaeaea;font-weight:normal;}
#boardlist td {height:55px;color:#9a9a9a;text-align:center;padding:10px;background:#ffffff;border-bottom:1px solid #eaeaea;}
#boardlist td.subject {color:#3a3a3a;padding-left:20px;}
#boardlist td.subject a {color:#3a3a3a;}
#boardlist td.empty {height:200px;}
#boardlist td p.date {font-size:11px;color:#9a9a9a;}
#boardlist tfoot td {background:#f6f6f6;}
#boardlist tfoot td.total {color:#ff0000;font-weight:bold;}
#boardlist .head_info {font-size:13px;}

/* 게시판 - 카테고리 */
#bo_cate {background:#f6f6f6;padding:10px 0;margin-bottom:20px;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block;padding:2px;}
#bo_cate a {display:block;line-height:26px;padding:0 20px;border:0px solid transparent}
#bo_cate #bo_cate_on {z-index:2;background:#e12d1c;color:#fff;}

/* 게시판 - 검색 */
#boardsearch {margin-top:20px;}
#boardsearch .sch_input{width:100%;height:40px;background-color:#fff;border:1px solid #c3c3c3;padding-left:10px;}
#boardsearch .sch_btn{background:#fff;border:0px;margin-left:-30px;}

/* 게시판 - 보기 */
#boardview {font-size:13px;}
#boardview table {width:100%;border-top:1px solid #9a9a9a;}
#boardview th {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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#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 {}
#bo_vc article {Position:relative;border-top:1px solid #eaeaea;padding-top:20px;margin-top:20px}
#bo_vc header {padding-bottom:10px;}
#bo_vc header span {}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold;}
#bo_vc .cmt_contents {width:80%;padding-bottom:10px;}
#bo_vc .cmt_date {font-family:'arial';color:#9a9a9a;p}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc #bo_vc_winfo {float:left}

/* 코멘트 - 버튼 */
.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}

/* 코멘트 - 등록 */
.bo_vc_w {display:block;position:relative;margin-top:20px;}
.bo_vc_w .inner {padding:20px;border:1px solid #bababa;border-bottom:0px;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_name {padding-bottom:10px;}
.bo_vc_w_textarea textarea {width:100%;height:100px;color:#3a3a3a;border:0px;margin-left:-2px;}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px;}
.bo_vc_w_info {position:relative;height:45px;line-height:40px;border:1px solid #bababa;border-top:1px solid #eaeaea;z-index:1}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .form_input{height:33px;margin-left:5px;margin-right:-4px;}
.bo_vc_w_info #captcha{clear:both}
.bo_vc_w_btns{display:absolute;float:right;margin:-1px -1px -1px 0;z-index:9999}

/* 코멘트 - 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 }