@charset "utf-8";

.comingSoon{text-align:center;}

#bo_v_top {zoom:1;margin-top:20px;}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none;word-break:break-all;}

.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #b8bfc4;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none;font-size:12px;}
.btn_bo_user > li {position:relative;}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {background:#fff6fa !important;border-bottom:1px solid #f8e6ee}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

#bo_w .write_div{margin:10px 0;position:relative;}
#bo_w .write_div.bo_w_select select{border:1px solid #d0d3db;border-radius:3px;height:40px;}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em;line-height:33px;}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em;line-height:33px;}
#bo_w .write_div .bo_v_option .chk_box input{vertical-align:-4px;}

.viewCategory .col03 li{width:33.33% !important;flex:auto !important;}
.viewCategory #bo_cate_ul{display:flex;margin-bottom:60px;flex-wrap:wrap;margin: 1px 0 60px 1px;}
.viewCategory #bo_cate_ul li{width:100%;letter-spacing:-0.05em;color:#222;flex:1;text-align:center;display:flex;align-items:center;border:1px solid #c2c2c2 !important;margin: -1px 0 0 -1px;}
.viewCategory #bo_cate_ul li:nth-child(1){display:none;}
.viewCategory #bo_cate_ul li a{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:10px 5px 11px;word-break:keep-all;}
.viewCategory #bo_cate_ul li #bo_cate_on{background:#0d6ab5;color:#fff;border-top-color:#0d6ab5;border-bottom-color:#0d6ab5;}
.viewCategory #bo_cate_ul li:nth-child(2) #bo_cate_on{border-left-color:#0d6ab5}
.viewCategory .bo_cate_select select{display:none;}
.viewCategory dl dt{display:none;}
.viewCategory dl dd{display:block}


@media screen and (max-width:767px) {
.viewCategory dl{position:relative;margin-bottom:30px;}
.viewCategory dl dt{display:block;padding:10px 17px 11px 0;text-align:center;color:#fff;background:#0d6ab5 url('/img/common/arrow_down.png')no-repeat right 10px center;background-size:12px;}
.viewCategory dl dd{position:absolute;left:0;top:40px;width:100%;height:150px;overflow:auto;display:none;border-bottom:1px solid #eee;}
.viewCategory dl dd.active{display:block;}

.viewCategory #bo_cate_ul{display:block;margin-bottom:0;margin-left:0;}
.viewCategory #bo_cate_ul li{width:100% !important;background:#eee;}
.viewCategory #bo_cate_ul li a{border-left:1px solid #c2c2c2;border-top:0;}
.viewCategory #bo_cate_ul li:last-child a{border-left:1px solid #c2c2c2;}
.viewCategory #bo_cate_ul li #bo_cate_on{background:transparent;color:#222;border-top-color:#c2c2c2;border-bottom-color:#c2c2c2;}
.viewCategory #bo_cate_ul li:nth-child(2) #bo_cate_on{border-left-color:#c2c2c2;}
.viewCategory #bo_cate_ul li:hover{background:#0d6ab5;color:#fff;border-top-color:#0d6ab5;border-bottom-color:#0d6ab5;}
.viewCategory #bo_cate_ul li:hover a{border-left-color:#0d6ab5 !important;border-right-color:#0d6ab5;color:#fff !important; }

}