@charset "utf-8";

/* 갤러리 공통 */
.bo_fx {margin-bottom:5px;padding:0 10px}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
#bo_list_total {margin:10px;text-align:center;padding:10px;background:#e3e7ec;color:#8b8b8b;border-radius:3px}

.btn_bo_user > li {float:left;text-align:center;margin-left:5px}
.btn_bo_adm button {border:0;padding:0 10px;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle}
.btn_more_opt {width:30px}
.more_opt {display:none;position:absolute;top:50px;right:7px;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:6px;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:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt.is_list_btn{width:90px}
.more_opt li {display:block;border-bottom:1px solid #f1f1f1;padding:10px;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 {line-height:20px}

.bo_share {position:relative}
#bo_v_share {display:none;position:absolute;top:42px;right:0;padding:10px;text-align:right;background:#fff;border:1px solid #b8bfc4}
#bo_v_share:before {content:"";position:absolute;top:-8px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
#bo_v_share:after {content:"";position:absolute;top:-6px;right:6px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
#bo_v_share .btn_scrap {display:inline-block;background:#d4d4d4;color:#444;line-height:40px;width:40px;font-weight:bold;text-align:center;border-radius:3px}

#bo_v_sns {padding:0;list-style:none;zoom:1}
#bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_sns li {text-align:center;margin:5px 0 0}
#bo_v_sns li a {display:block;width:40px;height:40px;padding:10px 0}
#bo_v_sns li .sns_f {background:#415b92;border-radius:3px}
#bo_v_sns li .sns_t {background:#35b3dc;border-radius:3px}
#bo_v_sns li .sns_g {background:#d5503a;border-radius:3px}
#bo_v_sns li .sns_k {background:#fbe300;border-radius:3px}
#bo_v_sns li img {vertical-align:top}
#bo_v_sns li span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

.td_num strong {color:#000}
.bo_current {color:#e8180c}
.td_subject img {margin-left:3px}
.cnt_cmt {font-weight:bold}

#bo_sch {background:#fff;border:1px solid #d0d3db;position:relative;margin:10px}
#bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
#bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#bo_sch select {border:0;height:38px;border-right:1px solid #f8f8f8;float:left;width:30%}
#bo_sch .sch_input {height:38px;border:0;background-color:transparent;float:left;width:70%;padding:0 40px 0 10px}
#bo_sch .sch_btn {height:38px;position:absolute;top:0;right:0;border:0;width:40px;background:none;font-size:15px}

.view_is_list.btn_top {position:relative;z-index:auto;top:0;left:0}
.view_is_list {margin:8px 10px 0;height:50px;padding:10px;line-height:30px;border-radius:3px;border-bottom:1px solid #ccc;background:#fff;color:#333;text-align:right}
.view_is_list li {display:inline-block}

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

.bo_cnt {display:block;width:100%;font-size:1.083em;font-weight:bold;line-height:1.4em}
.bo_cnt i {color: #8d96c2;font-size:12px}
.bo_cnt .fa-heart {color:#ff0000}
.bo_chk {display:inline-block;float:left;margin-right:5px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index: -1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label{color:#ff8080}
.chk_box input[type="radio"]:checked + label span {border-color:#ea6060;}
.chk_box input[type="radio"]:checked + label span:before{width:9px;height:9px;background:#ff8080;content:'';position:absolute;top:3px;left:3px;border-radius:50%;}
.all_chk.chk_box input[type="checkbox"] + label span {top:18px;left:15px}


/* 갤러리 목록 */
#bo_gall h2 {margin:0;padding:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden}

#bo_gall #gall_allchk {}

#bo_gall #gall_ul {margin:10px 0 0;padding:0 10px;list-style:none}
#bo_gall #gall_ul:after {display:block;visibility:hidden;clear:both;content:""}

#bo_cate h2 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {background:#fff;padding-left:1px;border-bottom:1px solid #d9dce3;zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_cate li {display:inline-block;float:left}
#bo_cate a {display:block;line-height:24px;padding:15px}
#bo_cate #bo_cate_on {display:inline-block;position:relative;color:#3a8afd}
#bo_cate #bo_cate_on:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;display:inline-block;background:#3a8afd}

#bo_gall .gall_li {float:left;;width:50%;padding:5px}
#bo_gall .gall_li_wr {position:relative;}
#bo_gall .gall_li_chk {display:inline-block;position:absolute;top:10px;left:10px}
#bo_gall .gall_li:nth-child(2n+1) {clear:both}
#bo_gall .gall_li .gall_img img, #bo_gall .gall_li .gall_img video{width:100%;height:auto}
#bo_gall .gall_li .gall_img .no_img,
#bo_gall .gall_li .gall_notice {display:block;background:#eaeaea;color:#d0d0d0;font-size:3em;text-align:center;padding:25% 0}

#bo_gall .gall_now .gall_text_href a {color:#ff3061}

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none}
#bo_gall .gall_href strong, #bo_gall .gall_href span {display:block;width:174px;height:124px;background:#f7f7f7;text-align:center;line-height:8em}

#bo_gall .gall_text_href {padding:10px 0;display:block}
#bo_gall .gall_li_tit {display:block;margin:5px 0;font-weight:bold}
#bo_gall .bo_cate_link {display:inline-block;background:#e2eaf6;padding:0 5px;line-height:20px;border-radius:5px;font-weight:bold;font-size:11px;color:#3ca1ff !important;text-decoration:none;/*font-size:0.92em*/} /* 글제목줄 분류스타일 */
#bo_gall .profile_img img {border-radius:50%}
#bo_gall .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin:0 4px;font-weight:bold;vertical-align:middle}

.bo_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

#bo_gall .gall_info {padding:5px 0 0;color:#646464;font-size:0.92em}
#bo_gall .gall_info:after {display:block;visibility:hidden;clear:both;content:""} 
#bo_gall .gall_info strong {display:inline-block;margin-right:3px}
#bo_gall .gall_info i {display:inline-block;margin-left:5px}


/* 게시판 쓰기 */
#bo_w #wr_email, #bo_w #wr_homepage, #bo_w #wr_subject {width:100%}

#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#wr_email, #wr_homepage, #wr_subject, .wr_link {width:100%}


/* 게시판 읽기 */
#bo_v {padding:20px 0 0;background:#fff}
#bo_v>header {padding:0 15px;border-bottom:1px solid #eee}
#bo_v_table {padding:10px;color:#999;font-size:0.9em;font-weight:bold}

#bo_v_title {}
.bo_v_cate {display:inline-block;background:#e2eaf6;color:#3a8afd;line-height:20px;border-radius:5px;padding:0 5px;font-weight:bold}
.bo_v_tit {display:block;font-size:1.5em;margin:10px 0 0}

#bo_v_info {padding:15px 0;color:#8e8e8e;line-height:20px}
#bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_info strong {display:inline-block;font-weight:normal;margin:0 5px}
#bo_v_info .profile_img img {border-radius:50%;vertical-align:top}
#bo_v_info .icon_view {display:inline-block;background:url('./img/icon_view.png') no-repeat 50% 50%;background-size:80%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}
#bo_v_info .icon_comment {display:inline-block;background:url('./img/icon_comment.png') no-repeat 50% 50%;background-size:70%;height:15px;width:20px;overflow:hidden;text-indent:-999px;vertical-align:middle;margin:0 3px 0 5px}

#bo_v_file {padding:0 15px;margin-bottom:20px}
#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 {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf}
#bo_v_file li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px}
#bo_v_file a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000}

@media (max-width:450px){
	#bo_v_file a {float:inherit}
}

#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#3a8afd}
#bo_v_file img {float:left;margin:0 10px 0 0}
#bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_file li:hover i {color:#3a8afd}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}

#bo_v_link {padding:0 15px;margin-bottom:20px}
#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf}
#bo_v_link li i {float:left;color:#b2b2b2;font-size:1.6em;margin-right:20px}
#bo_v_link a {float:left;display:block;margin-right:10px;text-decoration:none;word-wrap:break-word;color:#000}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#3a8afd}
#bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
#bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
#bo_v_link li:hover i {color:#3a8afd}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

#bo_v_top {margin:10px 15px}
#bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_top ul {margin:0;padding:0;list-style:none}
#bo_v_top ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_top ul li {display:inline-block}
.bo_v_left {float:left}
.bo_v_right {float:right}

#bo_v_bot {padding:0 10px}
#bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_v_bot ul {margin:0;padding:0;list-style:none}

.bo_v_nb {position:relative;margin:10px 0 0;border-top:1px solid #e4e4ec;border-bottom:1px solid #e4e4ec;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {}
.bo_v_nb li a {display:block;padding:15px;color:#777}
.bo_v_nb li a i {color:#c5cfdd}
.bo_v_nb li.bo_v_prev {border-bottom:1px solid #f8f8f8}
.bo_v_nb li.bo_v_next {}


#bo_v_atc {min-height:200px;padding:15px}
#bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

#bo_v_con {min-height:200px;margin-bottom:20px;width:100%;font-size:1.250em;line-height:1.7em;word-break:break-all;overflow:hidden}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative}
#bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

/* 게시판 댓글 */
#bo_vc {background:#f8f8f8;padding:15px}
#bo_vc h2.bo_vc_tit {}
#bo_vc h2 span {color:#3a8afd}
#bo_vc article {}
#bo_vc article .comment_inner{margin:15px 0 0;padding:15px;background:#fff;border-bottom:1px solid #e4e4ec}
#bo_vc article h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#bo_vc header {position:relative;padding:0;line-height:20px;padding-right:18px}
#bo_vc .profile_img {vertical-align:text-bottom}
#bo_vc .profile_img img {width:23px;height:23px;border-radius:50%}
#bo_vc header .bo_vl_opt {position:absolute;top:-5px;right:-8px}
.comment_inner .bo_vc_w{margin-top:10px;padding-top:15px}

#bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {display:inline-block;color:#777}
#bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {margin:10px 0 0;border-radius:5px;line-height:1.8em}
#bo_vc .cmt_contents p {font-size:1.083em}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:15px !important;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.bo_vc_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:center;border:1px solid #b8bfc4;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 #b8bfc4 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 {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

#bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w {display:block;position:relative;padding:0 15px 15px;background:#f8f8f8}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w #char_cnt {display:block;margin:0 0 5px}
.bo_vc_w textarea {width:100%;height:120px;padding:5px;border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle}
#wr_secret {}

.bo_vc_w_info {margin:10px 0}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;width:49.5%;margin:0 0 5px 0}
.bo_vc_w_info #wr_password {float:right}
.bo_vc_w_info #captcha {display:block;clear:both}
.bo_vc_w .btn_confirm {margin-top:5px;clear:both}
.bo_vc_w .icon_lock {display:inline-block;font-size:1em;vertical-align:baseline}
.bo_vc_w .btn_submit {height:50px;width:100%;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w .bo_vc_secret {display:block}

#bo_vc_send_sns {display:block;margin-bottom:10px}
#bo_vc_sns {display: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;padding: 10px 0 10px 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding: 10px 0 10px 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_w {padding:15px}
#bo_w .bo_v_option li {display:inline-block;float:left;margin:0 5px 0 0}
#bo_w .bo_v_option li label {vertical-align:baseline}
#bo_w .bo_v_option:after {display:block;visibility:hidden;clear:both;content:""}
#bo_w .bo_w_select select {border:1px solid #d0d3db;background:#fff;width:100%}
#bo_w .bo_w_link label {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;width:45px;height:43px;line-height:43px;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;width:45px;height:43px;line-height:43px;font-size:1.2em;text-align:center;color:#b2b2b2}
#bo_w .bo_w_flie .frm_file {padding-left:50px}
#bo_w .bo_w_flie .file_wr {position:relative;color:#000;vertical-align:middle;margin:0}
#bo_w .bo_w_flie .frm_input {margin:5px 0 0}

.filebox .btn_file {display:inline-block;position:absolute;right:8px;top:8px;border:1px solid #3a8afd;border-radius:3px;width:60px;height:30px;color:#3a8afd;font-size:1em;line-height:30px;font-weight:bold;background:#fff;text-align:center;vertical-align:middle;cursor:pointer}
.filebox .fileName {display:inline-block;position:relative;width:100%;height:45px;padding-left:45px;line-height:30px;border:1px solid #d0d3db;background-color:#fff;color:red;vertical-align:middle;border-radius:0}
.filebox input[type="file"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

#bo_w .btn_confirm {text-align:center;margin:20px 0}
#bo_w .btn_submit {width:49%;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#bo_w .btn_cancel {width:49%;line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em;background:#fff;border-radius:3px;border:1px solid #dcdcdc}




/* =========================================================
   PRODUCT WRITE
========================================================= */

#bo_w.product_write{
    width:100%;
    max-width:1200px;
    margin:50px auto 100px;
    padding:0 20px;
    background:#fff;
    font-size:16px;
    color:#222;
}

#bo_w.product_write *{
    box-sizing:border-box;
}


/* =========================================================
   Layout
========================================================= */

.product_write_inner{
    width:100%;
}

.product_write_section{
    margin-bottom:60px;
    padding:40px;
    background:#fff;
    border:1px solid #e5e5e5;
    border-radius:12px;
}

.product_write_section_title{
    margin-bottom:30px;
    padding-bottom:20px;
    border-bottom:1px solid #e8e8e8;
}

.product_write_section_title h2{
    margin:0;
    padding:0;
    font-size:24px;
    line-height:1.4;
    font-weight:700;
    color:#222;
}

.product_write_section_title p{
    margin:10px 0 0;
    font-size:15px;
    line-height:1.7;
    color:#777;
}


/* =========================================================
   Fields
========================================================= */

.product_write_fields{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:25px 30px;
}

/* =========================================================
   Product Info
========================================================= */

.product_info_fields{
    /* grid-template-columns:repeat(2, minmax(0, 1fr)); */
    grid-template-columns:repeat(1, minmax(0, 1fr));
}

.product_field_name,
.product_field_description{
    grid-column:1 / -1;
}

.product_field_description .product_description{
    display:block;
    width:100%;
    height:130px;
    min-height:130px;
    padding:15px;
    resize:vertical;

    border:1px solid #ddd;
    border-radius:6px;

    background:#fff;

    font-family:inherit;
    font-size:16px;
    line-height:1.7;
    color:#222;

    outline:none;
}

.product_field_description .product_description:focus{
    border-color:#ec268f;
    box-shadow:0 0 0 3px rgba(236,38,143,.08);
}

.product_field_description .product_description::placeholder{
    color:#aaa;
}

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

    .product_info_fields{
        grid-template-columns:1fr;
    }

    .product_field_name,
    .product_field_description{
        grid-column:auto;
    }

}

.product_write_field{
    min-width:0;
}

.product_write_field > label,
.product_write_label{
    display:block;
    margin-bottom:10px;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    color:#333;
}

.product_write_field > label strong{
    margin-left:4px;
    font-size:14px;
    font-weight:500;
    color:#ec268f;
}

.product_write_field .frm_input,
.product_write_field select{
    display:block;
    width:100%;
    height:52px;
    padding:0 15px;
    border:1px solid #ddd;
    border-radius:6px;
    background:#fff;
    font-size:16px;
    color:#222;
    outline:none;
    transition:border-color .2s ease,
               box-shadow .2s ease;
}

.product_write_field .frm_input:focus,
.product_write_field select:focus{
    border-color:#ec268f;
    box-shadow:0 0 0 3px rgba(236,38,143,.08);
}

.product_write_field .frm_input::placeholder{
    color:#aaa;
}


/* =========================================================
   Price
========================================================= */

.product_price_input{
    position:relative;
}

.product_price_input .frm_input{
    padding-right:50px;
}

.product_price_input > span{
    position:absolute;
    top:50%;
    right:16px;
    transform:translateY(-50%);
    font-size:15px;
    color:#777;
    pointer-events:none;
}

.product_write_help{
    margin:8px 0 0;
    font-size:14px;
    line-height:1.5;
    color:#999;
}


/* =========================================================
   Option
========================================================= */

.product_write_option{
    grid-column:1 / -1;
}

.product_write_option .bo_v_option{
    display:flex;
    flex-wrap:wrap;
    gap:15px;
    margin:0;
    padding:0;
    list-style:none;
}

#bo_w.product_write .bo_v_option li{
    float:none;
    margin:0;
}


/* =========================================================
   Product Files
========================================================= */

.product_write_files{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:20px;
}

.product_write_file{
    min-width:0;
    padding:20px;
    background:#fafafa;
    border:1px solid #e5e5e5;
    border-radius:8px;
}

.product_write_file_label{
    margin-bottom:10px;
}

.product_write_file_label strong{
    display:block;
    font-size:16px;
    line-height:1.4;
    font-weight:600;
    color:#333;
}


/* 파일 선택 영역 */

.product_write_file .filebox{
    position:relative;
    display:flex;
    width:100%;
    min-width:0;
}

.product_write_file .filebox .fileName{
    display:block;
    position:relative;
    width:100%;
    height:50px;
    margin:0;
    padding:0 115px 0 15px;
    border:1px solid #ddd;
    border-radius:6px;
    background:#fff;
    font-size:14px;
    line-height:48px;
    color:#777;
    outline:none;
}

.product_write_file .filebox label{
    position:absolute;
    top:5px;
    right:5px;
    z-index:2;
    display:block;
    margin:0;
    padding:0;
}

.product_write_file .filebox .btn_file{
    position:static;
    display:flex;
    align-items:center;
    justify-content:center;
    width:95px;
    height:40px;
    border:0;
    border-radius:5px;
    background:#333;
    color:#fff;
    font-size:14px;
    line-height:1;
    font-weight:500;
    cursor:pointer;
    transition:background .2s ease;
}

.product_write_file .filebox label:hover .btn_file{
    background:#ec268f;
}

.product_write_file .filebox input[type="file"]{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}


/* 이미지 설명 */

.product_file_description{
    display:block;
    width:100%;
    height:45px;
    margin:10px 0 0 !important;
    padding:0 12px;
    border:1px solid #ddd;
    border-radius:5px;
    background:#fff;
    font-size:14px;
    color:#333;
}


/* 기존 이미지 */

.product_existing_file{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-top:12px;
    padding-top:12px;
    border-top:1px solid #e5e5e5;
    font-size:14px;
    line-height:1.5;
}

.existing_file_name{
    min-width:0;
    overflow:hidden;
    color:#777;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.existing_file_name strong{
    color:#333;
    font-weight:500;
}

.product_existing_file .file_del{
    flex:0 0 auto;
    white-space:nowrap;
}

.product_existing_file .file_del input{
    vertical-align:middle;
}

.product_existing_file .file_del label{
    margin-left:3px;
    font-size:14px;
    color:#777;
    cursor:pointer;
}


/* =========================================================
   Editor
========================================================= */

.product_write_editor{
    width:100%;
}

.product_write_editor .cke{
    border-color:#ddd !important;
    border-radius:6px;
    overflow:hidden;
}

.product_write_editor textarea{
    width:100%;
    min-height:400px;
    padding:15px;
    border:1px solid #ddd;
    border-radius:6px;
    font-size:16px;
    line-height:1.7;
}

#char_count_desc{
    margin:0 0 10px;
    font-size:14px;
    line-height:1.6;
    color:#888;
}

#char_count_wrap{
    margin-top:10px;
    font-size:14px;
    color:#888;
}


/* =========================================================
   Captcha
========================================================= */

.product_write_captcha{
    width:100%;
}


/* =========================================================
   Buttons
========================================================= */

.product_write_buttons{
    display:flex;
    justify-content:center;
    gap:10px;
    margin-top:20px;
}

#bo_w.product_write .product_write_buttons .btn_cancel,
#bo_w.product_write .product_write_buttons .btn_submit{
    display:flex;
    align-items:center;
    justify-content:center;
    width:180px;
    height:54px;
    padding:0 20px;
    border-radius:6px;
    font-size:16px;
    line-height:1;
    font-weight:600;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
}

#bo_w.product_write .product_write_buttons .btn_cancel{
    border:1px solid #ccc;
    background:#fff;
    color:#555;
}

#bo_w.product_write .product_write_buttons .btn_submit{
    border:1px solid #ec268f;
    background:#ec268f;
    color:#fff;
}

#bo_w.product_write .product_write_buttons .btn_cancel:hover{
    border-color:#999;
    color:#222;
}

#bo_w.product_write .product_write_buttons .btn_submit:hover{
    background:#d91d7f;
    border-color:#d91d7f;
}


/* =========================================================
   Tablet
========================================================= */

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

    #bo_w.product_write{
        margin:40px auto 80px;
    }

    .product_write_section{
        margin-bottom:40px;
        padding:30px;
    }

}


/* =========================================================
   Mobile
========================================================= */

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

    #bo_w.product_write{
        margin:30px auto 60px;
        padding:0 20px;
    }

    .product_write_section{
        margin-bottom:30px;
        padding:25px 20px;
        border-radius:8px;
    }

    .product_write_section_title{
        margin-bottom:25px;
        padding-bottom:18px;
    }

    .product_write_section_title h2{
        font-size:22px;
    }

    .product_write_section_title p{
        font-size:14px;
    }


    /* 기본정보 1열 */

    .product_write_fields{
        grid-template-columns:1fr;
        gap:22px;
    }


    /* 이미지 1열 */

    .product_write_files{
        grid-template-columns:1fr;
        gap:15px;
    }

    .product_write_file{
        padding:18px;
    }


    /* 버튼 */

    .product_write_buttons{
        gap:8px;
    }

    #bo_w.product_write .product_write_buttons .btn_cancel,
    #bo_w.product_write .product_write_buttons .btn_submit{
        width:50%;
        height:52px;
    }

}


/* =========================================================
   Small Mobile
========================================================= */

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

    #bo_w.product_write{
        padding:0 15px;
    }

    .product_write_section{
        padding:22px 15px;
    }

    .product_write_file{
        padding:15px;
    }

    .product_write_file .filebox .fileName{
        padding-right:100px;
    }

    .product_write_file .filebox .btn_file{
        width:85px;
    }

    .product_existing_file{
        align-items:flex-start;
        flex-direction:column;
        gap:8px;
    }

}





