@charset "utf-8";

/* 우측 고정 메뉴 */
.qinfo_box{ width:220px; height:100%; background:#fff; position:fixed; top:0px; right:-220px; z-index:200; color:#cdcdcd; border-left:1px solid #ebebeb}
.qinfo_box .qinfo_btn {position:absolute; top:50%; margin-top:-205px; left:-40px; }
.qinfo_box .qinfo_btn li {width:40px; height:40px; line-height:42px; background:#fff; text-align:center; border:1px solid #ebebeb; margin-top:-1px; position:relative;}
.qinfo_box .qinfo_btn li span {position: absolute; top:5px; left: -90px; opacity:0; width:70px;color: #555;background: #eee;height:28px;line-height:28px;text-align: center; visibility: hidden; border:1px solid #ebebeb; font-size:12px;  -webkit-transition: all .25s ease-out; transition: all .25s ease-out;}
.qinfo_box .qinfo_btn li:hover span {visibility: visible; opacity:1; top:5px; left: -80px; z-index: 999;}
.qinfo_box .qinfo_btn li span:after,
.qinfo_box .qinfo_btn li span:before {left: 100%; top: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.qinfo_box .qinfo_btn li span:after {border-color: rgba(229, 229, 229, 0);border-left-color: #eee;border-width: 5px;margin-top: -5px;}
.qinfo_box .qinfo_btn li span:before {border-color: rgba(229, 229, 229, 0);border-left-color: #eee;border-width: 4px;margin-top: -4px;}

.menu-trigger {top:14px; left:10px}
.menu-trigger,
.menu-trigger div {display: inline-block; transition: all .4s;box-sizing: border-box;}
.menu-trigger {position: relative;width:20px;height:12px;}
.menu-trigger div {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;}
.menu-trigger .mb1 {top: 0;}
.menu-trigger .mb2 {top:5px;}
.menu-trigger .mb3 {bottom: 0;}
.menu-trigger.active .mb1 {-webkit-transform : translateY(5px) rotate(-45deg);	transform : translateY(5px) rotate(-45deg);}
.menu-trigger.active .mb2 {left : 200%;opacity : 0;-webkit-transform : translateY(0px);transform : translateY(0px);-webkit-animation : activem2 .4s forwards;animation : activem2 .4s forwards;}
@-webkit-keyframes activem2{100% {height : 0;	}}
@keyframes activem2{100% {height : 0;}}
.menu-trigger.active .mb3 {-webkit-transform : translateY(-5px) rotate(45deg);transform : translateY(-5px) rotate(45deg);}

.qinfo_box h3 {font-size:13px; color:#222}
.qinfo_box .right_member {padding:20px}
.qinfo_box .right_member:after {content:""; display:block; clear:both;}
.qinfo_box .right_member li {float:left; width:33.33%; text-align:center; height:28px; line-height:28px; }
.qinfo_box .right_member li:hover {background:#fff}
.qinfo_box .right_member li a {display:block; color:#555; font-size:12px;}
.qinfo_box .right_member li a:hover {color:#111}
.qinfo_box .qinfo_btn li i {font-size:20px; color:#333}
.qinfo_box .qinfo_btn li:hover i  {color:#555}
.qinfo_box .qinfo_btn li a{display:block; color:#222}
.qinfo_box .qinfo_btn li.qinfo { width:40px; height:40px; cursor:pointer; line-height:63px; background:#25221e; transition: all .5s .5s ease; -webkit-transition: all .5s .5s ease;}

.qinfo_box .qcart_r {text-align:center; padding:15px 0; color:#555; background:#eee}
.qinfo_box .qcart_r {font-size:14px; color:#222}

.qinfo_box .comm_bo {margin:0; padding:0}
.qinfo_box .comm_bo:after {content:""; display:block; clear:both;}
.qinfo_box .comm_bo h3 {height:34px; line-height:34px; background:#2a363b;}
.qinfo_box .comm_bo h3 span{font-size:12px; margin-left:14px; color:#fff}
.qinfo_box .comm_bo ul {margin:0px auto 0px; width:170px;}
.qinfo_box .comm_bo li {height:50px; border:1px solid #ebebeb; float:left; width:50px; margin-right:1px; text-align:center;}
.qinfo_box .comm_bo li:hover {background:#222}
.qinfo_box .comm_bo li i {font-size:12px; margin:15px 0 0 0}
.qinfo_box .comm_bo li span {display:block; letter-spacing:-1px;}
.qinfo_box .comm_bo li a {display:block; color:#555; font-size:11px;}
.qinfo_box .comm_bo li a:hover {color:#fff}

.qinfo_box .mini_rig {padding:0px}
.qinfo_box .right_cs {padding:20px 20px 0; font-size:11px; }
.qinfo_box .right_cs h4 {font-size:12px; font-weight:normal; padding-bottom:5px}
.qinfo_box .right_bank {padding:25px 20px; font-size:11px;}
.qinfo_box .right_bank h4 {font-size:12px; font-weight:normal; padding-bottom:5px}
.qinfo_box .right_mb {text-align:left; padding:15px;}
.qinfo_box .right_mb h3 { border-bottom:1px solid #ededed; height:30px; line-height:30px; font-size:12px; color:#333; position:relative;}
.qinfo_box .right_mb h3 span {position:absolute; right:0; top:0; font-size:11px; font-weight:normal;}
.qinfo_box .right_mb ul {margin-top:5px;}
.qinfo_box .right_mb li {height:24px; line-height:24px;}
.qinfo_box .right_mb li a {font-size:11px;}
.qinfo_box .right_mb li img {vertical-align:middle;}
.qinfo_box .recent_itfix {}
.qinfo_box .recent_itfix h3 {font-size:12px; text-align:center; font-weight:normal;}

.r_csinfo {padding:15px; color:#999; font-size:11px; text-align:center}
.r_csinfo h3 {text-align:center; padding:10px 0}
.r_csinfo .r_bank {padding:20px 0}


/* 갤러리형 할인율 설정 */
.sale_num {position:absolute; right:0; top:-10px; width:36px; height:36px; line-height:36px; background-color:rgba(0,0,0,.8); color:#fff; opacity:0; transition: all 0.3s ease; -webkit-transition:all 0.3s;}
.item_photo_box a:hover .sale_num{opacity:.8; top:0}


/* 상품 리스트 */
.goods_list + .pagination{border-top:none;}
.goods_pick_list .pick_list_num{display:block; padding:0 0 0px 0; font-size:12px; float:left; line-height:29px}
.goods_pick_list .pick_list_num strong{color:#000;}
.goods_pick_list .pick_list_box .pick_list{padding:0 0 0 0px;}
.goods_pick_list .pick_list_box .pick_list label{padding:0 0 0 0px;}
.goods_pick_list .pick_list_box .pick_list label.on{color:#000; font-weight:bold; background:none; padding-left:0}
.goods_pick_list .pick_list_box{height:28px; margin:0 0 20px 0; padding:9px 0 10px 0; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; clear:both;}
.goods_no_data strong{font-size:12px;}

.list_bestnum {position:absolute; left:15px; top:15px; width:30px; height:30px; line-height:30px; font-size:10px; background-color:rgba(0,0,0,1); color:#fff; z-index:11}
.list_bestnum:before,
.list_bestnum:after {content: ""; position: absolute; top: 0; left: 0; height: 30px; width: 30px; background-color:rgba(0,0,0,1); }
.list_bestnum:before {transform: rotate(30deg); z-index:1}
.list_bestnum:after {transform: rotate(60deg); z-index:1}
.list_bestnum em {color:#fff; position:absolute; left:12px; top:0; z-index:2}

.addition_zone {}
.addition_zone img{max-width:100%}

/* 퀵 상품상세 */
.depdquick-frame {}
.depdquick-frame #depd_open {display:none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.depdquick_small {display:block; position: fixed; right:10%; bottom:-557px; width:640px; padding:50px 0px 15px 0px; z-index:1000;}
.depdquick_small.pdq_open {bottom:0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.depdquick_small #depd_open {width:330px; display:block; height:50px; line-height:50px; background:#111; color:#fff; letter-spacing:2px; position:absolute; right:0; top:0; z-index:100; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.depdquick_small #depd_open span {margin-left:20px; margin-right:20px; display:block; background:url(https://wowpartyshop.co.kr/data/skin/front/pc_vivi_0310/images/btn/depd_arrow1.png) no-repeat 100% 50%}
.depdquick_small #depd_open span.pd_arrow {background:url(https://wowpartyshop.co.kr/data/skin/front/pc_vivi_0310/images/btn/depd_arrow2.png) no-repeat 100% 50%}
.depdquick_small #depd_open a {display:block; color:#fff}
.depdquick_small .item_tit_detail_cont{width:90%; height:500px; border:1px solid #eee; padding:20px 5%; background:#fff; overflow:auto }
.depdquick_small .chosen-container {width:100% !important}


.offline_viewimg {padding:20px 0;}
.offline_viewimg img {max-width:100%;}

/* 페이징 */
.pagination li a,
.pagination li span{display:block; padding:0 !important; height:30px; width:30px; color:#777; font-size: 11px; line-height:30px; vertical-align:middle;}
.pagination li.on span{font-weight:bold; color:#000; background:#fff; border-radius:0px; border-bottom:1px solid #111}

/* 로그인 */
.member_cont .member_login_box h3{font-size:12px; color:#222222;}
.member_cont h3{ font-size:12px; color:#222222;}
.member_cont{border:1px solid #eee; border-radius:10px; padding:70px 60px;}
.member_cont .member_login_box .login_input_sec > div{float:none;}
.member_cont .member_login_box .login_input_sec input{display:block; width:100%; height:38px; margin:10px 0 10px 0; padding:0 0 0 8px; border:1px solid #eaeaea; color:#888;}
.member_cont .member_login_box .login_input_sec button{float:none; width:100%; height:42px; margin:0px 0 0 0; color:#ffffff; font-size: 12px;}
.member_cont .member_login_box .id_chk{padding:10px 0 26px 0;}
.member_cont .btn_login_box{margin:0px 0 0 0; padding:20px 0 0 0; border-top:1px solid #eaeaea;}
.btn_login_box .btn_member_join{color:#ffffff; font-size:11px; border:1px solid #888; background:#888; font-weight:normal !important;}
.btn_login_box .btn_member_white{ font-size:11px; border:1px solid #eaeaea; background:#fff; font-weight:normal !important;}
.member_cont .nonmember_order_box .order_input_sec input{display:block; width:292px; height:36px; margin:15px 0 10px 0; padding:0 0 0 8px; border:1px solid #eee; color:#888;}

/* 아이디 찾기 */
.content_box h2{font-size:12px}

/* 게시판 ui 개선 */
.board_zone_tit h2 {font-size:14px; letter-spacing:1px}
.btn_write{min-width:120px; border:1px solid #333; background:#333; top:-5px}/* 게시판 글쓰기 */
.board_list_table{border-top:1px solid #dbdbdb; border-collapse: separate; border-spacing: 0;}
.board_list_table th{padding:14px 10px 14px 14px; border-bottom:1px solid #dbdbdb; background:#fff; position:relative}
.board_list_table th:first-child:before {display:none}
.board_list_table th:before {content:""; display:block; position:absolute; top:0; left:0; height:12px; border-left:1px solid #dbdbdb}
.board_list_table td{padding:13px 10px 15px 10px; border-bottom:1px solid #dbdbdb;}
.board_search_box{border-top:none; border-bottom:none; background:#fff;}
.board_search_box select{width:110px;}


/* 장바구니 */
.order_wrap .order_tit h2{float:left; font-size:16px; color:#222222; letter-spacing:1px; margin-top:12px}
.order_wrap .order_tit ol{float:right; line-height: 42px;}
.order_wrap .order_tit{overflow:hidden; border-bottom:1px solid #dbdbdb;}

/* 회사소개 */
.service_company {}
.service_company img {max-width:100%}


/* 마이페이지 */
.mypage_link {text-align:center; padding-top:0px; padding-bottom:30px;}
.mypage_link:after {content:""; display:block; clear:both;}
.mypage_link ul {display: inline-block; margin: 0; padding: 0; zoom:1;*display: inline;}
.mypage_link li {display: inline-block; min-width:140px; border:1px solid #d4d4d4; height:34px; line-height:34px; margin-left:-1px; margin-bottom:10px}
.mypage_link li:hover {border-bottom:1px solid #404040}
.mypage_link li a {font-size:11px; color:#191919; display:block; margin:0 17px;}
.mypage_link li.on {background:#222; border:1px solid #222;}
.mypage_link li.on a{color:#fff;}


/* 체인사업부 */
.chain_menu {padding:20px 0 0 0; border-bottom:1px solid #404040}
.chain_menu:after {content:""; display:block; clear:both;}
.chain_menu ul {}
.chain_menu li {display:inline-block;}
.chain_menu li a{display:block; height:40px; line-height:40px; min-width:120px; text-align:center; border:1px solid #eee;  border-bottom:none; position:relative; top:1px; z-index:1; color:black; background:#f8f8f8}
.chain_menu li.on a{background-color:#fff; border:1px solid #404040; z-index:2; border-bottom:1px solid #fff}

.chin_ct {padding-top:20px}
.chin_ct img {display:block; margin:0 auto 20px}

.edu_tt {padding:10px 0}
.edu_tt {}
.edu_tt h4 {font-size:20px}

.pd_tab_container {padding-top:10px; text-align:center}
.pd_tabs {border:10px solid #eee; text-align:center; padding:10px}
.pd_tabs:after {content:''; display:block; clear:both}
.pd_tabs li{display:inline-block; text-align:center; cursor: pointer; width:30px; height:30px; line-height: 30px; border:1px solid #eee; border-left: none; font-weight: bold; background: #eee; overflow: hidden; position: relative;}
.pd_tabs li.active {background:#404040; color:#fff}


.chain_menu2 {padding:20px 0 0 0; border-bottom:1px solid #404040}
.chain_menu2:after {content:""; display:block; clear:both;}
.chain_menu2 ul {}
.chain_menu2 li {display:inline-block;}
.chain_menu2 li a{display:block; height:40px; line-height:40px; min-width:80px; text-align:center; border:1px solid #eee;  border-bottom:none; position:relative; top:1px; z-index:1; color:black; background:#f8f8f8}
.chain_menu2 li.on a{background-color:#fff; border:1px solid #404040; z-index:2; border-bottom:1px solid #fff}

.movie_ot {}



/* 게시판 메인 */
.pbd_link {text-align:center; padding-top:10px; padding-bottom:30px;}
.pbd_link:after {content:""; display:block; clear:both;}
.pbd_link ul {display: inline-block; margin: 0; padding: 0; zoom:1;*display: inline;}
.pbd_link li {display: inline-block; min-width:140px; border:1px solid #eee; height:34px; line-height:34px; margin-left:-1px; margin-bottom:10px}
.pbd_link li:hover {border-bottom:1px solid #404040}
.pbd_link li a {font-size:11px; color:#191919; display:block; margin:0 17px;}
.pbd_link li.on {background:#222; border:1px solid #222;}
.pbd_link li.on a{color:#fff;}

.board_indexwp {position:relative; margin-left:-40px;}
.bd_box .bdtxt_cn {padding-left:40px; color:#1c1c1c;}
.bd_box {width:33.3333%; float:left; margin-bottom:30px;  vertical-align:top; font-size:12px; font-size:0;}
.bd_box h3{border-bottom:1px solid #444; position:relative; padding-bottom:10px; color:#222; letter-spacing:1px; font-weight:normal; font-size:13px;}
.bd_box h3 span {position:absolute; right:0; top:0;}
.bd_box h3 span a {font-style:normal; font-size:11px}
.bd_box ul{border:1px solid #eee; padding:10px}
.bd_box ul li{height:30px; line-height:30px}
.bd_box ul li a{display:block; font-size:12px; color:#666}
.bd_box ul li a:hover {background:#f7f7f7; color:#000}



/* 동영상 자료실 */

.media_wp{overflow:hidden; padding-top:25px}
.media_wp:after {content:''; display:block; clear:both}
.media_wp h2 {font-size:12px; font-weight:normal; letter-spacing:1px; color:#111; padding:0px 0px 20px 0px}
.media_wp ul {font-size:0; margin-left:-40px; letter-spacing:-5px;}
.media_wp li {margin-bottom:40px; position:relative; width:25%; text-align:center; display:inline-block; font-size:12px; letter-spacing:0; vertical-align:top; *display:inline; zoom:1}
.media_wp li a {display:block; font-size:13px; color:#555; cursor:pointer}
.media_wp li .video_ct {padding-left:40px}
.media_wp li span {display:block; padding:10px; border:1px solid #eaeaea; border-top:none}
.media_wp li p {position:relative}
.media_wp li p img {width:100%; display:block; vertical-align:top;}
.media_wp li p img.paly_icon {position:absolute; width:50px; height:50px; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%);  transition: all .2s ease; -webkit-transition: all .2s ease;}
.media_wp li p:hover img.paly_icon {width:60px; height:60px; transition: all .2s ease; -webkit-transition: all .2s ease;}
.video-popup.reveal {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index:999; transition: all .5s .5s ease; -webkit-transition: all .2s .2s ease;}
.video-popup .close_x {width:40px; height:40px; z-index:1000; position:absolute; left:50%; top:20%; margin-left:-20px; display:none; background:url(https://wowpartyshop.co.kr/data/skin/front/pc_vivi_0310/images/btn/ytp_close_w.png) no-repeat 0 0; cursor:pointer}
.video-popup .video-wrapper { position: absolute; left:50%; top:50%;  width:560px; height:315px; margin-left:-280px; margin-top:-155px; z-index: 1000; transition: all .5s .5s ease; -webkit-transition: all .1s .1s ease;}
.video-popup .video-wrapper iframe { position: absolute; width: 100%; height: 100%; border:0 } 
.video-popup.reveal .video-popup-closer { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .8); z-index:999; transition: all .2s .2s ease; -webkit-transition: all .2s .2s ease;}




@media screen and (max-width: 1260px) { 
.mypage_link li {min-width:120px;}
}


/* 애니메이션 */
@keyframes fadeInUp {
    from {
        transform: translate3d(0,-40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    from {
        transform: translate3d(0,-40px,0)
    }

    to {
        transform: translate3d(0,0,0);
        opacity: 1
    }
}


/* 포인트컬러 일괄 변경 */
#wrap .text_warning,
#wrap .member_warning.prior_wrong .text_warning,
.goods_pick_list .pick_list_num strong,
.goods_pick_list .pick_list_box .pick_list label.on,
.chk_none,
.goods_pick_list .pick_list_num strong,
.goods_pick_list .pick_list_box .pick_list label.on,
.top_table_type .coupon_price b,
.layer_wrap .ly_tit h4 strong,
.coupon_total_box dd strong,
.add_goods_layer .pick_list_num strong,
.review_file_upload .btn_right_box .btn_plus_review_enroll,
.plus_review_look .star_photo_num em strong,
.plus_review_look .review_comment_top .comment_best_num,
.plus_review_register .pr_goods_cont b,
.poll_list_tit strong,
.poll_result_tit strong,
.board_list_table .board_tit strong > span,
.board_hot_list ul li.on span,
.poll_stick em,
.order_wrap .order_tit .page_on,
.price_sum_cont .price_sum_list dd,
.price_sum_cont .price_sum_list dd strong,
.order_agree_cont strong,
.payment_progress .order_zone_tit > p,
.payment_final_total dd,
.payment_final .form_element label.check_s em b,
.order_wrap .order_tit .page_on,
.price_sum_cont .price_sum_list dd,
.price_sum_cont .price_sum_list dd strong,
.find_complete_box .find_id_name,
.find_id_sec > p,
.join_wait_box .join_wait_tit .complete strong,
.wake_base_box .wake_date dd strong,
.join_base_wrap .member_tit .page_on,
.base_info_box > span,
.join_agreement_wrap .member_tit .page_on,
.join_agreement_cont .form_element strong,
.join_agreement_cont .form_element span > a,
.join_agreement_cont .important_check_box .important_check,
.info_again a,
.time_sale .time_now_order span,
.time_sale_price dd,
.item_add_option_box dt strong,
.item_tatal_box .total_amount dd,
.item_goods_tab li a strong,
.board_tit strong > span,
.board_tit .js_comment_count,
.view_comment_top .comment_num strong,
.view_comment_top .comment_best_num strong,
.search_text_result span,
.mypage_top_wallet li strong,
#goodsRestock .gs_privacy_agree .agree_choice_box a,
.board_list_table .board_tit strong > span,
.view_select_item_info > strong,
.plus_review_info_cont .board_review_num em strong,
.plus_review_view .review_comment_top .comment_best_num,
.add_goods_layer .pick_list_num strong,
.my_page_password .id_pw_cont dd strong,
.pick_list_num strong,
#wrap .member_warning.prior_half_pass .text_warning{color:#333 !important;}

.fc_delivery_finish,
.fc_refund_finish,
.board_list_table .board_tit strong > span,
.mypage_table_type td > strong,
.mypage_order_info_cont .order_case_list ul li span > strong,
.mypage_breakdown_tab li a strong,
.coupon_before_use{color:#444 !important; border:1px solid #444 !important;}
.adult_wrap .guest_login .login_input_sec button,
.guest_btn.base3,
.intro_member_wrap .member_login_box .login_input_sec button,
.add_cart_layer .btn_confirm, .add_wish_layer .btn_confirm,
.sns_copy_url button,
.option_layer_cont .btn_confirm,
.member_cont .member_login_box .login_input_sec button,
.btn_board_search,
.btn_write_ok,
.btn_comment_best,
.btn_date_check,
.intro_member_wrap .member_login_box .btn_login_box .btn_join{background:#444 !important; border:1px solid #444 !important; color:#fff !important;}
.plus_review_grade .grade_stick em,
.brand_all_list button.on{color:#ffffff !important; background:#444 !important;}
.plus_review_register .btn_pr_save{ border:1px solid #444 !important; background:#444 !important}

/* hover */
#wrap .member_warning.prior_wrong .form_element
#wrap .member_warning.prior_wrong .chosen-single,
.brand_all_list button:hover{border:1px solid #000 !important;}
.adult_wrap .guest_login .login_input_sec button:hover,
.guest_btn.base3:hover,
.member_cont .member_login_box .login_input_sec button:hover,
.option_layer_cont .btn_confirm:hover,
.add_cart_layer .btn_confirm:hover, .add_wish_layer .btn_confirm:hove,
.sns_copy_url button:hover,
.member_cont .member_login_box .login_input_sec button:hover,
.btn_comment_best:hover,
.btn_board_search:hover,
.btn_write_ok:hover,
.intro_member_wrap .member_login_box .login_input_sec button:hover{background:#000 !important; border:1px solid #000 !important;}

.join_ok_box .btn_member_sec .btn_login:hover,
.member_cont .nonmember_order_box .order_input_sec button,
.join_ok_box .btn_member_sec .btn_login,
.add_cart_layer .btn_cancel:hover, .add_wish_layer .btn_cancel:hover,
.member_cont .nonmember_order_box .order_input_sec button:hover{border:1px solid #ddd !important; color:#111 !important; font-size:12px}

.join_ok_box .btn_member_sec .btn_login{background: #444; border:1px solid #444; color: #fff;}
.join_ok_box .btn_member_sec .btn_login:hover{border:1px solid #000; color: #fff; background:#000;}


.board_hot_list ul li a span:hover{border-bottom:1px solid #000 !important; color:#000 !important;}
.review_file_upload .btn_right_box .btn_plus_review_enroll:hover{background:#000 !important;}
.attend_reply_box .attend_reply_comment .btn_attend_check:hover{background:#000 url('https://wowpartyshop.co.kr/data/skin/front/img/event/btn_point_check2.png') no-repeat 41px center; border:1px solid #9b344a;}
.stamp_calendar_box .btn_attend_check:hover{background:#000 url('https://wowpartyshop.co.kr/data/skin/front/img/event/btn_point_check.png') no-repeat 65px 24px; border:1px solid #9b344a;}