.section {*zoom:1; width:1200px; margin:0 auto;} .section:after {content:""; display:block; clear:both;} .clear-fix {*zoom:1;} .clear-fix:after {content:""; display:block; clear:both;} /* global class */ /* reset */ select,input,img,li,button{vertical-align:middle;text-align:left;} strong{font-weight:400;} /* none */ .bg_none{background:none;} .pad_none{padding:0;} .mar_none{margin:0;} .bor_none{border:0 none;} .over_h{overflow:hidden;} /* align */ .txt_left{text-align:left;} .txt_center{text-align:center;} .txt_right{text-align:right;} /* float */ .floatL{float:left;} .floatR{float:right;} .float_a{display:block; float:left;} .list_float{overflow:hidden;} .list_float li{float:left;} /* font */ .font11{font-size:11px;} .font12{font-size:12px;} .font13{font-size:13px;} .font14{font-size:14px;} .font16{font-size:16px;} .bold{font-weight: 600;} .normal{font-weight: 400;} .underline{text-decoration:underline;} .letter-1{letter-spacing:-1px;} .letter0{letter-spacing:0;} .line16{line-height:16px;} .line18{line-height:18px;} /* color */ .blk{color:#2b2b2b;} .g88{color:#888;} .pur{color:#4250b9;} /* ellipsis */ .ellWrap{width:100%;} .ellipsis,.ellipsisList li{display:block;overflow:hidden;width:100%;text-overflow:ellipsis;white-space:nowrap;} /* margin */ .mgl3{margin-left:3px;} .mgl5{margin-left:5px;} .mgl10{margin-left:10px;} .mgl20{margin-left:20px;} .mgr3{margin-right:3px;} .mgr5{margin-right:5px;} .mgr10{margin-right:10px;} .mgr20{margin-right:20px;} .mgt3{margin-top:3px;} .mgt5{margin-top:5px;} .mgt10{margin-top:10px;} .mgt20{margin-top:20px;} .mgt30{margin-top:30px;} .mgb2{margin-bottom:2px;} .mgb5{margin-bottom:5px;} .mgb10{margin-bottom:10px;} .mgb20{margin-bottom:20px;} .mgb30{margin-bottom:30px;} .mgb40{margin-bottom:40px;} .mgb50{margin-bottom:50px;} .mgb60{margin-bottom:60px;} /* padding */ .pdt12{padding-top:12px;} .pdt15{padding-top:15px;} /* display */ .in{display:inline;} /* input */ .txt{height:18px;margin:0;padding:0;font-size:12px;border:1px solid #ccc;background-color:#fff;line-height:17px;text-indent:5px;} .txtH28 {height:18px;margin:0;padding:4px 5px;line-height:18px;border:solid 1px #ccc;} .blind{position:absolute;top:-9999px;overflow:hidden;width:0;height:0;padding:0;line-height:0} /* top Ad */ #topAd{position:relative;overflow:visible !important;width:100%;margin:0 auto;background-color:#fff;} #topAd.hidden{display:none;height:0} #topAd div{width:100%;margin:0 auto;text-align:center} #topAd div a, #topAd div img{vertical-align:top} #topAd button{position:absolute;bottom:19px;right:22px;overflow:hidden;width:19px;height:17px;margin:0;padding:0;text-indent:-9999px;outline:none;border:none;background:url(../imgs/button/btn_cateClose.png) 0 0 no-repeat} #header {height:165px; border-bottom:1px solid #555; background:#fff;} #header .head {height:116px; background:#3f00a3;} #header .head .logo {float:left; padding:39px 0 0 38px;} #header .head .top-search {float:left; padding:34px 0 0 40px; width:488px; position:relative;} #header .head .top-search .search-ip {display:block; width:100%; border:0; height:50px; line-height:50px; border-radius:30px; box-sizing:border-box; padding:0 65px 0 40px; font-size:14px; letter-spacing:-0.05em;} #header .head .top-search .search-ip::-webkit-input-placeholder {color: #9c9c9c;} #header .head .top-search .search-ip:-ms-input-placeholder {color: #9c9c9c;} #header .head .top-search .search-ip::-webkit-input-placeholder {color: #9c9c9c;} #header .head .top-search .search-ip:-ms-input-placeholder {color: #9c9c9c;} #header .head .top-search .btn-search {position:absolute; right:10px; top:34px; width:50px; height:50px; font-size:0; line-height:0; background:url(/images/v2/btn-search.png) center no-repeat;} #header .head .top-my {float:left; padding:30px 0 0 10px; width:195px; font-size:0; line-height:0;} #header .head .top-my a {display:inline-block; width:65px; text-align:center; position:relative;} #header .head .top-my a .t-my-name {display:block; font-size:10px; color:#fff; line-height:16px; letter-spacing:-0.025em;} #header .head .top-my a:before {content:""; position:absolute; left:0; top:17px; width:1px; height:7px; background:#fff;} #header .head .top-my a:first-child:before {display:none;} #header .head .top-user {float:right; padding:50px 0 0; text-align:right;} #header .head .top-user .btn-user-guide {display:inline-block; font-size:11px; letter-spacing:-0.025em; color:#ffffff; height:22px; line-height:22px; padding:0 12px; background:#712fd9; border-radius:13px; margin-right:5px;} #header .head .top-user .top-member {padding-top:5px;} #header .head .top-user .top-member a {display:inline-block; font-size:13px; color:#fff; padding:0 10px; position:relative;} #header .head .top-user .top-member a:before {content:""; position:absolute; left:-1px; top:8px; width:1px; height:7px; background:#fff;} #header .head .top-user .top-member a:first-child:before {display:none;} #header .gnb {position:relative;} #header .gnb .btn-all-gnb {float:left; width:190px; border-right:1px solid #e0e0e0; text-align:left; line-height:49px; font-size:16px; height:49px; letter-spacing:-0.06em; position:relative; color:#444444; box-sizing:border-box; padding:0 0 0 43px; background:url(/images/v2/all-cate-icon.png) 13px 19px no-repeat;} #header .gnb .btn-all-gnb:after {content:""; display:inline-block; width:11px; height:6px; background:url(/images/v2/all-cate-arrow.png) top left no-repeat; position:absolute; top:24px; right:40px;} #header .gnb .special-gnb {float:left;} #header .gnb .special-gnb .special-gnb-link {display:inline-block; float:left; height:49px; line-height:49px; font-size:16px; color:#444444; letter-spacing:-0.06em; margin:0 0 0 45px;} #header .gnb .special-gnb .special-gnb-link strong {font-weight:500;} #header .gnb .special-gnb .special-gnb-link strong.gnb-point {color:#3f00a3;} #header .gnb .main-gnb {float:right;} #header .gnb .main-gnb .main-gnb-link {display:inline-block; float:left; font-size:13px; line-height:49px; height:49px; color:#545454; letter-spacing:-0.025em; font-weight:500; padding:0 10px; position:relative;} #header .gnb .main-gnb .main-gnb-link:before {content:""; display:block; position:absolute; width:7px; height:9px; background:url(/images/v2/main-gnb-vline.png) top left no-repeat; left:-4px; top:20px;} #header .gnb .main-gnb .main-gnb-link:first-child:before {display:none;} #header .gnb .all-gnb-area {position:absolute; left:0; top:50px; background:#fff; width:100%; z-index:5; display:none;line-height:22px;} #header .gnb .all-gnb-area .all-gnb-box {float:left; width:202px; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; padding:15px 20px 15px; height:350px;} #header .gnb .all-gnb-area .all-gnb-box:first-child {width:190px; border-left:1px solid #dedede;} #header .gnb .all-gnb-area .all-gnb-box dt a {font-size:18px; font-weight:500; letter-spacing:-0.06em; color:#444444; line-height:20px; margin-bottom:5px;} #header .gnb .all-gnb-area .all-gnb-box dd li a {font-size:13px; line-height:20px; letter-spacing:-0.025em; color:#747474;} #header .gnb .all-gnb-area .all-gnb-box dd + dt {margin-top:15px;} #header .gnb .all-gnb-area .all-gnb-box-2 {float:left; width:190px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; box-sizing:border-box; padding:15px 20px 15px; height:350px;} #header .gnb .all-gnb-area .all-gnb-box-2 dt a {font-size:18px; font-weight:500; letter-spacing:-0.06em; color:#444444; line-height:20px; margin-bottom:5px;} #header .gnb .all-gnb-area .all-gnb-box-2 dd li a {font-size:13px; line-height:20px; letter-spacing:-0.025em; color:#747474;} #header .gnb .all-gnb-area .all-gnb-box-2 dd + dt {margin-top:15px;} /* 검색 */ .search-result {position: absolute;border: 1px solid #d4d4d4;border-top: none;border-bottom: none;border-collapse: separate;font-family: 'Noto Sans KR', sans-serif;z-index: 99;left: 40px;right: 0;max-width: 383px;width: 383px;background-color:white;margin: 0 auto;} .search-result__title {width: 100%;border-top: 1px solid #d4d4d4;border-bottom: 1px solid #d4d4d4;} .search-result__title .item-content {border-bottom: 0;} .search-result__item {width: 100%;cursor: pointer;} .search-result__item .item-content {line-height: 38px;} .search-result__item:first-child {border-top: 1px solid #d4d4d4;} .search-result__item:last-child {border-bottom: 1px solid #d4d4d4;} .search-result__item:hover {background-color: #e9e9e9;} .search-result__item:active {background-color: DobgerBlue;color: white;} .search-result__item:nth-child(10) .item-content {border-bottom: none;} .item-content {display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;margin: 0 20px;line-height: 40px;} .item-content__rank {font-weight: 400;} .item-content__keyword {width:85%;min-width: 260px;display: flex;} .content-highlight {font-family:'Noto Sans KR', sans-serif;color: red;} .item-content__arrow {display:flex;flex-direction: column;margin:0 auto;} .item-content__arrow img {margin: auto;} .item-content .item-content__left {font-weight: 600;} .item-content .item-content__right {float: right;font-weight: 300; font-size: 12px;} .searchTerm{color:gray;} .newIcon {background-color:#6c5ce7;color:#fff;line-height: 0.8rem;font-family: 'Noto Sans KR', sans-serif;font-weight: 300;font-size: 0.7rem;text-align: center;border: 0;border-radius: 2px;padding: 0px 3px 0px 3px;} /* container */ #container{position:relative;/* width:1200px; */min-height:540px;margin-top:20px;clear:both;} /*JSLee 기획전(분류이벤트)페이지 상단 이미지 width 100% css 충돌*/ #container:after{content:"";display:block;clear:both} /* contents */ #contents{float:right;width:980px;text-align:left;padding:0 0 50px} /* 왼쪽메뉴 있을 때 */ #contents100{width:100%;text-align:left;margin:0 0 50px;clear:both;} /* 왼쪽메뉴 없을 때 */ /* navi */ #navi{overflow:hidden;padding:0;height:40px} #navi li{float:left;font-size:11px;line-height:24px;background:url(../imgs/icon/bul_navi.gif) left center no-repeat;padding:0 5px 0 10px} #navi li.home{background:url(../imgs/icon/ico_home.gif) left 7px no-repeat;padding:3px 5px 3px 15px;line-height:18px;} /* category navi */ #navi button.ctg{height:24px;border:solid 1px #ccc;font-size:11px;color:#666;padding:0 28px 0 10px;margin:0;line-height:14px;font-weight:400;background:url(../imgs/button/navi_category_btn.gif) #fff right no-repeat} #navi li div{position:absolute;top:0px;z-index:10;display:none;} #navi li div ol{background:#fff;border:solid 2px #aaa;margin-top:24px;display:flex;padding-top:5px;} #navi li div ol:after{content:" ";display:block;clear:both} #navi li div ol li{padding:0 0 0 10px;background:none;border-right:solid 1px #ddd;width:180px;} #navi li div ol li.last{border-right:none} #navi li div ol li a{color:#444;display:block;line-height:18px;height:21px;white-space:nowrap;} #navi li div ol li a:hover{color:#FE5B5B;font-weight:bold;text-decoration:underline;} #navi li div ol li a.on{font-weight:bold;color:#f4620b} /* 타이틀 */ .bul_red_arrow{padding-left:17px;background:url(../imgs/icon/bul_red_arrow.gif) 0 2px no-repeat} .red_square_dotList li,.red_square_dot{padding-left:10px;font-size:11px;background:url(../imgs/icon/bul_red_square.gif) 0 7px no-repeat;line-height:16px;color:#666} .bul_red_rect{padding:0 0 10px 15px;border-bottom:1px solid #e1e1e1;background:url(../imgs/icon/bul_red_rect.gif) 6px 0 no-repeat} .sub_title{margin-bottom:20px;padding:0 0 15px 10px;font-size:0;background:url(../title/bg_sub_title.gif) 0 bottom repeat-x;line-height:0} .big_title {color:#222;font-size:32px;font-weight:600;letter-spacing:-1px;border-bottom:solid 2px #555;padding-bottom:16px;margin-bottom:20px;} .big_title .summary {font-size:14px;color:#777;padding-left:16px;} .big_title.lnb {font-size:26px;padding-bottom:10px} .big_title.lnb .summary {font-size:12px;padding-left:14px;} .middle_title {color:#222;font-size:18px;font-weight:600;letter-spacing:-1px;} .middle_title .summary {font-size:11px;padding-left:8px;color:#777;} .small_title {color:#555;font-size:14px;font-weight:600;letter-spacing:-1px;} .small_title .summary {font-size:11px;padding-left:8px;color:#999;} .small_title .rtree {float:right;} .small_title .rtree select {font-family:'Noto Sans KR',sans-serif;font-size:13px;border: 1px solid #e8e8e8;} .bgSubnote {padding:15px 20px;font-size:11px;color:#666;background:#f8f8f8;} .titles_box {position: relative} .titles_box .history {position: absolute;right: 0;top: 50%;height: 30px;margin-top: -15px;padding: 0 10px;} /* lnb_area */ #lnb_area{float:left;overflow:hidden;width:180px;margin-right:20px} #lnb_area h2.ctg_txt a{display:block;color:#222;padding:3px 0 10px 5px;font-size:16px;font-weight:bold;letter-spacing:-0.1em;background:url(../imgs/icon/ctg_icon.png) right 5px no-repeat} #lnb_area .ctg{padding:14px 12px;font-size:12px;border-top:1px solid #414141;border-bottom:1px solid #414141;background-color:#fff;letter-spacing:-0.1em} #lnb_area .ctg li{line-height:26px} #lnb_area .ctg li.on a{color:#f4620b !important} #lnb_area .ctg li a{color:#888} #lnb_area .ctg li a:hover{color:#f4620b !important} #lnb_area .lnb_banner{margin-top:20px} #lnb_area_sub{float:left;overflow:hidden;width:180px;margin-right:20px;font-size:11px;padding-bottom:50px;} #lnb_area_sub .left_my_info{border:1px solid #444} #lnb_area_sub .left_my_info span{display:block;width:100%;padding:7px 0;background-color:#444;text-align:center;color:#fff} #lnb_area_sub .left_my_info p{padding:13px 0;text-align:center;color:#808183} #lnb_area_sub .left_my_info ul{padding:10px 10px 0} #lnb_area_sub .left_my_info ul li{position:relative;margin-bottom:8px;padding-left:8px;background:url(../imgs/icon/bul_left_info.gif) 0 3px no-repeat;line-height:11px;color:#808183} #lnb_area_sub .left_my_info ul li div{position:absolute;right:0;top:0;color:#3f3b39} #lnb_area_sub .left_navigation > li{border-bottom:solid 1px #ddd;} #lnb_area_sub .left_navigation li > div {font-weight:400;padding:8px 5px 7px} #lnb_area_sub .left_navigation li > div a{color:#6a6a6a} #lnb_area_sub .left_navigation li ul{padding:7px 0 3px;border-top:solid 1px #ddd;background:#f9f9f9;} #lnb_area_sub .left_navigation li li{padding:0 0 0 15px;border:0 none;background:none;line-height:20px;letter-spacing:-1px} #lnb_area_sub .left_navigation li li a {color:#666} #lnb_area_sub .lnb_banner{margin-top:20px} #lnb_area_sub .lnb_banner img {max-width:100%;} #footer {border-top:1px solid #d3d3d3;} #footer .foot-menu {border-bottom:1px solid #d3d3d3; text-align:center; padding:8px 0;} #footer .foot-menu a {display:inline-block;padding:0 16px;vertical-align:middle;font-size:13px;color:#2d2d2d;line-height:16px} #footer .foot-info-area {padding:20px 0 60px;} #footer .foot-info-area .foot-logo {float:left;} #footer .foot-info-area .foot-info {float:left; margin-left:80px;} #footer .foot-info-area .foot-info dt {color:#333;font-size:12px;line-height:15px; font-weight:700;} #footer .foot-info-area .foot-info dd li {float:left; margin-left:30px;font-size:12px;line-height:15px;} #footer .foot-info-area .foot-info dd li:first-child {margin-left:0;} #footer .foot-info-area .foot-info dd li .btn-foot-busi {display:inline-block; border:1px solid #d1d1d1; background:#e9e9e9; height:20px; line-height:20px; padding:0 5px;} #footer .foot-busi-logo {float:right;} #footer .foot-busi-logo li {float:left; margin-left:70px;} #footer .foot-busi-logo li:first-child {margin-left:0;} /* 하단 모바일 버전으로 보기 */ .go_mobile{clear:both;background:#444;text-align:center;margin-top:10px} .go_mobile a{display:block;color:#fff;font-size:53px;padding:37px 0} /* 버튼 */ .btn_mid{text-align:center} .btn_left{text-align:left} .btn_right{text-align:right} /* 버튼 */ .wrap_buttons {text-align:center;margin-top:40px;} .wrap_buttons button, .wrap_buttons a {display:inline-block;*zoom:1;*display:inline;vertical-align:top;color:#fff !important;font-size:18px;line-height:18px;text-align:center;padding:13px 0 15px;width:176px;background:#444;border-bottom:solid 1px #444;font-family:'Noto Sans KR',sans-serif; font-weight: 600;} .wrap_buttons .gray {background:#888;border:solid 1px #888;} .wrap_buttons .bor {background:#fff;border:1px solid #999;color:#888 !important;} .wrap_buttons.popup {margin-top:20px;} .wrap_buttons.popup button, .wrap_buttons.popup a {font-size:14px;padding:8px 0 10px;width:122px;} .buttons {display:inline-block;*zoom:1;*display:inline;vertical-align:top;background:#f8f8f8;border:1px solid #bbb;color:#888;padding:2px 8px 3px;font-size:12px;} .buttons.dark {background:#444;border:solid 1px #444;color:#fff !important;} .buttons.gray {background:#888;border:solid 1px #888;color:#fff !important;} .buttons_new {display:inline-block;*zoom:1;*display:inline;vertical-align:middle;background:#f8f8f8;border:1px solid #bbb;color:#888;padding:2px 8px 3px;font-size:12px;} .buttons_new.dark {background:#444;border:solid 1px #444;color:#fff !important;} .buttons_new.gray {background:#888;border:solid 1px #888;color:#fff !important;} .wrap_buttons_right {text-align:center;margin-top:40px;} .wrap_buttons_right button, .wrap_buttons_right a {display:inline-block;*zoom:1;*display:inline;vertical-align:top;color:#fff !important;font-size:18px;text-align:center;padding:13px 0 15px;width:176px;background:#444;border-bottom:solid 1px #444;font-weight: 600;} .wrap_buttons_right .gray {background:#888;border:solid 1px #888;} .wrap_buttons_right .bor {background:#fff;border:1px solid #999;color:#888 !important;} .wrap_buttons_right.popup {margin-top:20px;} .wrap_buttons_right.popup button, .wrap_buttons_right.popup a {font-size:14px;padding:8px 0 10px;width:122px;} /* paging */ /* style.css의 신규 퍼블리싱으로 대체 */ /* .paging{overflow:hidden;text-align:center;margin-top:30px; margin-bottom: 10px; line-height: 12px;} .paging li{display:inline;} .paging li a{padding-right:9px;margin-left:3px;background:url(../imgs/global/bul_paging.gif) right 5px no-repeat} .paging li a strong{color:#333;font-weight: 800;} .paging li a.end{padding:0;margin-right:3px;background:none} .paging li a.first, .paging li a.prev, .paging li a.next, .paging li a.last{padding:0;margin:0;background:none} .paging li a.prev{margin-right:7px} .paging li a.next{margin-left:7px} */ /* 카테고리박스 */ .box_ctg_small{padding-bottom:5px;background:url(../imgs/goods/bg_ctg_bottoms.png) 0 bottom no-repeat} .box_ctg_small h3{padding:15px 0 7px 25px;*padding:15px 0 9px 25px;font-size:12px;background:url(../imgs/goods/bg_ctg_tops.png) 0 0 no-repeat;font-weight:bold} .box_ctg_small ul{overflow:hidden;padding:12px 0 5px 25px;background:url(../imgs/goods/bg_ctg_mids.gif) 0 0 repeat-y} .box_ctg_small ul li{padding:0 0 9px 16px;background:url(../imgs/button/btn_ctg_more.gif) 6px 6px no-repeat;float:left;width:22%} .box_ctg_big{overflow:hidden;margin:15px 0 20px;padding-bottom:8px;background:url(../imgs/goods/bg_ctg_bottom.png) 0 bottom no-repeat} .box_ctg_big h3{height:14px;margin:0;font-weight:600;background:url(../imgs/goods/bg_ctg_top_v2.png) 0 0 no-repeat} .box_ctg_big ul{overflow:hidden;padding:12px 0 10px 25px;background:url(../imgs/goods/bg_ctg_mid.gif) 0 0 repeat-y} .box_ctg_big ul li{padding:0 0 9px 16px;float:left;width:18%;font-weight: 500;} .box_ctg_big ul li a{color:#535353} /* 쿠폰 조회 */ .listHidden{display:none} /* 레이어박스 */ .layer_wrap{background:#f4f4f4;padding:5px} .layer_wrap .layer_cont{border:solid 1px #ccc;background:#fff;padding:20px 15px 30px} .layer_cont h1{color:#222;font-size:18px;font-weight:600;letter-spacing:-1px;border-bottom:solid 2px #555;padding-bottom:10px;margin-bottom:20px;} .layer_cont h2{font-weight:bold;color:#3d3d3d;font-size:12px} .layer_wrap .layer_cont p.txt_area{overflow:hidden;margin-bottom:20px;padding:17px 19px;font-size:11px;border:1px solid #dcdcdc;background-color:#f8f8f8;color:#555} .layer_wrap .layer_cont .couponList{overflow-y:auto;max-height:240px;margin:0 0 20px;padding:4px 10px 5px;border:1px solid #dcdcdc;background:#f8f8f8} .layer_wrap .layer_cont .couponList li{padding:3px 0 3px 8px;word-wrap:break-word;font-size:12px;color:#555;line-height:18px;background:url(../imgs/icon/bul_left_info.gif) 0 11px no-repeat} /*---------------------------------------------- table ------------------------------------------------------*/ .table_fixed{table-layout:fixed} .table_ver{margin:10px 0 0;border-top:1px solid #444} .table_ver thead{background:#f8f8f8;border-left:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb;border-bottom:solid 1px #dbdbdb} .table_ver thead th{text-align:center;font-weight:normal;padding:9px 0 7px;color:#444} .table_ver tbody td{text-align:center;padding:10px 0;color:#666;border-bottom:solid 1px #dbdbdb;line-height:16px;word-break:break-all}/*1224띄어쓰의 없을경우 테이블 벗어남*/ .table_ver tbody td button{margin:2px 0} .table_ver tbody td.text_left{text-align:left;padding:9px 10px 7px} /* 총 합계 쪽 */ .table_ver tr.total_price td{height:50px !important;padding:0 !important;background-color:#f7f7f7} .table_ver tr.total_price td div{position:relative;width:100%;height:100%} .table_ver tr.total_price td p{position:absolute;right:0;top:0;display:inline-block;margin:5px 6px;padding:10px 13px;border:1px solid #e6e6e6;background-color:#fff;color:#000} .table_ver tr.total_price td p span{display:inline-block;margin-right:120px} .table_ver tr.total_price td p span{margin-right:38px} /* 상품이미지,상품명 */ .table_ver tbody td.table_product{text-align:left;padding:10px} .table_ver tbody td.table_product a{float:left} .table_ver tbody td.table_product a img{border:solid 1px #e6e6e6;width:120px;height:120px;margin-right:10px} .table_ver tbody td.table_product a img.no{border:none;width:auto;margin-right:0} .table_ver tbody td.table_product p{float:left;width:80%;margin:5px 0 0} .table_ver tbody td.table_product p a{width:100%} .table_ver tbody td.table_product p img{clear:both} #contents .table_ver tbody td.table_product p{width:60%} .table_hor{margin:10px 0 0;border-top:1px solid #444} .table_hor tbody th{background:#f8f8f8;text-align:left;font-weight:normal;padding:9px 15px 7px;color:#444;border-bottom:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb} .table_hor tbody th.line{border-left:solid 1px #dbdbdb} .table_hor tbody td{text-align:left;padding:10px 15px;color:#666;border-bottom:solid 1px #dbdbdb;line-height:16px;word-break:break-all}/*1224띄어쓰의 없을경우 테이블 벗어남*/ /* 상품이미지,상품명 */ .table_hor tbody td.table_product{text-align:left;padding:10px} .table_hor tbody td.table_product a{float:left} .table_hor tbody td.table_product a img{border:solid 1px #e6e6e6;width:80px;margin-right:10px} .table_hor tbody td.table_product p{float:left;width:80%;margin:5px 0 0} .popCloseButton{display:inline-block;position:relative;top:-1px;overflow:hidden;width:39px;height:0;margin:0 0 0 5px;padding:19px 0 0;vertical-align:middle;line-height:20px;background:url(../imgs/button/btn_close_popup.gif) 0 0 no-repeat} /* 공통상품 */ .product_box {border-top:solid 1px #000;border-bottom:solid 1px #d3d3d3;} .common_product {margin-left:-36px;padding-top:40px;} .common_product ul {overflow:hidden;} .common_product li {float:left;width:273px;margin-left:36px;margin-bottom:35px;} .common_product li .check {margin-bottom:5px;} .common_product li .check input {margin:0} .common_product li a.link_box {display:block;} .common_product li a.link_box > span {display:block;} .common_product li a.link_box .thumb_box {width:271px;height:271px;border:solid 1px #e4e4e4;position:relative;overflow: hidden;} .common_product li a.link_box .thumb_box .thumb {width:100%;} .common_product li a.link_box .thumb_box .best {display:block;position:absolute;left:5px;top:5px;} .common_product li a.link_box .info_box {padding:12px 0 0;} .common_product li a.link_box .info_box .name {display:block;color:#444;font-size:14px;height:38px;line-height:19px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;} .common_product li a.link_box .info_box .summary {display:block;font-size:11px;height:21px;line-height:21px;word-wrap:break-word;color:#777;margin-top:3px;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .common_product li a.link_box .info_box .pricebox {display:block;height:27px;overflow:hidden;margin-top:9px;line-height:27px;} .common_product li a.link_box .info_box .market, .common_product li a.link_box .info_box .marketPrice {display:block;float:left;color:#999;text-decoration:line-through;margin-right:10px;vertical-align:top;} .common_product li a.link_box .info_box .price {display:block;float:left;color:#000;font-size:12px;vertical-align:top;} .common_product li a.link_box .info_box .price strong {font-weight:800;font-size:16px;} .common_product li a.link_box .info_box .icons {height:15px;overflow:hidden;margin-top:5px;font-size:12px !important;line-height:0 !important;} .common_product li.none_pro {clear:both;width:100%;text-align:center;padding:50px 0;color:#999} /* 상품관련 */ .pro_name {display:block;color:#444;line-height:16px;font-size:13px;height:32px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;font-weight: 500;} .pro_name a {color:#444;} .pro_summary{display:block;font-size:11px;height:16px;word-wrap:break-word;color:#777;margin-top:5px;text-overflow: ellipsis;white-space: nowrap;} .pro_market{display: block;overflow: hidden;height: 22px;text-overflow: ellipsis;-o-text-overflow: ellipsis;margin: 0 10px;white-space: nowrap;text-align: center;font-size: 13px;color: #7b7b7b;line-height: 22px;text-decoration: line-through;} .pro_market2{display: block;overflow: hidden;height: 22px;text-overflow: ellipsis;-o-text-overflow: ellipsis;white-space: nowrap;font-size: 13px;color: #7b7b7b;line-height: 22px;text-decoration: line-through;} .pro_summary a {color:#777} .org_price{display:block;} .org_price del{display:block;color:#999;text-decoration:line-through;overflow:hidden;margin-top:8px;} .sale_price{display:block;font-weight:600;color:#000;font-size:15px;overflow:hidden;margin-top:6px;} .point{display:block;font-size:12px;color:#7b7b7b;margin-top:5px;} .icons{display:block;height:16px;overflow:hidden;margin-top:5px;font-size:5px !important;line-height:0 !important;} .dragDummy{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:url(../imgs/global/dummy.gif) 0 0 repeat} /* 코인화면 본인인증 */ .box_verity_coin{margin:12px 0;border-top:1px solid #444;border-bottom:solid 1px #dbdbdb} .box_verity_coin .type_check{margin:20px 9px 15px;font-size:11px;text-align:left} .box_verity_coin .type_check input{margin:0 0 0 18px} .box_verity_coin .type_check label{color:#666} .box_verity_coin .type_btn{background:#f1f1f1;padding:12px 27px} .box_verity_coin ul{margin:20px 27px} .box_verity_coin ul li{color:#888} #quick-wrap {position:absolute; left:50%; margin-left:610px; top:175px; width:100px; z-index:3;} #quick-wrap.fixed {position:fixed; top:10px;} #quick-wrap .quick-my {border:1px solid #dedede; background:#f4f4f4; padding:0 5px; margin-bottom:7px;} #quick-wrap .quick-my .my-section {padding:10px 0;} #quick-wrap .quick-my .my-section + .my-section {background:url(/images/v2/quick-dot.png) top left repeat-x;} #quick-wrap .quick-my .my-section dt {padding-left:18px; position:relative; font-size:12px; color:#000000; letter-spacing:-0.025em;} #quick-wrap .quick-my .my-section dt .my-icon {position:absolute; left:0; top:3px;} #quick-wrap .quick-my .my-section dd {text-align:center; font-size:11px; font-weight:bold; color:#3f00a3;} #quick-wrap .quick-recently {position:relative; padding:7px 0; background:rgba(255,255,255,0.6);} #quick-wrap .quick-recently:before {content:""; display:block; width:100px; height:7px; position:absolute; top:0; left:0; box-sizing:border-box; border:1px solid #000; border-bottom:0;} #quick-wrap .quick-recently:after {content:""; display:block; width:100px; height:7px; position:absolute; bottom:0; left:0; box-sizing:border-box; border:1px solid #000; border-top:0;} #quick-wrap .quick-recently .recently-tt {text-align:center; font-size:13px; letter-spacing:-0.05em; color:#000000; line-height:20px; height:20px;} #quick-wrap .quick-recently .recently-cont {width:83px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:13px auto; padding:0 0 9px; position:relative;} #quick-wrap .quick-recently .recently-cont:before {content:""; position:absolute; display:inline-block; width:0; height:0; border-bottom:5px solid #000; border-left:5px solid transparent; border-right:5px solid transparent; top:-9px; left:50%; margin-left:-5px;} #quick-wrap .quick-recently .recently-cont:after {content:""; position:absolute; display:inline-block; width:0; height:0; border-top:5px solid #000; border-left:5px solid transparent; border-right:5px solid transparent; bottom:-10px; left:50%; margin-left:-5px;} #quick-wrap .quick-recently .recently-box {font-size:0; line-height:0; text-align:center;} #quick-wrap .quick-recently .recently-box {position:relative;margin: 6px 0px;} #quick-wrap .quick-recently .recently-box ul {position:absolute;width: 100%;} #quick-wrap .quick-recently .recently-box .recently-prod {width:50px; height:50px; border:1px solid #dedede; margin-top:2px; display:inline-block;} #quick-wrap .quick-recently .recently-box .recently-prod img {width:50px; height:50px;} #quick-wrap .quick-recently .recently-box .recently-prod:first-child {margin-top:0;} #quick-wrap .quick-recently .recently-box ul li {width:50px; height:50px; border:1px solid #dedede; margin-top:2px; display:inline-block;} #quick-wrap .quick-recently .recently-box ul li a img {width:50px; height:50px;} #quick-wrap .quick-recently .recently-box ul li:first-child {margin-top:0;} #quick-wrap .quick-recently .recently-nav {width:65px; height:18px; box-sizing:border-box; margin: 0 auto; border:1px solid #e1e1e1; text-align:center; font-size:0; line-height:0; padding:2px 0;} #quick-wrap .quick-recently .recently-nav .recently-num {font-size:9px; line-height:11px; color:#bbbbbb; letter-spacing:-0.05em; display:inline-block; margin:0 5px;} #quick-wrap .quick-recently .recently-nav .recently-num strong {color:#555555;} #quick-wrap .quick-recently .recently-nav .recently-btn-prev {font-size:0; line-height:0; width:11px; height:11px; background:url(/images/v2/quick-nav-left.png) top left no-repeat;} #quick-wrap .quick-recently .recently-nav .recently-btn-next {font-size:0; line-height:0; width:11px; height:11px; background:url(/images/v2/quick-nav-right.png) top left no-repeat;} #quick-wrap .quick-recently .recently-nav * {vertical-align:top;} #quick-wrap .btn-top {display:block; border:1px solid #dedede; background:#f4f4f4; text-align:center; font-size:11px; color:#888888; font-weight:bold; width:100px; box-sizing:border-box; height:26px; line-height:24px; margin-top:7px; margin-bottom:7px;} #quick-wrap .btn-top:after {content:""; display:inline-block; width:0; height:0; border-bottom:5px solid #888; border-left:5px solid transparent; border-right:5px solid transparent; margin:-3px 0 0 3px;} #quick-wrap .btn-top span {display:inline-block;} #quick-wrap .btn-top * {vertical-align:middle;} .main-visual-swiper {padding-bottom:25px;} .main-visual-section {*zoom:1;} .main-visual-section:after {content:""; display:block; clear:both;} .main-visual-section .main-visual-item {width:590px; height:562px; position:relative;} .main-visual-section .main-visual-item:nth-child(odd) {float:left;} .main-visual-section .main-visual-item:nth-child(even) {float:right;} .main-visual-section .main-visual-item a {display:block;} .main-visual-section .main-visual-item .main-v-info {position:absolute; bottom:0; right:0; width:400px; height:100px; background:#fff; padding:20px 0 0 20px; box-sizing:border-box;} .main-visual-section .main-visual-item .main-v-info dl dt {font-size:17px; color:#333333; line-height:25px; font-weight:500;} .main-visual-section .main-visual-item .main-v-info dl dd {font-size:14px; line-height:20px; color:#999999; letter-spacing:-0.05em;} .main-visual-section .main-visual-item .main-v-info .hash {margin-top:10px;} .main-visual-section .main-visual-item .main-v-info .hash span {display:inline-block; margin-right:5px; line-height:15px; font-size:12px; color:#ff452c; letter-spacing:-0.025em; font-weight:300;} .main-visual-swiper .btn-main-left.big-button {position:absolute; left:0; top:257px; width:45px; height:50px; background:url(/images/v2/main-visual-left.png) top left no-repeat; z-index:1; cursor:pointer;} .main-visual-swiper .btn-main-right.big-button {position:absolute; right:0; top:257px; width:45px; height:50px; background:url(/images/v2/main-visual-right.png) top left no-repeat; z-index:1; cursor:pointer;} .main-visual-swiper .swiper-play-box {margin:15px auto 0; width:155px; height:40px; border:1px solid #dedede; box-sizing:border-box; padding:7px 5px; position:relative;} .main-visual-swiper .swiper-play-box .main-v-page {display:inline-block; width:35px; font-size:13px; height:24px; line-height:24px; color:#555555; font-weight:300; letter-spacing:0.05em;text-align:center;} .main-visual-swiper .swiper-play-box .main-v-page .swiper-pagination-current {color:#555555;} .main-visual-swiper .swiper-play-box .main-v-page .swiper-pagination-total {color:#bbbbbb;} .main-visual-swiper .swiper-play-box .btn-main-left.small-button {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-left.png) center no-repeat;} .main-visual-swiper .swiper-play-box .btn-main-right.small-button {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-right.png) center no-repeat;} .main-visual-swiper .swiper-play-box .swiper-button-pause {position:absolute; top:7px; right:5px; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-pause.png) center no-repeat;} .main-visual-swiper .swiper-play-box .swiper-button-play {position:absolute; top:7px; right:5px; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-play.png) center no-repeat;} .main-visual-swiper .swiper-play-box * {vertical-align:top;} /* 식자재 메인 스와이프 */ .main-food-swiper {padding-bottom:25px;} .main-food-section {*zoom:1;} .main-food-section:after {content:""; display:block; clear:both;} .main-food-section .main-food-item {width:590px; height:281px; position:relative;} .main-food-section .main-food-item:nth-child(odd) {float:left;} .main-food-section .main-food-item:nth-child(even) {float:right;} .main-food-section .main-food-item a {display:block;} .main-food-section .main-food-item a img {width:590px;height:281px;} .main-food-section .main-food-item .main-v-info {position:absolute; bottom:0; right:0; width:400px; height:100px; background:#fff; padding:20px 0 0 20px; box-sizing:border-box;} .main-food-section .main-food-item .main-v-info dl dt {font-size:17px; color:#333333; line-height:25px; font-weight:500;} .main-food-section .main-food-item .main-v-info dl dd {font-size:14px; line-height:20px; color:#999999; letter-spacing:-0.05em;} .main-food-section .main-food-item .main-v-info .hash {margin-top:10px;} .main-food-section .main-food-item .main-v-info .hash span {display:inline-block; margin-right:5px; line-height:15px; font-size:12px; color:#ff452c; letter-spacing:-0.025em; font-weight:300;} .main-food-swiper .btn-main-left.big-button {position:absolute; left:0; top:120px; width:45px; height:50px; background:url(/images/v2/main-visual-left.png) top left no-repeat; z-index:1; cursor:pointer;} .main-food-swiper .btn-main-right.big-button {position:absolute; right:0; top:120px; width:45px; height:50px; background:url(/images/v2/main-visual-right.png) top left no-repeat; z-index:1; cursor:pointer;} .main-food-swiper .swiper-play-box {margin:15px auto 0; width:155px; height:40px; border:1px solid #dedede; box-sizing:border-box; padding:7px 5px; position:relative;} .main-food-swiper .swiper-play-box .main-v-page {display:inline-block; width:35px; font-size:13px; height:24px; line-height:24px; color:#555555; font-weight:300; letter-spacing:0.05em;text-align:center;} .main-food-swiper .swiper-play-box .main-v-page .swiper-pagination-current {color:#555555;} .main-food-swiper .swiper-play-box .main-v-page .swiper-pagination-total {color:#bbbbbb;} .main-food-swiper .swiper-play-box .btn-main-left.small-button {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-left.png) center no-repeat;} .main-food-swiper .swiper-play-box .btn-main-right.small-button {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-right.png) center no-repeat;} .main-food-swiper .swiper-play-box .swiper-button-pause {position:absolute; top:7px; right:5px; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-pause.png) center no-repeat;} .main-food-swiper .swiper-play-box .swiper-button-play {position:absolute; top:7px; right:5px; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-play.png) center no-repeat;} .main-food-swiper .swiper-play-box * {vertical-align:top;} .main-gray {background:#f3f3f3;} .main-tt {text-align:center; margin-bottom:35px;} .main-tt * {vertical-align:middle;} .main-tt .main-tt-icon {display:inline-block; width:40px; font-size:12px; line-height:14px; height:16px; border-radius:8px; border:1px solid #ccc; letter-spacing:-0.05em; font-weight:500; margin-right:5px;} .main-tt .main-tt-txt {font-size:25px; color:#333333; font-weight:bold; letter-spacing:-0.05em; line-height:27px; display:inline-block;} .main-directer {padding:30px 0 35px; position:relative;} .main-directer .directer-section {*zoom:1;} .main-directer .directer-section:after {content:""; display:block; clear:both;} .main-directer .directer-section .state1 {display:inline-block; width:55px; text-align:center; color:#fff; line-height:17px; height:17px; font-size:12px; letter-spacing:-0.05em; background: rgba(253,104,18,1); background: -moz-linear-gradient(left, rgba(253,104,18,1) 0%, rgba(237,30,33,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(253,104,18,1)), color-stop(100%, rgba(237,30,33,1))); background: -webkit-linear-gradient(left, rgba(253,104,18,1) 0%, rgba(237,30,33,1) 100%); background: -o-linear-gradient(left, rgba(253,104,18,1) 0%, rgba(237,30,33,1) 100%); background: -ms-linear-gradient(left, rgba(253,104,18,1) 0%, rgba(237,30,33,1) 100%); background: linear-gradient(to right, rgba(253,104,18,1) 0%, rgba(237,30,33,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6812', endColorstr='#ed1e21', GradientType=1 ); } .main-directer .directer-section .state2 {display:inline-block; width:55px; text-align:center; color:#fff; line-height:17px; height:17px; font-size:12px; letter-spacing:-0.05em; background: rgba(251,71,22,1); background: -moz-linear-gradient(-45deg, rgba(251,71,22,1) 0%, rgba(150,35,93,1) 52%, rgba(62,0,163,1) 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(251,71,22,1)), color-stop(52%, rgba(150,35,93,1)), color-stop(100%, rgba(62,0,163,1))); background: -webkit-linear-gradient(-45deg, rgba(251,71,22,1) 0%, rgba(150,35,93,1) 52%, rgba(62,0,163,1) 100%); background: -o-linear-gradient(-45deg, rgba(251,71,22,1) 0%, rgba(150,35,93,1) 52%, rgba(62,0,163,1) 100%); background: -ms-linear-gradient(-45deg, rgba(251,71,22,1) 0%, rgba(150,35,93,1) 52%, rgba(62,0,163,1) 100%); background: linear-gradient(135deg, rgba(251,71,22,1) 0%, rgba(150,35,93,1) 52%, rgba(62,0,163,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb4716', endColorstr='#3e00a3', GradientType=1 ); } .main-directer .directer-section .directer-left {float:left; width:360px;} .main-directer .directer-section .directer-left a {display:block;} .main-directer .directer-section .directer-left .direc-prod-thumb {width:360px; height:384px; overflow:hidden;} .main-directer .directer-section .directer-left .direc-prod-info {background:#fff; height:97px; box-sizing:border-box; padding:15px 15px 0;} .main-directer .directer-section .directer-left .direc-prod-info dl {margin-top:5px;} .main-directer .directer-section .directer-left .direc-prod-info dt {font-size:15px; line-height:17px; color:#333333; font-weight:500; letter-spacing:-0.05em; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-directer .directer-section .directer-left .direc-prod-info dd {font-size:14px; color:#999999; line-height:17px; letter-spacing:-0.05em; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-top:5px;} .main-directer .directer-section .directer-center {float:left; margin-left:20px; width:502px;} .main-directer .directer-section .directer-center .direc-video a {position:relative; display:block; width:502px; height:306px; overflow:hidden;} .main-directer .directer-section .directer-center .direc-video video {position:relative; display:block; width:501px; height:306px; overflow:hidden; background:#000;} .main-directer .directer-section .directer-center .direc-video iframe {position:relative; display:block; width:502px; height:306px; overflow:hidden;} .main-directer .directer-section .directer-center .direc-video a:before {content:""; display:block; position:absolute; width:71px; height:49px; background:url(/images/v2/video-icon.png) top left no-repeat; top:50%; left:50%; margin:-25px 0 0 -35px;} .main-directer .directer-section .directer-center .direc-similar {background:#fff; height:176px; box-sizing:border-box; padding:20px 15px 0;display:flex;flex-wrap:wrap;} .main-directer .directer-section .directer-center .direc-similar .similar-item {float:left; width:210px;} .main-directer .directer-section .directer-center .direc-similar .similar-item:nth-child(2n) {padding-left:52px;} .main-directer .directer-section .directer-center .similar-item a {display:block; padding:0 0 0 74px; min-height:59px; position:relative;} .main-directer .directer-section .directer-center .similar-item a .prod-thumb {position:absolute; top:0; left:0; width:59px; height:59px; overflow:hidden; box-sizing:border-box; border:1px solid #dedede;} .main-directer .directer-section .directer-center .similar-item a .prod-info dl {margin-top:3px;} .main-directer .directer-section .directer-center .similar-item a .prod-info dt {font-size:14px; line-height:17px; letter-spacing:-0.05em; color:#777777; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-directer .directer-section .directer-center .similar-item a .prod-info dd {font-size:14px; line-height:17px; letter-spacing:-0.05em; color:#777777; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-directer .directer-section .directer-center .similar-item:nth-child(n+3) {margin-top:10px; border-top:1px solid #dedede; padding-top:10px;} .main-directer .directer-section .directer-right {float:right; width:298px;} .main-directer .directer-section .directer-right .direc-review:nth-child(odd) {float:left;} .main-directer .directer-section .directer-right .direc-review:nth-child(even) {float:right;} .main-directer .directer-section .directer-right .direc-review:nth-child(n+3) {margin-top:10px;} .main-directer .directer-section .directer-right .direc-review {width:140px; height:235px; background:#fff;} .main-directer .directer-section .directer-right .direc-review a {display:block;} .main-directer .directer-section .directer-right .direc-review .review-thumb {height:132px; overflow:hidden; width:140px;} .main-directer .directer-section .directer-right .direc-review .review-info {padding:5px 5px 0;} .main-directer .directer-section .directer-right .direc-review .review-info dt {font-size:13px; line-height:18px; color:#555555; letter-spacing:-0.05em; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-directer .directer-section .directer-right .direc-review .review-info dd {padding:10px 0 0; position:relative; margin-top:7px;} .main-directer .directer-section .directer-right .direc-review .review-info dd:before {content:""; display:block; position:absolute; left:0; top:0; width:50px; height:1px; background:#d3d3d3;} .main-directer .directer-section .directer-right .direc-review .review-info dd p.user-id {font-size:12px; line-height:15px; color:#777777; letter-spacing:-0.05em;} .main-directer .directer-section .directer-right .direc-review .review-info dd p.user-review {font-size:12px; line-height:15px; color:#777777; letter-spacing:-0.05em; margin-top:5px; height:30px; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .main-directer .swiper-play-box {width:105px; height:40px; border:1px solid #dedede; box-sizing:border-box; padding:7px 5px; position:absolute; top:40px; right:0; text-align:center; background:#fff;} .main-directer .swiper-play-box .directer-page {display:inline-block; width:35px; font-size:13px; height:24px; line-height:24px; color:#555555; font-weight:300; letter-spacing:0.05em;text-align:center;} .main-directer .swiper-play-box .directer-page .swiper-pagination-current {color:#555555;} .main-directer .swiper-play-box .directer-page .swiper-pagination-total {color:#bbbbbb;} .main-directer .swiper-play-box .directer-left-btn {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-left.png) center no-repeat;} .main-directer .swiper-play-box .directer-right-btn {display:inline-block; width:24px; height:24px; font-size:0; line-height:0; background:url(/images/v2/icon-swiper-right.png) center no-repeat;} .main-directer .swiper-play-box * {vertical-align:top;} .main-seller {padding:55px 0 65px;} .main-seller .seller-tab {margin-bottom:45px;} .main-seller .seller-tab ul {*zoom:1;} .main-seller .seller-tab ul:after {content:""; display:block; clear:both;} .main-seller .seller-tab ul li {float:left; width:180px; margin-left:24px; cursor:pointer;} .main-seller .seller-tab ul li:first-child {margin-left:0;} .main-seller .seller-tab ul li .seller-tab-thumb {width:180px; height:180px; border-radius:90px; overflow:hidden; position:relative;} .main-seller .seller-tab ul li .seller-tab-thumb a {display:none;} .main-seller .seller-tab ul li.current .seller-tab-thumb a {display:block; position:absolute; left:0; top:0; width:180px; height:180px; background:rgba(0,0,0,0.47); text-align:center;} .main-seller .seller-tab ul li .seller-tab-thumb a span {font-size:17px; line-height:21px; color:#fff; letter-spacing:-0.05em; font-weight:500; display:block; padding-top:68px;} .main-seller .seller-tab ul li .seller-tab-name {text-align:center; font-size:15px; color:#333333; font-weight:500; letter-spacing:-0.05em; margin-top:10px;} .main-seller .seller-cont {display:none;} .main-seller .seller-cont.current {display:block;} .main-seller .seller-cont .seller-left {float:left; width:272px;} .main-seller .seller-cont .seller-center {float:left; width:618px; margin-left:19px;} .main-seller .seller-cont .seller-right {float:right; width:272px;} .main-seller .seller-cont .seller-similar-item {padding:19px 15px;} .main-seller .seller-cont .seller-similar-item + .seller-similar-item {border-top:1px solid #dedede;} .main-seller .seller-cont .seller-main-item {width:272px; height:272px; overflow:hidden} .main-seller .seller-cont .seller-similar-item a {position:relative; display:block; box-sizing:border-box; padding:0 0 0 72px; height:59px;} .main-seller .seller-cont .seller-similar-item a .seller-thumb {position:absolute; top:0; left:0; width:59px; height:59px; overflow:hidden; box-sizing:border-box; border:1px solid #dedede;} .main-seller .seller-cont .seller-similar-item a .seller-thumb img {width: 100%;} .main-seller .seller-cont .seller-similar-item a .seller-info dt {font-size:13px; line-height:17px; letter-spacing:-0.05em; color:#444444; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-seller .seller-cont .seller-similar-item a .seller-info dd {font-size:13px; line-height:17px; letter-spacing:-0.05em; color:#444444; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-seller .seller-cont .seller-similar-item a .seller-info dd span {display:block;} .main-seller .seller-cont .seller-similar-item a .seller-info dd span.t-line-through {text-decoration:line-through; color:#b1b1b1;height:17px;} .main-seller .seller-cont .seller-ct-similar {padding:25px 15px} .main-seller .seller-cont .seller-ct-similar a {position:relative; display:block; box-sizing:border-box; padding:0 0 0 72px; min-height:59px;} .main-seller .seller-cont .seller-ct-similar a .seller-thumb {position:absolute; top:3px; left:0; width:59px; height:59px; overflow:hidden; box-sizing:border-box; border:1px solid #dedede;} .main-seller .seller-cont .seller-ct-similar .seller-info {margin-top:-3px;} .main-seller .seller-cont .seller-ct-similar .seller-info dt {font-size:15px; color:#333333; font-weight:500; line-height:20px; letter-spacing:-0.05em;} .main-seller .seller-cont .seller-ct-similar .seller-info dd {font-size:14px; letter-spacing:-0.05em; color:#999999; line-height:18px; } .main-seller .seller-cont .seller-ct-similar .seller-info .seller-tt {padding-top:10px; color:#e0e0e0; font-size:11px;} .main-seller .seller-cont .seller-ct-similar .seller-info .seller-tt span {font-size:13px; line-height:15px; color:#ff452c; letter-spacing:-0.05em; display:inline-block;} .main-seller .seller-cont .seller-ct-similar .seller-info .seller-tt span + span {margin-left:7px; padding-left:7px; position:relative;} .main-seller .seller-cont .seller-ct-similar .seller-info .seller-tt span + span:before {content:""; display:block; left:0; width:1px; height:10px; top:3px; background:#e0e0e0; position:absolute;} .main-salon {padding:0 0 75px;} .main-salon .salon-tt {text-align:center; margin-bottom:30px;} .main-salon .salon-tt dt {font-size:25px; font-weight:bold; color:#333333; letter-spacing:-0.05em;} .main-salon .salon-tt dd {font-size:15px; letter-spacing:-0.05em; color:#555555; margin-top:5px;} .main-salon .salon-cont .clear-fix:nth-child(2) {margin-top:35px;} .main-salon .salon-cont .clear-fix:nth-child(2) .salon-item:nth-child(1) {margin-left:0;} .main-salon .salon-cont .salon-main-item {float:left; width:580px;} .main-salon .salon-cont .salon-main-item .salon-info {padding:15px 20px 0;} .main-salon .salon-cont .salon-main-item .salon-info dt * {vertical-align:middle;} .main-salon .salon-cont .salon-main-item .salon-info .icon-month {display:inline-block; font-size:11px; margin-right:5px; line-height:17px; height:17px; border-radius:10px; background:#ba67b5; padding:0 10px; color:#fff;} .main-salon .salon-cont .salon-main-item .salon-info .info-tt {font-size:17px; line-height:17px; letter-spacing:-0.05em; color:#333333; font-weight:500; display:inline-block;} .main-salon .salon-cont .salon-main-item .salon-info dd {margin-top:5px; font-size:14px; letter-spacing:-0.05em; color:#999;} .main-salon .salon-cont .salon-item {float:left; width:270px; margin-left:40px;} .main-salon .salon-cont .salon-item a {display:block;} .main-salon .salon-cont .salon-item .salon-thumb {width:270px; height:270px;} .main-salon .salon-cont .salon-item .salon-thumb img {width:270px; height:270px; border-radius:47px;} .main-salon .salon-cont .salon-item .salon-info {padding-top:25px; position:relative; background:url(/images/v2/salon-icon.png) 2px 14px no-repeat;} .main-salon .salon-cont .salon-item .salon-info .buy-count {text-align:right; font-size:13px; line-height:20px; letter-spacing:-0.05em; color:#6e6d6e; font-weight:500; border-bottom:1px solid #dedede; padding-bottom:5px;} .main-salon .salon-cont .salon-item .salon-info dl {padding-top:10px;} .main-salon .salon-cont .salon-item .salon-info dl dt {font-size:13px; letter-spacing:-0.05em; color:#444444; line-height:18px;} .main-salon .salon-cont .salon-item .salon-info dl dd {font-size:18px; font-weight:700; color:#444444; letter-spacing:-0.05em;} .main-prod {padding:75px 0 70px;} .main-prod .prod-list {float:left; width:445px;} .main-prod .prod-list .prod-item {float:left; width:144px; margin-right:6px;} .main-prod .prod-list .prod-item:nth-child(3n) {margin-right:0;} .main-prod .prod-list .prod-item:nth-child(n+4) {margin-top:15px;} .main-prod .prod-list .prod-item a {display:block;} .main-prod .prod-list .prod-item .prod-thumb {width:144px; height:144px; margin-bottom:7px;} .main-prod .prod-list .prod-item .prod-thumb img {width:100%;} .main-prod .prod-list .prod-item .prod-state1 {display:inline-block; font-size:11px; margin-right:5px; line-height:17px; height:17px; border-radius:10px; background:#3f00a3; padding:0 10px; color:#fff;} .main-prod .prod-list .prod-item .prod-state2 {display:inline-block; font-size:11px; margin-right:5px; line-height:17px; height:17px; border-radius:10px; background:#ff452c; padding:0 10px; color:#fff;} .main-prod .prod-list .prod-item .prod-info {margin-top:3px;} .main-prod .prod-list .prod-item .prod-info dt {font-size:12px; line-height:15px; color:#444444; letter-spacing:-0.05em; margin-bottom:5px; height: 30px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .main-prod .prod-list .prod-item .prod-info dd {font-size:16px; line-height:17px; color:#444444; letter-spacing:-0.05em; font-weight:700;} .main-prod .prod-recommend {float:right; width:749px;} .main-prod .prod-recommend a {display:block; position:relative;} .main-prod .prod-recommend .recommend-box {position:absolute; bottom:43px; right:0; background:rgba(255,255,255,0.8); box-sizing:border-box;} .main-prod .prod-recommend .recommend-big {float:left; width:409px;} .main-prod .prod-recommend .recommend-sub {float:left; width:340px;} .main-prod .prod-recommend .recommend-big .recommend-box {width:270px; height:80px; padding:20px 10px 0;} .main-prod .prod-recommend .recommend-big .recommend-box dt {font-size:17px; font-weight:500; line-height:20px; letter-spacing:-0.05em; color:#222222;} .main-prod .prod-recommend .recommend-big .recommend-box dd {font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.05em; color:#222222;} .main-prod .prod-recommend .recommend-sub .recommend-box {width:215px; height:70px; padding:18px 8px 0;} .main-prod .prod-recommend .recommend-sub .recommend-box dt {font-size:15px; font-weight:500; line-height:18px; letter-spacing:-0.05em; color:#222222;} .main-prod .prod-recommend .recommend-sub .recommend-box dd {font-size:12px; font-weight:400; line-height:18px; letter-spacing:-0.05em; color:#222222;} .main-instagram {padding-bottom:40px;} .main-instagram .insta-tt {text-align:center; margin-bottom:30px;} .main-instagram .insta-tt dt {font-size:25px; font-weight:bold; color:#333333; letter-spacing:-0.05em;} .main-instagram .insta-tt dd {font-size:15px; letter-spacing:-0.05em; color:#555555; margin-top:5px;} .main-instagram .insta-cont .insta-item {float:left; width:180px; height:180px; margin-left:24px;margin-bottom:24px;} .main-instagram .insta-cont .insta-item:first-child {margin-left:0;} .main-instagram .insta-cont .insta-item:nth-child(7) {margin-left:0;} .main-instagram .insta-cont .insta-item:nth-child(n+7) {margin-bottom:0;} .main-instagram .insta-cont .insta-item a {display:block; width:180px; height:180px; position:relative; overflow:hidden; border-radius:20px;} .main-instagram .insta-cont .insta-item a video {border-radius:20px;} .main-instagram .insta-cont .insta-item a:hover .insta-url {display:block; position:absolute; top:0; left:0; width:180px; height:180px; text-align:center; color:#fff; letter-spacing:-0.05em; background:rgba(0,0,0,0.7); font-size:12px;border-radius:20px;} .main-instagram .insta-cont .insta-item a:hover .insta-url span:first-child {display:block;margin-top: 30%;padding: 0 20px;height:30%;text-overflow:ellipsis;overflow:hidden;margin-bottom:10px;} .main-instagram .insta-cont .insta-item a .insta-url {display:none;} .main-bottom {padding:30px 0 20px;} .main-bottom .main-notice {float:left; padding-left:40px; width:500px; margin-right:60px;} .main-bottom .main-btm-my {float:left; width:270px;} .main-bottom .main-cs {float:right; width:330px;} .main-bottom .main-btm-tt {font-size:12px; color:#252525; letter-spacing:-0.025em; margin-bottom:10px; font-weight:500;} .main-bottom .main-notice li a {font-size:13px; color:#747474; line-height:22px; letter-spacing:-0.05em; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .main-bottom .main-btm-my .clear-fix a {float:left; width:70px; display:block; text-align:center; margin:0 5px; font-size:12px; letter-spacing:-0.025em; color:#333333;} .main-bottom .main-btm-my .clear-fix a .main-btm-name {display:block; padding-top:5px;} .main-bottom .main-cs dl dt {float:left; padding-left:45px; font-size:28px; line-height:45px; color:#252525; letter-spacing:-0.03em; background:url(/images/v2/cs-icon.png) 5px 8px no-repeat;} .main-bottom .main-cs dl dd {float:left; font-size:12px; color:#aeaeae; letter-spacing:-0.025em; line-height:15px; margin-left:20px;} .buttons_coin {float:right;margin-top:5px; display:inline-block;*zoom:1;*display:inline;vertical-align:middle;background:#f6f3cd;border:1px solid #e4e1bb;color:#313131;padding:10px 20px 8px;font-size:13px;} .buttons_coin.wall { background:#f6f3cd;border:solid 1px #e4e1bb;color:# !important;} .wrap_buttons_coin {text-align:right;margin-top:23px;margin-bottom: 60px;} .wrap_buttons_coin button, .wrap_buttons_coin a {display:inline;*zoom:1;*display:inline;vertical-align:top;color:#313131 !important;font-size:14px;line-height:18px;text-align:center;padding:13px 0 15px;width:208px;background:#f3f3f3;border:solid 1px #e8e8e8;font-family:'Noto Sans KR',sans-serif; font-weight: 500;} .wrap_buttons_coin2 {text-align:center;} .wrap_buttons_coin2 button, .wrap_buttons_coin2 a {display:inline;*zoom:1;*display:inline;vertical-align:top;color:#313131 !important;font-size:14px;line-height:10px;text-align:center;padding:13px 0 15px;width:208px;background:#f3f3f3;border:solid 1px #e8e8e8;font-family:'Noto Sans KR',sans-serif; font-weight: 500;} .wrap_buttons_coin2 .gray {width:80px; background:#f6f3cd;border:solid 1px #e4e1bb;} .layer_wrap_coin{background:#ffffff;padding:5px;width:424px} .layer_wrap_coin .layer_cont{border:solid 1px #ccc;background:#fff;padding:20px 15px 30px;} .layer_cont_coin h1{color:#313131;font-size:25px;font-weight:500;letter-spacing:-1px;padding-bottom:27px;padding-left: 26px;} .layer_cont_coin h1 span{color:#fc5f5f;font-size:14px;font-weight:500;padding-left: 10px;} .layer_cont_coin h2{font-weight:bold;color:#3d3d3d;font-size:12px} .layer_wrap_coin .layer_cont p.txt_area{overflow:hidden;margin-bottom:20px;padding:17px 19px;font-size:11px;border:1px solid #dcdcdc;background-color:#f8f8f8;color:#555} .layer_wrap_coin .layer_cont .couponList{overflow-y:auto;max-height:240px;margin:0 0 20px;padding:4px 10px 5px;border:1px solid #dcdcdc;background:#f8f8f8} .layer_wrap_coin .layer_cont .couponList li{padding:3px 0 3px 8px;word-wrap:break-word;font-size:12px;color:#555;line-height:18px;background:url(../imgs/icon/bul_left_info.gif) 0 11px no-repeat} .table_hor_coin{margin:10px 0 0;} .table_hor_coin tbody th{text-align:left;font-weight:normal;color:#8a8a8a;font-size: 14px;padding-left: 55px;padding-bottom: 15px;} .table_hor_coin tbody td{font-size: 14px;text-align:left;color:#313131;font-weight:600;padding-bottom: 15px;padding-left: 35px;} .table_hor_coin tbody td.table_product{text-align:left;padding:10px} .table_hor_coin tbody td.table_product a{float:left} .table_hor_coin tbody td.table_product a img{border:solid 1px #e6e6e6;width:80px;margin-right:10px} .table_hor_coin tbody td.table_product p{float:left;width:80%;margin:5px 0 0} .prd_recommend_list{position:relative;margin-top:80px;padding:0 25px 60px;} .prd_recommend_list .prd_recommend_tit{margin-bottom:25px;line-height:29px;color:#000;font-size:20px;font-weight:400;} .prd_recommend_list .prdt_list__{overflow:hidden;position:relative;} .prd_recommend_list .prdt_list__ ul{display:flex;gap:0;} .prd_recommend_list .prdt_list__ li{width:210px;margin-right:25px;} .prd_recommend_list.is-swiper .prdt_list__ li{margin-right:0;} .prd_recommend_list [class*="swiper-button-"]{display:none;} .prd_recommend_list.is-swiper [class*="swiper-button-"]{display:inline-block;width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:100% 100%;} .prd_recommend_list.is-swiper .swiper-button-prev{left:-28px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%3E%3Cdefs%3E%3Cfilter%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20input%3D%22SourceAlpha%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%3CfeFlood%20flood-color%3D%22%230b0b0b%22%20flood-opacity%3D%220.051%22%2F%3E%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20%3E%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%20-7%2C%20-7)%22%20filter%3D%22url(%23%EC%82%AC%EA%B0%81%ED%98%95_150)%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20transform%3D%22translate(7%207)%22%20fill%3D%22rgba(4%2C4%2C4%2C0.25)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(-299.542%20-1899.869)%20rotate(1)%22%3E%3Cpath%20d%3D%22M9.473-15.994l.937.963L4.289-8.852l6.122%2C6.2-.937.943-7.1-7.142Z%22%20transform%3D%22translate(346.59%201922.71)%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(361%201922)%20rotate(180)%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");} .prd_recommend_list.is-swiper .swiper-button-next{right:-28px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2240%22%20height%3D%2240%22%20%3E%3Cdefs%3E%3Cfilter%20x%3D%220%22%20y%3D%220%22%20width%3D%2240%22%20height%3D%2240%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%222%22%20input%3D%22SourceAlpha%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%223%22%20result%3D%22blur%22%2F%3E%3CfeFlood%20flood-color%3D%22%230b0b0b%22%20flood-opacity%3D%220.051%22%2F%3E%3CfeComposite%20operator%3D%22in%22%20in2%3D%22blur%22%2F%3E%3CfeComposite%20in%3D%22SourceGraphic%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3Cg%20%3E%3Cg%20transform%3D%22matrix(1%2C%200%2C%200%2C%201%2C%20-7%2C%20-7)%22%20filter%3D%22url(%23%EC%82%AC%EA%B0%81%ED%98%95_150)%22%3E%3Crect%20width%3D%2240%22%20height%3D%2240%22%20rx%3D%224%22%20transform%3D%22translate(7%207)%22%20fill%3D%22rgba(4%2C4%2C4%2C0.25)%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(373%201934)%20rotate(180)%22%3E%3Cpath%20d%3D%22M9.473-15.994l.937.963L4.289-8.852l6.122%2C6.2-.937.943-7.1-7.142Z%22%20transform%3D%22translate(346.59%201922.71)%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20transform%3D%22translate(361%201922)%20rotate(180)%22%20fill%3D%22none%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}