/* =========================================================
   PRODUCT VIEW
========================================================= */

.product_view{
    width:100% !important;
    margin:0;
    padding:0;
    color:#222;
}


/* =========================================================
   PRODUCT TOP
========================================================= */

.product_view_top{
    width:100%;
    padding:70px 0 100px;
}

.product_view_top_inner{
    display:grid;
    grid-template-columns:minmax(0, 1fr) minmax(0, 1fr);
    gap:70px;
    align-items:start;
}


/* =========================================================
   PRODUCT GALLERY
========================================================= */

.product_view_gallery{
    width:100%;
    min-width:0;
}


/* Main Slider */

.product_gallery_main{
    position:relative;
    width:100%;
    overflow:hidden;
    border-radius:18px;
    background:#f7f7f7;
}

.product_gallery_main_item{
    width:100%;
}

.product_gallery_image{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    background:#f7f7f7;
}

.product_gallery_image > a,
.product_gallery_image > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.product_gallery_image img{
    display:block;
    width:100%;
    height:100%;
    max-width:100%;
    object-fit:contain;
    margin:0 auto;
}


/* Slick 기본 보정 */

.product_gallery_main .slick-list,
.product_gallery_main .slick-track{
    height:100%;
}

.product_gallery_main .slick-slide{
    height:auto;
}

