/*********** Index **************/ #visual {width:1200px;height:369px;margin:0 auto;overflow:hidden;border-bottom:0;background:#fff;border-radius:12px;} #visual .bx-viewport, #visual .bx-wrapper{ position:relative; width:1200px !important; height:369px !important; top:0; left:0; margin:0 auto;border-radius:12px;overflow:hidden;} #visual .bxslider, #visual .bxslider li{height: 100% !important;} #visual .bxslider li{ background-position: 50% 50%; background-repeat:no-repeat; background-size: auto 100%;} #visual .bxslider li a {display:block;width:1200px;height:100%;margin:0px auto;position:relative;} #visual .bx-wrapper .bx-viewport{ border: none !important;} #visual .bx-wrapper .bx-pager {width:100% !important;margin:0 !important;text-align:center !important;left:0 !important;bottom:14px !important} #idx_middle {height:320px;background:url('../images/idx_middle_pat.gif') #faa753;*position:relative;} #idx_middle ul{width:1200px;height:320px;margin:0px auto;*zoom:1;background:url('../images/idx_middle.png') no-repeat 50% 50%;} #idx_middle ul:after{clear:both;display:block;content:"";} #idx_middle ul a{display:block;float:right;cursor:pointer} #idx_middle ul a:first-child {float:left;} #idx_middle ul a .block{float:left;width:180px;padding:60px 0px 0px 10px;color:#a9451e;text-align:right;} #idx_middle ul a:first-child .block{text-align:left;padding:60px 10px 0px 0px;} #idx_middle ul a:hover .thum {border-color:#f5954c;} #idx_middle ul a:hover .thum .over {display:block;} #idx_middle ul a .block h1 {font-weight:700;font-size:20px;line-height:26px;height:55px;margin-bottom:20px;color:#333;overflow:hidden;}/*word-break:break-all;*/ #idx_middle ul a .block h2 {font-weight:700;font-size:16px;height:20px;margin-bottom:10px;color:#d53c00;} #idx_middle ul a .block .txt {height:40px;overflow:hidden;} #idx_middle ul a .block .price {font-size:30px;font-family:"Microsoft Yahei",arial;font-weight:bold;height:40px;color:#D82D28;margin-top:10px;} #idx_middle ul a .block .price span {font-size:20px;padding-right:5px;} #idx_middle ul a .thum{float:left;margin-top:30px;width:240px;height:240px;border:10px solid #ffc183;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;} #idx_middle ul a .thum img{width:100%;height:100%;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;} #idx_middle ul a .thum .over {position:relative;width:240px;height:240px;margin-bottom:-240px;text-align:center;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;background:#000;opacity:0.4;filter:alpha(opacity=40);color:#fff;display:none;} #idx_middle ul a .thum .over h1 {font-size:24px;padding-top:100px;} #idx_middle ul a .thum .over span {font-size:12px;} #idx_title {width:1200px;height:55px;padding-top:25px;margin:0 auto;text-align:center;position:relative;} #idx_title h1 {font-size:24px;font-weight:bold;color:#333;display:inline;} #idx_title h2 {font-size:24px;font-weight:normal;color:#333;display:inline;text-transform:uppercase;} #idx_title b {color:#D82D28} #idx_title strong {color:#111} #idx_title span {color:#999;font-weight:normal;font-size:18px;padding:0px 10px;} #idx_title img {height:40px;vertical-align:middle;} #idx_title .btn {position:absolute;top:50%;right:51px;transform:translateY(-50%);} #idx_title .btn a {display:block;height:22px;line-height:22px;font-size:11px;color:#333;white-space:nowrap;} #idx_title .btn a b {color:#D82D28;} #idx_title.idx-title-hotdeal {padding-top:20px;height:60px;} #idx_title.idx-title-hotdeal .idx-hotdeal-more {position:absolute;right:0;top:50%;transform:translateY(-50%);} #idx_title.idx-title-hotdeal .idx-hotdeal-more a {display:inline-block;height:24px;line-height:24px;padding:0 2px;font-size:11px;color:#666;} #idx_title.idx-title-section-break {height:auto;padding:36px 0 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;} #idx_title.idx-title-section-break .idx-title-section-break__glow {position:absolute;inset:0;background:radial-gradient(ellipse 70% 80% at 50% 40%, rgba(216,45,40,.08), transparent 70%),linear-gradient(180deg, transparent 0%, rgba(0,0,0,.02) 50%, transparent 100%);pointer-events:none;} #idx_title.idx-title-section-break .idx-title-section-break__row {position:relative;display:flex;align-items:center;gap:16px;width:100%;max-width:760px;} #idx_title.idx-title-section-break .idx-title-section-break__line {flex:1 1 auto;min-width:24px;height:1px;padding:0;font-size:0;color:transparent;opacity:.88;} #idx_title.idx-title-section-break .idx-title-section-break__line:first-child {background:linear-gradient(90deg, transparent, #111);} #idx_title.idx-title-section-break .idx-title-section-break__line:last-child {background:linear-gradient(90deg, #111, transparent);} #idx_title.idx-title-section-break h1.idx-title-section-break__badge {flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:9px 22px;border-radius:999px;background:#111;color:#fff;font-size:13px;font-weight:800;letter-spacing:.08em;line-height:1.2;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 18px rgba(0,0,0,.12);} #idx_container {width:1200px;margin:0px auto;padding:20px 0px;*position:relative;} #idx_container>img {margin:40px 0px 25px 0px} #idx_list_deal {margin:0px auto; width:1200px;*zoom:1;display:flex;flex-wrap:wrap;column-gap:15px;row-gap:15px;} #idx_list_deal:after{content:"";display:block;clear:both;} #idx_list_deal li{float:none;flex:0 0 calc((100% - 15px) / 2);width:calc((100% - 15px) / 2);height:260px;border:solid 1px #ddd;border-radius:12px;box-shadow:2px 2px 2px rgba(0,0,0,.05);background:#fff;margin:0;box-sizing:border-box;overflow:hidden;} #idx_list_deal li:not(.is-picked):hover {border-color:#8d8d8d;box-shadow:2px 2px 5px rgba(0,0,0,.14);} #idx_list_deal li:not(.is-picked) {border-color:#ddd;box-shadow:2px 2px 2px rgba(0,0,0,.05);} #idx_list_deal li.is-picked {border-color:#D82D28;box-shadow:none;} #idx_list_deal li a{display:block;*zoom:1} #idx_list_deal li a:after {content:"";display:block;clear:both;} #idx_list_deal li .idx-card-body{display:flex;height:100%;cursor:pointer;outline:none;} #idx_list_deal li .idx-card-body:after{display:none;} /* #idx_list_deal li .tag {position:relative;top:20px;left:20px;width:60px;height:60px;margin-bottom:-60px;background:#ff6600;font-size:24px;font-weight:bold;font-family:arial;line-height:60px;text-align:center;color:#fff;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;} #idx_list_deal li .tag span {font-size:12px;padding-left:2px;} */ #idx_list_deal li .tag {position:relative;width:60px;height:45px;padding-top:15px;margin-bottom:-60px;background:#D82D28;font-size:12px;font-weight:bold;font-family:arial;text-align:center;color:#FFCDD8;} #idx_list_deal li .idx-thumb-wrap {flex:0 0 auto;width:260px;height:100%;position:relative;overflow:hidden;} #idx_list_deal li.is-picked .idx-thumb-wrap .idx-dc-badge, #idx_list_deal li.is-picked .idx-thumb-wrap .idx-hotdeal-badge{z-index:3;} #idx_list_deal li.is-picked .idx-thumb-wrap:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;background:rgba(17,17,17,.52);z-index:4;pointer-events:none;} #idx_list_deal li.is-picked .idx-thumb-wrap:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:38%;height:38%;max-width:96px;max-height:96px;min-width:56px;min-height:56px;margin:auto;background:url('/images/ico_selected_check.svg') no-repeat 50% 50%;background-size:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));} #idx_list_deal li .idx-thumb-wrap .tag {position:absolute;top:0;left:0;width:60px;height:60px;padding-top:15px;margin-bottom:0;background:#D82D28;font-size:12px;font-weight:bold;font-family:arial;text-align:center;color:#FFCDD8;z-index:1;} #idx_list_deal li .idx-thumb-wrap .thum {display:block;float:none !important;width:100%;height:100%;object-fit:cover;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button{position:absolute;right:10px;bottom:10px;display:inline-flex !important;align-items:center;gap:8px;padding:6px 10px 6px 8px;border-radius:999px;background:rgba(20,26,34,.88);color:#fff !important;font-size:12px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:2;cursor:pointer;text-decoration:none;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button:after{display:none !important;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button .ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#D82D28;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button .ico img{width:12px;height:12px;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button .txt{font-weight:bold;letter-spacing:-0.02em;color:#fff;} #idx_list_deal li .idx-thumb-wrap .idx-detail-button:hover{background:rgba(8,12,18,.95);} #idx_list_deal li .thum {float:left;width:260px;height:260px;} #idx_list_deal li .block {flex:1;min-width:0;padding:30px 0 20px 30px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;} #idx_list_deal li .block .txt {height:150px;overflow:hidden;margin-bottom:15px;font-size:11px;color:#999;line-height:150%;} #idx_list_deal li .block h1 {font-size:16px;color:#333;padding-bottom:5px;line-height:20px;} #idx_list_deal li .block h2 {font-size:11px;color:#999;font-weight:normal;line-height:15px;} #idx_list_deal li .block h3 {font-size:12px;color:#ff6600;font-weight:bold;height:18px;} #idx_list_deal li .block .price {} #idx_list_deal li .block .price_s {font-size:18px;padding-right:3px;color:#D82D28;} #idx_list_deal li .block .price_s b {font-size:20px;font-family:tahoma;font-weight:bold;vertical-align:baseline;} #idx_list_deal li .block .price_s span {font-size:12px;vertical-align:baseline;} #idx_list_deal li .block .price_n {font-size:13px;color:#666;} #idx_catebest {background:#fff;*zoom:1;box-shadow:0px 1px 2px rgba(0,0,0,0.15);margin:0px -1px 20px -1px;} #idx_catebest:after{content:"";display:block;clear:both;} #idx_catebest li{float:left;width:250px;height:390px;background:#fff;margin:15px 15px 15px 0px;border-radius:12px;overflow:hidden;} #idx_catebest li:first-child {background:url('../images/idx_cate01.png') no-repeat 100% 80% ;border-right:dashed 1px #ddd;margin-left:-1px;} #idx_catebest.c1 li:first-child {background-image:url('../images/idx_cate01.png')} #idx_catebest.c2 li:first-child {background-image:url('../images/idx_cate02.png')} #idx_catebest.c3 li:first-child {background-image:url('../images/idx_cate03.png')} #idx_catebest.c4 li:first-child {background-image:url('../images/idx_cate04.png')} #idx_catebest.c5 li:first-child {background-image:url('../images/idx_cate05.png')} #idx_catebest li:first-child div {padding-top:50px;background:url('../images/symbol.png') no-repeat 75% 20px;} #idx_catebest li:first-child div h1 {font-size:24px;height:40px;color:#333;border-left:2px solid #333;padding-left:50px;} #idx_catebest li:first-child div h1:first-letter {color:#D82D28} #idx_catebest li:first-child div h2 {font-size:20px;color:#ddd;font-weight:normal;border-left:2px solid #333;padding-left:50px;} #idx_catebest li:first-child div h3 {font-size:12px;font-weight:normal;border-left:2px solid #333;padding-left:50px;} #idx_catebest li:first-child div h4 {font-size:11px;color:#999;font-weight:normal;border-left:2px solid #333;padding-left:50px;} #idx_catebest li a{display:block;position:relative;} #idx_catebest li a:hover .thum {border:1px solid #666;margin:-1px;} #idx_catebest li .tag {position:absolute;top:10px;left:10px;height:50px;display:table;} #idx_catebest li .tag div {float:left;width:50px;height:50px;font-size:14px;font-weight:bold;text-align:center;color:#fff;word-break:break-all;display:table;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;} #idx_catebest li .tag div h1 {display:table-cell;vertical-align:middle;height:50px;font-size:14px;font-weight:bold;text-align:center;} #idx_catebest li .tag div.tag01 {background:#D82D28;} #idx_catebest li .tag div.tag02 {background:#6e9b3a;} #idx_catebest li .tag div.tag03 {background:#fff;border:solid 1px #D82D28;color:#D82D28;margin:5px;} #idx_catebest li .thum {width:100%;height:248px;} #idx_catebest li .block {padding:10px 20px;} #idx_catebest li .block .txt {height:90px;overflow:hidden;} #idx_catebest li .block h1 {font-size:14px;color:#333;padding-bottom:5px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #idx_catebest li .block h2 {font-size:11px;color:#999;font-weight:normal;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #idx_catebest li .block h3 {font-size:12px;color:#ff6600;font-weight:bold;height:18px;} #idx_catebest li .block .price_s {display:inline-block;*display:inline;*zoom:1;font-size:24px;font-family:arial;font-weight:bold;color:#D82D28;} #idx_catebest li .block .price_s span {font-size:16px;padding-right:3px;} #idx_catebest li .block .price_n {display:inline-block;*display:inline;*zoom:1;font-size:14px;font-family:tahoma;color:#999;text-decoration:line-through;padding-left:10px;} #idx_top_seller {width:1194px;*zoom:1;padding-left:4px;border:solid 1px #ddd;border-radius:12px;overflow:hidden;box-shadow:2px 2px 2px rgba(0,0,0,.05);background:#fff;margin-bottom:20px;} #idx_top_seller:after{content:"";display:block;clear:both;} #idx_top_seller li{float:left;width:384px;height:150px;padding:40px 20px;border-bottom:dashed 1px #ddd;} #idx_top_seller li:nth-child(10), #idx_top_seller li:nth-child(11), #idx_top_seller li:nth-child(12) {border-bottom:0px;} #idx_top_seller li a{display:block;*zoom:1} #idx_top_seller li a:after {content:"";display:block;clear:both;} #idx_top_seller li .thum {float:left;width:150px;height:150px;margin-right:20px;} #idx_top_seller li .block {float:left;width:214px;} #idx_top_seller li .block .txt {width:90%;height:120px;} #idx_top_seller li .block h1 {font-size:14px;color:#333;padding-bottom:5px;line-height:18px;letter-spacing:-0.07em;overflow:hidden;} #idx_top_seller li .block h2 {font-size:11px;color:#999;font-weight:normal;line-height:14px;} #idx_top_seller li .block h3 {font-size:24px;color:#2c84ce;height:40px;margin-bottom:10px;border-left:solid 1px #2c84ce;padding-left:10px;} #idx_top_seller li .block h3 b {font-family:arial;} #idx_top_seller li .block h3 span {font-size:11px;font-weight:normal;display:block;} #idx_top_seller li .block .price_s {font-size:12px;padding-right:3px;color:#D82D28;} #idx_top_seller li .block .price_s b {font-family:tahoma;font-size:13px;} #idx_top_seller li .block .price_s span {} #idx_top_seller li .block .price_n {height:16px;font-size:12px;color:#777;} /*************** Shop common list **************/ #idx_list {margin:0px auto; width:1200px; padding:0; box-sizing:border-box; *zoom:1; display:flex; flex-wrap:wrap; column-gap:16px; row-gap:16px; position:relative; left:0;} /* 상품4열 배열 */ #idx_list:after{content:"";display:block;clear:both;} #idx_list li{float:none;flex:0 0 calc((100% - 48px) / 4);width:calc((100% - 48px) / 4);border:solid 1px #ddd;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 2px rgba(0,0,0,.10);background:#fff;margin:0px;box-sizing:border-box;} @supports (display:grid) { #idx_list {display:grid;grid-template-columns:repeat(4, minmax(0, 1fr)); gap:16px;} #idx_list li {width:auto; flex:none;} } #idx_list li:not(.is-picked):hover {border:solid 1px #8d8d8d;position:relative;top:0;left:0;margin:0px;box-shadow:2px 2px 5px rgba(0,0,0,.14);} #idx_list li.is-picked {border:solid 1px #D82D28;box-shadow:none;} #idx_list li a{display:block;position:relative;} #idx_list li .idx-card-body{display:block;position:relative;cursor:pointer;outline:none;} #idx_list li .tag {position:absolute;top:10px;left:10px;height:50px;display:table;} #idx_list li .tag div {float:left;width:50px;height:50px;font-size:14px;font-weight:bold;text-align:center;color:#fff;word-break:break-all;display:table;border-radius:50%;-moz-border-radius: 50%; -webkit-border-radius: 50%;} #idx_list li .tag div h1 {display:table-cell;vertical-align:middle;height:50px;font-size:14px;font-weight:bold;text-align:center;color:#fff;} #idx_list li .tag div.tag01 {background:#D82D28;} #idx_list li .tag div.tag02 {background:#6e9b3a;} #idx_list li .tag div.tag03 {background:#2c84ce;} #idx_list li .idx-thumb-wrap {position:relative;aspect-ratio:1 / 1;overflow:hidden;background:#f5f7fa;} #idx_list li .idx-thumb-wrap .idx-dc-badge{position:absolute;top:8px;right:8px;z-index:5;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:42px;padding:5px 7px 4px;border-radius:8px;background:#D82D28;color:#fff;line-height:1;box-shadow:0 2px 8px rgba(216,45,40,.35);pointer-events:none;} #idx_list li .idx-thumb-wrap .idx-dc-badge em{display:block;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.06em;opacity:.95;} #idx_list li .idx-thumb-wrap .idx-dc-badge b{display:block;font-size:13px;font-weight:800;letter-spacing:-0.04em;} #idx_list li.is-picked .idx-thumb-wrap .idx-dc-badge{z-index:3;} #idx_list li.is-picked .idx-thumb-wrap:before{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;background:rgba(17,17,17,.52);z-index:4;pointer-events:none;} #idx_list li.is-picked .idx-thumb-wrap:after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;width:38%;height:38%;max-width:96px;max-height:96px;min-width:56px;min-height:56px;margin:auto;background:url('/images/ico_selected_check.svg') no-repeat 50% 50%;background-size:contain;z-index:5;pointer-events:none;filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));} #idx_list li .thum {display:block;width:100%;height:100%;object-fit:cover;object-position:center center;} #idx_list li .idx-detail-button{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px 5px 6px;border-radius:999px;background:rgba(20,26,34,.88);color:#fff !important;font-size:11px;line-height:1;box-shadow:0 4px 10px rgba(0,0,0,.2);z-index:2;cursor:pointer;} #idx_list li .idx-detail-button .ico{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#D82D28;} #idx_list li .idx-detail-button .ico img{width:12px;height:12px;} #idx_list li .idx-detail-button .txt{font-weight:bold;letter-spacing:-0.02em;} #idx_list li .idx-detail-button:hover{background:rgba(8,12,18,.95);} #idx_list li .block {padding:10px 12px;} #idx_list li .block .txt {height:80px;overflow:hidden;} #idx_list li .block h1 {font-size:14px;color:#333;padding-bottom:5px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #idx_list li .block h2 {font-size:11px;color:#999;font-weight:normal;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #idx_list li .block h3 {font-size:12px;color:#ff6600;font-weight:bold;height:18px;} #idx_list li .block .price {text-align:right;margin-bottom:10px;letter-spacing:-0.05em;} #idx_list li .block .price_s {display:inline-block;*display:inline;*zoom:1;color:#D82D28;padding-left:3px;} #idx_list li .block .price_s b {font-size:20px;font-family:tahoma;font-weight:bold;padding-right:3px;} #idx_list li .block .price_n {display:inline-block;*display:inline;*zoom:1;color:#666;font-size:13px;padding-right:3px;} #idx_sell_floating{position:fixed;right:28px;bottom:24px;z-index:9998;display:flex;flex-direction:column;align-items:flex-end;gap:8px;} #idx_sell_floating #idx_clear_selection_button{display:inline-flex;align-items:center;gap:10px;min-width:136px;height:42px;padding:0 15px 0 10px;border:1px solid rgba(216,45,40,.22);border-radius:12px;background:linear-gradient(180deg,#fff7f7 0%,#ffe8e7 100%);color:#B4231F;font-size:12px;font-weight:bold;cursor:pointer;box-shadow:0 8px 22px rgba(180,35,31,.18);transition:all .18s ease;} #idx_sell_floating #idx_clear_selection_button .ico{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:10px;background:#D82D28;box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 5px 10px rgba(216,45,40,.26);flex-shrink:0;transition:all .18s ease;} #idx_sell_floating #idx_clear_selection_button .ico .mark{position:relative;display:block;width:14px;height:14px;transform:rotate(-28deg);} #idx_sell_floating #idx_clear_selection_button .ico .mark:before{content:'';position:absolute;left:1px;top:2px;width:9px;height:9px;border:2px solid #ffffff;border-right-color:transparent;border-radius:50%;} #idx_sell_floating #idx_clear_selection_button .ico .mark:after{content:'';position:absolute;right:0;top:0;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:6px solid #ffffff;transform:rotate(18deg);} #idx_sell_floating #idx_clear_selection_button .txt{line-height:1;letter-spacing:-0.02em;color:#B4231F;transition:color .18s ease;} #idx_sell_floating #idx_clear_selection_button:hover{border-color:rgba(216,45,40,.34);background:linear-gradient(180deg,#fff3f2 0%,#ffdcdb 100%);color:#B4231F;box-shadow:0 10px 24px rgba(180,35,31,.22);transform:translateY(-1px);} #idx_sell_floating #idx_clear_selection_button:hover .ico{background:linear-gradient(180deg,#D82D28 0%,#B4231F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 7px 14px rgba(216,45,40,.28);} #idx_sell_floating #idx_clear_selection_button:hover .txt{color:#B4231F;} #idx_sell_floating #idx_bulk_sell_button{display:flex;align-items:center;gap:9px;padding:10px 16px 10px 10px;border:0;border-radius:12px;background:#D82D28;color:#fff;cursor:pointer;box-shadow:0 6px 20px rgba(216,45,40,.30);transition:background .15s;} #idx_sell_floating #idx_bulk_sell_button .ico{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.22);flex-shrink:0;} #idx_sell_floating #idx_bulk_sell_button .ico img{width:18px;height:18px;} #idx_sell_floating #idx_bulk_sell_button .txt{display:flex;flex-direction:column;line-height:1.2;text-align:left;} #idx_sell_floating #idx_bulk_sell_button .txt strong{font-size:13px;font-weight:bold;color:#fff;} #idx_sell_floating #idx_bulk_sell_button .txt em{font-size:11px;font-style:normal;color:rgba(255,255,255,.8);} #idx_sell_floating #idx_bulk_sell_button .txt em b{color:#fff;font-weight:bold;} #idx_sell_floating #idx_bulk_sell_button.active{background:#B4231F;box-shadow:0 6px 24px rgba(216,45,40,.40);} #idx_sell_floating #idx_bulk_sell_button.active .ico{background:rgba(255,255,255,.22);} #idx_sell_floating #idx_bulk_sell_button.active .txt em{color:rgba(255,255,255,.8);} #idx_sell_floating #idx_bulk_sell_button:hover{background:#B4231F;} @keyframes idx-btn-jingle { 0% { transform:rotate(0) scale(1); } 10% { transform:rotate(-8deg) scale(1.06); } 25% { transform:rotate(7deg) scale(1.06); } 40% { transform:rotate(-5deg); } 55% { transform:rotate(4deg); } 70% { transform:rotate(-2deg); } 85% { transform:rotate(1deg); } 100% { transform:rotate(0) scale(1); } } #idx_sell_floating #idx_bulk_sell_button.jingle { animation:idx-btn-jingle 0.55s cubic-bezier(.36,.07,.19,.97); } #idx_toast{position:fixed;left:50%;top:50%;max-width:calc(100% - 32px);padding:11px 14px;border-radius:11px;background:rgba(20,26,34,.94);color:#fff;font-size:12px;font-weight:bold;line-height:1.4;letter-spacing:-0.02em;box-shadow:0 10px 24px rgba(0,0,0,.28);z-index:100050;opacity:0;pointer-events:none;transition:opacity .24s ease, transform .24s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;transform:translate(-50%,-42%);} #idx_toast.is-show{opacity:1;transform:translate(-50%,-50%);} #idx_toast.is-bottom-slide, #idx_toast.is-from-statusbar{left:auto;right:27px;top:auto;bottom:calc(env(safe-area-inset-bottom, 0px) + 28px);background:#D82D28;box-shadow:0 10px 24px rgba(216,45,40,.35);text-align:right;border-radius:11px;max-width:calc(100% - 59px);white-space:nowrap;transform:translateY(calc(100% + 16px));opacity:0;transition:opacity .28s ease, transform .42s cubic-bezier(.22,1,.36,1);} #idx_toast.is-bottom-slide.is-show, #idx_toast.is-from-statusbar.is-show{opacity:1;transform:translateY(0);} /* #container 내부 플로팅 버튼 — 글로벌 #container button 규칙과 분리 */ #container #idx_sell_floating #idx_clear_selection_button, #container #idx_sell_floating #idx_bulk_sell_button { appearance:none; -webkit-appearance:none; vertical-align:baseline; font-family:inherit; line-height:normal; } #container #idx_sell_floating #idx_clear_selection_button:hover { box-shadow:0 10px 24px rgba(180,35,31,.22); transform:translateY(-1px); } #container #idx_sell_floating #idx_bulk_sell_button:hover { background:#B4231F; box-shadow:0 6px 20px rgba(216,45,40,.30); transform:none; } #container #idx_sell_floating #idx_bulk_sell_button.active:hover { background:#B4231F; box-shadow:0 6px 24px rgba(216,45,40,.40); } /* Deal list download link styled as button */ #container a.btn_white {text-decoration:none;display:inline-block;} #main_list {margin:0px auto 50px auto; width:1200px;*zoom:1;} /* 상품4열 배열 */ #main_list:after{content:"";display:block;clear:both;} #main_list li{float:left;width:298px;border:solid 1px #ddd;box-shadow:2px 2px 2px rgba(0,0,0,.05);background:#fff;margin:0px 10px 20px 10px;} #main_list li:hover {border:solid 2px #D82D28;position:relative;top:-1px;left:-1px;margin:0px 8px 18px 10px;} #main_list li a{display:block;position:relative;} #main_list li .tag {position:absolute;top:0px;left:0px;height:50px;display:table;} #main_list li .tag div {float:left;width:50px;height:50px;font-size:12px;font-weight:bold;text-align:center;color:#fff;word-break:break-all;display:table;} #main_list li .tag div h1 {display:table-cell;vertical-align:middle;height:50px;font-size:12px;font-weight:bold;text-align:center;} #main_list li .tag div.tag01 {background:#D82D28;} #main_list li .tag div.tag02 {background:#6e9b3a;} #main_list li .tag div.tag03 {background:#fff;border:solid 1px #D82D28;color:#D82D28;margin:5px;} #main_list li .thum {width:100%;height:248px;} #main_list li .block {padding:10px 20px;} #main_list li .block .txt {height:80px;overflow:hidden;} #main_list li .block h1 {font-size:14px;color:#333;padding-bottom:5px;line-height:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #main_list li .block h2 {font-size:11px;color:#999;font-weight:normal;line-height:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #main_list li .block h3 {font-size:12px;color:#ff6600;font-weight:bold;height:18px;} #main_list li .block .price {text-align:right;margin-bottom:10px;} #main_list li .block .price_s {display:inline-block;*display:inline;*zoom:1;color:#D82D28;padding-left:3px;} #main_list li .block .price_s b {font-size:22px;font-family:tahoma;font-weight:bold;padding-right:3px;} #main_list li .block .price_n {display:inline-block;*display:inline;*zoom:1;color:#999;padding-right:3px;} /*********** Shop Detail ***********/ #container #detail_top {border:solid 1px #ddd;border-radius:12px;background:#fff;padding:22px 24px;box-shadow:2px 2px 2px rgba(0,0,0,.05);*zoom:1;text-align:left;box-sizing:border-box;overflow:hidden;} #container #detail_top:after {clear:both;display:block;content:"";} #container #detail_top form {display:flex;align-items:stretch;gap:32px;width:100%;box-sizing:border-box;} #container #detail_top .thumb-panel {flex:1 1 0;min-width:0;display:flex;box-sizing:border-box;} #container #detail_top .thumb-frame {width:100%;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8f8f8;border:1px solid #f0f0f0;border-radius:12px;box-sizing:border-box;} #container #detail_top .thumb-image {display:block;width:100%;height:100%;object-fit:contain;object-position:center center;} #container #detail_top .info-panel {flex:1 1 0;min-width:0;min-height:460px;display:flex;flex-direction:column;justify-content:space-between;padding:8px 0 2px;box-sizing:border-box;} #container #detail_top .info-panel .name {margin-bottom:18px;} #container #detail_top .info-panel h1 {font-size:29px;font-weight:bold;font-family:'malgun gothic', 'Nanum Gothic',NanumGothic;letter-spacing:-0.08em;color:#333;line-height:1.35;word-break:keep-all;} #container #detail_top .info-panel h2 {font-size:12px;font-weight:normal;color:#999;line-height:24px;} #container #detail_top .info-panel h3 {font-size:12px;font-weight:bold;color:#ff6600;line-height:18px;margin-bottom:6px;} #container #detail_top .info-panel h3 span {font-weight:normal;color:#666;padding-left:10px;} #container #detail_top .info-panel .text {font-size:14px;line-height:1.8;min-height:80px;overflow:hidden;color:#666;} #container #detail_top .info-panel .info_bottom {margin-top:auto;padding-top:24px;} #container #detail_top .info-panel .spec {border:1px solid #bbb;border-width:1px 0px;padding:10px;margin:15px 0px;} #container #detail_top .info-panel .spec table {border-spacing:5px;border:0px;padding:0px;} #container #detail_top .info-panel .spec tr {height:18px;} #container #detail_top .info-panel .spec th {font-weight:bold;color:#333;text-align:left;padding-right:10px;} #container #detail_top .info-panel .spec td {font-weight:normal;color:#999;text-align:left;padding-left:10px;border-left:1px solid #ddd;} #container #detail_top .discount {display:inline-block;*display:inline;*zoom:1;vertical-align:top;min-width:140px;height:86px;padding-left:10px;margin-right:15px;color:#ff5f27;border-right:solid 1px #ff7700;} #container #detail_top .discount div {font:normal 17px dotum;height:24px;line-height:25px;} #container #detail_top .discount b {font:bold 53px tahoma;} #container #detail_top .discount span {font:bold 22px arial;} #container #detail_top .info-panel .price{display:inline-block;*display:inline;*zoom:1;height:60px;margin-left:15px;vertical-align:top;} #container #detail_top .info-panel .price .price_n {font-size:23.4px;color:#444;display:inline-block;line-height:1.38em;} #container #detail_top .info-panel .price .price_title {font-size:18px;font-weight:bold;color:#ff5f27;display:inline-block;line-height:1.38em;} #container #detail_top .info-panel .price .price_s {font-size:36px;font-weight:bold;color:#ff5f27;display:inline-block;line-height:1.38em;} #container #detail_top .info-panel .price .price_s b{font-family:tahoma;} /* #container #detail_top .block .price{height:60px;} #container #detail_top .block .price_s {display:inline-block;*display:inline;*zoom:1;font-size:30px;font-family:"Microsoft Yahei",arial;font-weight:bold;color:#D82D28;} #container #detail_top .block .price_s span {font-size:16px;padding-right:3px;} #container #detail_top .block .price_n {display:inline-block;*display:inline;*zoom:1;font-size:14px;font-family:tahoma;color:#999;text-decoration:line-through;padding-left:10px;} */ #container #detail_top .info-panel .delivery {line-height:140%;position:relative;margin-bottom:20px;} #container #detail_top .info-panel .delivery li {min-height:20px;width:200px;*width:auto;} #container #detail_top .info-panel .delivery .area {position:absolute; left:0px;top:20px;height:0; overflow:hidden;z-index:999;} #container #detail_top .info-panel .delivery .on .area {height:auto;border:2px solid #D82D28;background:#fff;} #container #detail_top .info-panel .delivery .area table {width:533px;border-spacing:0px;border:0px;padding:0px;border-collapse:collapse;} #container #detail_top .info-panel .delivery .area table tr {height:28px;} #container #detail_top .info-panel .delivery .area table th{padding:0px;} #container #detail_top .info-panel .delivery .area table td{padding:0px 10px;width:76px;font-size:11px;text-align:center;border-left:1px solid #e6e6e6;border-top:solid 1px #e6e6e6;} #container #detail_top .info-panel .delivery .area table tr:first-child td {border-top:0px;} #container #detail_top .info-panel .delivery .area table td:first-child{border-left:0px;} #container #detail_top .info-panel .delivery .area table td:hover {background:#D82D28;color:#fff;} #container #detail_top .info-panel .delivery .area table td:hover a {color:#fff;} #container #detail_top .info-panel .delivery a img{margin-left:2px;vertical-align:baseline;} #container #detail_top .info-panel .delivery .msg {color:#999;display:block;} #container #detail_top .info-panel .selection {margin-bottom:15px;} #container #detail_top .info-panel .selection select {width:100%;height:30px;line-height:30px;} #container #detail_top .info-panel hr {border:0px;height:1px;background: #bbb;margin:0px;} #container #detail_top .info-panel .control {padding:10px 0px;border-bottom:solid 1px #bbb;*zoom:1;} #container #detail_top .info-panel .control:after {clear:both;display:block;content:"";} #container #detail_top .info-panel .control a{display:inline-block;*display:inline;*zoom:1;width:24px;height:23px;line-height:20px;text-align:center;border:solid 1px #bbb;vertical-align:middle;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container #detail_top .info-panel .control a img {margin:6px 0px;} #container #detail_top .info-panel .control input {width:30px;height:23px;border:solid 1px #bbb;border-left:0px;border-right:0px;text-align:center;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #container #detail_top .info-panel .control .qty {float:left;width:48%;line-height:30px;} #container #detail_top .info-panel .control .total {float:left;width:50%;text-align:right;} #container #detail_top .info-panel .control .total b{font-size:20px;font-family:"Microsoft Yahei",arial;font-weight:bold;color:#D82D28;} #container #detail_top .info-panel .control .total b span {font-size:14px;padding-right:3px;} #container #detail_top .info-panel .control .total b #set_selling_price {font-size:20px;font-family:"Microsoft Yahei",arial;} #container #detail_top .tit_rel {clear:both;padding-top:15px;} #container #detail_top .tit_rel h1{font-size:16px;font-weight:bold;color:#333;} #container #detail_top .tit_rel span {font-size:12px;font-weight:normal;color:#999;padding-left:10px;} #container #detail_top .related {margin-right:-20px;padding-top:20px;*zoom:1;} #container #detail_top .related:after {clear:both;display:block;content:"";} #container #detail_top .related li {float:left;width:183px;height:270px;margin-right:20px;} #container #detail_top .related li a{display:block;} #container #detail_top .related li .thum_small {width:100%;height:183px;border:solid 1px #ddd;border-radius:12px;overflow:hidden;margin-bottom:10px;} #container #detail_top .related li h1 {font-size:14px;font-weight:bold;color:#333;height:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} @media all and (max-width: 1100px) { #container #detail_top form {display:block;} #container #detail_top .thumb-panel, #container #detail_top .info-panel {width:100%;display:block;} #container #detail_top .thumb-panel {min-height:0;height:auto;margin:0 0 30px 0;} #container #detail_top .thumb-frame {min-height:0;} #container #detail_top .thumb-image {height:auto;} #container #detail_top .info-panel {min-height:0;display:block;} #container #detail_top .info-panel .info_bottom {margin-top:30px;padding-top:0;} #container #detail_top .btnWrap {display:block;padding-left:0;} #container #detail_top .btnWrap a {width:100%;margin-bottom:15px;} #container #detail_top .btnWrap a:last-child {margin-bottom:0;} } #container #detail_top .related li h2 {font-size:11px;font-weight:normal;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #container #detail_top .related li h3 {font-size:11px;font-weight:bold;color:#ff6600;height:18px;} #container #detail_top .related .price {padding-top:10px;} #container #detail_top .related .price_s {display:inline-block;*display:inline;*zoom:1;font-size:16px;font-family:"Microsoft Yahei",arial;font-weight:bold;color:#D82D28;} #container #detail_top .related .price_s span {font-size:12px;padding-right:3px;} #container #detail_top .related .price_n {display:inline-block;*display:inline;*zoom:1;font-size:12px;font-family:tahoma;color:#999;text-decoration:line-through;padding-left:10px;} #container #detail_top .btnWrap {padding:80px 0px 0px 10px;display:flex;gap:32px;align-items:stretch;} #container #detail_top .btnWrap a {display:block;*display:inline;flex:1;width:auto;min-height:80px;height:100%;vertical-align:top;*zoom:1;box-sizing:border-box;} #container #detail_top .btnWrap a:after {display:block;content:"";clear:both;} #container #detail_top .btnWrap a:hover .ico{background:#D82D28;} #container #detail_top .btnWrap a .ico{float:left;margin-right:10px;width:60px;height:60px;background:#f1672b;border-radius:50%;-moz-border-radius:50%; -webkit-border-radius:50%;cursor:pointer;} #container #detail_top .btnWrap a .ico img {width:35px;margin:12px;} #container #detail_top .btnWrap a .txt {overflow:hidden;min-height:60px;height:auto;color:#f1672b;line-height:1.35;letter-spacing:-0.03em;} #container #detail_top .btnWrap a h1 {color:#f1672b;font-size:14px;height:20px;border-bottom:solid 1px #f1672b;margin-bottom:10px;display:block;} #container #detail_con {border:solid 1px #ddd;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,.05);*zoom:1;text-align:left;margin-top:20px;border-top:0px;} #container #detail_con .tab {height:40px;line-height:40px;border-top:solid 3px #666;border-bottom:solid 1px #ddd;zoom:1; } #container #detail_con .tab:after {clear:both;display:block;content:"";} #container #detail_con .tab li {float:left;width:15%;text-align:center;border-right:solid 1px #ddd;font-size:14px;color:#666;} #container #detail_con .tab li a{color:#666;display:block;outline:0;} #container #detail_con .tab li a span {font:12px tahoma;padding-left:5px;} #container #detail_con .tab li a.selected{color:#D82D28;font-weight:bold;border-top:solid 3px #D82D28;position:relative;top:-3px;background:#fff;margin-bottom:-3px;border-bottom:solid 1px #fff;} /*#container #detail_con .tab a {display:block;float:left;width:15%;text-align:center;border-right:solid 1px #ddd;font-size:14px;color:#666;}*/ #container #detail_con .content {min-height:500px;} #container #detail_con .content>li{min-height:500px;text-align:left;padding:30px;} #container #detail_con .content #tab1 {text-align:center;} #container #detail_con .content #tab1 img {max-width:990px;min-width:500px;} #container #detail_con .content #accordion>ul {width:100%;} /** 글목록 **/ #container #detail_con .content #accordion ul.acc_subj {border-top:solid 2px #666;font-weight:bold;color:#333;margin-top:20px;zoom:1;} #container #detail_con .content #accordion ul.acc_subj:after{clear:both;display:block;content:"";} #container #detail_con .content #accordion ul.acc_subj li {float:left;width:15%;text-align:center;height:40px;line-height:40px;border-bottom:solid 1px #ddd;} #container #detail_con .content #accordion ul.acc_subj li:first-child {width:55%;*width:54.5%;} #container #detail_con .content #accordion ul>li {min-height:40px;text-align:center;border-bottom:solid 1px #ddd;} #container #detail_con .content #accordion ul>li>a{display:block;line-height:40px;color:#666;cursor:pointer;zoom:1;} #container #detail_con .content #accordion ul>li>a:after {clear:both;display:block;content:"";} #container #detail_con .content #accordion ul>li>a>div {float:left;width:15%;} #container #detail_con .content #accordion ul>li>a>div:first-child {width:53%;text-align:left;padding-left:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} #container #detail_con .content #accordion ul>li>a .reply1 {font-size:11px;color:#2c84ce;border:solid 1px #2c84ce;padding:3px;} #container #detail_con .content #accordion ul>li>a .reply2 {font-size:11px;color:#D82D28;border:solid 1px #D82D28;padding:3px;} #container #detail_con .content #accordion ul ul { display: none;clear:both;}/** 글내용 **/ #container #detail_con .content #accordion ul ul>div{line-height:160%;border-top:solid 1px #ddd;padding:15px;background:#f5f5f5;} #container #detail_con .content .guide {border:solid 1px #ddd;background:#f5f5f5;padding:15px;line-height:160%;zoom:1;margin-bottom:15px;} #container #detail_con .content .guide:after {clear:both;display:block;content:""} #container #detail_con .content .guide h1 {font-size:18px;color:#111111;height:60px;float:left;margin-right:20px;} #container #detail_con .content .score {width:74px;height:13px;margin:12px auto;overflow:hidden;background:url('../images/ico_star.png') no-repeat;} #container #detail_con .content .textedit .score {margin:0px 5px 0px 0px;display:inline-block;*display:inline;*zoom:1;vertical-align:baseline;} #container #detail_con .content .score.n5 {background-position:0px 0px;} #container #detail_con .content .score.n4 {background-position:-15px 0px;} #container #detail_con .content .score.n3 {background-position:-30px 0px;} #container #detail_con .content .score.n2 {background-position:-45px 0px;} #container #detail_con .content .score.n1 {background-position:-60px 0px;} #container #detail_con .content .score.n0 {background-position:-75px 0px;} #container #detail_con .content .textedit.main {background:#f5f5f5;border:1px solid #ddd;padding:15px;} #container #detail_con .content .textedit input[type=text] {width:96%;height:26px;border:solid 1px #ddd;margin-bottom:5px;} #container #detail_con .content .textedit textarea {width:100%;height:60px;border:solid 1px #ddd;margin-top:5px;} #container #detail_con .content .textedit.main textarea {width:90%;float:left;margin-right:5px;} #container #detail_con .content .textedit.main .btnWrap {margin:5px 0px 0px 0px;} #container #detail_con .content .textreply {padding-top:10px;border-top:solid 1px #ddd;margin-top:15px;} #container #detail_con .content .ico_qa {font-size:18px;font-weight:bold;color:#D82D28;height:24px;} #container #detail_con .btnWrap{margin-top:10px;} #container #detail_con .btnMemo{font-size:14px;font-weight:bold;color:#333;min-width:60px !important;height:60px;line-height:60px;padding:0px 10px;} #container #detail_delivery #title_sub {border-bottom:dashed 1px #ddd;margin-bottom:20px;} #container #detail_delivery dl.flow {width:28%;display:inline-block;*display:inline;*zoom:1;vertical-align:top;margin:0px 25px;} #container #detail_delivery .flow h1 {font-size:20px;font-weight:bold;color:#333;height:50px;text-align:center;} #container #detail_delivery .flow.red h1 b{color:#D82D28} #container #detail_delivery .flow.blue h1 b{color:#2c84ce} #container #detail_delivery .flow.purple h1 b{color:#6e9b3a} #container #detail_delivery .flow dt {padding-top:10px;height:50px;width:100%;color:#555;font-size:14px;font-weight:bold;line-height:160%;border-radius:30px;-moz-border-radius: 30px; -webkit-border-radius: 30px;text-align:center;border:solid 2px #999;} #container #detail_delivery .flow.red dt {border-color:#e9c2ce;} #container #detail_delivery .flow.blue dt {border-color:#b0c1de;} #container #detail_delivery .flow.purple dt {border-color:#b899df;} #container #detail_delivery .flow dt span {display:block;font:11px tahoma;color:#bbb;} #container #detail_delivery .flow dd {font-family:"Nanum Gothic";color:#bbb;font-size:30px;width:100%;height:30px;background:url(../images/ico_arrow_down.gif) no-repeat 50% 50%;text-indent:-9999;font-size:0px;} #container #detail_delivery .flow .txt {padding-left:50px;padding-top:20px;line-height:160%;text-align:left;} #container_shopinfo {width:100%;padding-bottom:100px;text-align:center;letter-spacing:-2px;} #container_shopinfo .title {padding-top:70px;font-size:20px;height:420px;background:#fff;margin-bottom:-150px;} #container_shopinfo .title>img {margin-bottom:30px;} #container_shopinfo .title b {color:#333;font-weight:900;} #container_shopinfo ul {*zoom:1;width:990px;margin:0px auto;} #container_shopinfo ul:after {clear:both;display:block;content:""} #container_shopinfo li {float:left;width:300px;padding:0px 15px;font-size:16px;} #container_shopinfo li h1 {font-size:22px;font-weight:900;height:40px;color:#333;border-bottom:solid 1px #bbb;margin-bottom:15px;}