@charset "utf-8";

/* �˻� */
#bo_sch{width:auto}
#bo_sch #sch_frm{width:380px;margin:0 auto}
#bo_sch:after:after{display:block;clear:both;content:""}
#bo_sch .sch_inp{width:200px;;padding:7px;border:1px solid #ccc;margin-right:0;border-right:0}
#bo_sch .btn_sch{padding:9px 10px 11px;font-size:17px;border:0;background:#3176b1;color:#fff;margin:0}
#bo_sch #sfl{padding:6px;font-size:17px;border:1px solid #ccc;margin-right:10px;width:120px}

/* ��ư */
a.btn{padding:0 10px;border:1px solid #ccc;color:#000;white-space:nowrap;position:relative;display:inline-block; font-size:14px; font-weight:300; border-radius:0;}
a.btn:hover{border:1px solid #ff008c;color:#ff008c}
.btn_inp {height:35px !important; padding:0 10px;border:1px solid #ccc;white-space:nowrap;background:#fff;color:#333;font-size:14px;}
span.cn{position:relative;display:inline-block;height:16px;line-height:16px;padding:0 5px;font-size:12px;font-weight:500;color:#fff;text-align:center;background:#ff008c;border-radius:25px;margin-left:2px;top:-3px;}
span.new{position:relative;display:inline-block;height:16px;line-height:16px;padding:0 6px;font-size:17px;color:#fff;text-align:center;background:#70CA63;margin-right:3px}
span.category{position:relative;display:inline-block;height:22px;line-height:22px;padding:0 5px;font-size:17px;color:#fff;text-align:center;background:#2E313D;margin-right:3px;font-weight:normal}

.share-count{position:relative;background-color:white;padding:0 8px;margin-right:-2px;font-size:17px;line-height:20px;color:#333;border-radius:0 2px 2px 0;border:1px solid #ececec;opacity:0;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}
.share-count.is-loaded{opacity:1;}
.share-count:before, .share-count:after{content:'';display:block;position:absolute;top:50%;margin-top:-6px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid;}
.share-count:before{left:-6px;border-right-color:#ececec;}
.share-count:after{left:-5px;border-right-color:white;}

/* ī�װ�� */
.pbox{width:auto;text-align:center;margin-bottom:15px}
.pbox:after{display:block;content:"";clear:both}
.pbox li{ display:inline-block; margin:0 5px; list-style:none}
.pbox li a {display:block;line-height:26px;padding:0 10px;color:#777;}
.pbox li a:hover{text-decoration:none;color:#0367b6;font-weight:bold; border-bottom:#0367b6 solid 1px;}
.pbox a#bo_cate_on {color:#0367b6;font-weight:bold; border-bottom:#0367b6 solid 1px;}

/* �Խ��� ��� �� */
.bbs-list-top{width:auto;border:1px solid #ddd;border-bottom-color:#eee;text-align:center;background:#f9f9f9;margin-top:15px;padding-left:13px;*zoom:1}
.bbs-list-top span,.bbs-list-top a span{color:#444; font-size:13px;}
.bbs-list-top:after{clear:both;content:"";display:block}
.bbs-list-top .fl{float:left;padding-top:15px;padding-bottom:12px}
.bbs-list-top .w45{width:5%}
.bbs-list-top .w45 strong { background:#F30;}
.bbs-list-top .w100{width:20%}
.bbs-list-top .text{display:inline;}
.bbs-list-top .glyphicon{display:none}
.bbs-list-top a:hover span{color:#E63F24}
.no-text .text{display:none}
.no-text .glyphicon{display:inline}

/* �Խ��� */
.bbs-list{width:auto;display:block;margin-bottom:15px}
.bbs-list ul{color:#333;border-bottom:1px solid #ddd;list-style:none;margin:0;padding:0;font-size:17px}
.bbs-list ul li{ border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px dashed #eee;padding:8px 10px; line-height:1.4;width:auto;display:block;background:#fff;*zoom:1}
.bbs-list ul li p { margin:0; padding:5px 0;}
.bbs-list ul li:first-child{border-top:0;padding-top:19px}
.bbs-list ul li{width:auto;*zoom:1;padding-right:3px;*height:25px}
.bbs-list ul li .cate{font-size:15px;color:#ff008c}
.bbs-list ul li .bls{float:left}
.bbs-list ul li .w45{width:5%;text-align:center;float:left}
.bbs-list ul li .num { margin-top:6px;}
.bbs-list ul li .w45 strong { background:#76aaab; color:#fff; padding:5px;}
.bbs-list ul li .w100{width:20%;text-align:center;float:left}
.bbs-list ul li .ychk{padding:10px}
.bbs-list ul li .bls{font-weight:normal;display:block}
.bbs-list ul li .blp{color:#555}
.bbs-list ul .ing{border-left:5px solid #EE5A00;background:#fafafa;padding-left:9px;border-top:0;padding-top:9px}
.bbs-list ul li .bls a {color:#000}
.bbs-list ul li .bls a:hover{color:#666}
/*
visited �湮 �ߴ� �Խù� ���� �ٸ��� �Ͻ÷��� �ּ� Ǫ����.
.bbs-list ul li .bls a:visited{color:#99209b}
*/
.bbs-list ul li{*height:25px;*display:inline}
.bbs-list ul li .date{font-size:13px;color:#333}
.bbs-list ul li .hit{color:#999;font-size:13px}
.bbs-list ul li .sv_wrap{float:left}
.bbs-list ul li .sv_wrap .sv{position:absolute}
.bbs-list ul li:after{display:block;clear:both;content:""}
.bbs-list ul li img{margin-left:5px}
.bbs-list ul li .glyphicon{display:none}
.bbs-list ul li .tal{text-align:left}
.bbs-list ul li .snon .pname{display:none;}
.bbs-list ul li .w100 .pname{font-size:13px !important;}
.bbs-list ul li .snon .sname{display:block}
.bbs-list ul li .snon .sname .sv_wrap{text-align:center;width:100px}
.bbs-list ul li .gdtxt{color:#3078D7}
.nitm { text-align:center; font-size:13px; padding:50px 0;}
/* ī�װ�� */
.gpbox{width:auto;display:block;margin-bottom:-10px}
.gpbox:after{content:"";display:block;clear:both}
.gpbox li{float:left;margin:0 10px 10px 0}
.gpbox li.fr{float:right;margin:0 0 10px 10px}
.gpbox li a{position:relative;display:inline-block;padding:0 10px;height:32px;line-height:32px;color:#888}
.gpbox li a:hover{text-decoration:none}
.gpbox a#bo_cate_on{color:#000}

#gbasic{width:auto}

/* �Խ��� ���� ��ư */
.bo_fx{width:auto;text-align:right;}
.bo_fx:after{display:block;clear:both;content:''}
.bo_fx li{list-style:none;float:right;}
.bo_fx .btn, .bo_left .btn, .bo_right .btn, .frm_tl .btn { height:35px !important;}

/* �Խ��� �� */
#bo_v {width:auto; margin-top:30px;}
#bo_v_navi,#bo_v_bot{width:auto;margin:2px 0 15px}
#bo_v_navi:after{display:block;clear:both;content:""}
#bo_v_bot .bo_left,#bo_v_navi .bo_left{float:left}
#bo_v_bot .bo_right,#bo_v_navi .bo_right{float:right}
#bo_v_sub {padding:20px;background:#fafafa;margin-top:10px;border:1px solid #ddd;border-bottom:0}
#bo_v_title {font-size:18px;color:#333;}
#bo_v_info {font-size:17px; color:#555;margin:0;padding:0}
a.bo_v_ect:hover{background:#484D61;color:#fff}
#bo_v_act{text-align:center;margin-top:10px}
#bo_v_bot:after,#bo_v_navi:after,#bo_v_title:after,#bo_v_info:after{display:block;clear:both;content:""}
#bo_v_atc{width:auto;background:#fff;border:1px solid #ddd;border-top:1px solid #eaeaea;padding:20px;line-height:1.8}
#bo_v_atc a.btn{background:#fafafa;color:##444}
#bo_v_atc a.btn:hover,#bo_v_atc a.btn:hover strong{background:#484D61;color:#fff}
#bo_v_atc a.btn strong,#bo_v_atc strong{color:#3078D7;font-size:11px;font-weight:normal}
#bo_v_atc a.btn .cn{font-size:11px}
#bo_v_atc p { margin:0;}
#bo_v_atc #tags{padding:10px 0}
#bo_v_atc #tags:after{display:block;clear:both;content:""}
#bo_v_atc #tags .glyphicon{float:left;margin:8px 8px 0 0;height:22px;line-height:20px}
#bo_v_atc #tags a{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed;line-height:20px;color:#555;cursor:pointer;padding:0 4px}
#bo_v_bot{margin:20px 0}
#bo_v_atc img { display:block; max-width:100%; height:auto;}
a.bo_v_ect{border:1px solid #ccc;border-bottom:0;border-top-color:#eaeaea;display:block !important;padding:15px 20px;background:#fff;color:#555;font-size:17px;}
a.bo_v_ect .glyphicon{margin-right:3px}

#bo_v_file a { font-size:13px; padding:10px 20px !important;}

/* commtent write box */
.cmt_wrap{width:auto}
.cmt_wrap .cmt_top{padding:0; margin-top:20px;}
.cmt_wrap .cmt_top .cmt_top_title{font-size:18px;font-weight:bold;color:#333;padding:10px 0 10px 10px}
.cmt_wrap .cmt_top .cmt_top_title span{color:#fd2100}
.cmt_wrap .cmt_list{background:#fff;border-bottom:1px solid #ddd}
.cmt_wrap .cmt_list .no_cmt{padding:60px 15px;text-align:center}

.cmt_wrap .cmt_bot{margin-top:15px}
.cmt_wrap .cmt_bot label.txt{width:auto;padding:0;margin:0;display:block;padding-right:20px;_padding:0;margin:0 !important}
.cmt_wrap .cmt_bot textarea{border:1px solid #ddd;width:100%;height:120px;background:#fff;padding:10px;margin:0 ;overflow:auto}
.cmt_wrap .cmt_sub{*zoom:1;padding:15px 0 0;margin:0}
.cmt_wrap #no_id{width:auto;background:#fff;text-align:center;padding:50px 0}
.cmt_wrap .btn_bsub{padding:7px 15px;font-size:15px;border:0;background:#ff008c;color:#fff;margin:0;cursor:pointer}
.cmt_wrap .cancle{margin-left:5px;;background:#fff;color:#333;border:1px solid #ccc;cursor:pointer}

.tbl_wrap{padding:0}
.tbl_wrap .row{margin-top:15px}
.tbl_wrap #wr_name,.tbl_wrap #wr_password{width:180px;margin-right:10px}
.tbl_wrap label{color:#777;font-size:11px}
.dno{display:none}

/* comment box */
.cmt{margin:0;padding:0}
.cmt ul{margin:0;padding:0;font-size:17px;list-style:none}
.cmt li{position:relative;width:auto;padding:15px 10px 15px 15px;margin:0;border-top:1px solid #eee;border-left:0;border-right:0;vertical-align:top;*zoom:1;margin-top:15px;background:#fff;border:1px solid #ddd}
.cmt li.dcmt{margin-top:-1px;border-top:1px dashed #ddd}
.cmt li:first-child{margin-top:0}
.cmt li:after{display:block;clear:both;content:""}

.cmt .inf{float:left;display:inline-block;margin:0 0 4px 0;color:#333;width:100%}
.cmt p{margin:8px 0 0 0; line-height:18px;color:#333}
.cmt p.top{margin:0;line-height:30px;*height:16px}
.cmt p:after{display:block;clear:both;content:""}
.cmt .iurl{float:left;color:#555;line-height:16px}

.cmt_wrap .repd{padding:10px 0 0;margin:0}
.cmt_wrap .repd .iurl2{ font-size:14px; color:#ff008c;line-height:16px;margin-right:5px}
#bo_vc_wrap .cmt_wrap a#btn_cancle{display:none !important}

/* �۾��� */
.grz_frm .frm_hd{font-size:18px;padding:15px 20px;border-bottom:1px solid #eaeaea}
.grz_frm .frm_ct{font-size:17px;padding:15px 20px}
.grz_frm .item{margin-top:10px}
.grz_frm .item:first-child{margin-top:0}
.grz_frm .g_label{display:block;margin-bottom:5px !important;color:#444; font-weight:300; font-size:15px;}
.grz_frm .g_text{display:block;border:1px solid #ccc;width:100%;padding:10px;box-sizing:border-box}
.grz_frm .rlbl{border:1px solid #ccc;width:auto;padding:0;margin:0;display:block;padding-right:20px;_padding:0;margin-bottom:0;background:#fff}
.grz_frm .rlbl textarea{border:0;width:100%;height:200px;background:#fff;padding:10px;margin:0;overflow:auto}
.grz_frm .html{} /* html editor */
.grz_frm .frm_tl{text-align:right;width:auto;padding:10px 20px;}
.grz_frm .frm_tl .submit{padding:0 15px;border:1px solid #ccc;background:#eee;color:#000;height:35px;white-space:nowrap;font-size:13px;}
.grz_frm .ml5{margin-left:5px}
.grz_frm .btn{background:#fff}
.grz_frm #g_tagbox{margin-top:4px}
.grz_frm #g_tagbox .gtag{float:left;border:1px solid #d9d9d9;margin:8px 8px 0 0;height:22px;background:#ededed}
.grz_frm #g_tagbox .gtag a{line-height:20px;color:#555;cursor:pointer}
.grz_frm #g_tagbox .gtag a.gt_name{padding-left:4px}
.grz_frm #g_tagbox .gtag a:hover{color:#f00}
.grz_frm #g_tagbox .gtag .cls{font-weight: bold; margin-left: 5px; padding-right: 4px;}
.grz_frm #g_tagbox:after{display:block;clear:both;content:''}

#bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 5px 0 0}

#bo_vc_sns {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 20px 0 0}
#bo_vc_sns input {margin:0 0 0 5px}

.bsze{width:60%;overflow:ellipsis;white-space:nowrap;overflow:hidden}

@media screen and (max-width: 767px){
.bbs-list-top,.bbs-list ul li .num{display:none}
.bbs-list ul li .glyphicon{display:inline}
.bbs-list ul{border-top:1px solid #ccc;margin-top:15px}
.bbs-list ul li{padding-right:16px}
.bbs-list ul li .bls,.bbs-list ul li .w45,.bbs-list ul li .w100{width:auto;float:none}
.bbs-list ul li .hit{color:#333;font-size:12px}
.bbs-list ul li .snon .pname{display:inline}
.bbs-list ul li .snon .sname{display:none}
#hd,#hd_wrapper,#gnb_1dul,#wrapper{width:auto}
#bo_sch #sch_frm{width:auto}

.bsze{width:auto}
}

.item input { font-size:15px !important; height:40px; color:#666;}
.file_up input { font-size:15px !important; height:30px; color:#666;}
.item select { font-size:15px !important; height:40px; border:#ddd solid 1px; padding:8px; color:#666;}
.optiontext { font-size:15px !important;}