.product_gallery_main .slick-slide > div{
    height:100%;
}


/* Main Arrow */

.product_gallery_main .slick-arrow{
    position:absolute;
    top:50%;
    z-index:10;
    width:48px;
    height:48px;
    margin:0;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.92);
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    font-size:0;
    cursor:pointer;
    transform:translateY(-50%);
    transition:.25s ease;
}

.product_gallery_main .slick-arrow:hover{
    background:#fff;
    box-shadow:0 7px 25px rgba(0,0,0,.13);
}

.product_gallery_main .slick-prev{
    left:20px;
}

.product_gallery_main .slick-next{
    right:20px;
}

.product_gallery_main .slick-prev:before,
.product_gallery_main .slick-next:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:9px;
    height:9px;
    border-top:2px solid #333;
    border-right:2px solid #333;
}

.product_gallery_main .slick-prev:before{
    transform:translate(-35%,-50%) rotate(-135deg);
}

.product_gallery_main .slick-next:before{
    transform:translate(-65%,-50%) rotate(45deg);
}


/* =========================================================
   THUMBNAIL
========================================================= */

.product_gallery_thumb{
    width:calc(100% + 10px);
    margin:16px -5px 0;
    padding:0;
}

.product_gallery_thumb .slick-slide{
    padding:0 5px;
}

