

/* 게시판 목록 공통 */
#bo_btn_top {margin:10px 0}
#bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;width:40px;text-align:center;margin-left:5px;background:#fff}
.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}

.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 #f1f1f1;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}

.td_num strong {color:#000}
.bo_cate_link {display:inline-block;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_current {color:#e8180c}
#bo_list .profile_img {display:inline-block;margin-right:5px}
#bo_list .profile_img img {border-radius:50%}
#bo_list .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold;color:#ed6478;font-size:0.86em}

#bo_gall li.empty_list {padding:85px 0;text-align:center}

.bo_sch_wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999}
.bo_sch {position:absolute;top:50%;left:50%;background:#fff;text-align:left;width:330px;max-height:300px;margin-left:-125px;margin-top:-180px;overflow-y:auto;border-radius:5px;-webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2);box-shadow:1px 1px 18px rgba(0,0,0,0.2);border:1px solid #dde7e9;background:#fff;border-radius:3px}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {padding:15px;border-bottom:1px solid #e8e8e8}
.bo_sch legend {background:red}
.bo_sch form {padding:15px;display:block}
.bo_sch select {border:0;width:100%;height:40px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_bar {display:inline-block;width:100%;clear:both;margin-top:15px;border:1px solid #d0d3db;border-radius:2px;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.bo_sch .sch_input {width:250px;height:38px;border:0;padding:0;background-color:transparent;float:left}
.bo_sch .sch_btn {height:38px;float:right;color:#656565;background:none;border:0;width:40px;font-size:15px}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

/* products_device 전용 스타일 */
.sub_wrap.sec_all_wrap { padding-bottom: 50px; }
.s_sec_03_06_con_wrap { width: 100%; }
.s_sec_03_06_tit_flex { display: flex; align-items: flex-start; gap: 40px; }
.con_img { width: 45%; }
.con_img img { width: 100%; height: auto; }
.s_sec_03_06_con_description { width:100%; }
.con_tit_tag { display: inline-block; padding: 4px 12px; background: #f0f0f0; border-radius: 20px; font-size: 14px; }
.con_tit { font-size: 28px; font-weight: 700; margin-bottom: 15px; }
.con_tit_text { font-size: 18px; color: #666; line-height: 1.6; margin-bottom: 25px; }
.s_sec_03_06_list { list-style: none; padding: 0; }
.s_sec_03_06_list li { position: relative; padding-left: 20px; margin-bottom: 10px; font-size: 16px; color: #444; }
.s_sec_03_06_list li::before { content: "•"; position: absolute; left: 0; color: #3a8afd; }

.s_sec_03_06_con_spec { display: flex; align-items: center; gap: 40px; margin-top: 80px; background: #fff; padding: 40px; border: 1px solid #eee; }
.spec_list_wrap { width: 50%; }
.spec_tit { font-size: 24px; font-weight: 700; margin-bottom: 30px; }
.spec_list { margin: 0; }
.spec_item { display: flex; border-bottom: 1px solid #f0f0f0; padding: 15px 0; }
.spec_item dt { width: 120px; font-weight: 700; color: #333; }
.spec_item dd { flex: 1; color: #666; }
.spec_img { width: 50%; }
.spec_img img { width: 100%; height: auto; }

.s_sec_03_06_con_dashboard { margin-top: 80px; display: flex; align-items: center; gap: 40px; }
.dashboard_img { width: 60%; }
.dashboard_img img { width: 100%; height: auto; }
.dashboard_content { width: 40%; }
.dashboard_tit { font-size: 24px; font-weight: 700; margin-bottom: 25px; }
.dashboard_list { list-style: none; padding: 0; }
.dashboard_list li { position: relative; padding-left: 20px; margin-bottom: 15px; font-size: 16px; color: #555; line-height: 1.5; }
.dashboard_list li::before { content: "✓"; position: absolute; left: 0; color: #3a8afd; font-weight: bold; }

.pc_only { display: block; }
.mb_only { display: none; }

@media (max-width: 1024px) {
    .s_sec_03_06_tit_flex { flex-direction: column; }
    .con_img, .s_sec_03_06_con_description { width: 100%; }
    .s_sec_03_06_con_function li { width: 100%; }
    .s_sec_03_06_con_spec { flex-direction: column; }
    .spec_list_wrap, .spec_img { width: 100%; }
    .s_sec_03_06_con_dashboard { flex-direction: column; }
    .dashboard_img, .dashboard_content { width: 100%; }
    .pc_only { display: none; }
    .mb_only { display: block; }
}

/* 제품 목록 스타일 */
.product_list_ul { display: flex; flex-wrap: wrap; margin: 0 -15px; list-style: none; padding: 0; }
.product_item { width: 33.333%; padding: 15px; box-sizing: border-box; }
.product_item a { display: block; background: #fff; border: 1px solid #eee; transition: all 0.3s; text-decoration: none; color: inherit; }
.product_item a:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
.product_img { height: 250px; overflow: hidden; background: #f9f9f9; display: flex; align-items: center; justify-content: center; }
.product_img img { max-width: 100%; max-height: 100%; object-fit: contain; }
.product_txt { padding: 20px; }
.product_cate { font-size: 13px; color: #3a8afd; margin-bottom: 10px; display: block; }
.product_tit { font-size: 18px; font-weight: 700; margin-bottom: 10px; height: 50px; overflow: hidden; }
.product_desc { font-size: 14px; color: #777; line-height: 1.4; height: 42px; overflow: hidden; }

@media (max-width: 768px) {
    .product_item { width: 50%; }
}
@media (max-width: 480px) {
    .product_item { width: 100%; }
}

/*글쓰기*/
.s_board_label_wrap {margin:20px 0 10px;padding:0;clear:both}
.s_board_label_in {display:inline-block;border-bottom:2px solid #3a8afd;margin-bottom:-1px}
.s_board_label {padding:5px 10px;font-weight:bold;color:#3a8afd;font-size:1.1em}

#bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
#bo_w .write_div {margin:10px 0;position:relative}
#bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
#bo_w #wr_password, #bo_w #wr_homepage {margin-left:1%}
#bo_w .wr_content.smarteditor2 iframe {background:#fff}
#bo_w .bo_w_tit {position:relative}
#bo_w .bo_w_tit .frm_input {padding-right:120px}
#bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_link .frm_input {padding-left:50px}
#bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
#bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#bo_w .bo_w_flie .frm_input {margin:10px 0 0}
#bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
#bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px;border-radius:3px}
#bo_w .btn_submit {padding:0 20px;font-size:1.167em}
#bo_w .btn_cancel {border-radius:3px;font-size:1.167em}



