@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:138px;padding:7px;border:1px solid #ccc;margin-right:0;border-right:0;box-sizing: border-box;}
#bo_sch .btn_sch{font-size:12px;border:0;background:#3176b1;color:#fff;margin:0; margin-left:-4px; line-height: 30px;padding: 0 10px;}
#bo_sch #sfl{padding:6px;font-size:12px;border:1px solid #ccc;margin-right:10px;width:94px}

/* ¹öÆ° */
a.btn{/*padding:7px 10px;*/background:#fefefe;color:#444;border:1px solid #ddd;white-space:nowrap;position:relative;display:inline-block}
a.btn:hover{background:#484D61;color:#fff}
.btn_inp{padding:7px 10px;border:1px solid #ccc;white-space:nowrap;background:#fff;color:#333;font-size:12px;font-family:tahoma}
span.cn{position:relative;display:inline-block;height:16px;line-height:16px;padding:0 5px;font-size:11px;color:#555;text-align:center;background:#fff;border:1px solid #ddd;border-radius:25px;margin-left:2px}
span.new{position:relative;display:inline-block;height:16px;line-height:16px;padding:0 6px;font-size:10px;color:#fff;text-align:center;background:#f95f02;margin-right:3px}
span.category{position:relative;display:inline-block;height:22px;line-height:22px;padding:0 5px;font-size:12px;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:14px;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;border:1px solid #ddd;background:#fefefe;padding:5px;*zoom:1;margin-bottom:15px}
.pbox:after{display:block;content:"";clear:both}
.pbox li{float:left;background:transparent;border-color:transparent;padding:7px 10px;height:16px;line-height:16px;margin-left:10px;list-style:none}
.pbox li a:hover{text-decoration:none}
.pbox a#bo_cate_on{font-weight:bold}

/* °Ô½ÃÆÇ »ó´Ü ¹Ù */
.bbs-list-top{width:auto;border:1px solid #ddd;border-bottom-color:#eee;text-align:center;background:#f9f9f9;font:normal 12px tahoma;margin-top:15px;letter-spacing:-1px;padding-left:13px;*zoom:1;padding-right:3px;}
.bbs-list-top span,.bbs-list-top a span{color:#444}
.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 .w100{width:10%}
.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-family:tahoma;font-size:12px}
.bbs-list ul li{border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px dashed #eee;padding:8px 16px 8px 13px;line-height:25px;width:auto;display:block;background:#fff;*zoom:1}
.bbs-list ul li:first-child{border-top:0;padding-top:9px;position: relative;}
.bbs-list ul li{width:auto;*zoom:1;padding-right:3px;*height:25px}
.bbs-list ul li .cate{font-size:11px;color:#777}
.bbs-list ul li .bls{float:left}
.bbs-list ul li .w45{width:5%;text-align:center;float:left}
.bbs-list ul li .w100{width:10%;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:hover{border-left:5px solid #f95f02;padding-left:9px;color:#333;text-decoration:none;border-top:0;padding-top:9px}
.bbs-list ul li .bls a:hover{color:#f95f02}
/*
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:11px;color:#333}
.bbs-list ul li .hit{color:#999;font-size:10px}
.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 .snon .sname{display:block}
.bbs-list ul li .snon .sname .sv_wrap{text-align:center;width:100px}
.bbs-list ul li .gdtxt{color:#3078D7}

.bbs-list .nitm {width:auto;border:1px solid #ccc;border-top:0;border-bottom:0;background:#fff;height:160px;line-height:160px;text-align:center}
.bbs-list .gon{display:inline !important;margin-left:5px;color:#484D61}
.bbs-list .glyphicon-heart{color:#E63F24}

/* Ä«Å×°í¸® */
.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_v {width:auto;}
#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;font-family:'Malgun Gothic',sans-serif;color:#333;margin:0 0 20px}
#bo_v_info {font:normal 12px tahoma; 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;margin:0 0 15px;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 #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}

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:12px;font-family:tahoma}
a.bo_v_ect .glyphicon{margin-right:3px}


/* commtent write box */
.cmt_wrap{width:auto}
.cmt_wrap .cmt_top{padding:0}
.cmt_wrap .cmt_top .cmt_top_title{font-size:18px;font-weight:bold;font-family:'Malgun Gothic',sans-serif;color:#333;padding:10px 0 10px 10px}
.cmt_wrap .cmt_top .cmt_top_title span{font-family: Helvetica;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 10px;font-size:12px;border:0;background:#3176b1;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:12px;font-family:Tahoma, Geneva, sans-serif;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{color:#555;line-height:16px;margin-right:5px}
#bo_vc_wrap .cmt_wrap a#btn_cancle{display:none !important}

/* ±Û¾²±â */
.grz_frm{border:1px solid #ccc;background:#fff}
.grz_frm .frm_hd{font-size:23px;font-family:'Malgun Gothic',sans-serif;padding:15px 20px;border-bottom:1px solid #eaeaea}
.grz_frm .frm_ct{font-size:12px;font-family:sans-serif;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:7px;color:#444;}
.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:15px;border-top:1px solid #eaeaea;background:#fafafa}
.grz_frm .frm_tl .submit{padding:0 10px;*padding:0 10px;border:1px solid #366790;background:#3176b1;color:#fff;height:32px;line-height:32px;white-space:nowrap;font-size:12px}
.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; font-family: Arial; 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:75%;overflow:ellipsis;white-space:nowrap;overflow:hidden}

@media screen and (max-width: 990px){
.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}
}