.product_gallery_thumb_item{
    cursor:pointer;
}

.product_gallery_thumb_image{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    border:1px solid #e8e8e8;
    border-radius:10px;
    background:#f8f8f8;
    transition:.25s ease;
}

.product_gallery_thumb_image > a,
.product_gallery_thumb_image > span{
    display:block;
    width:100%;
    height:100%;
}

.product_gallery_thumb_image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}


/* 선택된 Thumbnail */

.product_gallery_thumb .slick-current .product_gallery_thumb_image{
    border:2px solid #961016;
}


/* Thumbnail Arrow */

.product_gallery_thumb .slick-arrow{
    position:absolute;
    top:50%;
    z-index:5;
    width:30px;
    height:30px;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    font-size:0;
    cursor:pointer;
    transform:translateY(-50%);
}

.product_gallery_thumb .slick-prev{
    left:0;
}

.product_gallery_thumb .slick-next{
    right:0;
}

.product_gallery_thumb .slick-prev:before,
.product_gallery_thumb .slick-next:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:8px;
    height:8px;
    border-top:1px solid #777;
    border-right:1px solid #777;
}

.product_gallery_thumb .slick-prev:before{
    transform:translate(-30%,-50%) rotate(-135deg);
}

.product_gallery_thumb .slick-next:before{
    transform:translate(-70%,-50%) rotate(45deg);
}


