@charset "utf-8";

/*========================================================================
게시판 목록
========================================================================*/
.board_list_table { border-color:#757575; }
.board_list_table th { padding:12px 10px; color:#161616; font-size:15px; font-weight:300; background:#f5f5f5; }
.board_list_table td { padding:15px 10px; color:#757575; font-size:15px; border-color:#e7e7e7; }
.board_list_table .board-num { font-size:17px; }
.board_list_table .board_tit { color:#161616; font-size:15px; }


/*========================================================================
게시판 상세
========================================================================*/
.board_view_tit { padding:15px 0 8px; background:none; border-top-color:#757575; border-bottom:0; }
.board_view_tit h3 { color:#161616; font-size:18px; font-weight:400; }
.board_zone_view .board_view_info { padding:0 0 12px; border-color:#e7e7e7; }
.board_zone_view .board_view_info > span { color:#969696; font-size:13px; line-height:1; vertical-align:top; }
.board_zone_view .board_view_info > span strong { padding-left:10px; font-weight:400; }
.board_view_info .view_info_day { height:auto; margin:0; border-left:0; }
.board_view_info .view_info_day em { top:0; padding:0 10px 0 0; border-right:1px solid #e6e6e6; }
.board_view_content { color:#757575; font-size:15px; }
.board_view_content .seem_cont { padding:30px 0; }
.view_comment { border-color:#e7e7e7; }
.body-view .btn_right_box button { width:106px; height:44px; line-height:44px; font-size:15px; border-color:#afafaf; }
.body-view .btn_right_box button.btn_board_del { border-color:#161616; }
.body-view .btn_right_box button strong { font-weight:400; }


/*========================================================================
상품 문의
========================================================================*/
.board_zone_tit { padding:18px 0 3px 0; }
.board_zone_tit h2 { font-size:19px !important; }

.date_check_box { margin:0 0 50px; padding:31px 0; border:0; border-top:1px solid #757575; border-bottom:1px solid #e5e5e5; }
.date_check_box h3 { padding-top:11px; color:#161616; font-size:15px; }
.date_check_list { padding:0 20px 0 0; }
.date_check_list button { width:62px; height:46px; margin:0; color:#969696; font-size:15px; background:#f5f5f5; border:0; }
.date_check_list button:hover,
.date_check_list button.on {color:#161616; background:#fff; border:1px solid #161616; }
.date_check_calendar { width:432px; margin:0; font-size:25px; font-weight:300; }
.date_check_calendar .anniversary { width:198px; height:48px; background:#f5f5f5 url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/icon_calendar.png') no-repeat right 20px top 50%; border:0; }
.date_check_calendar .anniversary:first-child {  }
.btn_date_check,
.btn_date_check:hover { min-width:auto; width:48px; height:48px; margin-left:7px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/square_search_btn.jpg') no-repeat; }
.btn_date_check em { display:none; }

.btn_write,
.btn_write:hover { top:0; width:90px; height:36px; line-height:36px; color:#161616; font-size:15px; background:#fff; border:1px solid #cccccc; }
.btn_write strong { font-weight:400; }


/*========================================================================
상품 문의 상세
========================================================================*/
.view_select_item_img { width:90px; height:90px; }
.view_select_item_img img { height:100%; }
.view_goods_select_item { margin:0; padding:30px 0; border-bottom:1px solid #e7e7e7; }
.board_view_content .seem_cont { color:#757575; font-size:15px; }
.board_view_qa .view_question_box { padding:30px 0 30px 36px; }
.board_view_qa .view_question_tit,
.board_view_qa .view_answer_tit { top:45px; width:13px; height:16px; font-size:0; }
.board_view_qa .view_question_tit { left:0; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/faq_q_icon.png') no-repeat; }
.board_view_qa .view_answer_tit { left:41px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/faq_a_icon.png') no-repeat; }

.board_view_qa .view_answer_box { padding:37px 0 30px 80px; border:0; background:#f5f5f5; }
.view_answer_box .view_answer_info { margin:0; border:0; }
.view_answer_box .view_answer_info > strong { color:#161616; font-size:16px; font-weight:400; }

.view_answer_box .view_answer_info > span { color:#969696; font-size:13px; line-height:1; vertical-align:top; }
.view_answer_box .view_answer_info > span strong { padding-left:10px; font-size:13px; font-weight:400; }
.view_answer_box .view_answer_info .view_info_day { height:auto; margin:0; border-left:0; }
.view_answer_box .view_answer_info .view_info_day em { top:0; padding:0 10px 0 0; font-size:13px; border-right:1px solid #e6e6e6; }


/*========================================================================
상품 문의 글쓰기
========================================================================*/
.board_write_table { border-top-color:#757575; }
.board_write_table th { padding:27px 0 27px 25px; color:#161616; font-size:15px; font-weight:400; background:none; }
.board_write_table td { padding:16px 0 16px 0; border-color:#e5e5e5; color:#161616; font-size:15px; }
.board_write_table .category_select select { width:217px !important; height:44px; padding-left:17px; margin-right:10px; color:#969696; font-size:15px; background:#fff url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat right 17px top 50% ; border-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.btn_goods_select { width:67px; height:24px; color:#fff; font-size:13px; background:#161616; border-color:#161616; }
.board_write_table td > input { width:457px; height:44px; }
.file_upload_sec .file_text { width:320px; height:44px; }
.file_upload_sec .btn_upload_box { width:264px; padding:0 0 0 10px; }
.file_upload_sec .btn_upload_box .btn_upload,
.file_upload_sec .btn_upload_box .btn_gray_big { width:127px; height:44px; color:#161616; font-size:15px; background:#f8f8f8; border:1px solid #e5e5e5; }
.file_upload_sec .btn_upload_box .btn_gray_big { margin-left:6px; }
.btn_center_box button { width:250px; }

/* 상품선택 */
.layer_wrap .layer_wrap_cont { border:1px solid #757575; }
.layer_wrap .ly_tit { padding:25px 40px 0; }
.layer_wrap .ly_cont { padding:24px 40px; }
.ly_date_list_box { border:2px solid #e4e4e4; }
.ly_date_select_list h5,
.ly_date_search_list h5 { color:#161616; }
.layer_wrap .chosen-container .chosen-single { height:35px; padding-left:20px; border-color:#e5e5e5; }
.layer_wrap .chosen-container .chosen-single > span { color:#161616; font-size:15px; line-height:33px; }
.layer_wrap .chosen-container .chosen-single div { width:40px; }
.layer_wrap .chosen-container .chosen-single div b { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat center; }
.ly_date_search_list input[type="text"] { height:35px; color:#969696; font-size:14px; }
.btn_ly_date_check em { padding:0; color:#ffffff; font-size:15px; font-weight:400; background:none; }
.ly_cont .btn_center_box button { width:106px; height:44px; background:#161616; }
.ly_cont .btn_center_box button strong { font-weight:400; }
.add_goods_layer .pick_list_num { color:#757575; font-size:15px; }
.add_goods_layer .pick_list_num strong { color:#161616; font-weight:500; }
.top_table_type th { padding:14px 10px 14px 10px; color:#161616; font-size:15px; border-top-color:#757575; border-bottom:0; }
.add_goods_layer .pick_add_cont .pick_add_img { width:60px; height:60px; }
.add_goods_layer .pick_add_cont .pick_add_img img { width:100%; height:100%; }
.add_goods_layer .pick_add_cont .pick_add_info { padding:0 0 0 24px; }
.add_goods_layer .pick_add_cont .pick_add_info em { color:#161616; font-size:14px; font-weight:400; }
.top_table_type td { color:#161616; font-size:16px; }
.top_table_type td strong { font-weight:400; }
.ly_cont .btn_center_box button.btn_ly_ok,
.ly_cont .btn_center_box button.btn_ly_cancel { height:44px; line-height:44px; font-size:15px; }


/*========================================================================
이벤트
========================================================================*/
.body-dbk-event-list #contents { width:100%; max-width:100%; }
.body-dbk-event-list #contents .sub_content { padding:0; }
.body-dbk-event-list .eventList { width:1200px; margin:0 auto; }
.event-top-bn { }
.event-top-bn > div { position:relative; left:50%; font-size:0; }
.event-top-bn > div > span { display:inline-block; transform:translateX(-50%) }
.body-dbk-event-list .board_zone_tit { padding:77px 0 38px; }

/* 탭 */
.event-tab { padding:0 0 42px; }
.event-tab ul { display:flex; }
.event-tab ul li { display:flex; justify-content:center; align-items:center; flex:1; height:58px; line-height:58px; margin-left:-1px; border-bottom:2px solid #161616; }
.event-tab ul li a { display:block; position:relative; width:100%; line-height:56px; color:#757575; font-size:18px; text-align:center; border:1px solid #d8d8d8; border-bottom:1px solid #fff; }
.event-tab ul li.on { border-bottom:0; }
.event-tab ul li.on a { color:#161616; line-height:56px; border:2px solid #161616; border-bottom:0; z-index:1; }
/* 게시물 */
.body-dbk-event-list .event-list ul { display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin-left:-10px; }
.body-dbk-event-list .event-list ul li { width:50%; margin:0 0 75px; padding:0 10px; box-sizing:border-box; }
.body-dbk-event-list .event-list ul li .board_img { position:relative; }
.body-dbk-event-list .event-list ul li .board_img a { display:block; position:relative; width:100%; height:0; padding-top:100%; }
.body-dbk-event-list .event-list ul li.off .board_img a::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1; }
.body-dbk-event-list .event-list ul li img { position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; object-fit:cover; }
.body-dbk-event-list .event-list ul li .event_info_cont { padding:20px 0 0;text-align:left; }
.body-dbk-event-list .event-list ul li .event_info_cont h3 { padding-bottom:3px; color:#161616; font-size:18px; }
.body-dbk-event-list .event-list ul li .event_info_cont p { color:#8c8c8c; font-size:14px; }
.body-dbk-event-list .event-list ul li .icon-end { display:flex; justify-content:center; align-items:center; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100px; height:100px; color:#fff; font-size:20px; border:1px solid #fff; border-radius:50%; z-index:1; }
.body-dbk-event-list .event-list ul li.event-first-end { width:100%; }


/*========================================================================
이벤트 당첨자 발표
========================================================================*/
.board_zone_tit h2 { color:#161616; font-size:24px !important; text-align:center; }


/*========================================================================
이벤트 상세
========================================================================*/
.body-dbk-event-detail .board_zone_tit { padding:0 0 38px; }
.body-dbk-event-detail .board_view_tit { display:flex; justify-content:space-between; align-items:center; padding:0 0 35px; border-bottom:1px solid #e6e6e6; }
.body-dbk-event-detail .board_view_tit p { padding-top:6px; color:#969696; font-size:13px; }
.body-dbk-event-detail #wrap .chosen-container { width:407px !important; }
.body-dbk-event-detail #wrap .chosen-single > span { color:#757575; }
.body-dbk-event-detail .event-content-wrap { padding:42px 0; border-bottom:1px solid #e6e6e6; }
.body-dbk-event-detail .event-view-content img { max-width:100%; }
.dbk-join-div { display:flex; justify-content:center; align-items:center; width:380px; height:80px; margin:42px auto 0; text-align:center; border:1px solid #afafaf; border-radius:40px; box-sizing:border-box; }
.dbk-join-div h5 { color:#161616; font-size:20px; }
.dbk-join-div span { display:block; padding-top:2px; color:#757575; font-size:14px; }
/* 기획전 상품 */
.body-dbk .item_btn_box,
.body-dbk .list_options,
.body-dbk .goods_list_tit { display:none; }
/* 댓글 */
.board-view-comment .comment-count { display:flex; justify-content:space-between; align-items:center; padding:46px 0 8px; border-bottom:1px solid #e7e7e7; }
.board-view-comment .comment-count h5 { color:#161616; font-size:17px; font-weight:500; }
.board-view-comment .comment-right-filter { color:#161616; font-size:16px; }
.board-view-comment .comment-right-filter ul { display:flex; justify-content:space-between; align-items:center; }
.board-view-comment .comment-right-filter ul li { position:relative; padding:0 13px; }
.board-view-comment .comment-right-filter ul li:last-child { padding-right:0; }
.board-view-comment .comment-right-filter ul li:last-child::before { content:''; position:absolute; top:5px; left:0; height:13px; border-left:1px solid #e7e7e7; }
.board-view-comment .comment-right-filter ul li:first-child { padding:0 10px; }
.board-view-comment .comment-right-filter button { color:#969696; font-size:16px; }
.board-view-comment .comment-right-filter button.on { color:#161616; }
.board-view-comment .comment-write_msg { display:flex; justify-content:center; align-items:center; padding:30px 0; border-bottom:1px solid #e7e7e7; }
.board-view-comment .comment-write_msg span { color:#161616; font-size:15px; letter-spacing:-0.45px; }
.board-view-comment .comment-write_msg a { width:85px; height:35px; margin-left:14px; line-height:35px; color:#fff; font-size:14px; font-weight:300; text-align:center; background:#161616; }
.board-view-comment .comment-write { padding:20px 0; border-bottom:1px solid #e7e7e7; }
.board-view-comment .comment-write .comment-write_list { display:flex; margin-top:20px; }
.board-view-comment .comment-write .comment-write_list textarea { flex:1; height:90px; padding:17px 20px; color:#757575; font-size:15px; background:#f6f6f6; border:0; box-sizing:border-box; resize:none; }
.board-view-comment .comment-write .comment-write_list button { width:90px; height:90px; margin-left:12px; color:#fff; font-size:15px; background:#161616; }
.board-view-comment .emoji-list { display:flex; padding:12px 0 0; }
.board-view-comment .emoji-list li { width:40px; height:40px; background:#f6f6f6; }
.board-view-comment .emoji-list li input[type="checkbox"] + label { width:40px; height:40px; padding:7px; background:none; cursor:pointer; box-sizing:border-box; }
.board-view-comment .emoji-list li input[type="checkbox"]:checked + label { border:1px solid #161616; box-sizing:border-box; }
.board-view-comment .emoji-list li img { width:100%; height:100%; }
/* 댓글 체크박스 */
.board-view-comment input[type="checkbox"] { display:none; }
.board-view-comment input[type="checkbox"] + label { display:inline-block; min-width:22px; min-height:22px; padding-left:30px; line-height:22px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/input_chk.jpg') no-repeat 1px top; }
.board-view-comment input[type="checkbox"] + label.on { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/input_chk_on.jpg') no-repeat 1px top; }
.comment-write label { color:#161616; font-size:15px; } 
/* 파일 찾기 */
.board-view-comment .filebox { padding:20px 0 0; }
.board-view-comment .filebox span { padding-right:22px; color:#757575; font-size:15px; font-weight:300; }
.board-view-comment .filebox input { width:320px; vertical-align:top; }
.board-view-comment .filebox label { display:inline-block; width:127px; height:44px; margin-left:7px; line-height:44px; color:#161616; font-size:15px; font-weight:300; text-align:center; background:#f8f8f8; border:1px solid #e5e5e5; box-sizing:border-box; cursor:pointer; }
.board-view-comment input[name="saveFile"],
.board-view-comment input[name="updateFile"] { display:none; }

.board-view-comment .board-comment_item > div{ position:relative; padding:25px 0; color:#161616; font-size:14px; border-bottom:1px solid #e7e7e7; }
.board-view-comment .comment-item_contents { display:flex; }
.board-view-comment .comment-item_contents .comment-file-img { width:90px; height:90px; margin-right:19px; }
.board-view-comment .comment-item_contents .comment-file-img img { width:100%; height:100%; max-width:100%; vertical-align:top; }
.board-view-comment .comment-item_contents .comment-mid { flex:1; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont { display:flex; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .secret-icon { margin-right:6px; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .memo-emoji { margin-right:7px; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .comment-memo { max-width:500px; word-break:break-all; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .comment-file { padding-left:8px; font-size:12px; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .comment-file img { margin:1px 0 0; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .comment-file a { color:#969696; }
.board-view-comment .comment-item_contents .comment-mid .comment-cont .comment-file em { color:#757575; }
.board-view-comment .comment-item_contents .recomBtn { display:flex; justify-content:space-between; align-items:center; width:120px; height:35px; padding:0 15px; margin-top:15px; color:#161616; font-size:13px; background:#fff; border:1px solid #e5e5e5; border-radius:20px; } /* 추천수 */
.board-view-comment .comment-item_contents .recomBtn img { margin-right:5px; }

/* depth2 */
.board-view-comment .board-comment_item > div.dbk_depth_div2 { padding-left:60px; padding-right:30px; background:#f5f5f5 url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/recom_in_recom_icon.png') no-repeat 30px 16px; }  

.board-view-comment .comment-right { text-align:right; }
.board-view-comment .comment-right em { position:relative; padding:0 7px; color:#969696; font-size:14px; }
.board-view-comment .comment-right em::before { content:''; position:absolute; top:5px; left:0; height:10px; border-left:1px solid #e7e7e7; }
.board-view-comment .comment-right em:last-child { padding-right:0; }
.board-view-comment .comment-right em:first-child::before { display:none; }
.board-view-comment .comment-btn-box { display:flex; justify-content:end; margin-top:25px; }
.board-view-comment .comment-btn-box button { width:85px; height:28px; margin-left:9px; color:#161616; font-size:13px; background:#fff; border:1px solid #e5e5e5; box-sizing:border-box; }
.board-view-comment .comment-btn-box button span img { margin:5px 2px 0 0; }

/* 기본 기획전 */
.event-basic-detail .contents { min-height:450px; padding:50px 0; border-bottom:1px solid #ececec; }

/* 버튼 */
.body-dbk .btn-center-box { display:flex; justify-content:end; padding-top:20px; text-align:right; border-top:1px solid #ececec; }
.body-dbk .btn-center-box button{ width:106px; height:44px; color:#161616; font-size:15px; border:1px solid #afafaf; }


/*========================================================================
이벤트
========================================================================*/
/* 승부예측 */
.event-win-section { position:relative; padding:0 0 45px; text-align:center; }
.event-win-section img { max-width:100%; -webkit-user-drag: none; } 

.event-mid { position:relative;}
.event-mid .event-win-team { position:absolute; width:581px; top:0; left:50%; transform:translateX(-50%); }
.event-win-team ul { display:flex; justify-content:space-between; align-items:center; }
.event-win-team li { width:193px; height:247px; background:#fff; border-radius:10px; overflow:hidden; }
.event-win-team li span { display:flex; justify-content:center; align-items:center; height:200px; }
.event-win-team li span img { max-width:112px; max-height:90%; }
.event-win-team li p { display:flex; justify-content:center; align-items:center; height:47px; color:#282017; font-size:18px; background:#f4f4f4;  }
.event-win-section #prediction { margin:50px 0 0; }

/* 승부예측 결과 */
.event-win-section .event-my-win { position:absolute; top:0; left:50%; transform:translateX(-50%); }
.event-win-section .win-after-join { width:580px; padding:30px 30px 35px; background:#fff; border-radius:10px; box-sizing:border-box; }
.event-win-section .event-win-rate { display:flex; width:calc(100% - 30px); margin-left:15px; }
.event-win-section .event-win-rate ul { display:flex; flex-wrap:wrap; align-content:flex-end; position:relative; min-width:80px; }
.event-win-section .event-win-rate .win-after-join-A { order:1; text-align:left; z-index:1; }
.event-win-section .event-win-rate .win-after-join-draw { order:2; text-align:center; z-index:2; }
.event-win-section .event-win-rate .win-after-join-B { order:3; text-align:right; z-index:1; }
.event-win-section .event-win-rate ul li { width:100%; }
.event-win-section .event-win-rate ul li:nth-child(2) { padding:8px 0 4px; color:#161616; font-size:22px; }
.event-win-section .event-win-rate ul li:nth-child(4) { padding:3px 0 0; color:#161616; font-size:24px; font-weight:500; }
.event-win-section .event-win-rate ul li img { width:51px; }
.event-win-section .event-win-rate ul li span,
.event-win-section .event-win-rate ul li p,
.event-win-section .event-win-rate ul li em { display:inline-block; min-width:80px; text-align:center; }
.event-win-section .event-win-rate ul li em { font-weight:500; }
.event-win-section .event-win-rate .win-after-join-draw li.percent-bar span { background:#a7a7a7; }
.event-win-section .event-win-rate ul li.percent-bar span { display:block; width:calc(100% + 30px); margin-left:-15px; height:26px; background:#e6e6e6; border-radius:15px; overflow:hidden ; }
.event-win-section .event-win-rate ul.active { z-index:4; }

/* 점수 예측 결과 */
.event-my-score { position:absolute; width:581px; top:0; left:50%; transform:translateX(-50%); background:#fff; padding:35px 30px; box-sizing:border-box; border-radius:10px; }
.event-my-score ul { display:flex; justify-content:space-between; align-items:center; height:70px; padding:0 15px; background:#001c3e; border-radius:10px; }
.event-my-score ul li { display:flex; align-items:center;  }
.event-my-score ul li span img { width:40px; }
.event-my-score ul li p { padding:0 14px; color:#fff; font-size:22px; }
.event-my-score ul li:nth-child(2) { justify-content:center; width:147px; height:48px; border-radius:33px; }
.event-my-score ul li strong { color:#fff; font-size:27px; font-weight:500; text-align:center; }
.event-my-score #prediction { margin:20px 0 0; }

/* 팝업 */
#predictionLayer .view { margin:12px 35px; }
#predictionLayer .event-win-team ul { padding-top:35px; }
#predictionLayer .event-win-team li { border:1px solid #e5e5e5; }
#predictionLayer .event-win-team li:nth-child(2) { padding:0 35px; border-radius:0; border:0; }
#predictionLayer .event-win-team li:nth-child(2) span { height:100%; }
#predictionLayer .box { border:0; }
#predictionLayer .box .view h2 { padding:13px 0; color:#161616; font-size:19px; text-align:center; font-weight:400; border-color:#e5e5e5; }
#predictionLayer .box .view h5 { margin:35px 0 0; padding:27px 0 0; color:#161616; font-size:17px; text-align:center; border-top:1px solid #e5e5e5; }
#predictionLayer .radio-box { display:flex; justify-content:center; margin:18px 0 0; }
#predictionLayer .radio-box li { padding:0 36px; }
#predictionLayer .radio-box input[type="radio"] { display:none; }
#predictionLayer .radio-box input[type="radio"] + label { min-width:18px; min-height:18px; line-height:18px; padding-left:28px; color:#161616; font-size:15px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/radio_btn_off.png') no-repeat 0 2px; }
#predictionLayer .radio-box input[type="radio"]:checked + label { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/radio_btn_on.png') no-repeat 0 2px; }
#predictionLayer .btn_box { display:flex; justify-content:center; padding:30px 0 50px; }
#predictionLayer .btn_box button { width:106px; height:44px; margin:0 4px; font-size:15px; }
#predictionLayer .btn_box .btn_cancel { color:#161616; background:#fff; border:1px solid #afafaf; }
#predictionLayer .btn_box .btn_confirm { color:#fff; background:#161616; border:1px solid #161616; }
/* 스코어 팝업 */
#predictionLayer .event-input-box { display:flex; justify-content:center; align-items:center; margin:18px 0 0; }
#predictionLayer .event-input-box span input { width:140px; height:50px; line-height:50px; padding:0 20px; }
#predictionLayer .event-input-box span.score-left input { text-align:right; }
#predictionLayer .event-input-box p { padding:0 7px; color:#161616; font-size:15px; }
#predictionLayer .event-input-box em { padding:0 11px; color:#161616; font-size:15px; }


/*========================================================================
리뷰
========================================================================*/
.goods-best-review .title { padding:13px 0 18px; }
.goods-best-review .title h2 { color:#161616; font-size:24px; font-weight:500; text-align:center; }
.goods-best-review .title h2 span { display:block; color:#969696; font-size:14px; font-weight:400; }
.goods-best-review ul.review { display:flex; width:calc(100% + 20px); margin-left:-10px;}
.goods-best-review ul.review > li { flex:1; width:25%; padding:0 10px; box-sizing:border-box; }
.goods-best-review ul.review > li .review-img { position:relative; padding-top:100%; }
.goods-best-review ul.review > li .review-img img { position:absolute; top:0; left:0; width:100%; height:100%; max-width:100%; object-fit:cover; }
.goods-best-review ul.review > li .review-count { position:absolute; top:8px; left:14px; color:#161616; font-size:24px; }
.goods-best-review ul.review > li .review-info { padding:18px 0 0; }
.goods-best-review ul.review > li .review-info .review-tit { padding:0 0 12px; }
.goods-best-review ul.review > li .review-info .review-tit h3 { padding:0 0 3px; color:#161616; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.goods-best-review ul.review > li .review-info .review-tit span em { padding:0 11px; color:#a2a2a2; font-size:14px; }
.goods-best-review ul.review > li .review-info .review-tit span em:first-child { position:relative; padding-left:0; }
.goods-best-review ul.review > li .review-info .review-tit span em:last-child::before { content:''; position:absolute; top:3px; left:0; height:14px; border-left:1px solid #e5e5e5; }
.goods-best-review ul.review > li .review-info p { padding:10px 0 0; color:#8c8c8c; font-size:14px; border-top:1px solid #cccccc; }
.goods-best-review ul.review > li:nth-child(n + 4) { display:none; }
/* 검색창 */
.board_search_box { margin:60px 0; padding:40px 0; border:0; background:#f5f5f5; }
.board_search_box .chosen-container { width:126px !important; }
#wrap .board_search_box .chosen-container .chosen-single span,
.board_search_box .chosen-container .chosen-single span { height:44px; color:#969696; font-size:15px; }
body #container .board_search_box input[type="text"],
.board_search_box input[type="text"] { width:320px; height:44px; background:#fff; }
.btn_board_search { width:106px; height:44px; margin-left:4px; background:#161616; border-color:#161616; }
.btn_board_search em { padding:0; font-size:15px; font-weight:400; }

/* 리뷰 탭 */
.review-tab { padding:0 0 40px; }
.review-tab ul { display:flex; }
.review-tab ul li { display:flex; justify-content:center; align-items:center; flex:1; height:58px; line-height:58px; margin-left:-1px; border-bottom:2px solid #161616; }
.review-tab ul li button { display:block; position:relative; width:100%; line-height:56px; color:#757575; font-size:18px; text-align:center; border:1px solid #d8d8d8; border-bottom:1px solid #fff; }
.review-tab ul li.on { border-bottom:0; }
.review-tab ul li.on button { color:#161616; line-height:56px; border:2px solid #161616; border-bottom:0; z-index:1; }

.review-num-box { display:flex; justify-content:space-between; padding:0 0 9px; border-bottom:1px solid #e7e7e7 }
.review-num-box .review-num { color:#161616; font-size:17px; font-weight:500; }
.dbk_review_photo ul { display:flex; }
.dbk_review_photo ul li { padding:0 13px; color:#969696; font-size:16px; font-weight:300; }
.dbk_review_photo ul li.on { color:#161616; }
.dbk_review_photo ul li:last-child { position:relative; padding-right:0; }
.dbk_review_photo ul li:last-child::before { content:''; position:absolute; top:5px; left:0; height:13px; border-left:1px solid #e5e5e5; }
#ajax-goods-goodsreview-list,
#ajax-goods-goodsqa-list { padding-bottom:20px; }
.review-mysize-box { display:flex; position:relative; border-bottom:1px solid #e7e7e7 }
.review-mysize-box .mysize-txt { display:flex; width:398px; padding:27px 0 27px 25px; box-sizing:border-box; }
.review-mysize-box .mysize-txt strong { margin-left:12px; color:#161616; font-size:15px; font-weight:600; line-height:1; }
.review-mysize-box .mysize-txt strong span { display:block; padding:8px 0 0; color:#969696; font-size:14px; font-weight:300; line-height:1; letter-spacing:-0.45px; }
.review-mysize-box .mysize-cont { flex:1; padding:21px 364px 21px 38px; background:#f5f5f5; }
.review-mysize-box .mysize-cont #dbkMySize { display:flex; flex-wrap:wrap; }
.review-mysize-box .mysize-cont #dbkMySize > span { width:33.3333333%; padding:2px 0; color:#757575; font-size:14px; font-weight:400; }
.review-mysize-box .mysize-cont #dbkMySize > span strong { color:#161616; font-weight:400; }
.mysize-btn-box { display:flex; position:absolute; top:50%; right:25px; transform:translateY(-50%); }
.mysize-btn-box button { width:126px; height:44px; font-size:15px; font-weight:300; }
.mysize-btn-box button.apply-size-btn { color:#fff; background:#161616; }
.mysize-btn-box button.reset-size-btn { margin-left:10px; color:#161616; background:transparent; border:1px solid #afafaf; }

.body-board.body-list .btn_right_box { position:relative; float:right; margin:-30px 0 0; z-index:10; }
.body-board.body-list .btn_write { position:static; width:106px; height:44px; color:#fff; font-size:15px; background:#161616; border-color:#161616; }

/* 내 사이즈 팝업 */
.dbk_set_my_size_popup { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); padding:30px; background:#fff; z-index:201; }
.dbk_set_my_size_popup .mypage_size_info { position:relative; }
.dbk_set_my_size_popup .dbk_close { position:absolute; top:0; right:0; }
.dbk_set_my_size_popup .size-table { width:100%; padding:22px 0; border-top:1px solid #161616; border-bottom:1px solid #e6e6e6; }
.dbk_set_my_size_popup .size-table th { color:#161616; font-size:15px; font-weight:400; text-align:left; }
.dbk_set_my_size_popup .size-table td  { padding:10px 0 10px 10px; }
.dbk_set_my_size_popup .size-table td select { width:457px; height:44px; padding:0 0 0 20px; color:#969696; font-size:15px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat right 20px top 50%; border:1px solid #e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; } 
.dbk_set_my_size_popup .size-table td .gender select { width:126px; margin-right:8px; }
.dbk_set_my_size_popup .size-table td .size-select select { width:320px; }
.dbk_set_my_size_popup .size-warning { display:block; margin:20px 0 0; padding:0 0 0 28px; color:#969696; font-size:14px; font-weight:300; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/icon_warning.jpg') no-repeat 0 0; }
.dbk_set_my_size_popup .btn-box { margin:30px 0 0; text-align:center; }
.dbk_set_my_size_popup .dbkSubmitBtn { width:250px; }

.review-list .board_list_gallery ul { width:calc(100% + 20px); margin-left:-10px; }
.review-list .board_list_gallery ul li { margin:0 0 65px; }
.review-list .board_list_gallery .board_img { display:block; position:relative; padding-top:100%; border:0; min-height:auto; }
.review-list .board_list_gallery .board_img img { position:absolute; top:0; left:0; width:100%; height:100% !important; max-width:100%; object-fit:cover; }
.review-list .rate-box { justify-content:space-between; align-items:center; }
.review-list .rating_star_box .rating_star { width:75px; height:15px; background: url('../img/review_star_bg_icon.png') no-repeat left top; }
.review-list .rating_star_box .rating_star span { background: url('../img/review_star_icon.png') no-repeat left top; }
.review-list .board_name_day { display:block; margin:0; color:#969696; font-size:13px; }
.review-list .board_day { border-color:#e5e5e5; }
.review-list .gallery_info_cont { padding:20px 0 0; }
.review-list .gallery_info_cont .board_tit { display:none; }
.review-list .gallery_info_cont .dbk_content { margin:12px 0 0; }
.review-list .gallery_info_cont .dbk_content a { display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:38px; overflow:hidden; text-overflow:ellipsis; color:#161616; font-size:14px; font-weight:500; line-height:1.4; }
.review-list .gallery_info_cont .dbk_goods_info { margin:12px 0 0; padding:11px 0 0; color:#8c8c8c; font-size:14px; border-top:1px solid #ccc; }

.review-list .gallery_info_cont .board_likeit { display:flex; justify-content:space-between; align-items:center; width:100px; height:35px; padding:0 11px; margin-top:15px; color:#161616; font-size:13px; background:#fff; border:1px solid #e5e5e5; border-radius:20px; box-sizing:border-box; } /* 추천수 */
.review-list .gallery_info_cont .board_likeit.on { color:#fff; background:#161616; border-color:#161616; }
.review-list .gallery_info_cont .board_likeit.on img { filter:invert(100%); }

/*========================================================================
리뷰 글쓰기
========================================================================*/
.review-filter-option-table { width:100%; }
.board_write_table td.review-filter-option { padding:0; height:auto; border:0; }
.board_write_table td.review-filter-option th,
.board_write_table td.review-filter-option td { border:0; }
.board_write_table td.review-filter-option th { padding:6px 0 6px 25px; vertical-align:middle; }
.board_write_table td.review-filter-option td { padding:6px 0 6px 0; }
.board_write_table td.review-filter-option td select { width:217px; height:44px; padding-left:17px; margin-right:10px; color:#969696; font-size:15px; background:#fff url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat right 17px top 50% ; border-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.board_write_table td.review-filter-option tr:first-child th,
.board_write_table td.review-filter-option tr:first-child td { padding-top:16px; }
.board_write_table td.review-filter-option tr:last-child th,
.board_write_table td.review-filter-option tr:last-child td { border-bottom:1px solid #e5e5e5; padding-bottom:16px; }

.board_zone_cont .rating_star { width:75px; height:15px; background: url('../img/review_star_bg_icon.png') no-repeat left top; }
.board_zone_cont .rating_star span { background: url('../img/review_star_icon.png') no-repeat left top; }

.add_goods_layer .ly_date_check_calendar { margin-right:0px; }
.add_goods_layer .ly_date_check_calendar .anniversary { height:31px !important; font-size:12px !important;  }

/*========================================================================
리뷰 상세
========================================================================*/
.board_zone_tit { padding:0 0 28px; }
.board_view_tit { border-color:#161616; }
.view_select_item_info { vertical-align:middle; }
.view_goods_select_item { display:flex; align-items:center; }
.view_select_item_img img { border:0; }
.view_select_item_info em { color:#161616; font-size:14px; font-weight:400; }
.view_select_item_info strong { color:#161616; font-size:14px; font-weight:500; }
.view_select_item_info .text_type_cont { display:none; }
.board_view_content .dbk_review_info { padding:20px 40px 20px 31px; background:#f5f5f5; }
.board_view_content .dbk_review_info span { position:relative; padding:0 11px 0 9px; color:#161616; font-size:14px; line-height:1.8; }
.board_view_content .dbk_review_info span::before { content:''; position:absolute; top:4px; left:0; height:12px; border-left:1px solid #e6e6e6; }
.board_view_content .dbk_review_info span:first-child::before { display:none; }
.board_view_content .dbk_review_info span strong { color:#757575; font-weight:400; }
.board_view_comment .rating_star_box { display:none; }
.view_comment_top { padding:15px 0 50px; border:0; }
.btn_comment_best { display:flex; justify-content:space-between; align-items:center; width:150px; height:35px; padding:0 11px; margin:15px 0 0; color:#161616; font-size:13px; background:#fff; border:1px solid #e5e5e5; border-radius:20px; box-sizing:border-box; } /* 추천수 */
.btn_comment_best:hover { background:#fff; }
.btn_comment_best strong { font-weight:400; } 
.btn_comment_best img { margin-right:5px; }
.board_comment_box { padding-top:20px; }

/*========================================================================
매거진
========================================================================*/
.body-dbk-magazine-list .board_zone_tit { padding:0 0 38px; }
.magazine-list ul { display:flex; flex-wrap:wrap; width:calc(100% + 20px); margin-left:-10px; }
.magazine-list ul li { width:33.333333333%; margin:0 0 75px; padding:0 10px; box-sizing:border-box; }
.magazine-list ul li .thumb { position:relative; height:494px; }
.magazine-list ul li .thumb img { position:absolute; left:0; top:0; width:100%; height:100%; max-width:100%; object-fit:cover; }
.magazine-list ul li .description { display:flex; justify-content:space-between; padding:20px 0 0; }
.magazine-list ul li .description h4 { width:300px; color:#161616; font-size:15px; font-weight:400; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.magazine-list ul li .description .likeit { padding:0 16px 0 0; color:#161616; font-size:15px; }
.magazine-list ul li .description .likeit img { padding: 4px 0 0 5px; }


/*========================================================================
매거진 상세
========================================================================*/
.body-dbk-magazine-detail #contents { width:100%; max-width:none; }
.body-dbk-magazine-detail #contents .sub_content { padding:0; }
.magazine-wrap { overflow:hidden; }
.magazine-inner { position:relative; width:1200px; margin:0 auto; }
.magazine_tit { padding:80px 0 38px; text-align:center; border-bottom:1px solid #161616; }
.magazine-tit-area { display:flex; justify-content:space-between; align-items:center; padding:17px 0; border-bottom:1px solid #e7e7e7; }
.magazine-tit-area h3 { padding:0 0 12px; color:#161616; font-size:18px; line-height:1; }
.magazine-tit-area span { color:#969696; font-size:13px; line-height:1; }
.magazine-content { padding-top:49px; }  
.magazine-content img { max-width:100%; }
.magazine-btn-area { padding:31px 0; text-align:center; clear:both; }
.magazine-btn-area .likeMagazine { width:38px; padding:38px 0 0; margin:0 3px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_like_btn_off.png') no-repeat; }
.magazine-btn-area .likeMagazine.active { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_like_btn_on.png') no-repeat; }
.magazine-btn-area .likeMagazine #hit { display:block; padding:3px 0 0; color:#969696; font-size:13px; }
.magazine-btn-area .btn_gray_list { margin:0 3px; vertical-align:top; }
.magazine-btn-area .btn_gray_list .btn_gray_mid { width:38px; height:38px; padding:0; border:0; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_share_btn.png') no-repeat; }
.magazine-btn-area .btn_gray_list:hover { background:none; }
.magazine-btn-area .btn_gray_mid:hover { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_share_btn.png') no-repeat; }
.magazine-btn-area .btn_gray_list .btn_gray_mid em { display:none; }
.body-dbk-magazine-detail .btn-center-box { display:flex; justify-content:end; padding-top:20px; text-align:right; border:0; }
.body-dbk-magazine-detail .btn-center-box button { width:106px; height:44px; color:#161616; font-size:15px; border:1px solid #afafaf; }
.magazine-goods { border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.sns_copy_url button { height:44px; }

/* magazine template */
[class^="dbkTempNo_"] { position:relative; padding:120px 0 0; clear:both; }
[class^="dbkTempNo_"] img { max-width:100%; }
.dbkTempNo_01,
.dbkTempNo_02,
.dbkTempNo_03,
.dbkTempNo_04 { padding:0; }
.dbkTempNo_01 img,
.dbkTempNo_02 img,
.dbkTempNo_03 img,
.dbkTempNo_04 img { max-width:none; } 
.temp-logo img { max-width:100%; }
.temp-top { position:relative; }
.temp-top .temp-top-txt-area { position:absolute; }
.temp-title { color:#fff; font-size:53px; font-weight:600; line-height:1.15; letter-spacing:-1px; }
.temp-title span { font-weight:500; }
.temp-contents {  color:#dadada; font-size:14px; line-height:1.6; }
.temp-date { color:#fff; font-size:14px; }

/* magazine template - 상단 01 */
.dbkTempNo_01 .temp-top-img-area { position:absolute; left:50%; text-align:center; }
.dbkTempNo_01 .temp-top-img-area img { transform:translateX(-50%); }
.dbkTempNo_01 .temp-top { height:783px; }
.dbkTempNo_01 .temp-top-txt-area { top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; }
.dbkTempNo_01 .temp-title { padding:17px 0 0; font-size:53px; }
.dbkTempNo_01 .temp-contents { padding:10px 0 0; font-size:14px; }
.dbkTempNo_01 .temp-date { padding:28px 0 0; font-size:14px; }

/* magazine template - 상단 02 */
.dbkTempNo_02 .temp-top { height:764px; padding-bottom:340px; }
.dbkTempNo_02 .temp-top-img-area { position:static; }
.dbkTempNo_02 .temp-top-txt-area { top:83px; left:50%; transform:translateX(-50%); width:1200px; text-align:center; }
.dbkTempNo_02 .temp-title { padding:25px 0 0; font-size:60px; }
.dbkTempNo_02 .temp-logo { padding:23px 0 0; }
.dbkTempNo_02 .temp-contents { padding:24px 0 0; color:#aaaaaa; font-size:16px; }
.dbkTempNo_02 .temp-date { padding:0; line-height:1; }
.dbkTempNo_02 .temp-video-area { position:relative; width:1200px; margin:0 auto; transform:translateY(-50%); text-align:center; }
.dbkTempNo_02 .temp-video-area .temp-video-thumb { cursor:pointer; }
.dbkTempNo_02 .temp-video-area .temp-video-thumb img { max-width:100%; }
.dbkTempNo_02 .temp-video-area .temp-iframe .block-box { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.dbkTempNo_02 .temp-video-area iframe { display:none; width:1200px; height:680px; vertical-align:top; }

/* magazine template - 상단 03 */
.dbkTempNo_03 .temp-top-img-area { position:absolute; left:50%; text-align:center; }
.dbkTempNo_03 .temp-top-img-area img { transform:translateX(-50%); }
.dbkTempNo_03 .temp-top { height:405px; }
.dbkTempNo_03 .temp-top-txt-area { display:flex; justify-content:space-between; align-items:center; top:50%; left:50%; transform:translate(-50%,-50%); width:1200px; }
.dbkTempNo_03 .temp-date { color:#161616; }
.dbkTempNo_03 .temp-addtit2 { color:#161616; font-size:14px; }
.dbkTempNo_03 .temp-title { position:relative; padding:0 0 25px; color:#161616; text-align:center; }
.dbkTempNo_03 .temp-title::before { content:''; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:222px; height:2px; background:#161616; }
.dbkTempNo_03 .temp-addtit1 { padding:27px 0 0; color:#161616; font-size:14px; }

/* magazine template - 상단 04 */
.dbkTempNo_04 .temp-top { height:783px; }
.dbkTempNo_04 .temp-top::before { content:''; position:absolute; bottom:0; left:-50%; width:100%; height:284px; background:#fff; z-index:1; }
.dbkTempNo_04 .temp-top-img-area { position:absolute; left:50%; text-align:center; }
.dbkTempNo_04 .temp-top-img-area img { transform:translateX(-50%); }
.dbkTempNo_04 .temp-top-txt-area { bottom:0; left:50%; transform:translateX(-50%); height:284px; background:#fff; z-index:2; }
.dbkTempNo_04 .temp-top-txt-area .magazine-inner { display:flex; justify-content:space-between; padding:54px 36px 0; }
.dbkTempNo_04 .temp-title { color:#161616; }
.dbkTempNo_04 .temp-contents { padding:10px 0 0; color:#161616; font-size:14px; }
.dbkTempNo_04 .temp-date { padding:28px 0 0; color:#161616; font-size:14px; }

/* magazine template - 본문 0101 */
.dbkTempNo_0101 .magazine-inner > div { display:flex; }
.dbkTempNo_0101 .magazine-inner > div .temp-cont-img { flex:0 1 50%; box-sizing:border-box; }
.dbkTempNo_0101 .magazine-inner > div .temp-cont-txt { flex:0 1 50%; box-sizing:border-box; color:#757575; font-size:15px; }
.dbkTempNo_0101 .magazine-inner > div:nth-child(1) .temp-cont-img { padding-right:20px; }
.dbkTempNo_0101 .magazine-inner > div:nth-child(1) .temp-cont-txt { padding-left:20px; padding-bottom:124px; }
.dbkTempNo_0101 .magazine-inner > div:nth-child(2) { align-items:end; margin-top:-124px; text-align:right; }
.dbkTempNo_0101 .magazine-inner > div:nth-child(2) .temp-cont-img { padding-left:20px; }
.dbkTempNo_0101 .magazine-inner > div:nth-child(2) .temp-cont-txt { padding-right:20px; padding-top:124px; }

/* magazine template - 본문 0102 */
.dbkTempNo_0102 .dbk_image_0102_0 img { max-width:100%; }
.dbkTempNo_0102 .temp-title { padding:37px 0 0; color:#161616; font-size:24px; font-weight:400; }
.dbkTempNo_0102 .temp-contents { padding:21px 0 0; color:#757575; font-size:15px; line-height:1.55; }

/* magazine template - 본문 0103 */
.dbkTempNo_0103 .temp0103-wrap { display:flex; flex-wrap:wrap; width:calc(100% + 40px); margin-left:-20px; margin-top:-40px; }
.dbkTempNo_0103 .temp0103-wrap > div { width:50%; padding:20px; box-sizing:border-box; }
.dbkTempNo_0103 .temp0103-wrap > div.dbk_image_0103_0,
.dbkTempNo_0103 .temp0103-wrap > div.dbk_image_0103_1 { padding-top:0; }
.dbkTempNo_0103 .temp0103-wrap > div.dbk_image_0103_2,
.dbkTempNo_0103 .temp0103-wrap > div.dbk_image_0103_3 { padding-bottom:0; }

/* magazine template - 본문 0104 */
.dbkTempNo_0104 .magazine-inner { display:flex; justify-content:space-between; }
.dbkTempNo_0104 .magazine-inner > div { flex:0 1 50%; box-sizing:border-box; }
.dbkTempNo_0104 .magazine-inner .temp-left { padding-right:20px; }
.dbkTempNo_0104 .magazine-inner .temp-right { position:relative; padding-left:20px; }
.dbkTempNo_0104 .temp-contents { position:absolute; bottom:0; left:20px; width:100%; color:#757575; font-size:15px; line-height:1.55; }

/* magazine template - 본문 0201 */
.dbkTempNo_0201 .magazine-inner { display:flex; justify-content:center; align-items:center; }
.dbkTempNo_0201 .magazine-inner .temp-left { padding-right:20px; text-align:right; }
.dbkTempNo_0201 .magazine-inner .temp-left .temp-title { color:#161616; font-size:60px; font-weight:700; }
.dbkTempNo_0201 .magazine-inner .temp-left .temp-contents { padding:45px 0 0;color:#161616; font-size:14px; }
.dbkTempNo_0201 .magazine-inner .temp-right { padding-left:20px; }

/* magazine template - 본문 0202 */
.dbkTempNo_0202 .temp-cont-img-area { display:flex; justify-content:space-between; align-items:end; }
.dbkTempNo_0202 .temp-cont-txt-area { position:absolute; bottom:99px; left:50%; transform:translateX(-50%); text-align:center; }
.dbkTempNo_0202 .temp-cont-txt-area .temp-title { color:#161616; font-size:60px; font-weight:700; }
.dbkTempNo_0202 .temp-cont-txt-area .temp-contents { padding:40px 0 0; color:#161616; }

/* magazine template - 본문 0203 */
.dbkTempNo_0203 .temp-cont-txt-area .temp-title { color:#161616; font-size:60px; font-weight:700; }
.dbkTempNo_0203 .temp-cont-txt-area .temp-contents { padding:18px 0 0; color:#161616; }
.dbkTempNo_0203 .temp-cont-img-area { display:flex; justify-content:space-between; padding:33px 0 0; }

/* magazine template - 본문 0204 */
.dbkTempNo_0204 { height:468px; }
.dbkTempNo_0204 .temp-top-img-area { position:absolute; left:50%; text-align:center; }
.dbkTempNo_0204 .temp-top-img-area img { transform:translateX(-50%); }
.dbkTempNo_0204 .temp-cont-txt-area { position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); }
.dbkTempNo_0204 .temp-cont-txt-area .magazine-inner { display:flex; justify-content:center; align-items:end; }
.dbkTempNo_0204 .temp-cont-txt-area .magazine-inner > span:nth-child(1) { width:600px; padding-right:90px; text-align:right; box-sizing:border-box; }
.dbkTempNo_0204 .temp-cont-txt-area .magazine-inner > span:nth-child(2) { flex:1; }
.dbkTempNo_0204 .temp-cont-txt-area .temp-title { font-size:60px; font-weight:700; }
.dbkTempNo_0204 .temp-cont-txt-area .temp-addtitle { color:#fff; font-size:22px; }
.dbkTempNo_0204 .temp-cont-txt-area .temp-contents { color:#fff; font-size:15px; font-weight:300; }

/* magazine template - 본문 0205 */
.dbkTempNo_0205 .magazine-inner .temp-cont-img-area { display:flex; justify-content:space-between; }  
.dbkTempNo_0205 .dbk_image_0205_1 { place-self: flex-end; }
.dbkTempNo_0205 .dbk_image_0205_2 { place-self: center; }
.dbkTempNo_0205 .temp-cont-txt-area { position:absolute; left:50%; top:38px; transform:translateX(20px); width:271px; }
.dbkTempNo_0205 .temp-cont-txt-area .temp-contents { color:#161616; font-size:14px; }

/* magazine template - 본문 0206 */
.dbkTempNo_0206 .magazine-inner { display:flex; align-items:center; }
.dbkTempNo_0206 .temp-cont-txt-area { padding-left:40px; }
.dbkTempNo_0206 .temp-title { color:#161616; font-size:60px; font-weight:700; }
.dbkTempNo_0206 .temp-contents { padding:24px 0 0; color:#161616; font-size:15px; }

/* magazine template - 본문 0301 */
.dbkTempNo_0301 .temp-cont-txt-area { position:absolute; bottom:60px; left:50%; transform:translateX(-50%); width:100%; text-align:center; }
.dbkTempNo_0301 .temp-cont-txt-area .temp-title { color:#fff; font-size:24px; font-weight:400; }
.dbkTempNo_0301 .temp-cont-txt-area .temp-contents { padding-top:17px; color:#fff; font-size:15px; font-weight:300; }

/* magazine template - 본문 0302 */
.dbkTempNo_0302 .temp-contents { color:#161616; font-size:24px; text-align:center; line-height:1.4; }
.dbkTempNo_0302 .temp-cont-img-area { display:flex; justify-content:space-between; padding:32px 0 0; }

/* magazine template - 본문 0303 */
.dbkTempNo_0303 .temp-cont-txt-area { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; text-align:center; }
.dbkTempNo_0303 .temp-cont-txt-area .temp-title { padding:0 330px; color:#fff; font-size:24px; font-weight:400; }
.dbkTempNo_0303 .temp-cont-txt-area .temp-contents { padding-top:25px; color:#fff; font-size:15px; font-weight:300; }

/* magazine template - 본문 0304 */
.dbkTempNo_0304 .temp-cont-img-area { display:flex; justify-content:space-between; }
.dbkTempNo_0304 .temp-title { position:absolute; top:0; left:50%; height:100%; color:#161616; font-size:24px; text-align:center; font-weight:500; letter-spacing:-0.6px; writing-mode:tb-rl; -webkit-writing-mode:vertical-rl; -moz-writing-mode:vertical-rl; -o-writing-mode:vertical-rl; -ms-writing-mode:vertical-rl; -epub-writing-mode:vertical-rl; transform:rotateZ(180deg) translateX(50%); }

/* magazine template - 본문 0305 */
.dbkTempNo_0305 .temp-title { color:#161616; font-size:24px; font-weight:500; text-align:center; line-height:1.4; }
.dbkTempNo_0305 .temp-contents { padding:20px 0 0; color:#757575; font-size:15px; text-align:center; line-height:1.5; }
.dbkTempNo_0305 .temp-cont-img-area { padding-top:30px; }
.dbkTempNo_0305 .temp-cont-img-area > div { float:left; }
.dbkTempNo_0305 .temp-cont-img-area > div:nth-child(2) { padding-left:30px; padding-bottom:30px; }
.dbkTempNo_0305 .temp-cont-img-area > div:nth-child(3) { padding-left:30px; }

/* magazine template - 본문 0401 */
.dbkTempNo_0401 .tempNo0401-wrap { background-repeat:no-repeat; background-position:100% 255px; }
.dbkTempNo_0401 .tempNo0401-wrap > div { display:flex; align-items:center; }
.dbkTempNo_0401 .tempNo0401-wrap > div:nth-child(2) { transform:translateX(420px); }
.dbkTempNo_0401 .tempNo0401-wrap > div .temp-cont-txt-area { width:478px; margin:55px 0 0; padding:50px 38px; transform:translateX(-130px); background:#fff; box-sizing:border-box; }
.dbkTempNo_0401 .tempNo0401-wrap > div .temp-cont-txt-area .temp-title { color:#161616; font-size:24px; font-weight:500; line-height:1.3; }
.dbkTempNo_0401 .tempNo0401-wrap > div .temp-cont-txt-area .temp-contents { padding:24px 0 0; color:#757575; font-size:15px; font-weight:300; line-height:1.5; }

/* magazine template - 본문 0402 */
.dbkTempNo_0402 .temp-cont-img { display:flex; }
.dbkTempNo_0402 .temp-cont-img .dbk_image_0402_1 { place-self:end; }
.dbkTempNo_0402 .temp-cont-img .dbk_image_0402_2 { padding-left:240px; }
.dbkTempNo_0402 .temp-cont-txt-area { position:absolute; top:0; left:300px; width:540px; max-height:320px; padding:0 49px; box-sizing:border-box; }
.dbkTempNo_0402 .temp-cont-txt-area .temp-title { color:#161616; font-size:24px; font-weight:500; line-height:1.3; }
.dbkTempNo_0402 .temp-cont-txt-area .temp-contents { padding:24px 0 0; color:#757575; font-size:15px; font-weight:300; letter-spacing:-0.7px; line-height:1.5; }

/* magazine template - 본문 0403 */
.dbkTempNo_0403 .tempNo0403-wrap { background-repeat:no-repeat; background-position:50% 63px; }
.dbkTempNo_0403 .temp-cont-txt-area { margin-left:420px; padding:31px 49px 70px; background:#fff; }
.dbkTempNo_0403 .temp-cont-txt-area .temp-title { color:#161616; font-size:24px; font-weight:500; line-height:1.3; }
.dbkTempNo_0403 .temp-cont-txt-area .temp-contents { padding:23px 0 0; color:#757575; font-size:15px; font-weight:300; line-height:1.5; }
.dbkTempNo_0403 .temp-cont-img-area { display:flex; justify-content:space-between; padding:63px 0 0; }

/* magazine template - 본문 0404 */
.dbkTempNo_0404 .dbk_image_0404_0 { position:absolute; top:0; left:0; }
.dbkTempNo_0404 .dbk_image_0404_1 { position:absolute; top:73px; right:0; }
.dbkTempNo_0404 .temp-video-area { position:absolute; bottom:0; left:50%; width:640px; transform:translateX(-50%); z-index:2; }
.dbkTempNo_0404 .temp-video-area .temp-video-thumb { cursor:pointer; }
.dbkTempNo_0404 .temp-video-area .temp-video-thumb img { max-width:100%; }
.dbkTempNo_0404 .temp-video-area .temp-iframe .block-box { display:none; position:absolute; top:0; left:0; width:100%; height:100%; }
.dbkTempNo_0404 .temp-video-area iframe { display:none; width:640px; height:360px; vertical-align:top; }
.dbkTempNo_0404 .temp-cont-txt-area { position:relative; padding:93px 580px 501px 320px; z-index:1; }
.dbkTempNo_0404 .temp-cont-txt-area .temp-contents { min-width:300px; min-height:300px; padding:53px 38px; color:#161616; font-size:24px; line-height:1.35; background:#fff; box-sizing:border-box; }

/* magazine template - 본문 0405 */
.dbkTempNo_0405 .dbk_image_0405_0 { position:absolute; top:0; left:0; }
.dbkTempNo_0405 .dbk_image_0405_2 { padding:0 0 0 30px; }
.dbkTempNo_0405 .temp-cont-img-area { display:flex; position:absolute; bottom:0; right:0; }
.dbkTempNo_0405 .temp-cont-img-area span { display:block; }
.dbkTempNo_0405 .temp-cont-txt-area { position:relative; padding:90px 180px 520px 500px; z-index:1; }
.dbkTempNo_0405 .temp-cont-txt-inner { padding:47px 20px 60px 48px; background:#fff; }
.dbkTempNo_0405 .temp-cont-txt-inner .temp-title { color:#161616; font-size:24px; font-weight:500; }
.dbkTempNo_0405 .temp-cont-txt-inner .temp-contents { padding:26px 0 0; color:#757575; font-size:15px; line-height:1.5; letter-spacing:-0.6px; }

/* magazine template - 본문 0501 */
.dbkTempNo_0501 .temp-cont-txt-inner .temp-contents { color:#161616; font-size:15px; line-height:1.5; letter-spacing:-0.6px; }
.dbkTempNo_0501 .temp-cont-txt-inner .temp-contents.txt-left { text-align:left; }

/* magazine template - 본문 0502 */
.dbkTempNo_0502 .temp-cont-txt-inner .temp-contents { color:#161616; font-size:15px; line-height:1.5; letter-spacing:-0.6px; }
.dbkTempNo_0502 .temp-cont-txt-inner .temp-contents.txt-center { text-align:center; }

/* magazine template - 본문 0503 */
.dbkTempNo_0503 .temp-cont-txt-inner .temp-contents { color:#161616; font-size:15px; line-height:1.5; letter-spacing:-0.6px; }
.dbkTempNo_0503 .temp-cont-txt-inner .temp-contents.txt-right { text-align:right; }

/* 다른 매거진 보기 */ 
.other-magazine-box { padding:50px 0; }
.other-magazine-box .other-magazine-tit { margin:0 0 15px; color:#161616; font-size:24px; font-weight:600; }
.other-magazine-box .swiper-slide .other-thumb { width:285px; height:285px; }
.other-magazine-box .swiper-slide img { width:100%; height:100%; object-fit:cover; }
.other-magazine-box .swiper-slide .other-desc { padding:17px 15px 0 0; }
.other-magazine-box .swiper-slide .other-desc strong { display:block; color:#161616; font-size:18px; font-weight:500; }
.other-magazine-box .swiper-slide .other-desc p { display:block; padding:6px 0 0; color:#757575; font-size:14px; }
.other-magazine-box .swiper-button-next { right:-30px; width:67px; height:67px; margin-top:-50px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_next_btn.png') no-repeat; }
.other-magazine-box .swiper-button-prev { left:-36px; width:67px; height:67px; margin-top:-50px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_prev_btn.png') no-repeat; }

.body-dbk-magazine-detail #wrap .ly_wrap.sns_layer { right:50%; transform:translateX(50%); }


/*========================================================================
런칭캘린더
========================================================================*/
.dbk-launching .board_hot_list { display:none; }
.dbk-launching .board_list_event ul { display:flex; flex-wrap:wrap; width:calc(100% + 22px); margin-left:-11px; }
.dbk-launching .board_list_event ul li { width:33.3333333%; height:auto !important; padding:0 11px; box-sizing:border-box; }
.dbk-launching .board_list_event .event_cont { display:block; }
.dbk-launching .board_list_event .board_img { display:block; width:100%; border:0; }
.dbk-launching .board_list_event .board_img > a { display:block; position:relative; width:100%; height:0; padding-top:100%; }
.dbk-launching .board_list_event .board_img img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }
.dbk-launching .board_list_event .event_info_cont { display:block; padding:15px 0 0; }
.dbk-launching .event_info_cont .board_tit { display:block; margin:10px 0 0; }
.dbk-launching .event_info_cont .board_tit img { display:none; }
.dbk-launching .board_event_day { color:#161616; font-size:14px; }
.dbk-launching .launching-state { padding:0 0 5px; }
.dbk-launching .launching-state em { display:inline-block; height:22px; line-height:22px; padding:0 7px; background:#161616; color:#fff; font-size:13px; }
.dbk-launching .event_info_cont .board_tit strong { display:block; width:100%; color:#161616; font-size:15px; font-weight:500; }
.dbk-launching .event_info_cont .board_txt { display:block; margin:2px 0 0; color:#8c8c8c; font-size:14px; }
.dbk-launching .board_likeit_hits { display:none; }


/*========================================================================
상품 후기
========================================================================*/
.board_write_popup .ly_tit h4 { border-color:#e5e5e5; }
.board_write_popup .item_photo_box { width:90px; height:90px; border:0; }
.board_write_popup .item_photo_box img { width:90px; height:90px; }
.board_write_popup .item_info_box { padding-top:35px; }
.board_write_popup .item_info_box h5 { color:#161616; font-size:14px; }
.board_write_popup .board_write_box { border:0; }
.board_write_popup .board_write_table th { padding:27px 0 26px 24px; color:#161616; font-size:15px; font-weight:400; background:#fff; border-color:#e5e5e5; border-top:1px solid #e5e5e5; }
.board_write_popup .board_write_table td { padding:16px 0 15px 56px; border-color:#e5e5e5; border-top:1px solid #e5e5e5; }
.board_write_popup .board_write_table td select { width:217px; height:44px; padding-left:17px; margin-right:10px; color:#969696; font-size:15px; background:#fff url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/select_arr.png') no-repeat right 17px top 50% ; border-color:#e5e5e5; -webkit-appearance:none; -moz-appearance:none; appearance:none; }
.board_write_popup .dbk_review_filter th { padding-top:6px; padding-bottom:6px; border-bottom:0; vertical-align:middle; border-top:0; }
.board_write_popup .dbk_review_filter td { padding-top:6px; padding-bottom:6px; border-bottom:0; border-top:0; }

.board_write_popup .board_write_box .rating_star { width:77px; height:14px; background: url('../img/review_star_bg_icon.png') no-repeat left top; background-size:77px 14px; }
.board_write_popup .board_write_box .rating_star span { background: url('../img/review_star_icon.png') no-repeat left top; background-size:77px 14px; }

.file_upload_sec { margin:0; }

.ly_cont .btn_center_box { display:flex; justify-content:center;  }
.ly_cont .btn_center_box > a { width:106px; height:44px; margin:0 7px; line-height:42px; font-size:15px; background:#161616; box-sizing:border-box; }
.ly_cont .btn_center_box > a strong { font-weight:400; }
.board_write_popup .btn_center_box button.btn_ly_ok, 
.board_write_popup .btn_center_box button.btn_ly_cancel { border-color:#afafaf; }

/*========================================================================
비디오 리스트
========================================================================*/
.body-dbk-video-list .magazine-list ul li { width:50%; }
.body-dbk-video-list .magazine-list ul li .thumb { height:382px; }

/*========================================================================
비디오 상세
========================================================================*/
.video-wrap { overflow:hidden; }
.video-inner { position:relative; width:1200px; margin:0 auto; }
.video_tit { padding:80px 0 38px; text-align:center; border-bottom:1px solid #161616; }
.video-tit-area { display:flex; justify-content:space-between; align-items:center; padding:17px 0; border-bottom:1px solid #e7e7e7; }
.video-tit-area h3 { padding:0 0 12px; color:#161616; font-size:18px; line-height:1; }
.video-tit-area span { color:#969696; font-size:13px; line-height:1; }
.video-content { padding-top:20px; }  
.video-content img { max-width:100%; }
.video-btn-area { padding:31px 0; text-align:center; clear:both; }
.video-btn-area .likeMagazine { width:38px; padding:38px 0 0; margin:0 3px; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_like_btn_off.png') no-repeat; }
.video-btn-area .likeMagazine.active { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_like_btn_on.png') no-repeat; }
.video-btn-area .likeMagazine #hit { display:block; padding:3px 0 0; color:#969696; font-size:13px; }
.video-btn-area .btn_gray_list { margin:0 3px; vertical-align:top; }
.video-btn-area .btn_gray_list .btn_gray_mid { width:38px; height:38px; padding:0; border:0; background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_share_btn.png') no-repeat; }
.video-btn-area .btn_gray_list:hover { background:none; }
.video-btn-area .btn_gray_mid:hover { background:url('https://www.capostore.co.kr/data/skin/front/dbook_20220713/_dbook/img/magazine_share_btn.png') no-repeat; }
.video-btn-area .btn_gray_list .btn_gray_mid em { display:none; }
.body-dbk-video-detail .btn-center-box { display:flex; justify-content:end; padding-top:20px; text-align:right; border:0; }
.body-dbk-video-detail .btn-center-box button { width:106px; height:44px; color:#161616; font-size:15px; border:1px solid #afafaf; }
.video-goods { border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; }
.body-dbk-video-detail #wrap .ly_wrap.sns_layer { right:50%; transform:translateX(50%); }
.video-container { padding:50px 0; }
.video-container iframe { width:1200px; height:675px; }