:root {
    --primary-color: #e33226;
}

#boardWrap{position:relative;width:92%;margin:6% auto}
.nodata{margin-top:4%;padding:4% 0;border-top:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd;font-size:0.75em;color:#666;text-align:center}
.noimg, .noimg_sub{padding:10% 2%;background-color:#ededed;font-size:0.75em;color:#666;text-align:center}

.b_bc_l{border-color:#ebebeb}
.b_bc_m{border-color:#d9d9d9}
.b_bc_h{border-color:#cdcdcd}
.b_fs_xs{font-size:0.5em}
.b_fs_s{font-size:0.625em}
.b_fs_m{font-size:0.75em}
.b_fs_l{font-size:0.875em}
.b_fs_xl{font-size:1em}
.b_fs_xxl{font-size:1.125em}
.b_ff_l{font-weight:300}
.b_ff_m{font-weight:350}
.b_ff_h{font-weight:500}
.b_lh_xs{line-height:100%}
.b_lh_s{line-height:125%}
.b_lh_m{line-height:150%}
.b_lh_l{line-height:185%}
.b_c_l{color:#7d7b7c}
.b_c_m{color:#444}
.b_c_h{color:#2b2a28}
.b_btn01{display:block;width:65px;height:25px;margin:3% auto 0;background-color:#3e3e3e;font-size:0.8125em;line-height:25px;color:#fff;text-align:center}

/* list page */
.board_list > li{position:relative;padding:2%;border-bottom:1px solid #d9d9d9}
.board_list > li > a, .board_list > li > div{display:block;position:relative;height:100%}
.board_list > li > a:after, .board_list > li > div:after{content:'';display:block;clear:both}
.board_list_thumb{float:left;width:20%}
.board_list_thumb img{width:100%}
.board_list_text{float:left;width:76%;margin-left:4%}
.board_list_text img{height:12px}
.board_list_title{margin-bottom:2%}
.board_list_date, .board_list_hit{margin-top:2%;text-align:right}

/* view page */
.board_view_head{position:relative;height:40px;margin-bottom:2%;background-color:#f2f2f2}
.board_view_title{margin:0 4%;line-height:40px}
.board_view_sns{position:relative;margin:3% 4% 4% 0;font-size:0;text-align:right}
.board_view_sns > li{display:inline-block;margin-left:10px}
.board_view_sns > li:first-child{margin-left:0}
.board_view_sns > li > a{display:block;width:20px}
.board_view_body{margin:0 4%;padding-top:30px}
.board_view_body img{display:block;max-width:100%;height:auto !important;margin:0 auto 2%}
.board_view_file{margin-bottom:4%}
.board_view_text p{line-height:inherit}
.board_view_text img{height:auto !important}
.board_view_text iframe{width:100%}

/* list page paging */
.paging_prevnext{display:inline-block;width:9.3333vw;height:9.3333vw;background-repeat:no-repeat;background-position:center;background-size: cover}
.paging_prev{background-image:url('../img/board/paging_prev.png')}
.paging_next{background-image:url('../img/board/paging_next.png')}
.total_prev{background-image:url('../img/board/total_prev.png')}
.total_next{background-image:url('../img/board/total_next.png')}
.paging_prevnext{display:inline-block;width:9.3333vw;height:9.3333vw;background-repeat:no-repeat;background-position:center;background-size: cover}
.how .paging_prev{width: 1.733vw;height: 3.333vw;background-image:url('../img/board/youtube_list_prev_btn.png')}
.how .paging_next{width: 1.733vw;height: 3.333vw;transform: rotateY(180deg);background-image:url('../img/board/youtube_list_prev_btn.png')}

#boardWrap .paging,
.media-contents .paging,
#storeListWrap .paging
{position:relative;padding:4% 0;font-size:0;text-align:center}

#boardWrap .paging_ul,
.media-contents .paging_ul,
#storeListWrap .paging_ul
{display:inline-block;position:relative;font-size:0;text-align:center;vertical-align:top}

#boardWrap .paging_ul > li,
.media-contents .paging_ul > li,
#storeListWrap .paging_ul > li
{display:inline-block;margin-right: 1.3333vw;width:9.3333vw;height:9.3333vw}

#boardWrap .paging_ul > li:last-child,
.media-contents .paging_ul > li:last-child,
#storeListWrap .paging_ul > li:last-child
{margin-right: 0}

#boardWrap .paging_ul > li > a, #boardWrap .paging_ul > li > span,
.media-contents .paging_ul > li > a, .media-contents .paging_ul > li > span,
#storeListWrap .paging_ul > li > a, #storeListWrap .paging_ul > li > span
{display:block;width:100%;height:100%;box-sizing:border-box;line-height:9.3333vw;text-align:center;font-size:3.4666vw;}

#boardWrap .paging_ul > li > a,
.media-contents .paging_ul > li > a,
#storeListWrap .paging_ul > li > a
{border:1px solid #e5e5e5;background-color: #fff;}

#boardWrap .paging_ul > li > span,
.media-contents .paging_ul > li > span,
#storeListWrap .paging_ul > li > span
{background-color: var(--primary-color);color: #fff}

/* view page btns */
.view_btns_wrap{border-bottom:2px solid var(--primary-color)}
.view_btns_wrap .list_prevnext{display:block;padding:0 2.6666vw;height:14vw;border-top:1px solid rgba(0,0,0,0.2);font-weight:350;font-size:3.2vw;letter-spacing:-0.025em;line-height:14vw;color:#666}
.view_btns_wrap .list_ex{float:left;width:13.3333vw;font-weight:500;line-height:inherit;color:#000}
.view_btns_wrap .list_title{float:left;width:68vw;line-height:inherit}
.list_return{display:inline-block;width:26.6666vw;height:9.3333vw;margin-top:8vw;background-color:var(--primary-color);font-weight:700;font-size:3.2vw;letter-spacing:0.03em;line-height:9.3333vw;color:#fff}