/* No Image */

.product_gallery_empty{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    aspect-ratio:1 / 1;
    border-radius:18px;
    background:#f7f7f7;
    color:#aaa;
    font-size:14px;
    font-weight:600;
    letter-spacing:.05em;
}


/* =========================================================
   PRODUCT INFO
========================================================= */

.product_view_info{
    width:100%;
    padding:25px 0 0;
}


/* Category */

.product_view_category{
    margin-bottom:16px;
    color:#961016;
    font-size:14px;
    font-weight:700;
}


/* Product Name */

.product_view_name{
    margin:0;
    padding:0 0 26px;
    border-bottom:1px solid #e5e5e5;
    color:#171717;
    font-size:36px;
    font-weight:700;
    line-height:1.35;
    letter-spacing:-.04em;
    word-break:keep-all;
}


/* Description */

.product_view_description{
    margin-top:28px;
    color:#666;
    font-size:17px;
    font-weight:400;
    line-height:1.8;
    letter-spacing:-.025em;
    word-break:keep-all;
}


/* Price */

.product_view_price{
    display:flex;
    align-items:flex-end;
    justify-content:flex-end;
    gap:5px;
    margin-top:50px;
    padding:25px 0;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
}

.product_view_price strong{
    color:#111;
    font-size:30px;
    font-weight:700;
    line-height:1;
    letter-spacing:-.03em;
}

