@charset "utf-8";


/* checkbox, radio */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;opacity:0;outline:0;z-index:-1;}

.chk_box {position:relative;}

.chk_box input[type="checkbox"] + label {position:relative;padding-left:22px;font-weight:400;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="checkbox"] + label span {display:block;position:absolute;left:0;top:50%;transform:translateY(-50%); width:16px;height:16px;background:#fff;border:1px solid #ccc;}
.chk_box input[type="checkbox"]:checked + label {color:#2c9ef7}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #15aacf;border:solid 1px #0b92b4;}

.chk_box input[type="radio"] + label {position:relative;padding-left:22px;font-weight:400;vertical-align:baseline;cursor:pointer;}
.chk_box input[type="radio"] + label span {display:block;position:absolute;left:0;top:6px;width:16px;height:16px;margin:0;background:#fff;border:1px solid #ccc;border-radius:50%;}
.chk_box input[type="radio"]:checked + label {color:#2c9ef7}
.chk_box input[type="radio"]:checked + label span {background:url(./img/chk_radio.png) no-repeat 50% 50% #15aacf;border:solid 1px #0b92b4;}



.write_div {margin:0 0 40px 0;}
select#ca_name {
    padding: 7px 10px;
    height: 40px;
    border: 1px solid #eee;
    background: #fafafa;
    box-sizing: border-box;
}
.write_div:after {display:block;visibility:hidden;clear:both;content:""} 
.write_div h3 {display:block;margin:0 0 12px 0;padding:0 20px;color:#222;font-size:24px;font-weight:500;}
.write_div ul {border-top:solid 2px #333;}
.write_div ul:after {display:block;visibility:hidden;clear:both;content:""} 
.write_div ul li {display:block;float:left;position:relative;width:100%;padding:12px 20px 12px 180px;color:#666;font-size:16px;line-height:40px;border-bottom:solid 1px #ddd;}
.write_div ul li.half {width:50%;}
.write_div ul li:after {display:block;visibility:hidden;clear:both;content:""} 
.write_div ul li .label {display:block;position:absolute;left:20px;top:0px;padding:12px 0;color:#222;font-size:16px;font-weight:500;line-height:40px;}
.write_div ul li .label2 {display:block;color:#222;font-size:16px;font-weight:500;line-height:40px;}
.write_div ul li label {font-weight:400;}
.write_div ul li .req {color:#f75665;}
.write_div ul li .frm_input {display:block;width:100%;height:40px;font-weight:300;line-height:38px;border:solid 1px #ddd;}
.write_div ul li .tel_input {display:block;float:left;width:32%;height:40px;margin:0 2% 0 0;padding:5px;font-weight:300;line-height:38px;border:solid 1px #ddd;border-radius:5px;}
.write_div ul li .tel_input2 {display:block;float:left;width:32%;height:40px;margin:0;padding:5px;font-weight:300;line-height:38px;border:solid 1px #ddd;border-radius:5px;}
.write_div ul li .num_input {display:inline-block;width:60px;height:40px;padding:5px;font-weight:300;line-height:38px;border:solid 1px #ddd;border-radius:5px;}
.write_div ul li .name_input {display:inline-block;width:160px;height:40px;padding:5px;font-weight:300;line-height:38px;border:solid 1px #ddd;border-radius:5px;}
.write_div ul li .frm_info {color:#f75665;font-weight:300;}
.write_div .border_none {border:none}

.write_div ul li.survey {padding:16px 20px;text-align:left;line-height:normal}
.write_div ul li.survey .q {display:block;float:left;width:50%;color:#222;font-weight:400;}
.write_div ul li.survey .chk_box {display:block;float:left;width:10%;}
.write_div ul li.survey textarea {display:block;width:100%;height:160px;padding:10px;background:#fff;border:solid 1px #ccc;}

.write_div ul li input,
.write_div ul li span,
.write_div ul li a {vertical-align:middle;}

.write_info {color:#999;font-size:14px;font-weight:300;}
.write_info strong {color:#f75665;}

#data_type {width:100%;overflow-x:scroll}
#data_type table {width:100%;min-width:800px;border-collapse:collapse;border-spacing:0 5px;background:#fff;} 
#data_type caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#data_type th {padding:4px 10px;color:#222;font-weight:500;text-align:left;background:#f6f6f6;border:solid 1px #ddd;}
#data_type td {padding:4px 10px;border:solid 1px #ddd;}
#data_type td input {width:100%;}
#data_type td label {font-weight:300;}
#data_type td label,
#data_type td input,
#data_type td span,
#data_type td img,
#data_type td a {vertical-align:middle;}

.file_wr {display:block;position:relative;height:40px;margin:0 0 5px 0;padding:0 0 0 90px;text-align:right;overflow:hidden;background:#fff;border:solid 1px #ddd;border-radius:5px;}
.file_wr .label2 {display:block;position:absolute;left:0;top:0;width:80px;height:40px;text-align:center;line-height:40px;font-weight:400;background:#f6f6f6;border:none;border-right:solid 1px #ddd;}
.file_wr .file_input {display:block;width:100%;line-height:40px;z-index:9;}
.file_info {font-size:14px;font-weight:300;line-height:40px;}
.file_info.chk_box input[type="checkbox"] + label span {top:-6px !important;}

.btn_confirm {text-align:center;}
.btn_confirm .btn_submit,
.btn_confirm .btn_cancel,
.btn_confirm .btn_list {display:inline-block;width:120px;text-align:center;line-height:48px;background:#fff;border:solid 1px #ddd;border-radius:5px;vertical-align:top;}
.btn_confirm .btn_submit {color:#fff;background:#222;}
.btn_confirm .btn_cancel {color:#666;background:#f6f6f6;}
.btn_confirm .btn_list {color:#666;background:#f6f6f6;}

#bo_btn_top {margin:0;border:none}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list_total {float:left;color:#999;font-size:14px;line-height:30px;}
#bo_list_total strong {color:#2c9ef7;font-weight:400;}

ul.btn_bo_user {float:right;zoom:1;}
ul.btn_bo_user:after {display:block;visibility:hidden;clear:both;content:""}
ul.btn_bo_user li {display:block;float:left;position:relative;margin:0 4px 0 0;}
ul.btn_bo_user li:last-child {margin:0;}
ul.btn_bo_user li a.btn_gear,
ul.btn_bo_user li a.btn_rss {display:block;width:30px;height:30px;text-align:center;line-height:30px;border:none;}
ul.btn_bo_user li a.btn_gear i {color:#444;font-size:16px;}
ul.btn_bo_user li a.btn_rss i {color:#2c9ef7;font-size:16px;}
ul.btn_bo_user li button.btn_more_opt {display:block;width:30px;height:30px;text-align:center;line-height:30px;background:none;border:none;}
ul.btn_bo_user li button.btn_more_opt i {color:#999;font-size:16px;}
ul.btn_bo_user li a,
ul.btn_bo_user li input {display:block;padding:0 12px;font-size:16px;font-weight:400;line-height:38px;background:#f6f6f6;border:solid 1px #ddd;border-radius:3px;}
ul.btn_bo_user li a.btn_act {color:#fff;background:#444;}

#rep_type {margin:0 0 40px 0;overflow-x:scroll}
#rep_type h3 {display:block;margin:0 0 12px 0;color:#222;font-size:24px;font-weight:500;}
#rep_type table {width:100%;border-collapse:collapse;border-spacing:0 5px;background:#fff;} 
#rep_type caption {padding:0;font-size:0;line-height:0;overflow:hidden}
#rep_type th {padding:12px 10px;color:#222;font-weight:400;text-align:left;background:#f6f6f6;border:solid 1px #ddd;}
#rep_type td {padding:12px 10px;color:#666;font-weight:300;border:solid 1px #ddd;}
#rep_type td label {font-weight:300;}
#rep_type td .frm_info {color:#f75665;font-weight:300;}
#rep_type td .chk_box input[type="checkbox"] + label span {top:4px;}
#rep_type td .btn_edit {display:inline-block;padding:0 12px;line-height:38px;background:#f6f6f6;border:solid 1px #ddd;border-radius:5px;}

.file_wrap {padding:20px;border:solid 1px #ddd;}
.file_view {margin:0 0 8px 0;font-size:16px;}
.file_view .info {color:#999;font-size:14px;font-weight:300;}
#bo_v_img img {display:inline-block;max-width:100%;height:auto;margin:0 0 10px 0;}


/* 게시판 목록 */
#bo_list {position:relative;}
#bo_list:after {display:block;visibility:hidden;clear:both;content:""}

/* category */
#bo_cate{/* padding:0 0 50px 0; */line-height:50px}
/* #bo_cate #cate{float:left} */
#bo_cate #cate ul{text-align:left;font-size:0}
#bo_cate #cate li{position:relative;display:inline-block;text-align:center;vertical-align:top}
#bo_cate #cate li a{display:block;line-height:55px;font-size:18px;font-weight:600;color:#2a2a2a;text-align:center;opacity:0.3}
#bo_cate #cate li + li{margin-left:20px;padding-left:20px}
#bo_cate #cate li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:14px;transform:translateY(-50%);background:#e9e9e9}
#bo_cate #cate li a:hover,
#bo_cate #cate li a#bo_cate_on{opacity:1}
#bo_cate #cate li a.sel{position:relative;z-index:5;color:#313131;background:#fcfcfc}
#bo_cate #cate li a.sel:hover{color:#014fbb}

#bo_cate .bo_cate_current,
#bo_cate ul li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

/* more 옵션 */
.more_opt {display:none;position:absolute;top:35px;right:0;background:#fff;border:1px solid #999;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 #999 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 {display:block;float:inherit;width:80px;margin:0;border-bottom:dotted 1px #ccc;}
.more_opt li:last-child {border-bottom:0}
.more_opt li a,
.more_opt li button {display:block;width:100%;color:#999;font-size:11px;line-height:28px;text-align:center;background:#fff;border:none;}
.more_opt li a:hover,
.more_opt li button:hover {color:#2c9ef7;background:#f6f6f6;}
.more_opt li a i,
.more_opt li button i {color:#999;font-size:14px;}

/* 하단버튼(li 태그에 여백 있음) */
.bo_fx {margin:0 0 20px 0;}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul.btn_bo_user li {margin:0 4px 0 0;}
.bo_fx ul.btn_bo_user li:last-child {margin:0;}
.bo_fx ul.btn_bo_user li a {border-radius:5px;}

/* 검색폼(기본) */
.bo_sch_wrap {display:block;position:relative;width:100%;max-width:600px;margin:0 auto 20px auto;}
.bo_sch {position:relative;}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_select {display:block;float:left;position:relative;width:29%;height:40px;overflow:hidden;margin:0 1% 0 0;line-height:40px;border:1px solid #ccc;border-radius:5px;background:#fff;}
.bo_sch .sch_select label {display:block;position:absolute;top:0;left:0;width:100%;padding:0;color:#666;font-weight:300;line-height:40px;text-indent:10px;}
.bo_sch .sch_select label:after{position:absolute;top:0;right:0;width:38px;height:38px;padding:0;content:'';font-size:13px;color:#444;text-align:center;background:url(./img/icon_select.png) no-repeat 50% 50% #fff;}
.bo_sch .sch_select select {display:block;width:100%;height:38px;opacity:1;  padding:0 10px;  background:url(./img/icon_select.png) no-repeat 95% 50% #fff;}

.bo_sch .sch_bar {display:block;float:left;position:relative;width:70%;overflow:hidden;border:solid 1px #ccc;border-radius:5px;}
.bo_sch .sch_bar:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch .sch_input {display:block;width:100%;height:38px;text-indent:10px;border:none;}
.bo_sch .sch_btn {display:block;position:absolute;right:0;top:0;width:60px;height:38px;color:#fff;text-align:center;line-height:40px;;background:#444;border-radius:5px;border:none}

.bo_sch_wrap,
.bo_sch .sch_select,
.bo_sch .sch_bar,
.bo_sch .sch_input {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


/* 리스트 기본 */
#list_type {margin:0 0 20px 0;}
#list_type:after {display:block;visibility:hidden;clear:both;content:""}
#list_type h2 {padding:0;font-size:0;line-height:0;overflow:hidden}

#list_type .row_th {position:relative;color:#222;font-weight:500;text-align:center;border-top:solid 1px #333;border-bottom:solid 1px #ddd;}
#list_type .row_th:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .row_th a {color:#222;font-weight:500;text-align:center;}

#list_type .row_td {position:relative;border-bottom:solid 1px #ddd;}
#list_type .row_td:after {display:block;visibility:hidden;clear:both;content:""}

#list_type .row_td.bo_notice {background:#f6f6f6;}
#list_type .row_td.bo_notice a.subject {color:#222;font-weight:400;}
#list_type .bo_notice .notice_icon {display:inline-block;padding:0 6px;color:#fff;font-size:11px;font-weight:300;line-height:18px;background:#555;border:solid 1px #222;/*border-radius:3px;*/}
#list_type .bo_current {display:inline-block;padding:0 6px;color:#2c9ef7;font-size:11px;font-weight:300;line-height:18px;background:#fff;border:solid 1px #ccc;/*border-radius:3px;*/}
#list_type .bo_cate_link {display:inline-block;color:#666;font-size:11px;line-height:18px;padding:0 6px;background:#f6f6f6;border:solid 1px #ddd;/*border-radius:3px;*/}
#list_type .bo_cate_link:hover {text-decoration:none}

#list_type .row_th .cell {display:block;float:left;position:relative;padding:16px 0;}
#list_type .row_td .cell {display:block;float:left;position:relative;padding:14px 0;}

#list_type .chk_box {width:40px;text-align:center;}
#list_type .chk_box span {top:-8px;}
#list_type .cell_num {width:70px;text-align:center;}
#list_type .cell_subject {display:block;width:auto;padding:14px 0;word-wrap:break-word;word-break:break-all;cursor:pointer;}
#list_type .cell_subject a.subject {}

#list_type .cell_info {float:right;}
#list_type .cell_info:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .cell_name {width:120px;text-align:center;}
#list_type .cell_date {width:80px;text-align:center;}
#list_type .cell_date2 {width:160px;text-align:center;}
#list_type .cell_good {width:50px;text-align:center;}
#list_type .cell_nogood {width:50px;text-align:center;}
#list_type .cell_stat {width:100px;;text-align:center;}
#list_type .cell_del {width:60px;text-align:center;cursor:pointer;}
#list_type .cell_del i {color:#f75665;font-size:14px;}
#list_type .cell_file {width:60px;;text-align:center;}
#list_type .cell_file i {color:#444;font-size:20px;}


#list_type .profile_img {}
#list_type .profile_img img {width:18px;height:auto;border-radius:50%;vertical-align:baseline;}
#list_type .cnt_cmt {color:#2c9ef7;font-size:11px;}

#list_type i {font-size:16px;}
#list_type i.xi-new {color:#2c9ef7;}

#list_type .cell_mobile_info {display:none;margin:4px 0 0 0;}
#list_type .cell_mobile_info:after {display:block;visibility:hidden;clear:both;content:""}
#list_type .cell_mobile_info div {display:block;float:left;margin:0 12px 0 0;color:#999;font-size:13px;}
#list_type .cell_mobile_info div:last-child {margin:0;}
#list_type .cell_mobile_info div i {font-size:14px;}

#list_type span,
#list_type img,
#list_type a {vertical-align:top;}

.empty_data {padding:40px 20px;text-align:center;}

/* 페이징 커뮤니티 */
.pg_wrap {clear:both;display:block;margin:40px 0;text-align:center;}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;font-family:'roboto';font-weight:400;background:#fff;border:1px solid #ccc;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {width:30px;min-width:30px;height:30px;color:#666;font-size:11px;line-height:28px;padding:0 5px;text-decoration:none;}
.pg_page:hover {background-color:#eee}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ccc}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ccc}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ccc}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #ccc}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#eee}

.pg_current {display:inline-block;width:30px;min-width:30px;height:30px;padding:0 5px;color:#fff;font-size:11px;font-weight:500;line-height:28px;background:#1398d9;border:1px solid #117cce;}


/* 게시판 읽기 */
#bo_v {box-sizing:border-box}

#bo_v_top {margin:0 0 20px 0;zoom:1}
#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.btn_bo_user li {margin:0 4px 0 0;}
#bo_v_top ul.btn_bo_user li:last-child {margin:0;}

/* 게시글타이틀 */
#bo_v h2#bo_v_title {display:block;position:relative;padding:0 30px 0 20px;}
#bo_v h2#bo_v_title .bo_v_cate {display:inline-block;margin:0 0 2px 0;padding:0 8px;color:#444;font-size:11px;line-height:20px;background:#f6f6f6;border:solid 1px #ddd;}
#bo_v h2#bo_v_title .bo_v_tit {display:block;margin:0 0 8px 0;color:#222;font-size:24px;font-weight:500;line-height:30px;}

#bo_v_info {display:block;position:relative;margin:0 0 24px 0;padding:0 20px 24px 20px;border-bottom:solid 1px #ddd;}
#bo_v_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_info .profile_info {display:block;float:left;position:relative;}
#bo_v_info .profile_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info .profile_info .pf_img {display:none;float:left;margin-right:10px}
#bo_v_info .profile_info .pf_img img {width:40px;height:40px;border-radius:50%;}

#bo_v_info .profile_info .profile_info_ct {}
#bo_v_info .profile_info .profile_info_ct ul {}
#bo_v_info .profile_info .profile_info_ct ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_v_info .profile_info .profile_info_ct ul li {display:inline-block;margin:0 18px 0 0;font-size:14px;line-height:36px;}
#bo_v_info .profile_info .profile_info_ct ul li:last-child {margin:0;}
#bo_v_info .profile_info .profile_info_ct ul li i {color:#999;font-size:14px;}
#bo_v_info .profile_info .profile_info_ct ul li .if_ip {}
#bo_v_info .profile_info .profile_info_ct ul li strong {color:#15aacf;font-weight:400;}

#bo_v_info strong {}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest {font-weight:500;}
#bo_v_info .profile_img {display:none}
#bo_v_info .sv_member {color:#444}
#bo_v_info .if_date {}

#bo_v_share {float:right;position:relative;}
#bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_share a.btn_scrap {display:block;float:left;width:36px;height:36px;line-height:36px;text-align:center;border:solid 1px #444;border-radius:50%;}
#bo_v_share a.btn_scrap i {font-size:18px;}

#bo_v_sns {list-style:none;zoom:1;float:left;display:inline-block}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {float:left;margin:0 8px 0 0;}
#bo_v_sns li a {display:block;width:36px;height:36px;color:#fff;text-align:center;line-height:40px;border-radius:50%;}
#bo_v_sns li a i {font-size:20px;}
#bo_v_sns li a span {display:none;}

#bo_v h2#bo_v_title .bo_v_tit,
#bo_v_info .profile_info .profile_info_ct ul li,
#bo_v_share,
#bo_v_share a.btn_scrap,
#bo_v_sns li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}


#bo_v_more {display:block;position:absolute;right:0;top:50%;z-index:99;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#bo_v_more button.btn_more_opt {display:block;width:32px;height:40px;overflow:hidden;color:#999;text-align:center;line-height:40px;background:none;border:none;}
#bo_v_more button.btn_more_opt  i {font-size:18px;}


/* 글내용 */
#bo_v_atc {min-height:140px;height:auto !important;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {display:block;text-align:center;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a {display:block;margin:0 0 20px 0;}
#bo_v_img img {max-width:100%;height:auto;}

#bo_v_con {width:auto;margin:0 20px 60px 20px;min-height:200px;font-size:14px;line-height:24px;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#222;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto;}

.bo_v_sign {margin:20px;}


/* 추천,비추천 */
#bo_v_act {margin:0 20px 20px 20px;text-align:center;}
#bo_v_act .bo_v_act_gng {position:relative;}
#bo_v_act a {display:inline-block;vertical-align:middle;padding:0 24px;font-family:'Roboto';font-size:14px;line-height:50px;font-weight:400;border:solid 1px #ddd;border-radius:3px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#bo_v_act a:hover {color:#f75665;border:solid 1px #f75665;}
#bo_v_act img {width:24px;height:auto;}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:50%;width:200px;padding:20px;color:#fff;font-weight:300;text-align:center;background:#15aacf;z-index:9999;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
#bo_v_act .bo_v_good,
#bo_v_act .bo_v_nogood {display:inline-block;vertical-align:middle;padding:0 24px;font-family:'Roboto';font-size:14px;line-height:50px;font-weight:400;border:solid 1px #ddd;border-radius:3px;}


/* 첨부파일,링크 */
#bo_v_file,
#bo_v_link {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_file i,
#bo_v_link i {display:block;position:absolute;left:20px;top:24px;color:#444;font-size:44px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {display:block;position:relative;padding:20px 20px 20px 80px;margin:0 0 10px 0;border:1px solid #aaa;}
#bo_v_file li .var {display:inline-block;width:1px;height:14px;margin:0 12px 0 12px;background:#ccc;vertical-align:middle;}
#bo_v_file a {display:block;margin:0;text-decoration:none;color:#444;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {color:#2c9ef7;text-decoration:underline;}
#bo_v_file .bo_v_file_content {display:block;color:#999;font-size:12px;}
#bo_v_file .bo_v_file_cnt {display:block;color:#999;font-size:12px;}

#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_link ul {margin:0;list-style:none}
#bo_v_link li {display:block;position:relative;padding:20px 20px 20px 80px;margin:0 0 10px 0;border:1px solid #aaa;}
#bo_v_link li .var {display:inline-block;width:1px;height:14px;margin:0 12px 0 12px;background:#ccc;vertical-align:middle;}
#bo_v_link a {display:block;margin:0;text-decoration:none;color:#444;overflow:hidden;white-space:nowrap;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');
}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {color:#2c9ef7;text-decoration:underline;}
#bo_v_link .bo_v_link_cnt {display:block;color:#999;font-size:12px;}


/* 이전글, 다음글 */
.bo_v_nb {position:relative;margin:20px 0;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {display:block;padding:18px 20px;overflow:hidden;white-space:nowrap;border-top:1px solid #ddd;
text-overflow:ellipsis;  /* IE, Safari */
-o-text-overflow:ellipsis;  /* Opera under 10.7 */
-moz-binding: url('ellipsis.xml#ellipsis');

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.bo_v_nb li:last-child {border-bottom:1px solid #ddd}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li .nb_tit {display:inline-block;margin:0 20px 0 0;color:#999}
.bo_v_nb li .nb_tit i {color:#444;font-size:20px;}
.bo_v_nb li .nb_date {float:right;color:#999;}


/* 게시판 댓글 */
.cmt_btn {display:block;width:100%;height:30px;color:#222;font-size:16px;font-weight:400;line-height:30px;text-align:left;background:none;border:none;}
.cmt_btn span.total {}
.cmt_btn span.cmt_more {display:block;float:right;width:30px;height:30px;overflow:hidden;background:url(../img/btn_cmt.png) no-repeat 0 0;}
.cmt_btn_op span.cmt_more {background:url(../img/btn_cmt.png) no-repeat 0 -30px;}
.cmt_btn strong {color:#15aacf;font-weight:400;}

#bo_vc_wrap {}
.bo_vc_w {display:block;position:relative;margin:0px;background:#fff;}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w textarea {display:block;width:100%;height:100px;padding:10px;border:solid 1px #ddd;}

.bo_vc_w_wr {padding:4px;border:solid 1px #ddd;border-top:none;}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_wr #char_cnt {display:block;float:left;font-family:'Roboto';font-weight:500;line-height:40px;}
.bo_vc_w_wr #char_cnt strong {font-weight:500;}
.bo_vc_w_wr .btn_confirm_cmt {float:right;}
.bo_vc_w_wr .btn_confirm_cmt .secret_cm label {font-size:13px;}
.bo_vc_w_wr .btn_confirm_cmt .btn_submit_cmt {width:80px;height:40px;padding:0;color:#fff;font-size:13px;line-height:40px !important;background:#222;}
.bo_vc_w_wr .chk_box span {top:0 !important;}

.bo_vc_w_info {margin:0 0 10px 0;}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info ul {}
.bo_vc_w_info ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info ul li {display:block;float:left;width:32%;margin:0 1% 0 0;}
.bo_vc_w_info ul li:last-child {margin:0;}
.bo_vc_w_info .frm_input {}
.bo_vc_w_info #captcha {}

/*#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}*/

.bo_vc_login {}
.bo_vc_login a {display:block;padding:20px;line-height:20px;background:url(../img/icon_smile.png) no-repeat right 50%;border:solid 1px #ddd;}

#bo_vc_empty {margin:0;padding:40px 0 !important;color:#999;text-align:center}


#bo_vc {margin:0 0 10px 0;}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {position:relative;padding:18px 20px 8px 80px;border-bottom:1px solid #ddd}
#bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc article .profile_img img {border-radius:50%}

#bo_vc article .pf_img {display:block;position:absolute;left:20px;top:22px;}
#bo_vc article .pf_img img {width:50px;height:50px;border-radius:50%;}

#bo_vc article .cm_wrap {}
#bo_vc header {display:block;position:relative;margin:0 40px 6px 0;}
#bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc header .profile_img {display:none}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500}
.bo_vc_hdinfo {color:#999;font-family:'Roboto';font-size:12px;font-weight:400;}
.bo_vc_hdinfo i {font-size:14px;}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {min-height:50px;margin:0 0 10px 0;}
#bo_vc .cmt_contents .mention_user {color:#15aacf;font-weight:400;}
#bo_vc p {font-size:14px;line-height:24px;}
#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 .bo_vl_opt {position:absolute;top:14px;right:20px;z-index:9;}
#bo_vc .bo_vl_opt .btn_cm_opt {display:block;width:30px;height:30px;text-align:center;line-height:30px;background:none;border:none;}
#bo_vc .bo_vl_opt .btn_cm_opt i {color:#999;font-size:16px;}

.bo_vc_act {display:none;position:absolute;right:0;top:30px;width:58px;text-align:right;border:1px solid #ccc;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #ccc transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {display:block;}
.bo_vc_act li a {display:block;color:#999;font-size:11px;line-height:24px;text-align:center;border-bottom:dotted 1px #ccc;}
.bo_vc_act li a:hover {color:#2c9ef7}
.bo_vc_act li:last-child a {border-bottom:none;}


.cmt_btn,
#bo_vc_wrap,
.bo_vc_login,
#bo_vc article,
#bo_vc article .profile_img img {
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}







.all_chk {margin:0 0 8px 0;padding:0 20px;}

#photo_type {margin:0}
#photo_type:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul {}
#photo_type ul:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul li {display:block;position:relative;float:left;width:24%;margin:0 1.33% 20px 0;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
#photo_type ul li:nth-child(4n) {margin:0 0 20px 0;}

#photo_type ul li .chk_box {position:absolute;left:10px;top:10px;z-index:2;}

#photo_type ul li .item {display:block;position:relative;padding:4px 4px 16px 4px;background:#fff;border:solid 1px #ddd;/*border-radius:3px;*/}
#photo_type ul li .item .img {margin:0 0 16px 0;}
#photo_type ul li .item .img img {width:100%;height:auto;/*border-radius:3px;*/}
#photo_type ul li .item .category {display:inline-block;margin:0 10px;color:#666;font-size:11px;line-height:20px;padding:0 6px;background:#f6f6f6;border:solid 1px #ddd;/*border-radius:3px;*/}
#photo_type ul li .item .subject { display: block; margin: 3px 10px 12px 10px; overflow: hidden; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -moz-binding: url(ellipsis.xml#ellipsis); font-size: 18px; font-weight: 600; margin-bottom: 6%; }
#photo_type ul li .item .subject i {color:#666;font-size:16px;}
#photo_type ul li .item .subject i.xi-new {color:#2c9ef7;}
#photo_type ul li .item dl.info {margin:0 10px; font-size: 14px;}
#photo_type ul li .item dl.info:after {display:block;visibility:hidden;clear:both;content:""} 
#photo_type ul li .item dl.info dd {display:block;float:left;margin:0 8px 0 0;color:#999;}
#photo_type ul li .item dl.info dd.comment {float:right;color:#2c9ef7;}
#photo_type ul li .item dl.info dd.date {float:left;width:100%;margin:12px 0 0 0;padding:12px 0 0 0;border-top:solid 1px #eee; font-size: 14px;}
#photo_type ul li .item dl.info dd img {width:20px;height:auto;border-radius:50%;}
#photo_type ul li .item dl.info dd i {font-size:16px;}
#photo_type ul li a.overlay {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);/*border-radius:3px;*/
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;

-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#photo_type ul li a.overlay:hover {
filter:alpha(opacity=100);
-moz-opacity:1;
-khtml-opacity:1;
opacity: 1;
}
#photo_type ul li a.overlay span {display:block;position:absolute;left:50%;top:50%;width:80px;height:80px;color:#fff;font-size:14px;text-align:center;line-height:70px;border:solid 5px #fff;z-index:1;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
}

#photo_type ul li .tag {display:block;min-height:50px;margin:8px 10px 0 10px;padding:8px 0 0 0;border-top:solid 1px #ddd;overflow:hidden;word-wrap:break-word; 
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; 
}
#photo_type ul li .tag:after {display:block;visibility:hidden;clear:both;content:""}
#photo_type ul li .tag a {display:inline-block;margin:0 4px 0 0;font-size:12px;color:#1398d9;}
#photo_type ul li .tag a:hover {color:#2c9ef7;}





/* website 스킨 */
#website_photo {}
#website_photo ul::after {
    content:'';
    display:block;
    clear:both;
}
#website_photo ul li {
    display:block;
    position:relative;
    float:left;
    width:23.5%;
    margin:0 2% 35px 0;
    min-height:165px;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
#website_photo ul li:nth-child(4n) {
    margin-right:0;
}
#website_photo ul li .chk_box {
    position:absolute;
    left:5px;
    top:0;
    z-index:2;
}
#website_photo .item .img {
    border:1px solid #ddd;
    border-radius: 10px;
    text-align:center;
    padding:5px 0;
}
#website_photo .item .img img {
    width:100%;
    max-width:315px;
    margin:0 auto;
}
#website_photo .item .subject {
    font-weight:600;
    letter-spacing:-0.5px;
    font-size:20px;
    line-height:1.15;
    text-align:center;
    margin-top:15px;
    padding:0 15px;
}

@media (max-width:1440px) {
    #website_photo .item .subject {
        font-size:18px;
    }
}
@media (max-width:1024px) {
    #website_photo ul li {
        width:32%;
        min-height:150px;
    }
    #website_photo ul li:nth-child(4n) {
        margin-right:2%;
    }
    #website_photo ul li:nth-child(3n) {
        margin-right:0;
    }
    #website_photo .item .subject {
        font-size:17px;
    }
}
@media (max-width:991px) {
    #website_photo .item .subject {
        font-size:16px;
    }
}
@media (max-width:768px) {
    #website_photo ul li {
        width:48%;
        min-height:145px;
    }
    #website_photo ul li:nth-child(3n) {
        margin-right:2%;
    }
    #website_photo ul li:nth-child(4n) {
        margin-right:2%;
    }
    #website_photo ul li:nth-child(2n) {
        margin-right:0;
    }
    #website_photo .item .subject {
        font-size:15px;
    }
}
@media (max-width:480px) {
    #website_photo ul li {
        width:100%;
        margin-bottom:20px;
        min-height:auto;
    }
    #website_photo .item .subject {
        margin-top:10px;
    }
}




@media screen and (max-width:1024px) {
.write_div ul li.survey .q {width:100%;margin:0 0 12px 0;}
.write_div ul li.survey .chk_box {width:20%;}


.warning {margin:0 20px 20px 20px;padding:20px;}

/*카테고리*/
#bo_cate {width:auto;margin:0 20px 20px 20px;}
/* #bo_cate ul li a {padding:0 16px;} */

/* 상단버튼 */
#bo_btn_top {margin:0 20px;}

/* 하단버튼 */
.bo_fx {margin:0 20px 20px 20px;}

/* 검색폼(기본) */
.bo_sch_wrap {width:auto;margin:0 auto 20px auto;}



/* 글읽기 */
#bo_v_top {margin:0 20px 20px 20px;}

/* 첨부파일, 링크*/
#bo_v_file {margin:0 20px 10px 20px;}
#bo_v_link {margin:0 20px 10px 20px;}

/* 게시판 댓글 */
.cmt_btn {padding:0 20px;}

#bo_vc_wrap {margin:0 20px;}
.bo_vc_w {}
.bo_vc_w_info ul li {float:none;width:100%;margin:0 0 10px 0;}

.bo_vc_login {margin:0 20px}




#photo_type {margin:0 20px;}
#photo_type ul li {width:32%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(4n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 0 20px 0;}
}


@media all and (min-width:748px) and (max-width:1400px){
	
/**/
/* #bo_cate #cate{padding:0 30px 50px} */
#bo_cate #cate:after{content:'';display:table;line-height:0;clear:both}
#bo_cate #cate ul{text-align:left;font-size:0}
#bo_cate #cate li{position:relative;display:inline-block;text-align:center;vertical-align:top}
#bo_cate #cate li a{display:block;line-height:40px;font-size:14px;font-weight:600;color:#2a2a2a;text-align:center;opacity:0.3}
#bo_cate #cate li + li{margin-left:10px;padding-left:10px}
#bo_cate #cate li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:14px;transform:translateY(-50%);background:#e9e9e9}
#bo_cate #cate li a:hover,
#bo_cate #cate li a#bo_cate_on{opacity:1}
#bo_cate #cate li a.sel{position:relative;z-index:5;color:#313131;background:#fcfcfc}
#bo_cate #cate li a.sel:hover{color:#014fbb}

}


@media screen and (max-width:768px) {
.write_div h3 {font-size:18px;}
.write_div ul li {font-size:14px;padding:12px 20px;}
.write_div ul li.half {width:100%;}
.write_div ul li .label {display:block;position:relative;left:0px;top:0px;margin:0 0 6px 0;padding:0;font-size:14px;line-height:normal;text-align:left;}
.write_div ul li .label2 {margin:0 0 6px 0;font-size:14px;line-height:normal;}

.write_div ul li.survey {padding:12px 20px;}
.write_div ul li.survey .chk_box {width:33.33%;}

.chk_box input[type="checkbox"] + label {font-size:14px;}
.chk_box input[type="radio"] + label {font-size:14px;}
.chk_box input[type="radio"] + label span {top:4px;}

.file_info {font-size:13px;}

.warning h3 {font-size:18px;}
.warning h4 {font-size:16px;}
.warning p {font-size:14px;line-height:24px;}

.btn_confirm .btn_submit,
.btn_confirm .btn_cancel,
.btn_confirm .btn_list {width:80px;font-size:14px;line-height:38px;}

ul.btn_bo_user li a,
ul.btn_bo_user li input {padding:0 8px;font-size:14px;}

#data_type th {font-size:14px;}
#data_type td {font-size:14px;}

#data_type th {font-size:13px;}
#data_type td {font-size:13px;}


#rep_type {margin:0 20px 40px 20px;}
#rep_type h3 {font-size:18px;} 
#rep_type th {padding:8px 10px;font-size:13px;}
#rep_type td {padding:8px 10px;font-size:13px;}
#rep_type td .btn_edit {padding:0 8px;font-size:14px;line-height:28px;}

.file_view {font-size:14px;}
.file_view .info {font-size:13px;}


/*카테고리*/
/* #bo_cate {margin:0 20px 20px 20px;border:solid 1px #ddd;}
#bo_cate .bo_cate_current {display:block}
#bo_cate ul {display:none;position:relative;padding:0;border:none;}
#bo_cate ul li {display:block;float:none;width:auto;}
#bo_cate ul li a {margin:0;padding:0 10px;font-size:12px;line-height:40px;border:none;} */

#bo_list_total {font-size:13px;}

/* 하단버튼 여백 조절 */
.bo_fx ul.btn_bo_user li {margin:0 2px 0 0;}

/* 검색폼(기본) */
.bo_sch_wrap {width:auto;margin:0 20px 20px 20px;}

.bo_sch .sch_select {font-size:14px;}
.bo_sch .sch_select label {font-size:14px;}
.bo_sch .sch_input {font-size:14px;}
.bo_sch .sch_btn {font-size:14px;}


/* 리스트(기본) */
#list_type .chk_box {display:none !important;}
#list_type .cell_num {display:none !important;}
#list_type .cell_subject {padding:12px 20px !important;font-size:14px;}
#list_type .cell_info {display:none;}
#list_type .cell_del {width:60px;color:#f75665;text-align:left;}
#list_type .cell_file {display:none;}

#list_type .cell_mobile_info {display:block;}

#bo_v_top ul.btn_bo_user li {margin:0 2px 0 0;}


/* 페이징 */
.pg_wrap {margin:30px 0;}
.pg_page {width:22px;min-width:22px;height:22px;line-height:22px;}

.pg_current {width:22px;min-width:22px;height:22px;line-height:20px;}




/* 게시글타이틀 */
#bo_v h2#bo_v_title .bo_v_tit {margin:0 0 12px 0;font-size:18px;line-height:24px;}

#bo_v_info {margin:0 0 24px 0;padding:0 20px 24px 20px;border-bottom:solid 1px #ddd;}
#bo_v_info .profile_info {float:none;}
#bo_v_info .profile_info .profile_info_ct ul li {margin:0 8px 0 0;font-size:12px;line-height:normal;}

#bo_v_share {float:none;margin:8px 0 0 0;}
#bo_v_share a.btn_scrap {width:32px;height:32px;line-height:32px;}
#bo_v_share a.btn_scrap i {font-size:16px;}

#bo_v_sns li {float:left;margin:0 6px 0 0;}
#bo_v_sns li a {width:32px;height:32px;line-height:32px;}
#bo_v_sns li a i {font-size:16px;}

#bo_v_con {font-size:13px;line-height:22px;}


/* 첨부파일, 링크 */
#bo_v_file i,
#bo_v_link i {left:10px;top:14px;font-size:36px;}

#bo_v_file li {padding:10px 10px 10px 60px;}
#bo_v_link li {padding:10px 10px 10px 60px;}

/* 이전글, 다음글 */
.bo_v_nb li {padding:14px 20px;}
.bo_v_nb li .nb_tit {margin:0 10px 0 0;}
.bo_v_nb li .nb_date {display:none;}


/* 게시판 댓글 */
.cmt_btn {font-size:14px;}

#bo_vc article {padding:18px 20px 18px 70px;}

#bo_vc article .pf_img img {width:40px;height:40px;}
#bo_vc p {font-size:13px;line-height:22px;}




#photo_type ul li {width:49%;margin:0 2% 20px 0;}
#photo_type ul li:nth-child(4n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(3n) {margin:0 2% 20px 0;}
#photo_type ul li:nth-child(2n) {margin:0 0 20px 0;}

#photo_type ul li .item dl.info dd {font-size:12px;}
}


@media all and (max-width:748px){

/**/
/* #bo_cate{padding:0 15px 20px} */
#bo_cate #cate{}
#bo_cate #cate ul{text-align:left;font-size:0}
#bo_cate #cate li{position:relative;display:inline-block;margin-right:10px;text-align:center;vertical-align:top}
#bo_cate #cate li a{display:block;line-height:25px;font-size: 12px !important;font-weight:600;color:#2a2a2a;text-align:center;opacity:0.3;}
#bo_cate #cate li + li{padding-left:10px;margin-left:0;}
#bo_cate #cate li + li:before{content:'';position:absolute;top:50%;left:0;width:1px;height:14px;transform:translateY(-50%);background:#e9e9e9}
#bo_cate #cate li a:hover,
#bo_cate #cate li a#bo_cate_on{opacity:1}
#bo_cate #cate li a.sel{position:relative;z-index:5;color:#313131;background:#fcfcfc}
#bo_cate #cate li a.sel:hover{color:#014fbb}

}


@media screen and (max-width:480px) {
}