@charset "utf-8";

a.rk_overlay {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 999;cursor: pointer;-ms-touch-action: manipulation;touch-action: manipulation;}

.tbbox{display: table;width:100%}
.tbbox_c{display: table-cell; vertical-align: middle}
/*220207 팬앤쇼핑*/
.fnsshop{width:100%; margin:20px auto}
.fnsshop img{width:100%;}

/* 220209 팬앤스타 메인 // 팬앤쇼핑 메인 - 상품 리스트 */
.shopdetail {position: relative;}
.fnsshop_m{width:94%; margin:0 auto 30px;position: relative;}
.fnsshop_pdt{position: relative; width:100%}
.shopmain .fnsshop_pdt{margin-bottom:15px}/*팬앤쇼핑 메인 상품간 간격*/
.fnsshop_pdtimg{position: relative;padding-top:70%;overflow: hidden;}
.fnsshop_m .shopm{padding-top:70%;border-radius: 8px} /*팬앤쇼핑 메인 상품 세로 사이즈*/
.fnsshop_pdtimg>.centered>a>img {position: absolute;top:0;left: 0;}
.fnsshop_pdtimg .centered  {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);}
.fnsshop_pdtimg .centered img {-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.fnsshop_pdtimg img.portrait {width: 100%;max-width: none;height: auto;}
.fnsshop_pdtimg img.landscape {width: auto;max-width: none;height: 100%;}
.fnsshop_pdttxt{position: absolute; bottom:0; left:0; background:rgba(0,0,0,0.8);padding:15px 10px; box-sizing:border-box; width:100%}
.fnsshop_pdttxt>span{color:#ffffff; font-size:1.1rem;display: -webkit-box;overflow: hidden;max-height: 4.6rem; -webkit-line-clamp:1;-webkit-box-orient: vertical;
word-break: break-all; word-wrap: break-word; letter-spacing: -0.05em; line-height: 1.4rem; margin-bottom:5px}
.fnsshop_pdttxt .table{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; width:100%;justify-content:flex-end;}
.fnsshop_pdttxt .shopdc{color:#00a8ff; font-size:1.5rem;position: relative;position: relative;width: 100%;min-height: 1px;-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;-moz-box-flex: 0;-moz-flex: 0 0 20%;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width:20%;}
.fnsshop_pdttxt .shopprice .shopdcnum{text-align: right; color:#aaaaaa; font-size:0.9rem; font-weight: normal; margin-right:1%; border:none; padding:0; vertical-align: middle}
.fnsshop_pdttxt .shopdcnum del{vertical-align: middle}
.fnsshop_pdttxt .shopprice{text-align: right;color:#ff4a82; font-size:1.4rem; position: relative;position: relative;width: 100%;min-height: 1px;
-webkit-box-flex: 0;-webkit-flex: 0 0 80%;-moz-box-flex: 0;-moz-flex: 0 0 80%;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
.fnsshop_pdttxt .shopprice span{display: inline-block; vertical-align: text-bottom; font-size:13px; color:#00a8ff; border:1px solid #00a8ff; padding:3px; box-sizing: border-box;    margin-right: 5px;}
.fnsshop_pdttop{position:absolute; top:10px; left:10px;width:100%}
.fnsshop_star img{width:11px}
.fnsshop_star, .fnsshop_all, .fnsshop_fbs{display:inline-block; padding:5px 10px; box-sizing: border-box; color:#fff; font-size:14px; border-radius: 15px; letter-spacing: -0.05em}
.fnsshop_star{background:#00a8ff;}
.fnsshop_all{background:#ff6a98}
.fnsshop_fbs{background:#7c42ca}
.fnsshop_fbs>img{width:100px}
/*팬앤쇼핑 메인//판매종료*/
.shop_soldout{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0,0,0);opacity: 0.7;z-index: 200;}
.fnsshop_soldout{position: absolute; z-index:201; top:50%; left:50%; font-size:1.7rem; color:#ffffff;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);
display: inline-block; width:100%; text-align: center}

/*판매종료
.shop_soldout{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;cursor: pointer;-ms-touch-action: manipulation;touch-action: manipulation;background:rgba(0,0,0,0.7);}
.shop_soldout .fnsshop_soldout{position:absolute; top:10px; left:10px;}
*/


/*220207 팬앤쇼핑 이벤트*/
.fnsshop_evtimg{width:100%; position: relative;}
.fnsshop_evtimg img{width:100%}
.fnsshop_evttxt{position: absolute; bottom:0; left:0; background:rgba(0,0,0,0.8);padding:10px; box-sizing:border-box; width:100%}
.fnsshop_evttxt>span{color:#ffffff; font-size:1.2rem;display: -webkit-box;overflow: hidden;max-height: 4.6rem; -webkit-line-clamp:2;-webkit-box-orient: vertical;
word-break: break-all; word-wrap: break-word; letter-spacing: -0.05em; line-height: 1.4;}
.fnsshop_evtimg .fnsshop_pdttop{position:absolute; top:10px; left:10px;width:100%}

/*220207 팬앤쇼핑 FAQ*/
.fannshop_faq {width:94%; margin:0 auto; padding-bottom:10px}
.fannshop_faq ul{margin-bottom:20px}
.fannshop_faq ul li{border-bottom:1px solid #e1e1e1; padding:20px 0; box-sizing: border-box;}
.fannshop_title {font-weight:bold; font-size:22px; color:#000; vertical-align:middle;}
.fannshop_title2 {font-weight:bold; font-size:22px; color:#00a8ff; vertical-align:middle; }
.fannshop_title2 .fannshop_sen {padding-top:10px; font-size:17px; color:#000; font-weight:500; vertical-align:middle; display:inline-block;}
.fannshop_last_text {font-size:16px; color:#000; font-weight:500; vertical-align:middle; display:inline-block;}
.fannshop_last_text .pink {color:#ff4a82;}
.star img { width:21px; font-weight:bold; font-size:22px; color:#1bccca; vertical-align:middle; display:inline-block;}
.faq_pink {background:#ff4a82;}
.faq_bt{margin:30px auto;}
.faq_bt button{width:100%; font-size:24px; color:#fff; padding:15px 12px; box-sizing:border-box; text-align:center; border-radius:5px; letter-spacing:-0.03em; cursor:pointer}
.wTitle{vertical-align: middle}

/*220210 상품 리드면*/
.fnsshop_m .shopdetail{padding-top:80%;} /*팬앤쇼핑 메인 상품 세로 사이즈*/
.pdtbox{width:94%; margin:20px auto; position: relative;}
.pdtbox>span{font-size:1.1rem; display: -webkit-box;overflow: hidden;max-height: 4.6rem; -webkit-line-clamp:3;-webkit-box-orient: vertical;
word-break: break-all; word-wrap: break-word; letter-spacing: -0.05em; line-height: 1.6rem; margin-bottom:10px}
.pdtbox .table{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; width:100%;justify-content:flex-end;}
.pdtbox .shopdc{color:#00a8ff; font-size:1.5rem;position: relative;position: relative;width: 100%;min-height: 1px;-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;-moz-box-flex: 0;-moz-flex: 0 0 20%;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width:20%;}
.pdtbox .shopprice .shopdcnum{text-align: right; color:#aaaaaa; font-size:0.9rem; font-weight: normal; margin-right:1%; border:none; padding:0; vertical-align: middle}
.pdtbox .shopdcnum del{vertical-align: middle}
.pdtbox .shopprice{text-align: right;color:#ff4a82; font-size:1.4rem; position: relative;position: relative;width: 100%;min-height: 1px;
-webkit-box-flex: 0;-webkit-flex: 0 0 80%;-moz-box-flex: 0;-moz-flex: 0 0 80%;-ms-flex: 0 0 80%;flex: 0 0 80%;max-width: 80%;}
.pdtbox .shopprice span{display: inline-block; vertical-align: text-bottom; font-size:13px; color:#00a8ff; border:1px solid #00a8ff; padding:3px; box-sizing: border-box;    margin-right: 5px;}
.shop_d_save, .shop_d_save_fbs{font-size:14px; padding:5px; box-sizing: border-box; display:inline-block}
.shop_d_save img, .shop_d_save_fbs img{width:12px}
.shop_d_save, .shop_d_save_fbs{display: inline-block; padding:4px 6px; box-sizing: border-box;}
.shop_d_save{border:1px solid #ff6a98; color:#ff6a98}
.shop_d_save_fbs{border:1px solid #7c42ca; color:#7c42ca}
.shopbuybtn, .shopsoutbtn{position:sticky; top:0; left:0; margin-top:20px; z-index: 980}
.shopbuybtn button{width:100%; padding:15px 10px; box-sizing: border-box; background:#00a8ff; color:#ffffff; font-size:24px; border-radius: 5px}
.shopsoutbtn button{width:100%; padding:15px 10px; box-sizing: border-box; background:#afafaf; color:#ffffff; font-size:24px; border-radius: 5px}
/*상단 nav*/
.shopdeail_topnav{width:100%; margin:20px auto 0; position: -webkit-sticky; position:sticky; top:-1px; left:0; z-index: 981}
.shopdeail_topnav ul{display: table; width:100%;border-collapse: collapse;}
.shopdeail_topnav ul li{display: table-cell; width:33.1%; text-align: center;border-top:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;}
.shopdeail_topnav ul li:nth-of-type(1), .shopdeail_topnav ul li:nth-of-type(2){border-right:1px solid #d2d2d2;}
.shopdeail_topnav ul li a{display: block; padding:12px 3px; box-sizing: border-box; background:#f5f5f5; color:#323232; font-size:17px;}
.shopdeail_topnav ul li .on{background:#323232; color:#fff;}
/*상품정보*/
.pdt_detail{width:94%; margin:20px auto;}
.pdt_detail img{width: 100%}
/*구매안내*/
.pdt_info{width:94%; margin:20px auto;}
.pdt_info h3{margin:20px 0; letter-spacing: -0.05em; font-size: 17px}
.shopinfo_star{margin:0 auto 15px; background:#ffe4ec; border:1px solid #bfbfbf; padding:10px; box-sizing: border-box;}
.shopinfo_star h2{color:#ff4a82; font-size:23px; margin-bottom:10px}
.shopinfo_star span{font-weight: bold;}
.shopinfo_star .line_100_b{margin:15px auto}
.shopinfo_star ul{width:100%; }
.shopinfo_star ul li{margin-bottom:10px; /*padding-left:20px; */overflow: hidden; font-size:14px}
/*
.shopinfo_star ul li:nth-of-type(1){background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2022%2Ssaf%2Sfubcahz_01.cat') no-repeat left 1px; background-size:13px}
.shopinfo_star ul li:nth-of-type(2){background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2022%2Ssaf%2Sfubcahz_02.cat') no-repeat left 1px; background-size:13px}
.shopinfo_star ul li:nth-of-type(3){background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2022%2Ssaf%2Sfubcahz_03.cat') no-repeat left 1px; background-size:13px}
.shopinfo_star ul li:nth-of-type(4){background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2022%2Ssaf%2Sfubcahz_04.cat') no-repeat left 1px; background-size:13px}
*/
/*내 아이디 복사*/
.pdtidcopy{margin:0 auto 15px;background:#00a8ff; color:#ffffff; padding:15px; box-sizing: border-box; text-align: center}
.pdtidcopy .tbbox_c{width:50%}
.pdtidcopy .tbbox_c h2{font-size:1.8rem}
.shop_wbtn{background:#ffffff; color:#00a8ff; font-size:17px; padding:15px; box-sizing: border-box; border-radius: 5px}
/*기타내용*/
.pdtboxinfo{background:#fafafa; border:1px solid #bfbfbf; padding:15px; box-sizing: border-box;}
.pdtboxinfo ul li{font-size:13px; padding-left:7px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2020%2Ssaf%2Sgkgoby.cat) no-repeat 0 7px;
   box-sizing: border-box;margin-bottom:8px}
/*적립문의*/
.pdtqa{margin:20px auto}
.pdtqaboard{width:100%; margin:20px auto;}
.shopqabtn{width:94%; margin:0 auto}
.shopqabtn button{width:100%; padding:15px 12px; box-sizing: border-box; background:#00a8ff; color:#ffffff; font-size:24px; border-radius: 5px}
.pdtqaboard{width:100%; margin:20px auto;}
.qa-list {border-top: 1px solid #e6e6e6;list-style-type: none; }
.qa-list li{width:100%; }
.qa-list li:last-child{border-bottom:1px solid #e6e6e6}
.qa-list .head {position: relative;}
.qa-list .head a{display: inline-block;padding:15px 12px; box-sizing: border-box;}
.qa-list .head .question {display:inline-block;box-sizing: border-box;color: #757575;font-size:16px; }
.qa-list .head .shoplock {display:inline-block; background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2022%2Ssaf%2Sfubcybpx.cat') no-repeat 0 3px;background-size:10px; width:100%; padding-left:15px;font-size:16px; }
.qa-list .head .question:after {content: '';display: block;position: absolute;top: 17px;right: 10px;width: 30px;height: 16px;transition:all 1s;}
.qa-list .cont {display: none;border-top: 1px dashed #cacaca;background: #f8f8f8;}
.qa-list .cont .answer {display:inline-block;padding:20px 12px; box-sizing: border-box;color: #8f8f8f;font-size:15px; width:100%}
.qa-list .faqactive{background:#fafafa; }
.qinfo{margin-top:5px; color:#c1c1c1}
.qa-list .head .qinfo .qinfo_ans, .qa-list .head .qinfo .qinfo_id, .qa-list .head .qinfo .qinfo_date{font-size:13px; }
.qa-list .head .qinfo .qinfo_id, .qa-list .head .qinfo .qinfo_date{position: relative;margin-left:6px; padding-left:9px}
.qa-list .head .qinfo .qinfo_id:before, .qa-list .head .qinfo .qinfo_date::before {position: absolute;top: 50%;left: 0;width: 1px;height: 9px;margin-top: -5px;
background-color: #e8e8e8;content: "";}
.sqa {overflow: hidden;display: block;}
.pdtqaboard .sqa .lt1 {border-bottom:1px solid #ededed}
.pdtqaboard .sqa .lt1.pt a .iBox {padding-top:40px;}
.pdtqaboard .sqa.rank .lt1 a {margin: 0px;padding:14px 10px 10px 10px;box-sizing: border-box;/*white-space: nowrap;overflow: hidden;*/letter-spacing: -1px;}
.sqa .lt1.pt a, .safari .sqa .lt1.pt a{position: relative; display: block; height: 100%; line-height: 1}
.sqa .lt1.pt a .iBox {float: right;padding-top: 11px;position: relative;padding-top: 34px; overflow: hidden;width: 18%;display: inline-block;}
.sqa .lt1.pt a .iBox .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%,50%);-ms-transform: translate(50%,50%);transform: translate(50%,50%);width: 100%;}
.sqa .lt1.pt a .iBox .centered img {-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);width: 100%;}
.sqa .lt1.pt a .iBox img {display: block;position: absolute;top: 0;left: 0;width: 100%;}
.sqa .lt1.pt a .tBox {display:inline-block;/* padding: 0.867em 0 0 0; */}
.sqa .lt1.pt a .tit {display:inline-block; margin-right:85px;/*text-overflow: ellipsis;white-space: nowrap;overflow: hidden;*/font-size: 15px; margin-top:-41px; line-height: 1.35em;color: #757575;}
.sqa.rank .lt1 a:after {display: block;content: "";clear: both;}
/*품절*/
.shopdetail .blind{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgb(0,0,0);opacity: 0.6;z-index: 200;}
.shopdetail .blindtxt{position: absolute; z-index:201; top:50%; left:50%; font-size:1.7rem; color:#ffffff;-webkit-transform: translate(-60%,-60%);-ms-transform: translate(-60%,-60%);transform: translate(-60%,-60%);}

/*상품 검색 / 분류*/
.fnsshop_search{width:100%; margin:0 auto 20px}
.scate{width:35%}
.shop_cateBox{width:100%; -webkit-appearance: none;
-moz-appearance: none; appearance: none;  background-color:#f5f5f5; background-image: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Svzt.gs.pb.xe%2Sff%2S2020%2Ssaf%2Sf_neebj.cat'); background-repeat:no-repeat ; background-position:90% 50%;
padding:15px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:none; font-size:18px; color:#636363; outline:none; border-radius:5px;    background-size: 13%;}
select::-ms-expand { display: none;}
.shop_search{width:65%;text-align: right; position: relative;}
.shop_searchBox{width:95%; -webkit-appearance: none;-moz-appearance: none; appearance: none; padding:15px; box-sizing:border-box;font-size:18px;
  color:#636363; background:#f5f5f5; border-radius: 5px; border:none}
.shop_searchbtn{position: absolute; top:0; right:0; padding:15px 10px; box-sizing: border-box;}
.shop_searchbtn img{width:50%}



/* 갤럭시탭 , 폴드 */

@media screen and (min-width:480px) and (max-width:767px) {

/*팬앤스타 메인 - 상품*/
.fnsshop_pdttxt>span{font-size:1.3rem; margin-bottom: 10px}
.fnsshop_pdttxt{padding:20px 15px}
/*상품 리스트 판매가*/
.fnsshop_pdttxt .shopprice{font-size:1.6rem;}
.fnsshop_pdttxt .shopprice span{font-size:14px;}
.fnsshop_pdttxt .shopprice .shopdcnum{font-size:1rem;}
/*상품 리드면 상품이름*/
.pdtbox>span{font-size:1.3rem; margin-bottom:15px}
/*상품 리드면 판매가*/
.pdtbox .shopprice{font-size:1.6rem;}
.pdtbox .shopprice span{font-size:14px;}
.pdtbox .shopprice .shopdcnum{font-size:1rem;}

/*상품 리스트 판매가 가로값*/
.pj_read_photo{width:60%}
.thumbnail-photo {padding-top: 120%;}
/*FAQ*/
.faq_bt button {width: auto;padding:20px 40px;}

}


/* Tablet & Desktop Device */
@media all and (min-width:768px) {

/* 220209 팬앤스타 메인 // 팬앤쇼핑 메인 - 상품 리스트 */
.fnsshop_pdtimg{padding-top:65%;}
.fnsshop_pdttxt{padding:20px}
.fnsshop_pdttxt>span{font-size:1.4rem;}
.fnsshop_pdttxt .shopprice{width:30%}
.fnsshop_pdttxt .shopdc{font-size:1.5rem}
.fnsshop_pdttxt .shopprice .shopdcnum{font-size:1.2rem;}
.fnsshop_pdttxt .shopprice{font-size:1.9rem;}
.fnsshop_pdttxt .shopprice span{font-size:16px}
.fnsshop_star, .fnsshop_all, .fnsshop_fbs{font-size:15px; border-radius: 15px}
.shopmain .fnsshop_pdt{margin-bottom:20px}/*팬앤쇼핑 메인 상품간 간격*/
.fnsshop_m .shopm{padding-top:65%;} /*팬앤쇼핑 메인 상품 세로 사이즈*/
/*팬앤쇼핑 메인//판매종료*/
.fnsshop_soldout{font-size:2rem; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}

/*상품 검색 / 분류*/
.shop_cateBox{background-size: 10%;}
.shop_searchbtn img{width:55%}

/*220210 상품 리드면*/
.shopdeail_topnav{width:98%;margin:30px auto;}
.shopdeail_topnav ul li{border:1px solid #d2d2d2;}
.shopdeail_topnav ul li a{padding:16px 3px; font-size: 19px}
.pdt_info, .pdtqa, .pdt_detail{margin:30px auto;}
.pdtbox>span{font-size:1.4rem; line-height: 1.6rem;margin-bottom: 20px;}
.pdtbox .shopprice{width:30%}
.pdtbox .shopdc{font-size:1.5rem}
.pdtbox .shopprice .shopdcnum{font-size:1.2rem;}
.pdtbox .shopprice{font-size:1.9rem;}
.pdtbox .shopprice span{font-size:16px}
.shop_d_save, .shop_d_save_fbs {padding:8px; font-size:16px}
.shopbuybtn{margin-top:30px}
.shopbuybtn button{padding:20px 10px}
.pdt_info h3{font-size:1.5rem}
.shopinfo_star{padding:20px}
.shopinfo_star span{font-size:16px}
.shopinfo_star ul li{font-size: 16px;}
/*.shopinfo_star ul li:nth-of-type(1), .shopinfo_star ul li:nth-of-type(2), .shopinfo_star ul li:nth-of-type(3), .shopinfo_star ul li:nth-of-type(4){background-size:15px; background-position:left 4px;}*/
.pdtidcopy span{font-size:18px}
.shop_wbtn{width:100%; font-size:20px}
.pdtboxinfo{padding:20px}
.pdtboxinfo ul li{font-size:14px;margin-bottom: 10px;}
.pdtboxinfo ul li:last-child{margin-bottom:0}
.qa-list .head .question {font-size:17px}
.pdtqaboard .sqa.rank .lt1 a{padding:15px 10px}
.pdtqaboard .sqa .lt1.pt a .iBox{padding-top:47px}
.sqa .lt1.pt a .tit{margin-right: 135px;}

/*220207 팬앤쇼핑 이벤트*/
.fnsshop_evttxt>span{font-size:1.5rem;}
.fnsshop_evttxt{padding:11px 15px;}

/*FAQ*/
.faq_bt button {width: auto;padding:20px 40px;}

}