.product_view_price span{
    color:#333;
    font-size:16px;
    font-weight:500;
    line-height:1.2;
}


/* =========================================================
   BUY BUTTON
========================================================= */

.product_view_buy{
    width:100%;
    margin-top:24px;
}

.product_view_buy a{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%;
    height:64px;
    border-radius:8px;
    background:#961016;
    color:#fff;
    font-size:17px;
    font-weight:700;
    text-decoration:none;
    transition:.25s ease;
}

.product_view_buy a:hover{
    background:#b51b22;
}

.product_view_buy a i{
    position:absolute;
    right:25px;
    top:50%;
    font-size:21px;
    font-style:normal;
    font-weight:400;
    transform:translateY(-50%);
    transition:.25s ease;
}

.product_view_buy a:hover i{
    transform:translate(4px,-50%);
}


/* =========================================================
   PRODUCT DETAIL
========================================================= */

.product_view_detail{
    width:100%;
    padding:30px 0 100px;
}

.product_view_detail_head{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-bottom:50px;
    padding:22px 20px;
    border-top:1px solid #222;
    border-bottom:1px solid #ddd;
}

.product_view_detail_head h2{
    margin:0;
    color:#222;
    font-size:18px;
    font-weight:700;
}


/* wr_content */

.product_view_content{
    width:100%;
    max-width:1000px;
    margin:0 auto;
    padding:0;
    color:#444;
    font-size:16px;
    line-height:1.8;
    text-align:center;
}

