@charset "UTF-8";
#container header.sub{position:fixed!important}
/*! 고객센터 상단 버튼 모양 */
.customer_tab{position:fixed;top:60px;left:0;z-index:999;width:100%;padding:0 16px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff}
.customer_tab ul{display:-webkit-box;display:-ms-flexbox;display:flex}
.customer_tab ul li{position:relative;width:33.333%;text-align:center}
.customer_tab ul li a{display:inline-block;width:100%;height:48px;line-height:48px;font-size:15px;color:#888;letter-spacing:-.015em}
.customer_tab ul li.active a{font-weight:700;color:#222}
.customer_tab ul li.active:after{content:'';display:inline-block;position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:#222}
/*! 고객센터 내용 부분 */
.customer_con{overflow:hidden;margin-top:108px;padding-bottom:100px;border-top:solid 10px #f0f0f0;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel{display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;padding:0 16px;border-bottom:1px solid #e5e5e5;background-color:#f0f0f0}
.cs_counsel li{width:50%;height:43px;line-height:43px;border:1px solid #e5e5e5;border-color:transparent;font-size:14px;color:#424242;letter-spacing:-.015em;text-align:center}
.cs_counsel li.on{border-color:#e5e5e5;background-color:#fff;font-weight:700;color:#ff329b;border-bottom-color:#fff}
.cs_counsel_con{overflow:hidden}
.cs_counsel_con .form_input{padding:4px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel_con .form_input>li{margin-top:12px}
/*! 주문상품 찾기 */
.cs_counsel_con .search_orderlist div{display:-webkit-box;display:-ms-flexbox;display:flex}
.cs_counsel_con .search_orderlist div input{-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:48px;padding:0 14px;border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;color:#222;-webkit-box-shadow:none;box-shadow:none}
.cs_counsel_con .search_orderlist div input:disabled{background:#fff}
.cs_counsel_con .search_orderlist div input::-webkit-input-placeholder{color:#cacaca}
.cs_counsel_con .search_orderlist div input:-ms-input-placeholder{color:#cacaca}
.cs_counsel_con .search_orderlist div input::-ms-input-placeholder{color:#cacaca}
.cs_counsel_con .search_orderlist div input::placeholder{color:#cacaca}
.cs_counsel_con .search_orderlist div button{display:inline-block;overflow:hidden;width:108px;height:48px;margin-left:10px;border-radius:5px;background-color:#6f7b81;font-weight:700;font-size:14px;color:#fff}
/*! 주문상품 리스트 */
.cs_counsel_con .orderlist_wrap{margin:0 -16px;padding:16px 16px 0;border-top:10px solid #f0f0f0;border-bottom:10px solid #f0f0f0;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel_con .tap_period{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel_con .tap_period button{position:relative;width:25%;height:42px;font-size:14px;color:#424242;letter-spacing:-.015em}
.cs_counsel_con .tap_period button+button::before{content:'';display:inline-block;position:absolute;top:15px;left:0;width:1px;height:12px;background-color:#f0f0f0}
.cs_counsel_con .tap_period button.on{font-weight:700;color:#ff329b}
.cs_counsel_con .tap_period button.on::after{content:'';display:inline-block;overflow:hidden;position:absolute;top:-1px;left:-1px;z-index:2;width:100%;height:100%;border:1px solid #ff329b;border-radius:5px}
.cs_counsel_con .orderlist{margin-top:-4px;padding-bottom:16px}
.cs_counsel_con .orderlist li{margin-top:12px}
.cs_counsel_con .orderlist li dl{border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel_con .orderlist li dt{line-height:22px;padding:8px 14px;border-bottom:1px solid #f0f0f0;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fafafb;font-weight:700;font-size:15px;color:#111}
.cs_counsel_con .orderlist li dd{display:-webkit-box;display:-ms-flexbox;display:flex;min-width:0;padding:14px;-webkit-box-sizing:border-box;box-sizing:border-box}
.cs_counsel_con .orderlist li dd div{width:40px;height:40px;margin-right:12px}
.cs_counsel_con .orderlist li dd img{width:100%}
.cs_counsel_con .orderlist li dd p{display:-webkit-box;-webkit-box-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:40px;line-height:20px;font-size:14px;color:#424242;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.cs_counsel_con .orderlist li dd button{width:53px;height:32px;margin-top:4px;margin-left:14px;border:1px solid #666f74;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;font-size:13px;color:#666f74}
.cs_counsel_con .orderlist+.btn_more{margin:0 -16px}
.cs_counsel_con .orderlist+.btn_more button{border-top:1px solid #eee;border-bottom:none}
/*! 문의내용 입력 */
.cs_counsel_con .textbx {padding-bottom:16px;} /* 2025-02-27 수정 */
.cs_counsel_con .form_input textarea{overflow:hidden;display:block;width:100%;height:172px;line-height:20px;margin:0;padding:14px;border:1px solid #f0f0f0;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;font-size:14px;color:#424242;resize:none} /* 2025-02-27 수정 */
.cs_counsel_con .form_input textarea::-webkit-input-placeholder{color:#aaa}
.cs_counsel_con .form_input textarea:-ms-input-placeholder{color:#aaa}
.cs_counsel_con .form_input textarea::-ms-input-placeholder{color:#aaa}
.cs_counsel_con .form_input textarea::placeholder{color:#aaa}
/*! 사진 추가 영역 - 2025-02-27 추가 */
.cs_counsel_con .file_box {position:relative;margin-left:-16px;margin-right:-16px;margin-bottom:0;}
.cs_counsel_con .file_box .button_box.btn_box2 button {width:100%;margin:0;cursor:pointer;}
.cs_counsel_con .file_box .button_box {display:-webkit-box;display:-ms-flexbox;display:flex;padding:16px;background-color:#f5f5f5;}
.cs_counsel_con .file_box .button_box button {-ms-flex:1;flex:1;height:52px;line-height:50px;margin:0 6px;border:1px solid #424242;border-radius:5px;background-color:#fff;font-size:16px;color:#222;letter-spacing:-.015em;text-align:center;-webkit-box-shadow:2px 0 6px 0 rgba(0, 0, 0, 0.1);box-shadow:2px 0 6px 0 rgba(0, 0, 0, 0.1);-webkit-box-flex:1;}
.cs_counsel_con .file_box .button_box .tooltip_txt {top:-16px;}
.cs_counsel_con .file_box .file_list {padding:9px;border-bottom:10px solid #eee;}
.cs_counsel_con .file_box .file_list ul {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.cs_counsel_con .file_box .file_list ul li {position:relative;width:33.33%;padding:7px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;}
.cs_counsel_con .file_box .file_list ul li .file_item {position:relative;padding-top:100%;background-color:#f4f4f4;}
.cs_counsel_con .file_box .file_list ul li .file_item span {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;}
.cs_counsel_con .file_box .file_list ul li .file_item span img,
.cs_counsel_con .file_box .file_list ul li .file_item span video {width:100%;height:100%;-o-object-fit:contain;object-fit:contain;}
.cs_counsel_con .file_box .file_list ul li .file_item span button {position:absolute;top:0;right:0;width:24px;height:24px;background:url(/resources_new/img/product/ico_file_close.png) 0 0/24px no-repeat;text-indent:-9999px;}
.cs_counsel_con .file_box .file_list ul li.video .file_item span:after {content:'';position:absolute;right:5px;bottom:6px;width:22px;height:22px;background:url(/resources_new/img/product/ico_video_play.png) 0 0/22px no-repeat;}
.cs_counsel_con .file_box .file_list ul li .checking {display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;align-items:center;position:absolute;top:7px;left:7px;z-index:1;width:calc(100% - 14px);height:calc(100% - 14px);background-color:rgba(0, 0, 0, 0.85);font-size:14px;color:#fff;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;}
.cs_counsel_con .file_box .file_list ul li .checking:after {display:none;}
.cs_counsel_con .file_box .file_list ul li .tooltip .tooltip_txt {top:-16px;width:auto;letter-spacing:-.015em;}
/* tooltip */
.cs_counsel_con .tooltip {position:relative;display:block;width:100%;}
.cs_counsel_con .tooltip:hover .tooltip_txt {visibility:visible;opacity:1;cursor:pointer;}
.cs_counsel_con .tooltip .tooltip_txt {visibility:visible;position:absolute;top:0;left:50%;z-index:2;width:auto;height:24px;line-height:24px;padding:0 8px;border-radius:2px;background-color:#5382fa;font-size:12px;color:#fff !important;letter-spacing:-.015em;text-align:center;text-align:center;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:1;white-space:nowrap;}
.cs_counsel_con .tooltip .tooltip_txt:after {content:'';position:absolute;top:100%;left:50%;margin-left:-4px;border-color:#5382fa transparent transparent transparent;border-width:4px;border-style:solid;}
/*! 버튼 영역 */
.cs_counsel_con .form_input>li.btn_area{margin-top:16px;padding-bottom:16px} /* 2025-02-27 수정 */
.cs_counsel_con .btn_area div{display:-webkit-box;display:-ms-flexbox;display:flex}
.cs_counsel_con .btn_area div button{display:inline-block;overflow:hidden;width:50%;height:50px;border:1px solid #afb1b4;border-radius:5px;font-size:16px}
.cs_counsel_con .btn_area div button.btn_cancel{color:#424242}
.cs_counsel_con .btn_area div button.btn_confirm{margin-left:12px;border-color:#ff329b;background-color:#ff329b;color:#fff}
.cs_counsel_con .btn_area div button:disabled{border-color:#e4e7e9;background-color:#e4e7e9;color:#a8a8a8}
.cs_counsel_con .cs_c_wrap{overflow:hidden;padding:16px 16px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
/*! faq */
.faq_tab ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.faq_tab ul li{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%;border-bottom:solid 1px #f0f0f0;border-left:solid 1px #f0f0f0;-webkit-box-sizing:border-box;box-sizing:border-box}
.faq_tab ul li a{display:block;height:44px;line-height:44px;font-size:15px;color:#424242;letter-spacing:-.015em;text-align:center;white-space:nowrap}
.faq_tab ul li:nth-child(3n-2){border-left:0}
.faq_tab ul li.active a{font-weight:700;color:#ff329b}
.faq_cont{margin-top:-1px;border-top:solid 9px #eee}
.faq_cont dt{position:relative;line-height:20px;padding:17px 46px 17px 16px;border-bottom:solid 1px #eee;font-size:14px;color:#222}
.faq_cont dt:before{content:'';position:absolute;top:50%;right:20px;width:6px;height:6px;margin-top:-4px;border-right:solid 2px #777;border-bottom:solid 2px #777;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.faq_cont dt em{padding-right:8px;color:#818e95}
.faq_cont dd{display:none;position:relative;line-height:20px;padding:16px;border-bottom:solid 1px #eee;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fafafb;font-size:13px;color:#666}
.faq_cont.faq dd{padding:16px 16px 16px 39px}
.faq_cont.faq dd:before{content:'A';display:inline-block;position:absolute;top:18px;left:16px;width:16px;height:16px;line-height:16px;border-radius:2px;background-color:#ff329b;font-weight:medium;font-size:13px;color:#fff;text-align:center}
.faq_cont dl.active dd{display:block}
.faq_cont dl.active dt:before{margin-top:-2px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}
.faq_cont dl.active dt{font-weight:700}
.faq_cont .ellip_2line{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.faq_cont .state{display:inline-block;height:22px;line-height:22px;margin-top:10px;margin-right:4px;padding:0 5px;border-radius:3px;background-color:#8c9194;font-size:12px;color:#fff}
.faq_cont .state.ing{background-color:#fdb72f}
.faq_cont .state.end{background-color:#ff329b}
.faq_cont .date{display:inline-block;line-height:22px;margin-top:10px;font-size:12px;color:#888}
.faq_cont .a_tit{padding:16px 0 10px;font-weight:700;font-size:13px;color:#ff329b}
/* 문의내역 > 업로드 사진목록 - 2025-02-27 추가 */
.faq_cont .cmt_slide {position:relative;margin-top:16px;padding:0;}
.faq_cont .cmt_slide .swiper-slide {position:relative;width:80px;margin-left:6px;}
.faq_cont .cmt_slide .swiper-slide:first-child {margin-left:0;}
.faq_cont .cmt_slide .swiper-slide a {display:block;overflow:hidden;position:relative;width:80px;height:80px;border-radius:8px;background-color:#f7f7f7;}
.faq_cont .cmt_slide .swiper-slide a.video:after {content:'';position:absolute;right:6px;bottom:5px;width:22px;height:22px;background:url(/resources_new/img/product/ico_video_play.png) 0 0/22px no-repeat;}
.faq_cont .cmt_slide .swiper-slide a img,
.faq_cont .cmt_slide .swiper-slide a video {width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.faq_cont .cmt_slide .swiper-slide .checking {position:absolute;top:0;left:0;z-index:1;width:80px;height:80px;line-height:80px;border-radius:8px;background-color:rgba(0, 0, 0, 0.85);font-size:14px;color:#fff;text-align:center;}
/*! 고도화 s */
.faq_cont .a_tit.ing{color:#fdb72f}
/*! 고도화 e */
.faq_cont .a_cont{color:#222}
.cs_counsel_con .faq_cont .btn_area{margin-top:16px;padding-bottom:0}
.cs_counsel_con .faq_cont .btn_area button{width:53px;height:32px;border:1px solid #6f7b81;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:700;font-size:13px;color:#6f7b81}
.cs_counsel_con .faq_cont .btn_area button:last-child{margin-left:10px;background-color:#6f7b81;color:#fff}
/*! 공지사항 */
.customer_con .notice_list li{padding:17px 16px;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}
.customer_con .notice_list li a{display:block;width:100%}
.customer_con .notice_list li a h2{display:-webkit-box;overflow:hidden;line-height:20px;max-height:40px;font-size:14px;color:#222;text-overflow:ellipsis;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.customer_con .notice_list li a h2 .label{margin-right:8px;color:#818e95}
.customer_con .notice_list li a h2 .icon_new{display:inline-block;width:8px;height:20px;margin-right:6px;background:url(//img.shinsegaetvshopping.com/resources_new/img/sp_ico_common.png) -100px -50px/300px no-repeat;vertical-align:middle}
.customer_con .notice_list li a .date{line-height:14px;padding-top:6px;font-size:12px;color:#888}
.customer_con .btn_more{height:40px}
.customer_con .btn_more button{display:block;width:100%;height:40px;border-bottom:solid 1px #eee;font-size:14px;color:#888}
/*! 공지사항 상세페이지 */
.notice_wrap{margin-bottom:100px}
.notice_wrap .notice_view .view_title{padding:13px 16px 17px;border-bottom:1px solid #eee;font-size:0}
.notice_wrap .notice_view .view_title>span{display:inline-block;width:100%}
.notice_wrap .notice_view .view_title .title{line-height:20px;font-size:14px;color:#222}
.notice_wrap .notice_view .view_title .title .label{display:inline-block;margin-right:8px;color:#818e95}
.notice_wrap .notice_view .view_title .date{line-height:14px;padding-top:6px;font-size:12px;color:#888}
.notice_wrap .notice_view .view_cont{line-height:20px;padding:18px 16px;border-bottom:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fafafb;font-size:13px;color:#666;letter-spacing:-.010em}
.notice_wrap .notice_view .view_cont img{width:100%}
.notice_wrap .btn_full{padding:16px;-webkit-box-sizing:border-box;box-sizing:border-box}
.notice_wrap .btn_full a{display:inline-block;overflow:hidden;width:100%;line-height:52px;border-radius:5px;background-color:#858687;font-size:16px;color:#fff;text-align:center}
/*! no data */
.list_nodata{line-height:14px;padding:60px 0 80px;font-size:13px;color:#b4b4b4;letter-spacing:-.025em;text-align:center}