.product_view_content img{
    display:block;
    width:auto;
    max-width:100% !important;
    height:auto !important;
    margin:0 auto;
}

.product_view_content p{
    max-width:100%;
}


/* =========================================================
   BOARD CONTROL
========================================================= */

.product_view_control{
    width:100%;
    padding:0 0 100px;
}

.product_view_buttons{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:25px;
    border-top:1px solid #ddd;
}

.product_view_buttons_left,
.product_view_buttons_right{
    display:flex;
    align-items:center;
    gap:8px;
}

.product_btn{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:85px;
    height:44px;
    padding:0 20px;
    border:1px solid #ddd;
    border-radius:5px;
    background:#fff;
    color:#555;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    transition:.2s ease;
}

.product_btn:hover{
    border-color:#333;
    color:#111;
}

.product_btn_write{
    border-color:#961016;
    background:#961016;
    color:#fff;
}

.product_btn_write:hover{
    border-color:#d91469;
    background:#d91469;
    color:#fff;
}


/* =========================================================
   PREV / NEXT
========================================================= */

.product_view_navigation{
    width:100%;
    margin-top:30px;
    border-top:1px solid #ddd;
}

.product_view_navigation_item{
    display:flex;
    align-items:center;
    width:100%;
    min-height:60px;
    padding:15px 20px;
    border-bottom:1px solid #eee;
    color:#444;
    text-decoration:none;
}

.product_navigation_label{
    flex:0 0 80px;
    color:#888;
    font-size:14px;
}

.product_view_navigation_item strong{
    overflow:hidden;
    color:#333;
    font-size:15px;
    font-weight:500;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.product_view_navigation_item:hover strong{
    color:#961016;
}


/* =========================================================
   TABLET
========================================================= */

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

    .product_view_top{
        padding:50px 0 80px;
    }

    .product_view_top_inner{
        gap:40px;
    }

    .product_view_name{
        font-size:30px;
    }

    .product_view_description{
        font-size:16px;
    }

    .product_view_price{
        margin-top:35px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

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

    .product_view_top{
        padding:30px 0 60px;
    }

    .product_view_top_inner{
        display:block;
    }


    /* Gallery */

    .product_gallery_main{
        border-radius:12px;
    }

    .product_gallery_main .slick-arrow{
        width:40px;
        height:40px;
    }

    .product_gallery_main .slick-prev{
        left:12px;
    }

    .product_gallery_main .slick-next{
        right:12px;
    }

    .product_gallery_thumb{
				margin-top:10px;
				padding:0;
		}


    /* Information */

    .product_view_info{
        padding-top:40px;
    }

    .product_view_category{
        margin-bottom:12px;
        font-size:13px;
    }

    .product_view_name{
        padding-bottom:20px;
        font-size:27px;
    }

    .product_view_description{
        margin-top:22px;
        font-size:15px;
        line-height:1.7;
    }

    .product_view_price{
        margin-top:30px;
        padding:20px 0;
    }

    .product_view_price strong{
        font-size:26px;
    }

    .product_view_price span{
        font-size:15px;
    }

    .product_view_buy{
        margin-top:18px;
    }

    .product_view_buy a{
        height:58px;
        font-size:16px;
    }


    /* Detail */

    .product_view_detail{
        padding:10px 0 70px;
    }

    .product_view_detail_head{
        margin-bottom:35px;
        padding:18px 15px;
    }

    .product_view_detail_head h2{
        font-size:16px;
    }

    .product_view_content{
        font-size:15px;
    }


    /* Board buttons */

    .product_view_control{
        padding-bottom:70px;
    }

    .product_view_buttons{
        align-items:flex-start;
        gap:15px;
    }

    .product_view_buttons_right{
        justify-content:flex-end;
        flex-wrap:wrap;
    }

    .product_btn{
        min-width:70px;
        height:40px;
        padding:0 15px;
        font-size:13px;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

    .product_view_name{
        font-size:24px;
    }

    .product_view_buttons{
        display:block;
    }

    .product_view_buttons_right{
        justify-content:flex-start;
        margin-top:8px;
    }

    .product_navigation_label{
        flex-basis:60px;
    }

}


/* =========================================================
   PRODUCT ADMIN
========================================================= */

.product_admin_buttons{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    margin-bottom:20px;
}

.product_admin_buttons a{
    display:flex;
    align-items:center;
    justify-content:center;
    height:38px;
    padding:0 15px;

    border:1px solid #ddd;
    border-radius:5px;

    background:#fff;

    color:#666;
    font-size:14px;
    font-weight:500;
    text-decoration:none;

    transition:.2s ease;
}

.product_admin_buttons a:hover{
    border-color:#333;
    color:#222;
}

.product_admin_buttons .product_admin_write{
    border-color:#961016;
    background:#961016;
    color:#fff;
}

.product_admin_buttons .product_admin_write:hover{
    border-color:#b51b22;
    background:#b51b22;
    color:#fff;
}




/* =========================================================
   PRODUCT LIST
========================================================= */

#product_list.product_list{
    width:100%;
    padding:60px 0 100px;
    background:#fff;
}


/* =========================================================
   TOP / ADMIN
========================================================= */

.product_list_top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:30px;
}

.product_list_admin{
    display:flex;
    align-items:center;
    gap:6px;
}

.product_list_admin button,
.product_list_admin a,
.product_list_write{
    display:flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 15px;
    border:1px solid #ddd;
    border-radius:5px;
    background:#fff;
    color:#555;
    font-size:14px;
    font-weight:500;
    text-decoration:none;
    cursor:pointer;
}

.product_list_admin button:hover{
    border-color:#999;
    color:#222;
}

.product_list_write{
    border-color:#961016;
    background:#961016;
    color:#fff;
}

.product_list_write:hover{
    border-color:#d91469;
    background:#d91469;
    color:#fff;
}


/* 전체선택 */

.product_all_check{
    display:flex;
    align-items:center;
    gap:7px;
    margin-right:10px;
    color:#666;
    font-size:14px;
    cursor:pointer;
}


/* =========================================================
   GRID
========================================================= */

.product_list_grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:60px 30px;
}


/* =========================================================
   ITEM
========================================================= */

.product_list_item{
    position:relative;
    min-width:0;
}

.product_list_link{
    display:block;
    color:#222;
    text-decoration:none;
}


/* =========================================================
   IMAGE
========================================================= */

.product_list_image{
    position:relative;
    width:100%;
    aspect-ratio:1 / 1;
    overflow:hidden;
    /* border-radius:14px; */
    background:#f7f7f7;
}

.product_list_image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .45s ease;
}

.product_list_link:hover .product_list_image img{
    transform:scale(1.035);
}


/* No Image */

.product_list_noimage{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
    color:#aaa;
    font-size:14px;
    font-weight:600;
}


/* =========================================================
   INFO
========================================================= */

.product_list_info{
    padding:20px 4px 0;
}

.product_list_name{
    margin:0;
    padding:0;
    color:#222;
    font-size:19px;
    line-height:1.45;
    font-weight:600;
    letter-spacing:-.03em;
    word-break:keep-all;
}


/* Price */

.product_list_price{
    display:flex;
    align-items:flex-end;
    gap:3px;
    margin-top:12px;
}

.product_list_price strong{
    color:#111;
    font-size:21px;
    line-height:1;
    font-weight:700;
    letter-spacing:-.02em;
}

.product_list_price span{
    color:#555;
    font-size:14px;
    line-height:1.1;
}


/* =========================================================
   ADMIN CHECKBOX
========================================================= */

.product_list_check{
    position:absolute;
    top:12px;
    right:12px;
    z-index:5;
    width:24px;
    height:24px;
}

.product_list_check label{
    position: relative;
    z-index: 2;
    display:block;
    width:24px;
    height:24px;
    padding:0 !important;
    cursor:pointer;
}

.product_list_check label span{
    top:0 !important;
    left:0 !important;
    width:24px !important;
    height:24px !important;
    border-radius:5px !important;
    display: block;
    position: absolute;
    background: #fff;
    border: 1px solid #d0d4df;
}

.product_list_check input[type="checkbox"]:checked + label span {
    background-color: #961016;
    border-color: #961016;
}

/* =========================================================
   EMPTY
========================================================= */

.product_list_empty{
    width:100%;
    padding:100px 20px;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    color:#999;
    font-size:16px;
    text-align:center;
}


/* =========================================================
   PAGING
========================================================= */

.product_list_paging{
    margin-top:70px;
    text-align:center;
}


/* =========================================================
   TABLET
========================================================= */

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

    .product_list_grid{
        gap:45px 20px;
    }

    .product_list_name{
        font-size:18px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

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

    #product_list.product_list{
        padding:40px 0 70px;
    }

    .product_list_top{
        margin-bottom:25px;
    }

    /*
     * 모바일은 2열
     */

    .product_list_grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
        gap:35px 14px;
    }

    /* .product_list_image{
        border-radius:10px;
    } */

    .product_list_info{
        padding:14px 2px 0;
    }

    .product_list_name{
        font-size:16px;
    }

    .product_list_price{
        margin-top:8px;
    }

    .product_list_price strong{
        font-size:18px;
    }

    .product_list_price span{
        font-size:14px;
    }

    .product_list_admin{
        flex-wrap:wrap;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

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

    .product_list_grid{
        gap:30px 10px;
    }

}