@charset "utf-8"; @import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css"); body, div, table, th, td, pre, blockquote, thead, tfoot, input, textarea, ol, li, ul, dl, dt, dd {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important; font-size:13px;font-weight:400;letter-spacing:-0.25;} button {font-family: 'NotoSansKR', sans-serif !important; } /*사이트 포인트색*/ .wset {background:#ec6b79;border:1px solid #ec6b79;color:#fff !important;} /* .wset:hover {background:#17952b;border:1px solid #17952b;color:#fff !important;}*/ .anc_tit {padding:0 0 6px 12px;font-size:16px;font-weight:600;line-height:1em;position:relative;} .anc_tit:after {width:4px;height:16px;background-color:#23ac38;display:inline-block;position:absolute;left:0;top:1px;content:'';} input[type=radio].css-checkbox {display:none;} input[type=radio].css-checkbox + label.css-label {padding-left:23px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position:0 0;font-size:12px;vertical-align:middle;cursor:pointer;} input[type=radio].css-checkbox:checked + label.css-label {background-position:0 -20px;} input[type=checkbox].css-checkbox {display:none;} input[type=checkbox].css-checkbox + label.css-label {padding-left:23px;height:20px;display:inline-block;line-height:20px;background-repeat:no-repeat;background-position:0 0;font-size:12px;vertical-align:middle;cursor:pointer;} input[type=checkbox].css-checkbox:checked + label.css-label {background-position:0 -20px;} label.css-label { background-image:url(/m/img/csscheckbox.png); -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } table .spr,dd .spr,.total_price .spr {display:inline-block;} /*Images*/ .im,.imwt,.u_gnbn{display:inline-block;overflow:hidden;background-repeat:no-repeat;white-space:nowrap;text-indent:60px} .im,.u_gnbn{background-image:url('/m/img/im_v6.png')} @media screen and (-webkit-min-device-pixel-ratio:1.5){ .im,.u_gnbn{background-image:url('/m/img/im2_v6.png');-webkit-background-size:162px 250px;background-size:162px 250px} } .u_gnbn{width:11px;height:11px;background-color:#e12;background-position:-139px -39px} .im_pho{width:22px;height:18px;background-position:-22px -1px} .im_arr{width:8px;height:13px;background-position:-48px -1px} .im_arr2{width:8px;height:12px;background-position:-140px -53px} .im_rkmax{width:8px;height:9px;background-position:-82px -1px} .im_rkmin{width:8px;height:9px;background-position:-94px -1px} .im_rkup{width:7px;height:5px;background-position:-82px -14px} .im_rkdw{width:7px;height:5px;background-position:-94px -14px} .im_rkstd{width:9px;height:4px;background-position:-106px -1px} .im_play{width:26px;height:26px;background-position:-1px -23px} .im_top{width:12px;height:12px;background-position:-121px -69px} .im_ref{width:14px;height:18px;background-position:-119px -1px} .im_n{width:14px;height:15px;background-position:-136px -1px} .im_u{width:14px;height:15px;background-position:-136px -20px} .im_appbn{width:21px;height:19px;background-position:-31px -23px} .im_set{width:18px;height:18px;background-position:-56px -23px} .im_lgnaver{width:47px;height:11px;background-position:-1px -53px} .im_star{width:23px;height:23px;background-position:-78px -23px} .im_staron{width:23px;height:23px;background-position:-105px -23px !important} .im_star2{width:14px;height:14px;background-position:-122px -50px} .im_time{width:17px;height:17px;background-position:-61px -1px} .im_arpv{width:12px;height:20px;background-position:-22px -67px} .im_arnx{width:12px;height:20px;background-position:-38px -67px} .im_rkmax2{width:13px;height:13px;background-position:-120px -68px} .im_rkmin2{width:13px;height:13px;background-position:-137px -68px} .im_rkstd2{width:13px;height:15px;background-position:-103px -73px} .im_tmbup{width:18px;height:19px;background-position:-1px -68px} .im_ck{width:16px;height:13px;background-position:-103px -50px} .im_ck:checked,.im_ckon{width:16px;height:13px;background-position:-85px -50px} .im_ccred{width:40px;height:40px;background-position:-1px -91px} .im_ccgreen{width:40px;height:40px;background-position:-45px -91px} .im_ccblue{width:40px;height:40px;background-position:-89px -91px} .im_frtv{width:78px;height:110px;background-position:-1px -135px} .im_frbook{width:78px;height:114px;background-position:-83px -135px} /*크게보기*/ .header,.h,.toif,.tv,.tvlb,.fvsv,.app,.rlink,.tip,.fot{font-size:14px;line-height:17px} /*레이아웃*/ html.m_open, html.m_open body {overflow:hidden;} #wrapper {width:100%;min-width:320px;position:relative;} #wrapper, #slideMenu {transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} #container {width:100%;overflow:hidden; } .sub_wrap {min-height:300px;margin:0 auto;} .s_cont {margin:10px 12px 30px;} strong, b {font-weight:600;} /* tnb */ #tnb {} #tnb:after {display:block;visibility:hidden;clear:both;content:'';} #tnb .tnb_tel {height:25px;line-height:20px;} #tnb .tnb_tel a {color:#fff;font-size:12px;font-weight:600;color:#fff;background-color:#ec6b79;text-align:center;display:block;text-decoration:none !important;} #tnb .tnb_tel b {font-family:"NanumSquare";font-size:16px;font-weight:700;display:inline-block;vertical-align:middle;} #tnb .tnb_tel i {font-size:20px;margin:0 0 0 10px;vertical-align:middle;} #tnb ul {height:28px;background-color:#f6f6f6;text-align:center;} #tnb ul li {line-height:28px;display:inline-block;} #tnb ul li:before {width:1px;height:10px;margin:0 7px;vertical-align:middle;background-color:#ddd;display:inline-block;content:'';} #tnb ul li:first-child:before {display:none;} #tnb ul li a {font-size:12px;padding:0 2px;display:inline-block;} /*header*/ #header {width:100%;background-color:rgba(255,255,255,1);z-index:8000;box-sizing:border-box;position:relative;} #header.active {position:fixed;top:0;left:inherit;right:inherit;} #m_gnb {height:50px;border-bottom:1px solid #ddd;text-align:center;position:relative;} #m_gnb .logo img {height:43px;width:auto;margin:3px 0 0 0;} #m_gnb .btn_sidem, #m_gnb .btn_search, #m_gnb .btn_cart {width:18px;height:18px;color:#000;position:absolute;top:50%;margin-top:-9px;display:inline-block;cursor:pointer;} #m_gnb .btn_sidem {left:12px;font-size:1.6em;line-height:0.9;} #m_gnb .btn_search {right:50px;font-size:1.5em;line-height:0.9;} #m_gnb .btn_cart {width:25px;right:20px;font-size:1.6em;line-height:0.9; margin-right:17px;} #m_gnb .btn_cart .ic_num {width:17px;height:17px;font-size:11px;border-radius:20px;line-height:17px;text-align:center;background-color:#ec6b79;color:#fff;display:block;position:absolute;right:-10px;bottom:-5px;} #m_gnb a {text-decoration:none !important;} #hd_sch {padding:5px 15px 15px;overflow-y:auto;overflow-x:hidden;background-color:rgba(255,255,255,1);border-bottom:1px solid #222;position:absolute;top:45px;left:0;right:0;z-index:8100;display:none;} #hd_sch section {border-radius:30px;background-color:#fff;border:1px solid #222;overflow:hidden;} #hd_sch .search_inp {width:calc(100% - 46px);height:33px;padding:0 0 0 15px;font-size:14px;line-height:2.6em;border:0;float:left;outline:none;} #hd_sch #sch_submit {width:46px;height:33px;font-family:'FontAwesome';color:#222;font-size:20px;padding-bottom:2px;border:none;float:left;} #gnb {width:100%;background-color:#fff;border-bottom:1px solid #ddd;overflow:hidden;} #gnb ul {} #gnb li {width:25%;height:27px;text-align:center;white-space:nowrap;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} #gnb li:nth-child(4n){border-right:0px;} #gnb li:nth-child(4n+1) {clear:both; /* border-left:0 !important; */} #gnb li:nth-child(-n+4) {/* border-top:0 !important; */} #gnb li a {font-size:14px;padding:0 5px;color:#333;line-height:27px;font-weight:700;display:block;position:relative;text-decoration:none !important;} #gnb li.pointBt a {color:#ec6b79; font-weight:bold;} /*#gnb li:nth-child(4){border-bottom:1px solid #ddd;} #gnb li:nth-child(7){border-right:1px solid #ddd;}*/ #gnb .bor_bottom5{border-bottom:1px solid #ddd} #gnb .bor_right5{border-right:1px solid #ddd} /*사이드메뉴*/ #slideMenu {width:85%;height:100%;position:fixed;top:0;right:100%;background-color:#fff;overflow-y:auto;overflow-x:hidden;z-index:0;} #slideMenu a {text-decoration:none !important;} #slideMenu dd, #slideMenu li {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #slideMenu .top_btn {padding:15px;} #slideMenu .top_btn dd {width:49%;float:left;} #slideMenu .top_btn dd a {width:100%;font-size:15px;} #slideMenu .top_btn dd:first-child {margin-right:2%;} #slideMenu .sm_body {} #slideMenu .sm_body .myshop_tit{font-weight:bold;} #slideMenu .sm_body .myshop_tit a{color:#ec6b79;} #slideMenu .sm_body li {border-bottom:1px solid #ddd;position:relative;} #slideMenu .sm_body li:first-child {border-top:1px solid #ddd;} #slideMenu .sm_body li a {padding:12px 15px;font-size:13px;line-height:1em;color:#000;display:block;} #slideMenu .sm_body li:before {font-family:'Ionicons';font-size:18px;margin-top:-9px;color:#dbdbdb;line-height:1em;position:absolute;right:15px;top:50%;content:'\f3d3';} #slideMenu .smbtn {border:1px solid #ddd;margin:15px;} #slideMenu .smbtn li {width:33.33%;border-left:1px solid #ddd;border-top:1px solid #ddd;float:left;} #slideMenu .smbtn li:nth-child(3n+1) {clear:both;border-left:0 !important;} #slideMenu .smbtn li:nth-child(-n+3) {border-top:0 !important;} #slideMenu .smbtn li:nth-child(3){border-bottom:1px solid #ddd;} #slideMenu .smbtn li:nth-child(5){border-right:1px solid #ddd;} #slideMenu .smbtn li a {height:35px;font-size:12px;line-height:35px;color:#000;text-align:center;display:block; } .sm_ul{display:table; margin-right: auto; margin-left: auto; padding: 0 10px;} .sm_ul:after{content:""; clear:both; display:block;} .sm_ul .reg_mg{float:left; position:relative; width:calc(33.33% - 4px); overflow:hidden; margin-bottom:20px; margin-right:6px;} .sm_ul .reg_mg:nth-child(3n){margin-right: 0px;} .sm_ul .reg_mg .reg_bx{padding: 3px;} .sm_ul .reg_mg .reg_bx img{width:100%; border-radius:100px;} .sm_ul .reg_mg .reg_mgpt2{margin-top:5px; text-align:center;} .sm_ul .reg_mg .reg_gift{color:#ff0000; font-weight:bold;} .slid_line{margin:0 10px 10px 10px; height:1px; background-color:#ddd; } #slideMenu .sm_cs {padding:0 15px 20px;} #slideMenu .sm_cs dd {font-size:11px;color:#f39898;margin-top:5px;line-height:1em;letter-spacing:0;} #slideMenu .sm_cs .ftbtn {margin-top:20px;} /*#slideMenu .sm_cs dd:nth-child(5){margin-top:10px;}*/ #slideMenu .sm_cs .cs_tel {height:30px;line-height:30px;font-size:22px;font-weight:600;color:#000;padding:0 0 0 42px;margin:7px 0 12px;background:url('img/tel_img2.png') no-repeat left center;background-size:auto 100%;} /*하단 레이아웃*/ #ft {padding:20px 12px;position:relative;background-color:#fafbfc;font-size:13px; margin-bottom:50px;} .ft_menu {overflow:hidden;text-align:left; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; background-color:#fafbfc; padding:10px 0 6px 10px;} .ft_menu ul {display:inline-block;margin:0 auto;} .ft_menu li {display:inline-block;position:relative;} .ft_menu li:before {width:1px;height:10px;margin:0 8px 1px;vertical-align:middle;display:inline-block;content:"";} .ft_menu li a {font-size:12px;display:inline-block;line-height:1.6em;color:#333;text-align:center;text-decoration:none !important;} .ft_menu li:first-child:before {display:none;} .ft_menu li:first-child a {border-left:0;} #ft .ft_legal {font-size:12px;text-align:center;margin-top:5px;letter-spacing:-1px;line-height:16px;} #ft .ft_legal li {display:inline-block;} #ft .ft_legal li:before {content:'';display:inline-block;overflow:hidden;width:1px;height:9px;margin:0 7px 0 5px;border-left:1px solid #c1c1c1;vertical-align:-1px;} #ft .ft_legal li:first-child:before {display:none;} #ft .ft_legal a {color:#cbcfde;} #ft .ft_cs {margin-top:15px;} #ft .ft_cs dd {font-size:12px;font-weight:400;color:#f39898;line-height:1em;text-align:left;margin-top:6px;} #ft .ft_cs dd.tel {height:30px;line-height:30px;font-size:22px;font-weight:600;color:#000;padding:0 0 0 45px;margin:7px 0 12px;background:url('img/tel_img.png') no-repeat left center;background-size:auto 100%;} #ft .ft_bank {margin-top:20px;} #ft .ft_bank dd {font-size:15px;font-weight:500;color:#000;margin-top:5px;} #ft .ft_bank dd img {width:auto;height:19px;} #ft .ft_address {font-size:12px;font-style:normal;text-align:left;word-break:normal;} #ft .ft_address dd {font-size:12px;line-height:1.8;color:#484848;text-align:left;} #ft .ft_address .pot_name{color:#0600ff; font-size:15px; font-weight:600;} #ft .ft_address .pot_name span{margin-left:10px;} #ft .ft_address .ft_col{color:#000;} #ft .ft_address .pot_ctent{color:#000; font-weight:bold; font-size:13px;} .ftbtn {margin-top:20px; margin-right:20px; } .ftbtn a {height:40px;line-height:40px;font-size:15px;font-weight:500;color:#fff;background:#6094fd;padding:0 15px;border-radius:7px;display:inline-block;} .ftbtn1 {margin-top:20px; } .ftbtn1 a {height:40px;line-height:40px;font-size:15px;font-weight:500;color:#fff;background:#b5b02a;padding:0 15px;border-radius:7px;display:inline-block;} .hline {width:1px;height:10px;margin:0 7px 2px 7px;background-color:#ccc;vertical-align:middle;display:inline-block;} .notice {height:34px;padding:0 12px 0 57px;margin-top:1px;background-color:#f5f5f5;line-height:2.6em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;position:relative;} .notice .not_tit {height:20px;font-size:12px;line-height:1.7em;padding:0 7px;color:#fff;background-color:#bbb;border-radius:20px;position:absolute;top:7px;left:12px;} .notice a {display:block;} .sns_wrap {height:28px;padding:12px 0;text-align:center;} .sns_wrap a {width:16px;height:16px;padding:6px;margin:0 1.5px;border-radius:50%;background-color:#ccc;text-align:center;display:inline-block;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .sns_wrap a img {width:100%;height:auto;} .page_cover {width:100%;height:100%;position:fixed;top:0px;background-color:rgba(0,0,0,0.7);z-index:9000;display:none;} .page_cover.m_open {display:block;} .page_cover .sm_close {width:26px;height:25px;background:url('/m/img/lm_bt_close.gif') no-repeat left top;margin:20px 0 0 10px;display:inline-block;} #slideMenu.m_open {-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);z-index:9100;} #wrapper.m_open {overflow:hidden;-webkit-transform:translate3d(85%, 0, 0);-ms-transform:translate3d(85%, 0, 0);transform:translate3d(85%, 0, 0);} /*메인배너*/ #main_bn {text-align:center;overflow:hidden;position:relative;} #main_bn img {width:100%;height:auto;outline:none;} #main_bn .slick-slide {width:100%;display:block;text-align:center;float:left;} .mbm_bn01 {padding:12px;} .mbm_bn01 img {width:100%;height:auto;} .mbm_bn01 li {width:calc(50% - 3px);float:left;} .mbm_bn01 .bnr1 {margin-right:6px;} .mbm_bn01 .bnr3 {width:100%;margin-top:6px;} /*slick 아이콘*/ .slick-arrow {margin-top:-25px;font-size:0;color:#d5cecc;position:absolute;top:50%;z-index:1200;outline:none;} .slick-arrow:before {font-family:'Ionicons';font-size:50px;font-weight:600;} .slick-next {right:15px;} .slick-next:before {content:'\f3d3';} .slick-prev {left:15px;} .slick-prev:before {content:'\f3d2';} .slick-dots {position:absolute;bottom:5px;width:100%;text-align:center;z-index:1200;} .slick-dots li {display:inline-block;} .slick-dots button {width:10px;height:10px;border-radius:50%;margin:0 3px;font-size:0;background-color:#d6cfcd;display:block;outline:none;} .slick-dots .slick-active button {background-color:#fff;}/* 롤링 색상*/ /*메인*/ .mtit {text-align:center;position:relative;} .mtit .titxt {font-size:18px;font-weight:800;color:#000;line-height:1em;} .mtit .stxt {font-size:15px;font-weight:500;color:#727272;line-height:1em;margin-top:8px;} .mtit .stxt .ptfont {color:#000;} .mtit .btnMore {font-size:11px;font-weight:400;line-height:1em;color:#727272;position:absolute;right:12px;top:3px;text-decoration:none !important;} .mtit .btnMore:before {font-family:'Ionicons';font-size:11px;color:#23ac38;margin:0 3px 4px 0;display:inline-block;vertical-align:middle;content:'\f218';} .mtit .btnMore:hover {color:#23ac38;} .mbnline {width:100%;height:1px;background-color:#ddd;margin:0 0 35px;display:block;} .sbn01 {margin:0 8px;overflow:hidden;} .sbn01 ul {padding:10px;background-color:#fff;} .sbn01 li {width:calc(50% - 8px);margin:4px;float:left;} .sbn01 li:nth-child(3n+1) {clear:both;} .sbn01 li img {width:100%;height:auto;} .mcont1 {} .mcont1 .titxt {color:#647c02;} .mcont1 .stxt .ptfont {color:#647c02;} .mcont1 .stxt .ptline {border-bottom:1px solid #647c02;} .mcont2 {margin-top:35px;} .mcont2 .titxt {color:#20813b;} .mcont2 .stxt .ptfont {color:#20813b;} .mcont2 .stxt .ptline {border-bottom:1px solid #20813b;} .mcont3 {margin-top:35px;} .mcont3 .titxt {color:#fd4bc1;} .mcont3 .stxt .ptfont {color:#fd4bc1;} .mcont3 .stxt .ptline {border-bottom:1px solid #fd4bc1;} .mcont4 {margin-top:35px;} .mcont4 .titxt {color:#f41a49;} .mcont4 .stxt .ptfont {color:#f41a49;} .mcont4 .stxt .ptline {border-bottom:1px solid #f41a49;} .mcont5 {margin-top:35px;} .mcont6 {margin-bottom:35px;} .mcont6 .titxt {color:#647c02;} .mcont6 .stxt .ptfont {color:#647c02;} .mcont6 .stxt .ptline {border-bottom:1px solid #647c02;} .recomm {padding:35px 0;margin-top:35px;background:#e8e6e7;overflow:hidden;} .recomm .titxt {color:#23ac38;} .recomm .stxt {color:#000;} .recomm .stxt .ptfont {color:#23ac38;} .recomm a {display:block;text-decoration:none !important;} .recomm .recomm_ul {padding:0 6px;margin-top:20px;overflow:hidden;position:relative;} .recomm .recomm_ul .pr_li {width:calc(50% - 12px);margin:0 6px;padding:12px;background:#fff;border:1px solid #eee;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .recomm .recomm_ul .pr_li dt {overflow:hidden;position:relative;} .recomm .recomm_ul .pr_li dt img {width:100%;height:auto;} .recomm .recomm_ul .pr_li dd {position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;} .recomm .recomm_ul .pr_li .pname {color:#333;font-size:13px;line-height:1em;margin:12px 0 0;font-weight:600;text-overflow:ellipsis;white-space:nowrap;} .recomm .recomm_ul .pr_li .price {width:100%;margin:10px 0 0;} .recomm .recomm_ul .pr_li .price .mpr {font-size:14px;font-weight:600;line-height:1em;color:#000;display:block;} .recomm .recomm_ul .pr_li .price .spr {margin-bottom:3px;font-size:13px;font-weight:400;line-height:1em;color:#999;text-decoration:line-through;letter-spacing:0;display:block;} .recomm .slick-arrow {margin-top:-20px;color:#656565;} .recomm .slick-arrow:before {font-size:40px;} .recomm .slick-next {right:5px;} .recomm .slick-prev {left:5px;} /*메인 카테고리별 베스트*/ .bscate {overflow:hidden;} .bscate_tab {width:100%;border-width:1px 0;border-style:solid;border-color:#ddd;margin:20px 0 10px;clear:both;position:relative;} .bscate_tab a {line-height:2.6em;font-size:12px;padding:0 12px;color:#888;border-width:1px 1px 1px 0;outline:none;white-space:nowrap;border-style:solid;display:inline-block;border-color:#e1e1e1;text-align:center;cursor:pointer;position:relative;overflow:visible;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bscate_tab a:first-child {border-left:1px solid #ddd;} .bscate_tab a.slick-center {background-color:#222;border-color:#222;color:#fff;} .bscate_tab a.slick-center:after {width:0;height:0;border:8px solid transparent;border-bottom:none;border-top-color:#222;display:inline-block;position:absolute;bottom:-8px;left:50%;margin-left:-8px;content:'';} .bscate_tab .slick-list {margin:-1px 0;padding:0 !important;} .bscate_tab .slick-arrow {width:30px;height:33px;background-color:#fff;border-width:1px 0;border-style:solid;border-color:#ddd;top:-1px;margin:0;} .bscate_tab .slick-arrow:before {font-size:20px;color:#222;} .bscate_tab .slick-next {right:0;} .bscate_tab .slick-prev {left:0;} .bscate_li {clear:both;} .bscate_li ul {width:100%;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;display:table;float:left;} .bscate_li li {width:33.33%;border-left:1px solid #e1e1e1;position:relative;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bscate_li li:nth-child(3n+1) {border-left-color:#fff;} .bscate_li li a {padding:20px 10px;text-decoration:none !important;display:block;} .bscate_li li p {overflow:hidden;} .bscate_li li dd {text-align:center;} .bscate_li li .pimg {overflow:hidden;position:relative;margin-bottom:12px;} .bscate_li li .pimg img {width:100%;height:auto;} .bscate_li li .pimg:before {width:20px;height:1px;margin:10px auto 15px;background-color:#bbb;display:block;content:'';} .bscate_li li .pname {height:34px;font-size:12px;font-weight:600;line-height:1.4em;text-align:center;} .bscate_li li .price {height:32px;} .bscate_li li .price .mpr {font-size:15px;font-weight:800;color:#000;letter-spacing:-1px;} .bscate_li li .price .mpr span {font-size:13px;font-weight:normal;margin-left:2px;} .bscate_li li .price .spr {font-size:11px;font-weight:normal;color:#999;text-decoration:line-through;} .bscate_li li.empty_list {width:100%;font-size:13px;color:#999;padding:100px 0;text-align:center;} /*sub 공통*/ #content_title {padding:15px 0 0 0;font-size:20px;font-weight:600;color:#222;line-height:1.3em;background-color:#fff;text-align:center;position:relative;} #content_title:after {width:20px;height:1px;margin:10px auto 15px;background-color:#222;display:block;content:'';} #page_title {font-size:1.083em;color:#666;padding:10px 15px;line-height:1.4;background-color:#fafafa;text-align:center;border-bottom:1px solid #e9e9e9;} #page_title em {color:red;font-weight:600;} .pop_title {min-height:20px;font-size:16px;font-weight:600;padding:13px 15px 10px;border-bottom:1px solid #333;background-color:#fff;text-align:left;position:relative;} .pop_title .btn_small {position:absolute;top:10px;right:15px;} .stit_txt {font-size:13px;padding:8px 12px;margin:0 12px 10px;line-height:1.3em;background-color:#f5f5f5;text-align:center;} .qbtn {position:fixed;bottom:70px;right:7px; z-index:8000;} .qbtn li {width:55px;height:55px; overflow:hidden;text-align:center;cursor:pointer;display:block;} .qbtn .kakao_mob{width:55px; height:78px; } .qbtn .call_mob{width:55px; height:78px;} .qbtn li a {display:block;text-decoration:none !important;} .qbtn li img {width:100%;height:auto;} .qbtn2 {position:fixed;bottom:20px;right:7px; z-index:8000;} .qbtn2 li {width:55px;height:55px; overflow:hidden;text-align:center;cursor:pointer;display:block;} .qbtn2 li a {display:block;text-decoration:none !important;} .qbtn2 li img {width:100%;height:auto;} .btn_bottom {bottom:50px;} .pop_btn {margin:15px;text-align:center;} .pop_btn a, .pop_btn button, .pop_btn input {width:100%;} /*공통*/ .bt_wrap li {width:50%;padding:0 0 5px 5px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bt_wrap li a, .bt_wrap li button, .bt_wrap li input {width:100%;} .sct_noitem {padding:70px 0;color:#999;text-align:center;} .zzim {color:#fff;font-family:"Ionicons";font-size:25px;line-height:20px;text-align:center;display:inline-block !important;vertical-align:middle;cursor:pointer;text-decoration:none !important;position:absolute;top:18px;right:18px;} .zzim:before {content:"\f387";color:#eee;} .zzim.on:before {content:"\f388";color:#23ac38;} .soldout,.memopen {line-height:1em;font-size:11px;font-weight:normal;padding:3px 7px;border-radius:3px;color:#fff;display:inline-block;} .soldout {background-color:#ed3636;} .memopen {background-color:#1680d9;} .txt_expired {font-weight:normal;color:#bbb;} /*상품 카테고리 박스*/ #sct_ct {padding:12px;background-color:#f5f5f5;} #sct_ct li {width:33.33%;float:left;} #sct_ct ul li a {font-size:12px;line-height:1.8;display:block;text-decoration:none !important;} #sct_ct ul li a.sct_here {color:red;font-weight:600;} @media (min-width:520px){#sct_ct li {width:33.33%;} } /*리스트 분류 검색*/ #sct_sort {padding:0 12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;} #sct_sort .count {font-size:13px;padding:10px 0;display:inline-block;} #sct_sort .count strong {color:#ed3636;} #btn_sort {width:80px;font-size:13px;padding:10px 0;display:inline-block;position:absolute;top:0;right:12px;cursor:pointer;} #btn_sort:after {color:#666;font-family:'FontAwesome';font-size:15px;margin-top:-8px;content:'\f107';position:absolute;top:50%;right:0;} #sort_li {border-top:1px solid #bbb;z-index:9000;position:fixed;bottom:0;left:0;right:0;background-color:#fff;overflow:hidden;display:none;} #sort_li h2 {padding:12px 20px;font-size:15px;font-weight:600;border-bottom:1px solid #ddd;background-color:#f8f8f8;text-align:left;display:block;} #sort_li li:first-child a {border-top:0;} #sort_li li a {font-size:13px;padding:12px 20px;border-top:1px solid #e1e1e1;display:block;position:relative;text-decoration:none !important;} #sort_close {color:#999;font-size:35px;position:absolute;top:3px;right:20px;} #sort_bg {width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:8900;display:none;} /*브랜드 검색*/ #sct_brand {padding:0 12px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;position:relative;} #sct_brand .count {font-size:13px;padding:10px 0;display:inline-block;} #sct_brand .count strong {color:#ed3636;} #btn_brand {width:80px;font-size:13px;padding:10px 0;display:inline-block;position:absolute;top:0;right:120px;cursor:pointer;} #btn_brand:after {color:#666;font-family:'FontAwesome';font-size:15px;margin-top:-8px;content:'\f107';position:absolute;top:50%;right:0;} #brand_li {border-top:1px solid #bbb;z-index:9000;/*position:fixed;_221226*/ position:relative;bottom:0;left:0;right:0;background-color:#fff;overflow-y:scroll;display:none;width:100%;height:390px;} #brand_li h2 {padding:12px 20px;font-size:15px;font-weight:600;border-bottom:1px solid #ddd;background-color:#f8f8f8;text-align:left;display:block;} #brand_li li:first-child a {border-top:0;} #brand_li li a {font-size:13px;padding:12px 20px;border-top:1px solid #e1e1e1;display:block;position:relative;text-decoration:none !important;} #brand_close {color:#999;font-size:35px;position:absolute;top:3px;right:20px;} #brand_bg {width:100%;height:100%;background-color:rgba(0,0,0,0.6);position:fixed;top:0;left:0;z-index:8900;display:none;} .sub_wrap .sct_li_type {margin-top:15px;} /*폰트box 스타일*/ .fbx_small,.fbx_free,.fbx_lsmall {display:inline-block;vertical-align:middle;text-align:center;} .fbx_small {padding:1px 3px;font-size:0.95em;line-height:1.555;font-weight:normal;letter-spacing:0;} .fbx_lsmall {padding:3px 10px;font-size:12px;line-height:1.777;font-weight:normal !important;} .fbx_bg1 {border:1px solid #c1dcff;background-color:#ffffff;color:#4294ff;} /*blue*/ .fbx_bg2 {border:1px solid #dddddd;background-color:#f7f7f7;color:#aaaaaa;} /*gray*/ .fbx_bg3 {border:1px solid #fdd8e2;background-color:#ffffff;color:#ff90af;} /*pink*/ .fbx_bg4 {border:1px solid #ed3636;background-color:#ffffff;color:#ed3636;} /*red*/ .fbx_bg5 {border:1px solid #cbcbcb;background-color:#ffffff;color:#909090;} /*default*/ .fbx_bg6 {border:1px solid #ff7200;background-color:#ff7200;color: #ffffff;} .fbx_free {width:70px;height:38px;padding:16px 0;color:#fff;font-size:16px;line-height:1.222;letter-spacing:0;text-align:center;position:absolute;bottom:10px;right:10px;z-index:10;background:url('/img/ic_free_bg.png') no-repeat;background-size:100%;} /*메인 상품평*/ .main_post {padding:0 5px 20px;} .main_post li {padding:10px 0;margin:0 10px;border-top:1px dotted #ddd;} .main_post li p {font-size:12px;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .main_post li .tit {font-weight:600;color:#333;margin:0 0 3px 0;} .main_post li:first-child {border-top:0 !important;} /*상품리스트*/ .pr_desc {padding:12px 6px 0;background-color:#fff;} .pr_desc li {width:calc(50% - 12px);margin:6px;border:1px solid #eee;float:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .pr_desc li:nth-child(2n+1) {clear:both;} .pr_desc li a {display:block;text-decoration:none !important;} .pr_desc li dl {padding:6px;} .pr_desc li dt {position:relative;} .pr_desc li dt img {width:100%;height:auto;} .pr_desc li dd {position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;} .pr_desc li .pname {color:#333;font-size:13px;line-height:1em;margin:12px 0 0;font-weight:600;text-overflow:ellipsis;white-space:nowrap;} .pr_desc li .price {width:100%;margin:10px 0 6px 0;} .pr_desc li .price .mpr {font-size:14px;font-weight:600;line-height:1em;color:#000;display:block;} .pr_desc li .price .spr {margin-bottom:3px;font-size:13px;font-weight:400;line-height:1em;color:#999;text-decoration:line-through;letter-spacing:0;display:block;} .pr_desc li .point_p{width:80px; height:17px; color:#fff; border:0.1px solid #ff8e33; background-color:#ff8e33; font-size:13px; margin:0 auto; text-align:center; line-height:17px;} /*상품 3개 슬라이드_쇼핑특가*/ .pr_slide {} .pr_slide .slider {position:relative;} .pr_slide dl {width:calc(33.33% - 6px);margin-left:9px;float:left;} .pr_slide dl:first-child {margin-left:4px !important;} .pr_slide dl a {display:block;text-decoration:none !important;} .pr_slide dl dt {width:calc(100% - 2px);height:100%;position:relative;} .pr_slide dl dt img {width:100%;} .pr_slide dl dd {position:relative;text-align:center;} .pr_slide dl .pname {height:30px;color:#333;font-size:12px;line-height:1.3em;margin:7px 0 0;} .pr_slide dl .price {width:100%;margin:5px 0 0;} .pr_slide dl .price .mpr {font-size:15px;font-weight:800;color:#111;} .pr_slide dl .price .mpr span {font-size:13px;font-weight:400;margin-left:2px;color:#333;} .pr_slide dl .price .spr {margin-right:5px;font-size:11px;font-weight:400;color:#999;text-decoration:line-through;letter-spacing:0;} .pr_slide dl:hover dt {border-color:#c2143c;} .pr_slide .slick-list {overflow:hidden;} .pr_slide .slick-arrow {font-size:0;margin:-15px 2px 0;text-align:center;outline:none;color:rgba(0,0,0,0.3);position:absolute;top:50%;} .pr_slide .slick-arrow:before {font-family:'FontAwesome';font-size:30px;} .pr_slide .slick-next {right:-20px;} .pr_slide .slick-next:before {content:'\f105';} .pr_slide .slick-prev {left:-20px;} .pr_slide .slick-prev:before {content:'\f104';} /*텝*/ .mb_wrap {padding:0 12px 0;} .mb_tab li {border-width:1px 1px 1px 0;border-style:solid;border-color:#ccc;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mb_tab li:first-child {border-left:1px solid #ccc;} .mb_tab li a {height:32px;font-size:12px;line-height:2.7em;background-color:#eee;display:block;text-align:center;text-decoration:none !important;} .mb_tab li.active a {font-weight:600;background-color:#fff;} .mb_tab li.active {border-bottom:1px solid #fff;} .mb_tab ul.w25p li {width:25%;} /*공통 페이징*/ .page_wrap {margin:10px 12px 35px;} /*페이징*/ .pg_wrap {margin:0;padding:10px 12px 10px;text-align:center;} .pg_wrap span,.pg_wrap strong,.pg_wrap a {display:inline-flex;text-decoration:none;} .pg {} .pg a:focus,.pg a:hover {text-decoration:none;border:1px solid #333;} .pg_page,.qa_page,.pg_current {padding:0 8px;min-width:9px;height:25px;color:#353e44;font-weight:normal;line-height:25px;vertical-align:middle;border:1px solid #c8c8c8;} .pg_page,.qa_page {background-color:#fbfbfb;text-decoration:none;} .pg_current {background-color:#333;color:#fff;border:1px solid #333 !important;} .pg_start,.pg_prev,.pg_next,.pg_end {width:27px;height:27px;overflow:hidden;padding:0 !important;font-size:0 !important;text-indent:-9000px;border:none !important;background:url('/img/sprite_pg.png') no-repeat;vertical-align:top;} .pg_prev {margin-right:4px;} .pg_next {margin-left:4px;} .pg a.pg_start {background-position:-116px 0;} .pg a.pg_prev {background-position:-145px 0;} .pg a.pg_next {background-position:-174px 0;} .pg a.pg_end {background-position:-203px 0;} .pg span.pg_start {background-position:0 0;} .pg span.pg_prev {background-position:-29px 0;} .pg span.pg_next {background-position:-58px 0;} .pg span.pg_end {background-position:-87px 0;} /*콘텐츠 공통*/ .load {padding:100px 0;text-align:center} .lst_post {display:block;overflow:hidden;padding:9px 10px 2px 10px;} .lst_w {overflow:hidden;position:relative;} .lst {border-bottom:1px solid #e4e5e7;letter-spacing:-1px} .lst:first-child {border-top:1px solid #e4e5e7} .lst:last-child {border-bottom:0;} .lst_h {display:block;overflow:hidden;padding:0 10px 5px 10px;} .lst_a {display:block;overflow:hidden;padding:.65em 10px;white-space:nowrap;text-overflow:ellipsis} /*광고*/ .ad img, .top_ad img {width:100%;height:auto;border:none;} .mask_bn {width:100%;height:200px;margin-top:30px;position:relative;overflow:hidden;z-index:-1;} .mask_bn_bg {position:fixed;top:0;left:0;right:0;bottom:0;display:block;z-index:-1;} .mask_bn_bg:before {background-color:rgba(0,0,0,0.1);position:absolute;top:0;left:0;bottom:0;right:0;display:block;content:'';} .mask_bn a {display:block;} .mask_bn .bn_txt {width:100%;text-align:center;display:table;position:absolute;left:0;top:0;right:0;bottom:0;z-index:10;} .mask_bn .bn_txt span {height:200px;padding:0 15px;font-size:18px;font-weight:600;line-height:1.4em;color:#fff;text-align:center;display:table-cell;vertical-align:middle;} /*이미지 등비율 리사이징*/ .img_fix {width:100% !important;height:auto !important} /*포지셔닝, 플로트와 디스플레이 오버플로우 텍스트 얼라인 클리어부분을 제어합니다.*/ .strong {font-weight:600;} .tx_small{font-size:8pt;font-family:돋움;} /*tabs*/ .navbar {width:100%;} .navbar td {border-width:1px;border-style:solid;border-color:#bbb;background-color:#eee;white-space:nowrap;} .navbar td a {padding:10px 0;color:#777;text-align:center;display:block;} .navbar td.selected{color:black;border-width:1px 1px 0 1px;background-color:#fff;font-weight:bold;border-radius:0;} .navbar td.selected a {color:#333;} /*상세페이지*/ .sp_fpg{overflow:hidden;clear:both;position:relative;height:42px;border-top:1px solid #e6e6e6;background:#f9f9fa;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #fff;line-height:42px;text-align:center;} .sp_b_a{width:32px;height:45px;font-size:27px;color:#fff !important;line-height:1.7em;background-color:#333;opacity:0.5;display:block;position:absolute;top:50%;margin-top:-22px;text-decoration:none !important;} .sp_b_a.fa-angle-left{left:0;} .sp_b_a.fa-angle-right{right:0;} .sp_s_n{font-size:10pt;color:#000;padding-top:2px;letter-spacing:-1pt;} .sp_wrap {} .sp_wrap .subject{padding:10px 10px 80px 10px; font-weight:600;font-size:15px;line-height:1.3em;border-top:1px solid #e6e6e6; } .sp_wrap .subject h2{margin-bottom:5px;} .sp_wrap .subject .sub_txt{margin-top:5px;font-size:12px;font-weight:normal;color:#999; float:left;} .sp_wrap .sp_sub_wrap {padding:10px;border-top:1px solid #e6e6e6;text-align:center;position:relative;} .sp_wrap .sp_sub_wrap .v_cont { /*max-width:400px;max-height:533px; */margin:0 auto;} .sp_wrap .sp_sub_wrap img {width:100%;height:auto; /* max-width:400px;max-height:533px; */ aspect-ratio: 1 / 1; object-fit:cover;} .sp_wrap .sp_sns{overflow:hidden;border-top:1px solid #e6e6e6;position:relative;padding:10px;text-align:center;} /*.sp_wrap .sp_tbox{overflow:hidden;position:relative;padding:6px 10px;border-top:1px solid #e6e6e6;background-color:#ffffff;} .sp_wrap .sp_tbox ul {padding:2px 0;} .sp_wrap .sp_tbox .tlst{width:30%;float:left;text-align:left;color:#444;letter-spacing:-1pt;} .sp_wrap .sp_tbox .trst{width:70%;float:left;text-align:left;color:#444;} .sp_wrap .sp_tbox .trss-amt{color:#444;font-weight:bold;text-decoration:line-through;padding-bottom:2px;} .sp_wrap .sp_tbox .trst-amt{font-size:18pt;font-weight:bold;color:red;} .sp_wrap .sp_tbox .trst-cp{width:70%;float:left;text-align:left;font-weight:bold;color:#7d62c3;text-decoration:underline;} */ .sp_wrap .sp_tbox{overflow:hidden;position:relative;padding:6px 10px;border-top:1px solid #e6e6e6;background-color:#ffffff; } .sp_wrap .sp_tbox ul {padding:2px 0;} .sp_wrap .sp_tbox .tlst{width:30%;float:left;text-align:left;color:#444;letter-spacing:-1pt;} .sp_wrap .sp_tbox .trst{width:70%;float:left;text-align:left;color:#444;} .sp_wrap .sp_tbox .trss-amt{color:#444;font-weight:bold;text-decoration:line-through;padding-bottom:2px;} .sp_wrap .sp_tbox .trst-amt{font-size:18pt;font-weight:bold;color:red;} .sp_wrap .sp_tbox .trst-cp{width:70%;float:left;text-align:left;font-weight:bold;color:#7d62c3;text-decoration:underline;} .btn_small3 {padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#525151; border:1px solid #525151; color:#fff !important; margin-right:5px; float:left;} .btn_small4 {padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#9b9999; border:1px solid #9b9999; color:#fff !important; margin-right:5px; float:left;} .btn_small5 {padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#ff0000; border:1px solid #ff0000; color:#fff !important; margin-right:5px; float:left;} .btn_red{padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#ff0000; border:1px solid #ff0000; color:#fff !important; margin-right:5px; float:left;} .btn_none{padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#78537d; border:1px solid #78537d; color:#fff !important; margin-right:5px; float:left;} .btn_best{padding:5px 12px; font-size:14px; line-height:1.555; font-weight:normal !important; background-color:#c1a72e; border:1px solid #c1a72e; color:#fff !important; margin-right:5px; float:left;} .sp_wrap .sp_obox{overflow:hidden;position:relative;padding:9px 10px 8px 10px;margin:0;border-top:1px solid #e6e6e6;background-color:#f9f9fa;} .sp_wrap .sp_obox .tlst{width:30%;float:left;text-align:left;color:#444;letter-spacing:-1pt;padding-top:5px;} .sp_wrap .sp_obox .trst{width:70%;float:left;text-align:left;color:#444;} .sp_wrap .sp_vbox{overflow:hidden;position:relative;padding:15px 10px;border-top:1px solid #e6e6e6;background-color:#ffffff;} .sp_wrap .sp_vbox ul {padding:1px 0;} .sp_wrap .sp_vbox .tlst{width:30%;float:left;text-align:left;font-size:12px;color:#444;letter-spacing:-1pt;font-weight:600;} .sp_wrap .sp_vbox .trst{width:70%;float:left;text-align:left;font-size:12px;color:#444;} .sp_wrap .sp_vbox_mr{overflow:hidden;position:relative;padding:9px 10px;margin:0;border-top:1px solid #e6e6e6;background-color:#f9f9fa;} .sp_wrap .sp_vbox_mr .tlst{width:70%;float:left;text-align:left;} .sp_wrap .sp_vbox_mr .trst{width:30%;float:left;text-align:right;} .sp_wrap .sp_vbox_mr .trst .im{margin:0 -1px 0 3px;vertical-align:-2px;} .sp_wrap .sp_vbox_qa{overflow:hidden;position:relative;padding:3px 10px 3px 10px;margin:0;border-top:1px solid #e6e6e6;background-color:#f9f9fa;} .sp_wrap .sp_vbox_qa .tlst{width:30%;float:left;text-align:left;padding-top:5px;} .sp_wrap .sp_vbox_qa .trst{width:70%;float:left;text-align:right;} .sp_wrap input[type=text]{width:30px;height:23px;border:1px solid #c3c5c9;padding:0 3px;background:#fff;color:#000;vertical-align:middle;line-height:1em; text-align:center;} .sp_wrap .sp_opt_set{overflow:hidden;position:relative;padding:10px 10px 7px 10px;border-top:1px solid #e6e6e6;background-color:#ffffff;} .sp_wrap .sp_opt_set .it_name{width:100%;text-align:left;color:#444;letter-spacing:-1pt;} .sp_wrap .sp_opt_set .it_qty{width:100%;padding:3px 0;} .sp_wrap .sp_opt_set .it_qty .tlst{width:30%;float:left;text-align:left;} .sp_wrap .sp_opt_set .it_qty .trst{width:70%;float:left;text-align:right;} .sp_wrap .sp_btn span {width:49%;margin:0.5%;float:left;} .sp_wrap .sp_btn p {margin:0.5%;} .sp_wrap .sp_btn .btn_medium {width:100%;} .sp_wrap .sp_tab {border-top:10px solid #eee; } .sp_wrap .sp_tab li {width:25%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .sp_wrap .sp_tab li a {height:40px;font-size:15px;color:#888;line-height:2.8em;border-bottom:3px solid #ddd;text-align:center;display:block;} .sp_wrap .sp_tab li.active a {font-weight:600;color:#222;border-bottom:3px solid #222;} .sp_msgt {font-size:12px;padding:10px;line-height:1.3em;text-align:left;} /*상품 상세 (관련상품)*/ .sp_rel{margin:40px 0 0;padding:0 7px;border-width:1px 0;border-style:solid;border-color:#ddd;position:relative;} .sp_rel h3 {text-align:center;position:relative;clear:both;margin-top:-10px;} .sp_rel h3 span{font-size:15px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 17px;background-color:#fff;display:inline-block;} .sp_rel div {overflow:hidden;} .sp_rel dl a {display:block;text-decoration:none !important;} .sp_rel dl{width:calc(33.33% - 10px);padding:15px 5px 10px;float:left;position:relative;} .sp_rel dl dt {width:100%;height:auto;position:relative;} .sp_rel dl dt img {width:100%;height:auto;} .sp_rel dl dd {position:relative;text-align:center;} .sp_rel dl .pname {height:32px;color:#000;line-height:1.4em;margin:10px 2px 0;font-size:12px;} .sp_rel dl .price {margin:7px 0;font-size:20px;font-weight:600;color:#111;} .sp_rel dl .price .mpr {font-size:13px;font-weight:600;color:#000;} .sp_rel dl .price .mpr span {font-size:12px;font-weight:normal;margin-left:2px;} .sp_rel dl .price .spr {margin-right:5px;font-size:11px;font-weight:normal;color:#aaa;margin-bottom:1px;text-decoration:line-through;} .sp_rel dl:hover dt:after {background-color:rgba(0,0,0,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';} .sp_rel .slick-arrow {width:18px;height:18px;line-height:17px;border-radius:50%;background-color:#ccc;text-align:center;position:absolute;top:-10px;margin:0;} .sp_rel .slick-arrow:before {font-family:'FontAwesome';font-size:14px;color:#fff;} .sp_rel .slick-next {right:50%;margin-right:-100px;} .sp_rel .slick-next:before {content:'\f105';} .sp_rel .slick-prev {left:50%;margin-left:-100px;} .sp_rel .slick-prev:before {content:'\f104';} /*판매 기간상품*/ .time {padding:12px 5px;margin-bottom:-1px;background-color:#222;text-align:center;} .time span {font-size:20px;font-weight:800;color:#fff;letter-spacing:0;display:inline-block;} .time .tit, .time .day {font-size:14px;font-weight:normal;letter-spacing:-0.5px;} .time .tit {margin-left:10px;} .time .tit:after {margin:0 7px;display:inline-block;content:':';} .time .day {margin-right:7px;} /*상세페이지:옵션*/ #option_set_added {margin:0;padding:0;list-style:none;} #sit_tot_views .sp_tot{overflow:hidden;position:relative;padding:14px 10px 13px 10px;margin:0;border-top:1px solid #e6e6e6;background-color:#fff;} #sit_tot_views .sp_tot .tlst{width:55%;float:left;text-align:left;color:#444;letter-spacing:-1pt;padding-top:4px; margin-bottom:3px;} #sit_tot_views .sp_tot .trst{width:45%;float:left;text-align:right;color:#444;} #sit_tot_views .sp_tot .trst .trss-amt{font:20px verdana;color:red;letter-spacing:-1px;font-weight:bold;} .to_box .to_tline {border-top:1px solid #888;} .to_box dt, .to_box dd {width:50%;font-weight:600;padding:7px;line-height:1.4em;background:#eee;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .to_box dt {text-align:left;border-left:1px solid #888;} .to_box dd {text-align:right;border-right:1px solid #888;} .to_box .point_bg {background-color:#888;color:#fff;} .to_box .total {font-size:14px;padding:10px 7px;background-color:#f74a06;border-color:#f74a06;color:#fff;} /*마이페이지*/ #smb_my {margin:15px;} #smb_my_ov {margin:0 0 25px;} #smb_my_ov ul:after {display:block;visibility:hidden;clear:both;content:'';} #smb_my_ov ul li {width:48.5%;float:left;padding:10px 0;background-color:#f2f2f2;text-indent:10px;height:55px;position:relative;border:1px solid #dbdbdb;margin-bottom:5px;} #smb_my_ov ul li:first-child {float:right;} #smb_my_ov ul li a {position:absolute;bottom:10px;right:10px;color:#ff3e5e;font-weight:600;font-size:1.3em;} #smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;} #smb_my_ov dl {margin:0;border:1px solid #dbdbdb;font-size:0.92em;color:#666;} #smb_my_ov dl:after {display:block;visibility:hidden;clear:both;content:'';} #smb_my_ov dt {float:left;height:34px;line-height:34px;width:30%;border-bottom:1px solid #e9e9e9;font-weight:600;text-indent:10px;} #smb_my_ov dd {float:left;margin:0;height:34px;line-height:34px;width:70%;border-bottom:1px solid #e9e9e9;} #smb_my_ov dt.my_point {background-color:#f2f2f2;width:49%;} #smb_my_ov .ov_addr {border-bottom:0;height:auto;line-height:1.6;padding:5px 0;} #smb_my_od {margin:0 0 25px;} #smb_my_wish ul {margin:0;padding:0;list-style:none;} #smb_my_wish li {position:relative;padding:10px 0 30px;min-height:35px;border:1px solid #e9e9e9;margin-bottom:5px;} #smb_my_wish li:nth-of-type(1) {border-top:1px solid #e9e9e9;} #smb_my_wish .wish_img {position:absolute;top:10px;left:10px;} #smb_my_wish .wish_info {line-height:1.3;height:30px;overflow:hidden;} #smb_my_wish .info_date {position:absolute;bottom:10px;right:10px;color:#737373;} /*마이페이지 tabs*/ .mynavbar {width:100%;} .mynavbar td{font-size:10pt;letter-spacing:-1px;padding:4px 0 0;height:22px;text-align:right;border-width:0 0 1px 0;border-style:solid;border-color:#bbb;background:#fff;} .mynavbar td.selected{background:#fff;letter-spacing:-1px;padding:5px 0 2px;text-align:center;border-width:1px 1px 0 1px;} .my_list {padding:0;margin:10px 0 0;border:0;background:#fff;} .my_list .my_box {width:100%;font-size:10pt;letter-spacing:-1px;color:#333;} .my_list .my_box tr {height:30px;border:1px solid #e3e3e3;} .my_list .my_box tr.tit{background:#f1f1f1;} .my_list .my_box td.mi_dt {padding:6px 7px;} .my_list .my_box td.mi_bt {padding:2px 5px 2px 0;} .my_list .my_box td.mi_at {padding:6px 7px 6px 0;} /*login*/ .mb_login {width:70%;margin:0 auto;text-align:center;} .mb_login .log_tit {color:#333;font-size:23px;font-weight:normal;text-align:center;} .mb_login span a {color:#888;font-size:12px;} .mb_login input[type=text],.mb_login input[type=email] {border:1px solid #ddd;padding:2px 0px;text-indent:6px;height:32px;line-height:22px;font-size:0.928em;width:100%;color:#999;} .mb_login input[type=number] {border:1px solid #ddd;padding:2px 0px;text-indent:6px;height:32px;line-height:22px;font-size:0.928em;width:100%;color:#999;} .mb_login input[type=password] {border:1px solid #ddd;padding:2px 0px;text-indent:6px;height:32px;line-height:22px;font-size:0.928em;width:100%;color:#999;} .mb_login .login_fs {margin-top:30px;} .mb_login .mb_login_od {margin-top:15px;padding-top:15px;border-top:1px solid #ddd; margin-bottom:50px;} .mb_login .mb_login_od h3{font-size:1.25em;} /*회원가입 약관동의*/ .fregister_agree {margin:10px 0 0;border:1px solid #ddd;} .fregister_agree .fr_tit {font-size:13px;min-height:23px;padding:7px;line-height:1.8em;border-bottom:1px solid #ddd;background-color:#f8f8f8;position:relative;} .fregister_agree .fr_tit .btn_small {position:absolute;top:7px;right:7px;} .fregister_agree .agree_txt {height:80px;font-size:12px;margin:10px 7px;background-color:#ffffff;overflow-y:auto;overflow-x:hidden;color:#555;} .fregister_agree .agree_chk {font-size:12px;min-height:23px;padding:7px;line-height:1.8em;border-top:1px solid #ddd;background-color:#f8f8f8} .fregister_agree2 {margin:10px 0 20px;} .fregister_agree2 label {font-weight:600;font-size:14px !important;} .sns_box {border:1px solid #ddd;} .sns_box .fr_tit {font-size:13px;min-height:23px;padding:7px;line-height:1.8em;border-bottom:1px solid #ddd;background-color:#f8f8f8;position:relative;} .sns_box p {padding:7px 10px;} .sns_box a {margin:3px 0;} /*SNS 회원가입 약관*/ #snsform section {padding:30px 0 0 0;} #snsform section:first-child {padding:0 !important;} #snsform h2 {margin:0 0 10px;font-size:17px;text-align:left;} #snsform textarea {display:block;padding:10px;width:100%;height:200px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;} #snsform .sns_agree {padding:12px;text-align:left;} #snsform .sns_agree label {display:inline-block;margin-right:5px;} #snsform .sns_agree label>span {color:#999999 !important;} #snsprivate .tbl_head02 {border:1px solid #e1e1e1;} #snsprivate .tbl_head02 td {width:33%;} /*회원가입 입력*/ #fregisterform {margin:15px;} #fregisterform h3 {font-size:1.167em;margin:20px 0 5px;} #fregisterform input[type=text], #fregisterform input[type=password] {width:auto;} #fregisterform #reg_mb_email {width:100% !important;} #fregisterform .frm_address {width:100% !important;margin:5px 0 0;} #fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center;} #snsform {margin:15px;} #snsform h3 {font-size:1.167em;margin:20px 0 5px;} #snsform input[type=text] {width:auto;} /*회원가입 완료*/ #reg_result {padding:30px 15px 0;} #reg_result #result_email {margin:20px 0;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em;} #reg_result #result_email span {display:inline-block;width:20%;} #reg_result #result_email strong {color:#e8180c;font-size:1.2em;} #reg_result #result_msg {margin:20px 0;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em;} #reg_result #result_msg strong {font-size: 1.2em;} #reg_result #result_coupon {margin:20px 0;padding:10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#fff;line-height:2em;} #reg_result #result_coupon strong {color:#ff3061;font-weight:normal;} #reg_result p {line-height:1.8em;} #reg_result .homebtn {margin:15px 0 30px;overflow:hidden;text-align:center;} #reg_result .homebtn a{width:100% !important;} /*회원탈퇴*/ #fleaveform {} #fleaveform section {font-size:13px;margin:30px 0 0 0;} #fleaveform section li {height:23px;line-height:1.7em;} #fleaveform section .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;} /*회원 비밀번호 확인*/ #mb_confirm {margin:30px 15px;} #mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em;} #mb_confirm p {line-height:1.6em;background:#fff;} #mb_confirm fieldset {position:relative;margin:20px 0 5px;padding:20px 10px;border:1px solid #333;background:#fff;} #mb_confirm_id {display:block;margin-bottom:10px;} #mb_confirm_pw {display:block;padding:0;width:88%;line-height:1.8em !important;} #mb_confirm .homebtn {margin:15px 0 30px;overflow:hidden;text-align:center;} #mb_confirm .homebtn a{width:100% !important;} /*약관, 개인정보보호정책*/ .m_agree {padding:15px;text-align:left;} /*입점신청*/ #fsellerform {margin:15px;} #fsellerform input[type=text]{width:auto;} #fsellerform #reg_company_hompage, #fsellerform #reg_info_email {width:100% !important;} #fsellerform .frm_address {width:100% !important;margin:5px 0 0;} #fsellerform h2 {margin:0 0 5px;font-size:14px;text-align:left;} #fsellerform h3 {margin:20px 0 0;} .fsellerform_term textarea {display:block;padding:5px;width:100%;height:100px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;} .fsellerform_agree {padding:10px 0;text-align:left;} .fsellerform_agree label {display:inline-block;margin-right:5px;} /*입점신청완료*/ #fseller_result {margin:15px;} #fseller_result h3 {margin:20px 0 0;} /*쇼핑몰분양신청*/ #fpartnerform {margin:15px;} #fpartnerform input[type=text]{width:100%;} #fpartnerform h2 {margin:0 0 5px;font-size:14px;text-align:left;} #fpartnerform h3 {margin:20px 0 0;} #fpartnerform h3 span{color:#ff0000; margin-left:5px;} #fpartnerform #reg_tot_price em {font:bold 18px tahoma;color:#ec0e03;} .fpartnerform_term textarea {display:block;padding:5px;width:100%;height:100px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background:#fffcea;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fpartnerform_agree {padding:10px 0;text-align:left;} .fpartnerform_agree label {display:inline-block;margin-right:5px;} .fp_sign {margin:10px 0 0;overflow:hidden;} .fp_sign .info_bx {height:250px;margin:10px 0 0;padding:42px 0 0;border:1px solid #ddd;overflow:visible;position:relative;} .fp_sign .info_bx dt {font-size:14px;font-weight:bold;color:#fff;padding:7px 0;text-align:center;background-color:#999;position:absolute;top:-1px;left:-1px;right:-1px;} .fp_sign .info_bx dd {min-height:23px;font-size:12px;padding:3px 15px;line-height:1.7em;} .fp_sign .info_bx .m-signature-pad {height:130px;padding:12px 0 0;margin:7px 0 12px;border-top:1px dotted #ddd;position:relative;} .fp_sign .info_bx .m-signature-pad button {position:absolute;top:15px;right:0;} .fp_sign .info_bx .admin_seal {position:absolute;top:170px;left:110px;} .kbw-signature {width:100%;height:100px;background-color:#f1f1f1;display:block;-ms-touch-action: none;} /*쇼핑몰분양신청완료*/ #fpartner_result {margin:15px;} #fpartner_result h3 {margin:20px 0 0;} /*상세페이지 :상품문의*/ .faq {padding:10px;border-top:1px solid #e4e5e7;background:#f1f1f1;} .faq .faqbody {width:100%;} .faq .faqbody td.mi_dt {text-align:left;width:30px;vertical-align:top;} .faq .faqbody td.mi_bt {text-align:left;width:auto;vertical-align:top;} /*상세페이지 :쿠폰*/ #sit_coupon {margin:15px;} #sit_coupon .tbl_cp {width:100%;vertical-align:middle;} #sit_coupon .tbl_cp td {border:1px solid #ccc;} #sit_coupon .tbl_cp td.scope{padding:7px;text-align:left;background:#f9f9fa;font-size:9pt;letter-spacing:-1px;line-height:15px;color:#333;} #sit_coupon .tbl_cp td.image {padding:10px;;border-right:0;text-align:center;vertical-align:top;} #sit_coupon .tbl_cp td.gname {padding:10px 10px 10px 0;border-left:0;text-align:left;vertical-align:top;color:#555;} #sit_coupon .tbl_cp td.cbtn {padding:10px;text-align:left;color:#333;letter-spacing:-1px;} /*주문페이지 :쿠폰*/ #sod_coupon {margin-bottom:30px;} #sod_coupon .tbl_cp {width:100%;vertical-align:middle;} #sod_coupon .tbl_cp img{border:1px solid #f1f1f1;} #sod_coupon .tbl_cp td {border:1px solid #ccc;border-top:0} #sod_coupon .tbl_cp td.mi_dt {padding:10px;border-right:0;text-align:center;vertical-align:top;} #sod_coupon .tbl_cp td.mi_bt {padding:10px 10px 10px 0;border-left:0;text-align:left;vertical-align:top;color:#555;} #sod_coupon .tbl_cp td.mi_dw {padding:10px;text-align:left;color:#333;letter-spacing:-1px;} #sod_coupon .scope{padding:10px;text-align:left;background:#f8f8f8;border-bottom:1px solid #ccc;font-size:12px;letter-spacing:-1px;line-height:1.4em;color:#333;} #sod_coupon .tbl_s {background:#dee0e1;padding:0;margin:0 7px 0 7px;} #sod_coupon .tbl_sp {width:100%;vertical-align:middle;} #sod_coupon .tbl_sp td.mi_dw {border:1px solid #ccc;padding:7px;text-align:left;color:#333;letter-spacing:-1px;background:#fff;} #sod_coupon .to_wrap {padding:0;margin:10px;background:#fff;} #sod_coupon .avail_button{ width:100%;margin:0;display:inline-block;zoom:1;*display:inline;vertical-align:baseline; outline:none;cursor:pointer;height:27px;font-size:9pt; border-top:solid 1px #ccc;border-bottom:0;border-left:0;border-right:0;background:#fff; background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e3e5e6)); background:-moz-linear-gradient(top, #fff, #e3e5e6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#e3e5e6'); } .sod_cpuse {position:relative;margin:10px;border:1px solid #ccc;} .sod_cpuse img{border:1px solid #f1f1f1;} .sod_cpuse .us_box {width:100%;border-bottom:1px solid #ccc;} .sod_cpuse .us_box td.mi_dt {width:60px;padding:10px;text-align:center;vertical-align:top;} .sod_cpuse .us_box td.mi_bt {width:auto;padding:10px 10px 10px 0;color:#555;vertical-align:top;} .sod_cpuse .th_box {width:100%;margin:5px 0;} .sod_cpuse .th_box td{border-top:0;letter-spacing:-1px;padding:5px 10px;background:#fff;} /*주문페이지 :쿠폰적용 레이어*/ .mw{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:9000;text-align:center;} .mw .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.3;filter:alpha(opacity=15)} .mw .fg{position:absolute;top:50%;left:50%;width:220px;height:200px;min-height:200px;margin:-100px 0 0 -120px; background:#fff;padding:10px;border:5px solid #696969;overflow-y:scroll} .mw .ty_box {width:100%;} .mw .ly_box {width:100%;font-size:10pt;} .mw .ly_box td{border:1px solid #ccc;padding:5px;} .mw .ly_box td.cell{background:#f4f4f4;} html.no-overflowscrolling .fg {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ /*구매후기 (전체)*/ #sod_review {margin:15px;} #sod_review table {width:100%;vertical-align:middle;} #sod_review table td {border-bottom:1px solid #ccc;} #sod_review table td.image {padding:10px 0;text-align:center;vertical-align:top;} #sod_review table td.gname {padding:10px 0 10px 10px;text-align:left;vertical-align:top;color:#333;} /*구매후기 (개별)*/ #sit_review {padding:0;margin:15px;background:#fff;} #sit_review .tbl_review {width:100%;vertical-align:middle;} #sit_review .tbl_review img{border:1px solid #f1f1f1;} #sit_review .tbl_review td {border-bottom:1px solid #ccc;} #sit_review .tbl_review td.image {padding:0 0 6px 0;;border-right:0;text-align:center;vertical-align:top;} #sit_review .tbl_review td.gname {padding:0 0 10px 7px;text-align:left;vertical-align:top;color:#333;} #sit_review ul{overflow:hidden;position:relative;margin-top:-1px} #sit_review li.lst{border-bottom:1px solid #e4e5e7;letter-spacing:-1px} #sit_review li.lst:first-child{border-top:1px solid #e4e5e7} /*주문취소요청*/ #fordercancel {margin:15px;} /*금주의 인기검색어*/ .m_rkw_bg {} .m_rkw {margin-top:-1px;border:1px solid #ddd;background:#fff;} .m_rkw li {padding:10px 33px;border-top:1px solid #ddd;position:relative;} .m_rkw li:first-child {border-top:0 !important;} .rkw_num {width:16px;height:16px;line-height:16px;margin-top:-8px;border-radius:3px;font-size:9px;font-weight:bold;font-family:'Tahoma,Verdana-Bold,Helvetica';color:#fff;background-color:#e70000;text-align:center;position:absolute;top:50%;left:10px;} .rkw_icon {font-size:0;display:inline-block;position:absolute;top:50%;right:10px;} .rkw_sm {margin-top:-10px;margin-right:5px;} .rkw_sm:before {font-size:20px;color:#888;content:'-';} .rkw_nw {width:14px;height:14px;font-size:12px;line-height:16px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;margin-top:-7px;} .rkw_nw:before {display:none !important;} .rkw_up {width:12px;margin-top:-8px;} .rkw_up:before {font-size:16px;font-family:'FontAwesome';color:#c2191f;content:'\f0d8';} .rkw_dw {width:12px;margin-top:-8px;} .rkw_dw:before {font-size:16px;font-family:'FontAwesome';color:#22b0bd;content:'\f0d7';} .m_rkw_se {height:33px;margin:10px 0 0;position:relative;z-index:10;border:1px solid #ddd;background-color:#fbfbfb} .m_rkw_se h2 {height:16px;font-size:13px;position:absolute;top:50%;left:10px;margin-top:-8px;} .m_rkw_se .btn_open, .m_rkw_se .btn_close {width:33px;height:33px;border-left:1px solid #ddd;text-align:center;position:absolute;right:0;top:0;} .m_rkw_se .btn_open:before, .m_rkw_se .btn_close:before {font-size:13px;font-family:'FontAwesome';color:#888;} .m_rkw_se .btn_open:before {content:'\f078';} .m_rkw_se .btn_close:before {content:'\f077';} .m_rkw_se ul {height:22px;margin-top:-11px;position:absolute;left:85px;top:50%;right:33px;} .m_rkw_se li {font-size:12px;padding:4px 33px;position:relative;} /*FAQ*/ .faq_sch {width:100%;height:30px;} .faq_li li {font-size:13px;line-height:1.4em;border-bottom:1px dotted #ccc;position:relative;} .faq_li li:before {font-size:17px;font-weight:800;position:absolute;left:10px;} .faq_li .faq_q {padding:10px 10px 10px 32px;cursor:pointer;} .faq_li .faq_q:before {color:#6379d8;content:"Q";top:8px;} .faq_li .faq_q:hover, .faq_li .faq_q.active {color:#6379d8;} .faq_li .faq_a {padding:15px 15px 15px 32px;background-color:#fbfbfb;display:none;} .faq_li .faq_a:before {color:#999;content:"A";top:15px;} /*모바일게시판*/ .m_bo_hd {margin:0 12px;} .m_bo_hd img {max-width:100%;} .m_bo_bg{margin:0 12px;} .m_bo_bg .list a {display:block;} .m_bo_bg .list{border-bottom:1px solid #ddd;padding:10px;} .m_bo_bg .list .cate {color:#f33e31;margin-right:5px;} .m_bo_bg .list .subj {font-size:14px;} .m_bo_bg .list .date {color:#aaa;margin:3px 0 0;} .m_bo_bg .title{font-size:14px;font-weight:600;border-bottom:1px solid #ddd;padding:10px 7px;} .m_bo_bg .wr_name{border-bottom:1px solid #ddd;padding:10px 7px;} .m_bo_bg .wr_name .wr_day {font-size:0.928em;color:#999;margin-left:10px;} .m_bo_bg .list a p{font-size:12px;} .wr_txt{min-height:100px;padding:10px;border-bottom:1px solid #ddd;} .bor_bt{border-bottom:1px solid #ddd;} .m_bo_wrap{background:#f9f9f9;border:1px solid #ddd;} .tbl03{width:100%;} .tbl03 tr{border-top:1px solid #ddd;} .tbl03 tr:first-child {border-top:0 !important;} .tbl03 tr th{padding:7px;font-size:13px;color:#555;text-align:left;} .tbl03 tr td{padding:7px 7px 7px 0;vertical-align:top;} .tbl03 tr td input[type=text], .tbl03 tr td input[type=password]{-webkit-box-sizing:border-box;height:29px;border-radius:2px;font-size:13px;-moz-box-sizing:border-box;box-sizing:border-box;list-style-type:none;width:100%;padding:7px;background:#fff;border:1px solid #cccccc;} .tbl03 tr td textarea{-webkit-box-sizing:border-box;border-radius:2px;font-size:13px;-moz-box-sizing:border-box;box-sizing:border-box;list-style-type:none;width:100%;padding:7px;background:#fff;border:1px solid #cccccc;resize:none;} .m_bo_pop {margin:10px;border:1px solid #ddd;padding:20px;text-align:center;} .m_bo_pop h2 {font-size:17px;font-weight:600;margin-bottom:15px;} .m_bo_pop .btn_area {margin-top:15px;} .m_bo_pop input[type=password] {height:30px;border-radius:2px;font-size:13px;list-style-type:none;width:80%;padding:7px;background:#fff;border:1px solid #cccccc;} .m_bo_pop .formbox input[type=text] {height:30px;border-radius:2px;font-size:13px;list-style-type:none;width:80%;padding:7px;background:#fff;border:1px solid #cccccc;} .qna_reply {padding:12px;border:1px solid #ddd;background-color:#f8f8f8;margin-top:10px;} .qna_reply .ic_tit {height:15px;font-size:12px;padding:0 7px;margin:0 5px 0 0;color:#fff;background-color:#197fe0;display:inline-block;} .qna_reply .date {font-size:12px;font-weight:600;margin-bottom:7px;color:#888;letter-spacing:0;} /*모바일 갤러리 게시판*/ .m_gall {margin:0 7px;} .m_gall a {display:block;text-decoration:none !important;} .m_gall .gall_item {width:50%;height:auto;} .m_gall dl {margin:0 5px 10px;padding-bottom:10px;border:1px solid #e1e1e1;} .m_gall dt img {width:100%;height:168.5px;max-height: 168.5px;} .m_gall dd {padding:0 10px;} .m_gall dd.subj {font-size:12px;margin:10px 0 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .m_gall dd.date {font-size:11px;color:#999;} .m_gall .btn_medium {width:calc(100% - 10px);margin:0 5px;} .m_gall .bottom_sch {margin:10px 5px 0;} /*게시판 검색창*/ .bottom_sch {margin-top:10px;padding:7px;background-color:#f5f5f5;text-align:center;} /*SNS로그인*/ .sns_btn {margin-top:15px;padding-top:15px;border-top:1px solid #ddd;} .sns_btn a {margin:3px 0;} .bt_naver, .bt_face, .bt_kakao {width: 100%;height:35px;line-height:35px;font-size:13px;font-weight:600;/*padding:0 25px 0 60px;*/display:block;text-align:center;text-decoration:none !important;position:relative;} .bt_naver {color:#fff !important;background-color:#1ec800;} .bt_naver .bt_ic {width:35px;height:35px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;} .bt_naver .bt_ic:after {width:0;height:35px;border-left:1px solid #1db402;border-right:1px solid #60dc4a;display:inline-block;content:'';position:absolute;top:0;right:0;} .bt_face {color:#fff !important;background-color:#3b579d;} .bt_face .bt_ic {width:35px;height:35px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;} .bt_face .bt_ic:after {width:0;height:35px;border-left:1px solid #314984;border-right:1px solid #516cad;display:inline-block;content:'';position:absolute;top:0;right:0;} .bt_kakao {color:#381E1E !important;background-color:#F1DC43;} .bt_kakao .bt_ic {width:35px;height:35px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;} .bt_kakao .bt_ic:after {width:0;height:35px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;} .bt_ic img {margin-bottom:2px;} /*브랜드샵*/ .br_search {padding:20px;margin:10px 12px 0;border:1px solid #e9e9e9;} .br_search .sch_inner {max-width:400px;margin:0 auto;} .br_search .sch_inner dt {width:65px;height:37px;line-height:2.6;font-size:14px;font-weight:600;color:#555;float:left;} .br_search .sch_inner dd {height:35px;border:1px solid #555;margin-left:65px;position:relative;} .br_search .sch_inner dd input[type=text] {width:calc(100% - 35px);height:35px;font-size:13px;padding:0 10px;line-height:2.3;border:0;} .br_search .sch_inner dd .btn_submit {width:35px;height:35px;color:#555;font-size:20px;padding-bottom:2px;border:0;cursor:pointer;} .br_search .sch_inner2 {padding:15px 0;border-top:1px dotted #e9e9e9;overflow:hidden;} .br_search #br_sch {text-align:center;overflow:hidden;margin-top:20px;} .br_search .sch_tab {width:150px;border:1px solid #555;margin:0 auto;} .br_search .sch_tab li {width:50%;text-align:center;float:left;cursor:pointer;} .br_search .sch_tab li a {height:25px;color:#666;line-height:2;text-decoration:none !important;display:block;} .br_search .sch_tab li.active a {color:#fff;background-color:#555;} .br_search .sch_tab_con {margin-top:3px;} .br_search .sch_tab_con ul {display:inline-block;} .br_search .sch_tab_con li {width:24px;height:25px;color:#666;line-height:2;margin:3px 3px 0 0;border:1px solid #e9e9e9;float:left;text-align:center;cursor:pointer;} .br_search .sch_tab_con li.active {color:#fff;font-weight:600;background-color:#555;border:1px solid #555;} .br_list {overflow:hidden;margin:12px;} .br_list li {width:33%;border:1px solid #e9e9e9;margin:0 0.5% 0.5% 0;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .br_list li:nth-child(3n) {margin-right:0;} .br_list li a {padding:10px 7px;color:#666;text-align:center;text-decoration:none !important;display:block;} .br_list li img {width:100%;height:auto;} .br_list li p {height:14px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .br_view_tit {width:100%;height:80px;background:#bbb url('/img/br_view_bg.png') no-repeat top right -100px;background-size:auto 100%;position:relative;} .br_view_tit .tit_logo {width:auto;height:34px;margin-top:-17px;position:absolute;top:50%;right:25px;z-index:99;} .br_view_tit .tit_logo img {width:auto;height:100%;} .br_view_tit .tit_txt {color:#fff;font-size:17px;margin-top:-10px;line-height:1.3em;position:absolute;top:50%;left:12px;z-index:99;} /*기획전*/ .plan {padding:0 12px;} .plan a {text-decoration:none !important;} .plan li {margin:0 0 12px 0;border:1px solid #e1e1e1;} .plan li .plan_img {width:100%;height:auto;} .plan li .plan_img img{width:100%;height:auto;} .plan li .plan_tit {height:15px;font-size:13px;padding:12px 15px;text-align:center;border-top:1px solid #e1e1e1;} .plan_v_img {} .plan_v_img img {width:100%;height:auto;} @media (min-width:470px){ .plan li {width:calc(50% - 8px);float:left;} .plan li:nth-child(2n+1) {margin-right:12px;clear:both;} } /*타임세일*/ .timesale {margin:15px 12px 0;} .timesale li {width:49%;margin:0 0 6% 2%;float:left;position:relative;} .timesale li:nth-child(2n+1) {margin-left:0 !important;clear:both;} .timesale li a {display:block;text-decoration:none !important;} .timesale li dt {border:1px solid #eee;position:relative;} .timesale li dt img {width:100%;} .timesale li dt .memberzone {width:40px;height:auto;position:absolute;right:3%;top:3%;} .timesale li dd {position:relative;text-align:center;} .timesale li .pname {height:30px;color:#333;font-size:12px;line-height:1.4em;margin:7px 0 0;font-weight:600;} .timesale li .ptime {font-size:11px;padding:7px 5px;margin-top:-1px;color:#fff;background-color:#333;} .timesale li .ptime span {display:inline-block;} .timesale li .ptime .num {font-size:12px;font-weight:600;color:#fff;letter-spacing:0;} .timesale li .price {width:100%;margin:7px 0 0;} .timesale li .price p {line-height:1.3em;vertical-align:bottom;} .timesale li .price .mpr {font-size:16px;font-weight:800;color:#111;} .timesale li .price .mpr span {font-size:13px;font-weight:400;margin-left:2px;color:#333;} .timesale li .price .spr {margin-right:5px;font-size:11px;font-weight:400;color:#aaa;text-decoration:line-through;letter-spacing:0;} .timesale li .petc{margin-top:10px;} .timesale li .ic_bx {position:} .timesale li .icon {margin-top:20px;} .timesale li .icon img {margin:0 3px;} /*인스타그램*/ .insta {width:calc(100% - 30px);padding:20px 15px 25px;background-color:#f8f8f8;} .insta h2 {font-size:14px;font-weight:800;letter-spacing:1px;text-align:center;color:#222;} .insta h2 a {margin-left:15px;font-size:12px;font-weight:normal;letter-spacing:0;text-decoration:none !important;} .insta h2 a:hover {color:#888;} .insta ul {margin-top:12px;} .insta li {width:16%;height:auto;margin-left:0.8%;float:left;position:relative;} .insta li:first-child {margin-left:0 !important;} .insta li a {display:block;} .insta li img {width:100%;height:auto;} /*네이버페이*/ .naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;} #sod_bsk_act .naverpay-cart {margin-top:15px;clear:both;position:static;} /* 버튼 */ a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle;} a.btn01:focus, a.btn01:hover {text-decoration:none;} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;} a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;} a.btn02:focus, .btn02:hover {text-decoration:none;} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;} /*장바구니&주문서 공통*/ #sod_chk {padding:0 0 5px;} .sod_list {position:relative;margin:0;padding:0;list-style:none;overflow:visible;} .sod_list .sod_li {position:relative;overflow:visible;padding:0;border:1px solid #e9e9e9;margin:10px 0;} .sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:"";} .sod_list .li_chk {position:absolute;top:10px;left:10px;} .sod_list .li_name {min-height:130px;} .sod_list .li_name a, .sod_list .li_name strong {display:block;padding:0 10px 0 30px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .sod_list .li_name strong {padding-left:10px;} .sod_list .total_img {position:absolute;top:45px;left:10px;} .sod_list .sod_opt {padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em;} .sod_list .sod_opt li {margin-bottom:3px;} .sod_list .li_cp {position:relative;} .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em;} .sod_list .li_prqty {margin:10px;} .sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:"";} .sod_list .li_prqty .li_prqty_sp {width:33.333333%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px;} .sod_list .li_prqty .li_prqty_sp span {display:block;background:#f2f2f2;} .sod_list .li_prqty .prqty_price {border-left:0;} .sod_list .li_prqty .prqty_sc {border-right:0;} .sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;} .sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434;} .sod_list .total_span span {position:absolute;top:5px;left:0;} /*주문내역*/ #sod_fin {margin:15px;} #sod_fin h3 {margin:0;} #sod_fin .odf_tbl table {width:100%;margin:0;padding:0;border-width:1px 1px 0 1px;border-style:solid;border-color:#e9e9e9;border-collapse:collapse;} #sod_fin .odf_tbl table tbody td,#sod_fin .odf_tbl table tbody th {;border-bottom:1px solid #e9e9e9;padding:6px 10px;text-align:left;line-height:20px;} #sod_fin .odf_tbl table th {width:70px;color:#343434;font-weight:normal;} #sod_fin .odf_tbl table tbody td.empty_table {text-align:center;} #sod_fin .odf_tbl textarea {width:99%;border:1px solid #e4eaec;} #sod_fin .odf_tbl table input[type=text] {background-color:#fff !important;height:24px;line-height:24px;text-indent:5px;border:1px solid #e4eaec;} #sod_fin .sod_list .li_name_od {padding:5px 10px 0 10px;} #sod_fin .sod_list .li_dvr {padding:10px;border-top:1px solid #e9e9e9;} #sod_fin .sod_list .li_btn {padding:5px 10px 0 0;text-align:right;} #sod_fin .sod_list .li_opt {padding:10px 10px 0 10px;border-top:1px solid #e9e9e9;} #sod_fin .sod_list .li_opt:first-child {border:none;} #sod_fin .sod_list .total_img {top:10px;left:0;} #sod_fin .sod_list .total_span {padding:10px 5px 10px;display:block;} #sod_fin .sod_list .total_span span {top:10px;} #sod_fin .sod_list .li_prqty .li_prqty_sp {width:25% !important;} #sod_fin .sod_list .li_prqty .prqty_stat {border-right:0;} #sod_fin section {margin-bottom:20px;} #sod_fin_no {margin:0 0 15px;padding:10px;background:#eaf7f5;} #sod_fin_list h2 {margin:0 0 10px;} /*장바구니*/ #sod_bsk {margin:15px;} #sod_bsk_list {position:relative;} #sod_bsk_list #mod_option_frm {z-index:999;position:absolute;top:0;left:0;width:100%;} #sod_bsk_list #mod_option_frm form {border:1px solid #373737;background:#fff;padding:10px;max-height:500px;overflow-y:scroll;} html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important;} /* overflow 미지원 기기 대응 */ #sod_bsk_list #mod_option_frm h3 {line-height:1.2em;padding-bottom:8px;} #sod_bsk_list #mod_option_frm .btn_confirm {padding:0 !important;} #sod_bsk_list #mod_option_frm .btn_submit {width:49%;float:left;} #sod_bsk_list #mod_option_frm .btn_cancel {width:49%;float:right;} #sod_bsk_list #mod_option_frm #sit_tot_views {border-bottom:1px solid #e9e9e9;} #sod_bsk_tot {margin:0 0 8px;background:#f2f2f2;} #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:"";} #sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;} #sod_bsk_tot dt {width:50%;font-weight:600;} #sod_bsk_tot dd {width:50%;margin:0;text-align:right;} #sod_bsk_tot dt span {position:relative;left:10px;} #sod_bsk_tot dd strong {position:relative;right:10px;} .sod_bsk_cnt {background:#373737;color:#fff;} .sod_bsk_point {border-bottom:0 !important;} #sod_bsk_act {margin:0 0 20px;padding-top:40px;text-align:center;position:relative;} #sod_bsk_act:after {display:block;visibility:hidden;clear:both;content:"";} #sod_bsk_act div {position:absolute;top:0;right:0;} #sod_bsk_act div .btn01 {background:#fff;color:#999;padding:5px 10px;font-size:0.93em;} /*주문서작성*/ #sod_frm {margin:15px;} #sod_frm section {margin-bottom:10px;} #sod_frm .odf_tbl table {width:100%;margin:0;padding:0;border-width:1px 1px 0 1px;border-style:solid;border-color:#e9e9e9;border-collapse:collapse;} #sod_frm .odf_tbl table tbody td, #sod_frm .odf_tbl table tbody th {;border-bottom:1px solid #e9e9e9;padding:5px 10px;text-align:left;line-height:26px;position:relative; font-size:15px;} #sod_frm .odf_tbl table th {width:70px;color:#343434;font-weight:normal;letter-spacing:-0.1em;} #sod_frm .odf_tbl textarea {width:100%;height:50px;} #sod_frm .odf_tbl .frm_address {width:100%;margin-top:5px;} #sod_frm_orderer,#sod_frm_taker,#sod_frm_message,#sod_frm_pay,#bank_section,#taxsave_section {margin:20px 0 0 !important;} #guest_privacy {margin:20px 0 0 !important;} #guest_privacy #guest_helper {padding:5px 0 5px;line-height:1.4;color:#888;} #guest_privacy #guest_privacy {margin:0 0 10px;padding:10px;height:150px;border:1px solid #e9e9e9;overflow:auto;} #guest_privacy .tbl_head01 th, #guest_privacy .tbl_head01 td {font-size:0.95em;} #guest_privacy #guest_agree {margin-top:10px;} /*배송지 목록*/ #sod_addr {} #sod_addr ul {margin:0;padding:0;list-style:none;} #sod_addr li {position:relative;padding:5px 0;min-height:35px;border-bottom:1px solid #e9e9e9;} #sod_addr .addr_addr {margin:0 0 5px;} #sod_addr .addr_name {float:left;margin:0 0 10px;font-weight:600;} #sod_addr .addr_tel {float:right;margin:0 0 10px;} #sod_addr .addr_btn {clear:both;text-align:right;} #sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:"";} #sod_addr #btn_sel {width:25%;border:0;background:#626870 !important;color:#ffffff !important;} /*주문배송조회*/ #sod_v {margin:15px;} #sod_v_ov {margin:0 0 10px;} #sod_v_ov ul:after {display:block;visibility:hidden;clear:both;content:'';} #sod_v_ov ul li {width:48.5%;float:left;padding:10px 0;background-color:#f2f2f2;text-indent:10px;height:55px;position:relative;border:1px solid #dbdbdb;margin-bottom:5px;} #sod_v_ov ul li:first-child {float:right;} #sod_v_ov ul li span {position:absolute;bottom:10px;right:10px;color:#ff3e5e;font-weight:600;font-size:1.3em;} #sod_v_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;} #sod_inquiry li {border:1px solid #e9e9e9;border-bottom:0;margin-bottom:5px;} #sod_inquiry li .inquiry_idtime {background-color:#f2f2f2;padding:10px;position:relative;} #sod_inquiry li .inquiry_idtime a {font-weight:600;} #sod_inquiry li .inquiry_idtime .idtime_time {position:absolute;top:10px;right:10px;} #sod_inquiry li .inquiry_name {clear:both;padding:10px;color:#696969;} #sod_inquiry li .inquiry_price {padding:10px;font-size:1.167em;font-weight:600;} #sod_inquiry li .inquiry_info {position:relative;border-bottom:1px solid #e9e9e9;} #sod_inquiry li .inquiry_inv {position:absolute;bottom:10px;right:10px;color:#34b5a1;text-align:right;} #sod_inquiry li .inquiry_inv .inv_status {display:block;font-weight:600;} #sod_fin_cancel {text-align:center;} #sod_fin_cancel h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;} #sod_fin_cancelfrm {display:none;margin:10px 0 0;padding:20px 0;background:#f6f6f6;} #sod_fin_cancelfrm label {color:#888;} #sod_fin_cancelfrm .frm_input {background:#fff !important;height:24px;line-height:24px;text-indent:5px;width:190px;} /*개별페이지*/ #ctt {margin:15px;} /*상품유형페이지 내 검색*/ #sct_hdesc {margin:0;padding:0;border-width:1px 0;border-style:solid;border-color:#e9e9e9;} /*쿠폰인증*/ .coupon_se {padding:15px;background:#fffcea;} .coupon_se h3 {margin:0 0 10px;font-size:14px;text-align:center;font-weight:400;} .coupon_se .frm_inner {width:100%;margin:0 0 10px;text-align:center;overflow:hidden;} .coupon_se .frm_inner input[type=text] {float:left;border-width:1px 1px 1px 0;border-style:solid;border-color:#555;background:#fff;width:25%;height:40px;font-size:1.333em;font-weight:600;text-align:center;line-height:2.3em;vertical-align:top;text-transform:uppercase;} .coupon_se .frm_inner input[type=text]:first-child {border-left:1px solid #555;} .coupon_se .btn_large {width:100%;} /*쿠폰*/ #scp_list {padding:15px;} #scp_list ul {margin:0;padding:0;list-style:none;} #scp_list li {position:relative;border:1px solid #e9e9e9;margin-bottom:5px;border-radius:8px;} #scp_list .li_title {display:block;padding:8px 10px;font-size:1.2em;font-weight:600;background-color:#f2f2f2;} #scp_list .li_pd {margin:0 0 5px;zoom:1;} #scp_list .li_pd:after {display:block;visibility:hidden;clear:both;content:"";} #scp_list .pd_price {padding:10px;display:inline-block;} #scp_list .pd_date {float:right;padding:10px;color:#a4a4a4;} #scp_list .li_target {padding:0 10px 10px;color:#029d9f;display:inline-block;} /*찜한상품&최근본상품*/ #sod_ws {background:#fff;padding:10px 10px 30px;} #sod_ws .ws_wrap table {width:100%;border-top:1px solid #e9e9e9;} #sod_ws .ws_wrap tr {border-bottom:1px solid #e9e9e9;} #sod_ws .ws_wrap th {width:30px;padding:10px 0 0 2px;text-align:center;vertical-align:top;background-color:#fff !important;} #sod_ws .ws_wrap td.wish_img {width:60px;padding:10px 7px;text-align:center;vertical-align:top;} #sod_ws .ws_wrap td.wish_info {position:relative;width:auto;padding:10px 7px 10px 0;vertical-align:top;} #sod_ws .ws_wrap td.wish_info .wish_gname{color:#555;} #sod_ws .ws_wrap td.wish_info .wish_del{position:absolute;bottom:10px;right:0;} /*포인트*/ #point {margin:15px;} #point_ul {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none;} #point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9;} #point_ul .point_wrap01 {position:relative;padding:0 0 0 90px;} #point_ul .point_wrap02 {margin:7px 0 0;text-align:right;} #point_ul .point_date {position:absolute;top:0;left:0;} #point_sum {margin:0;} #point_sum .sum_row {margin:0 0 1px;background-color:#f8f8f8;} #point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:'';} #point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px;} #point_sum .sum_tit {clear:both;float:left;width:100px;} #point_sum .sum_val {float:right;} /* 배송갤러리 */ .delivery_gall {margin-top:35px;padding:35px 0;background:#f6f6f6;overflow:hidden;} .delivery_gall .gallul {padding:0 6px;margin-top:20px;overflow:hidden;position:relative;} .delivery_gall .gallul .gbo_li {width:calc(50% - 12px);margin:0 6px;padding:12px;background:#fff;text-align:left;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .delivery_gall .gallul .gbo_li a {display:block;text-decoration:none !important;} .delivery_gall .gallul .gbo_li dt {border-radius:7px;overflow:hidden;text-align:center;} .delivery_gall .gallul .gbo_li dt img {width:100%;height:auto;} .delivery_gall .gallul .gbo_li dd.tit {height:17px;margin-top:12px;font-size:13px;font-weight:600;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .delivery_gall .gallul .gbo_li dd.botxt {height:15px;line-height:1em;font-size:12px;color:#727272;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .delivery_gall .slick-arrow {margin-top:-20px;color:#cfcfcf;} .delivery_gall .slick-arrow:before {font-size:40px;} .delivery_gall .slick-next {right:5px;} .delivery_gall .slick-prev {left:5px;} .sns-signup { position:relative; width:100%; margin-top:50px; /* margin:20px auto; */ } .sns-signup__items {position:relative;} .sns-signup__item { position:relative; width:100%; } .sns-signup__item + .sns-signup__item {margin-top:5px} .btn-item { position:relative; display:block; width:100%; overflow:visible; height:36.77px; line-height:36px; margin:0; text-align:center; border:0; border-radius:30px; font-size:13px; } .btn-item.btn--kakko { background-color:#ffeb00; color:#3d201c; } .btn-item.btn--naver { background-color: #1ec800; color: #ffffff; } .btn-item.btn--facebook { background-color: #3b579d; color: #ffffff; } .btn-ico { display:inline-block; width:30px; height:30px; background-size:100% auto; background-repeat:no-repeat; background-position:1px -2px; vertical-align:middle; } .btn-ico.btn-ico--kakko { background-image:url(../basic/img/sns_kakao_s.png); } .btn-ico.btn-ico--naver { background-image:url(../basic/img/sns_naver_s.png); } .btn-ico.btn-ico--facebook { background-image:url(../basic/img/sns_fb_s.png); } /*상단전화번호*/ .m_call {display:none;} div#pop_wrap { position: absolute; top:0px; background-color: rgba(0,0,0,0.8); z-index:9999; display:none; width:100%; height:100%; } div.popup { position: absolute; top:250px; left:50%; transform : translateY(-50%); transform : translateX(-50%); height: 40px; background-color: white; } div.popup div.close { width: 70px; height: 30px; text-align : center; line-height: 30px; background-color: #fff; margin: 0 auto; color: white; border-radius: 5px; font-size: 13px; } .flower_house{padding: 0 0 10px 0;} .flower_house h2{font-size:22px; margin-bottom:8px; color:#000; font-weight:700;} .flower_house h3{font-size:14px; color:#595959; font-weight:500; margin-bottom:4px;} .flower_house ul{margin-bottom:20px;} .flower_house ul::after{content:""; clear:both; display:block;} .flower_house ul li{float:left; font-size:14px; padding:4px 8px; margin-right:5px; background-color:#f1f1f1; border-radius:4px;} .flower_house .swiper {width: 100%; height: 250px; } .flower_house .swiper-slide img {display: block; width: 100%; height: 100%; object-fit: cover; border-radius:10px; box-shadow: 0 4px 16px 0px rgba(0, 40, 114, 0.1);} .flower_house .slide_ready{box-shadow: 0 0 0 2px #ddd inset; border-radius:10px; } .flower_house .flower_zone{color:#8b5f1a; font-weight:bold;} .house_box {position:relative;} .house_box .swiper-button-next, .house_box .swiper-button-prev{position:absolute; top:55%; margin-top:10px; color:#000; width:30px; height:30px; background-color:#ffffffeb; border-radius:30px; box-shadow: 0 4px 16px 0px rgba(0, 40, 114, 0.1); } .house_box .swiper-button-next:after, .house_box .swiper-button-prev:after{font-size:16px; font-weight:bold;} .house_box5 {position:relative;} .house_box5 .swiper-button-next, .house_box5 .swiper-button-prev{position:absolute; top:46%; margin-top:10px; color:#000; width:30px; height:30px; background-color:#ffffffeb; border-radius:30px; box-shadow: 0 4px 16px 0px rgba(0, 40, 114, 0.1); } .house_box5 .swiper-button-next:after, .house_box5 .swiper-button-prev:after{font-size:16px; font-weight:bold;} .cont_wrap2{padding: 0 10px;} .house_box2 {position:relative;} .house_box2 .swiper-button-next, .house_box2 .swiper-button-prev{position:absolute; top:55%; margin-top:10px; color:#000; width:30px; height:30px; background-color:#ffffffeb; border-radius:30px; box-shadow: 0 4px 16px 0px rgba(0, 40, 114, 0.1); } .house_box2 .swiper-button-next:after, .house_box2 .swiper-button-prev:after{font-size:18px; font-weight:bold;} .gallery{position:relative;} .gallery .swiper-button-next, .gallery .swiper-button-prev{position:absolute; top:55%; margin-top:10px; color:#000; width:30px; height:30px; background-color:#ffffffeb; border-radius:30px; box-shadow: 0 4px 16px 0px rgba(0, 40, 114, 0.1); } .gallery .swiper-button-next:after, .gallery .swiper-button-prev:after{font-size:18px; font-weight:bold;} /* map */ .map_left{ border-radius:10px; padding:5px 15px; box-sizing:border-box; background-color:#fbfbfb; margin-bottom:10px; border:1px solid #e5e5e5;} .map_left h2{font-size: 18px; font-weight: 500; color: #333; font-weight:bold; letter-spacing:-1px; margin:10px 0 5px 0; } .map_left ul:after {display:block;clear:both;content:'';} .map_left .map_area{border-bottom:1px solid #dcdcdc; padding: 5px 0; letter-spacing:-0.25; } .map_left .map_area:after {display:block;clear:both;content:'';} .map_left .map_area .map_tit{float:left; width:22%; font-size:15px; font-weight:bold;} /*.map_left .map_area .map_tit span{margin-left:5px;}*/ .map_left .map_area .map_tit2{float:right; width:77%; padding:0 5px; text-align:right; font-size:15px; } .closp{font-size:15px; color:#ff0000; font-weight:bold;} .map_left .nw_map_ar .map_tit{width:12%;} .map_left .nw_map_ar .map_tit2{width:77%;} .map_left .nw_map_ar2 .map_tit{width:20%;} .map_left .nw_map_ar2 .map_tit2{width:78%;} .map_left .area_border{border-bottom:none;} .map_left .bor_no{border:none;} /* 주소, 취급품목 */ .map_left .map_area .map_tit3{float:left; width:30%; font-size:18px;} .map_left .map_area .map_tit3 span{margin-left:5px;} .map_left .map_area .map_tit4{float:right; width:65%; padding:0 5px; text-align:right; font-size:18px; } .root_daum_roughmap{border-radius:10px; width:100%;} .root_daum_roughmap_landing{width:100%;} ::-moz-selection { background: #df5d67; color: #000; } ::selection { background: #df5d67; color: #000; } .cont_box{width:100%; height:650px; margin:0 auto; background-color:#f5f6f3; box-sizing:border-box;} .mcont1 .pr_desc1{ padding-top:64px;} .mcont1 .pr_desc1 li {width:260px;height:525px; background-color:#fff; padding:75px 40px 30px 40px; margin-right:30px; float:left; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; } .mcont1 .pr_desc1 li:last-child{margin-right:0px;} .mcont1 .pr_desc1 li dt {width:100%;height:176px; } .mcont1 .pr_desc1 li .pname {color:#ec6b79;margin:37px 0 32px 0;font-size:16px;line-height:1em;text-overflow:ellipsis;white-space:nowrap; } .pr_desc1 dt img{width:100%; height:100%;} /* .new_mcont{margin-top:30px;} */ .pr_desc1 li .price{text-align:center;} .pr_desc1 li .price .spr {margin-right:10px;font-weight:300;color:#999;text-decoration:line-through;} .new_mcont .pr_desc3 li .price { font-size:14px; color:#ec6b79;} .pr_desc3 li .price .spr {margin-right:10px;font-weight:300;color:#999;text-decoration:line-through;} .new_mtit {position:relative;text-align:left; font-size:22px;font-weight:700;color:#151515; margin-bottom:10px;} .new_mtit .stxt {} .new_mtit .stxt .ptfont {color:#000;} .new_mtit .btnMore {font-size:15px;font-weight:400;line-height:1em;color:#727272; text-decoration:none !important; float:right; margin-top:10px;} .new_mtit .btnMore:before {font-family:'Ionicons';color:#ec6b79;margin:0 5px 4px 0;display:inline-block;vertical-align:middle;content:'\f218';} .new_mtit .btnMore:hover {color:#ec6b79;} .mcont_box{width:100%; height: auto; margin:0 auto; background-color:#f8f8f8; box-sizing:border-box;} .new_mcont1{margin:40px 0; } .new_mcont1 .pr_desc1 a{text-decoration:none !important;} .new_mcont1 .pr_desc1 li {width:calc(50% - 12px); margin:6px; float:left; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; } .new_mcont1 .pr_desc1 li:nth-child(2n+1) {clear:both;} .new_mcont1 .pr_desc1 li:last-child{margin-right:0px;} .new_mcont1 .pr_desc1 li dt{position: relative; height:170px;} .new_mcont1 .pr_desc1 li .pname {color:#2a2424; margin:10px 0 12px 0; font-size:16px;line-height:1em;text-overflow:ellipsis;white-space:nowrap;} .new_mcont1 .pr_desc1 li .price { font-size:14px; color:#ec6b79; text-align:left;} .new_mcont1 .pr_desc1 li .price .mpr{font-weight:bold; color:#111; font-size:16px;} .new_mcont1 .pr_desc1 li .price .mpr span{font-weight:400; font-size:14px; margin-right:10px;} .new_mcont1 .pr_desc1 li .pname2 {color:#2a2424; font-size:15px;line-height:1em;text-overflow:ellipsis;white-space:nowrap; } .new_mcont1 .pr_desc1 li .pname2 .land_map{color:#9080de; box-shadow: 0 0 0 1px #9080de inset;} .new_mcont1 .pr_desc1 li .point_p{background-color: #ff8e33; font-size: 13px; padding: 0 7px; height: 18px; line-height: 18px; display: inline-block; color: #fff; margin-top: 3px;} .new_mtit1 {position:relative; padding:0 6px; text-align:left;} .new_mtit1 .stxt {font-size:24px;font-weight:500;color:#2a2424;line-height:1em; margin: 0 0 18px 0; padding-top:40px;} .new_mtit1 .stxt .ptfont {color:#000;} .new_mtit1 .btnMore {font-size:18px;font-weight:400;line-height:1em;color:#727272;margin-right:-565px;position:absolute;right:50%;bottom:-3px;text-decoration:none !important;} .new_mtit1 .btnMore:before {font-family:'Ionicons';color:#ec6b79;margin:0 5px 4px 0;display:inline-block;vertical-align:middle;content:'\f218';} .new_mtit1 .btnMore:hover {color:#ec6b79;} .new_mcont .pr_desc3 li {width:calc(50% - 7px); float:left; position:relative; overflow: hidden; margin-bottom:25px;} .new_mcont .pr_desc3 li:nth-child(2n+1) {clear:both; margin-right:5px;} .new_mcont .pr_desc3 li:last-child{margin-right:0px;} .new_mcont .pr_desc3 li dl{overflow:visible; position:relative;} .new_mcont .pr_desc3 li dt{border-radius:4px;} .new_mcont .pr_desc3 li .pname {color:#111; margin:10px 0 5px 0; font-size:15px; font-weight:normal;} .new_mcont .pr_desc3 li .price {margin: 7px 0 0 0; font-weight: 600; color:#111;} .new_mcont .pr_desc3 li .price .mpr{font-weight:bold; color:#111; font-size:16px;} .new_mcont .pr_desc3 li .price .mpr span{font-weight:400; font-size:14px; margin-right:10px;} .new_mcont .pr_desc3 li .price .spr{font-weight:normal; color:#999; font-size:14px; margin-bottom:3px; text-decoration:line-through;} .new_mcont .pr_desc3 li .point_p{background-color:#ff8e33; font-size:13px; padding:0 7px; height:18px; line-height:18px; display:inline-block; color:#fff; margin-top:3px;} .pr_desc1 li dt img {width:100%;height:auto;} .pr_desc3 li dt img {width:100%;height:auto; aspect-ratio: 1 / 1; object-fit:cover;} /* 인기상품 추가 */ .bestca2{margin-top:20px;} .bestca2 ul{display:flex; justify-content:space-between; flex-wrap:wrap; overflow:visible;} /* ========================================== 마이플라워샵 창업신청 ================================================================= */ /* 헤더 */ .tojab_had{margin-bottom:100px;} .twojob_logo{width:100%; margin: 0 auto; } .twojob_logo .twojob_h1{ padding:50px 30px 20px 30px; border-bottom:2px solid #e6e6e6; margin-bottom:20px;} .twojob_logo .twojob_h1 h2{font-size:24px; text-align:center; color:#474646;} .twojob_logo .twojob_h1 h3{text-align:center; font-size:24px; color:#474646;} .twojob_logo .twojob_subf{margin-bottom:5px; font-size:14px; color:#858585; margin-top:14px; text-align:center;} .twojob_logo .twojob_subf2{font-size:14px; color:#858585; text-align:center;} /* 메인 */ .step_area{width:100%; background-color:#f9f9f9; border:1px solid #e9e9e9; margin:0 auto;} .step_area .step{} .step_area .step ul:after {display:block;clear:both;content:'';} .step_area .step ul{padding: 20px 10px;} .step_area .step ul li{float:left; width:33.33%; } .step_area .step ul li:first-child{margin-left:0;} .step_area .step ul li img{width:60%; display:block; margin:0 auto; padding-bottom:10px;} .step_area .step ul li dl{} .step_area .step ul li dl dt{font-size:14px; color:#bcb5af; margin-bottom:2px; text-align:center;} .step_area .step ul li dl dd{display:block; font-size:17px; color:#000; padding-top:3px; font-weight:500;text-align:center;} .cont_inner {width:100%; padding-bottom:10px; margin:0 auto; background-color:#f5f6f3; } .cont_inner:after {display:block;clear:both;content:'';} .pg_tit {margin:0 0 20px; padding:10px 15px; border-bottom:1px solid #ddd;position:relative; } .pg_tit span {font-size:20px;padding:4px 10px 7px 0;margin:0 0 -1px 0; display:inline-block;} .pg_tit .pg_nav {font-size:12px;font-weight:normal;} .btn_large{padding:10px 11px;} .tojab_fo{background-color:#000; width:100%; height:180px; line-height:180px; margin-top:50px;} .tojab_fo h2{text-align:center; color:#fff; font-size:22px; text-align:center;} .tojab_fo h2 span{color:#ffff00;} .chk_big{font-size:16px; line-height:22px;} .chk_big span{margin-left:13px;} .btn_small2{padding: 3px 10px; margin:5px 0; background-color:#333; color:#fff; font-size: 15px; line-height: 1.555; font-weight: normal !important;} .frm_input{height:35px; width:100%; font-size:15px !important;} .frm_info{margin:5px 0;} /* 0502 배송사진 더보기버튼 추가*/ .delivery_gall .btnMore1 {font-size:13px;font-weight:500;line-height:1em;color:#454545;position:absolute;right:3px;top:16%;text-decoration:none !important;} .delivery_gall .btnMore1:before {font-family:'Ionicons';color:#454545;margin:0 5px 4px 0;display:inline-block;vertical-align:middle;content:'\f218';} .delivery_gall .btnMore1:hover {color:#464646;} /* 0502 상세페이지 배송갤러리 */ .delivery_gall2 {margin-top:25px;padding:25px 0;background:#f6f6f6;overflow:hidden; position:relative; margin-bottom:25px;} .delivery_gall2 .gallul {padding:0 6px;margin-top:20px;overflow:hidden;position:relative;} .delivery_gall2 .gallul .gbo_li {width:calc(50% - 12px); margin:0 6px;padding:12px;background:#fff;text-align:left;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .delivery_gall2 .gallul .gbo_li a {display:block;text-decoration:none !important;} /*.delivery_gall2 .gallul .gbo_li dt {border-radius:7px;overflow:hidden;text-align:center; width:100%; height: 130px;} */ .delivery_gall2 .gallul .gbo_li dt {border-radius:7px; overflow:hidden; text-align:center; width:100%; } /*.delivery_gall2 .gallul .gbo_li dt img {width:100%; border-radius: 10px; background-size: 100% auto; background-position: center; background-repeat: no-repeat; overflow: hidden; text-align: center;} */ .delivery_gall2 .gallul .gbo_li dt img {width:100%; border-radius:10px;background-size:100% auto;background-position:center;background-repeat:no-repeat;overflow:hidden;text-align:center; object-fit: cover;} .delivery_gall2 .gallul .gbo_li dd.tit {height:17px;margin-top:12px;font-size:13px;font-weight:600;color:#000;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .delivery_gall2 .gallul .gbo_li dd.botxt {height:15px;line-height:1em;font-size:12px;color:#727272;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .delivery_gall2 .slick-arrow {margin-top:-20px;color:#cfcfcf;} .delivery_gall2 .slick-arrow:before {font-size:40px;} .delivery_gall2 .slick-next {right:5px;} .delivery_gall2 .slick-prev {left:5px;} .delivery_gall2 .btnMore1 {font-size:13px;font-weight:500;line-height:1em;color:#454545;position:absolute;right:10px;top:80px;text-decoration:none !important;} .delivery_gall2 .btnMore1:before {font-family:'Ionicons';color:#454545;margin:0 5px 4px 0;display:inline-block;vertical-align:middle;content:'\f218';} .delivery_gall2 .gall_txt1{font-size:14px; margin-bottom:3px;} .delivery_gall2 .gall_txt2{font-size:15px; font-weight:700; margin-bottom:8px;} .delivery_gall2 .gall_txt3{font-size:14px; font-weight:700;} .delivery_gall2 .ga_on1:before{font-size:0.3em; content:'●'; position:absolute; margin: -2em 0 0 0.6em; color:#ff0000; } .price2{margin-top:10px;} .price2 .prttit {width:50px;height:20px;line-height:20px;font-size:11px;font-weight:normal;color:#fff;margin:0 7px 0 0;background:#ed1846;text-align:center;display:inline-block;vertical-align:middle;} .price2 .pttxt {font-weight:600;margin:0 0 0 2px;} #m_gnb .btn_search {background:url('img/smail_scr.png') no-repeat center;background-size:100%;right:5px;} #m_gnb .btn_search.active {background:url('img/smail_x.png') no-repeat center;background-size:100%;} #m_gnb a {text-decoration:none !important;} #hd_sch {padding:5px 5px 15px;overflow-y:auto;overflow-x:hidden;background-color:rgba(255,255,255,1); position:absolute;top:50px;left:0;right:0;z-index:8100;display:none;} #hd_sch section {border-radius:7px;background-color:#fff;border:1px solid #cecece;overflow:hidden;} #hd_sch .search_inp {width:calc(100% - 46px);height:35px;padding:0 0 0 15px;font-size:14px;line-height:35px;border:0;float:left;outline:none;} #hd_sch #sch_submit {width:46px;height:35px; padding-bottom:2px;border:none;float:left; background:url('img/smail_scr.png') no-repeat center;} .map_no{text-align:center; padding:15px 0; margin-top:10px; } .map_no a{text-decoration: none !important; margin:10px 0 0 0; padding:10px 30px; border-radius:10px; color:#fff; background-color:#bd9e83; font-size:16px;} .pr_desc3 a{text-decoration: none !important;} /* ====================== 모바일 상세페이지 수정(0720) ====================== */ .sp_wrap .sp_sub_wrap img{} .area__wrap {width: 100%;overflow:auto; border-top:2px solid #eaeaea; margin-top:30px; padding: 0 6px;} .area__wrap .area__select{padding:10px; float:left; font-size:16px;} @font-face { font-family: 'SUIT-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } #guide1, #guide2, #guide3{padding: 0 10px; margin-bottom:50px;} #guide1 img, #guide2 img, #guide3 img{width:100%;} .non-click { } .click { color:#ff0000; font-weight:600; } .btn_large2{border:none; background-color:#e59126; color:#fff; padding: 3px 10px; border-radius:10px; } .anc_tit span{font-size:14px; } .gall_sp1{font-weight:bold; font-size:16px;} /* 메인 */ .new_mcont .pr_desc3 li .pname2{} .new_mcont .pr_desc3 li .pname2 {text-overflow:ellipsis;white-space:nowrap; text-align:left;} .new_mcont .pr_desc3 li .pname2 .land_map{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #717916 inset; color: #717916; font-size: 12px; vertical-align: top; margin-right: 3px;} .new_mcont .pr_desc3 li .pname2 .land_map3{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #f76d6d inset; color:#f76d6d; vertical-align:top; margin-right:3px;} .new_mcont .pr_desc3 li .pname2 .tonew{ margin-top:5px; } .new_mcont .pr_desc3 li .pname2 .today_del{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #6989ee inset; color:#6989ee; vertical-align:top; margin-right:3px;} .new_mcont .pr_desc3 li .pname2 .today_del2{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; vertical-align:top; margin-right:3px;} .new_mcont .pr_desc3 li .pname2 .new_icon{display:inline-block; width:18px; height:18px; margin-right:3px;} .new_mcont .pr_desc3 li .pname2 .new_icon img{width:100%; vertical-align:top !important;} .pname2 .new_icon{display:inline-block; width:18px; height:18px; margin-right:3px;} .new_icon img{width:100%; vertical-align:top !important;} /* list */ .pr_desc li .pname2 {padding:5px 0; text-overflow:ellipsis;white-space:nowrap;} .pr_desc li .pname2 .land_map{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #717916 inset; color: #717916; font-size: 12px; vertical-align: top; margin-right: 3px;} .pr_desc li .pname2 .land_map3{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #f76d6d inset; color:#f76d6d; vertical-align:top; margin-right:3px;} .pr_desc li .pname2 .today_del{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #6989ee inset; color:#6989ee; vertical-align:top; margin-right:3px;} .pr_desc li .pname2 .today_del2{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; vertical-align:top; margin-right:3px;} .pr_desc li .pname2 .tonew{margin-top:6px; } .pr_desc li .pname2 .tonew::after{content:""; clear:both; display:block;} .pr_desc li .pname2 .new_icon{display:inline-block; width:19px; height:19px; background:url('img/mob_new.gif') no-repeat center; background-size:auto 100%; vertical-align:middle;} .pr_desc li .pname2 .new_icon img{width:20%; } .pr_desc li .pname2 .land_map2{padding: 2px 10px; border-radius: 10px; background-color: #9080de; color: #fff;} /* 모바일 */ .sp_wrap .sp_tbox .trst1{width:70%;float:right; margin-top:5px; padding:5px 0; text-align:left; } .sp_wrap .sp_tbox .trst1 span{border:1px solid #eb6868; color:#eb6868; padding:2px 10px;} .sp_wrap .sp_tbox .trst2{width:70%;float:right; margin-top:5px; padding:5px 0; text-align:left; } .sp_wrap .sp_tbox .trst2 .today_del{color:#6989ee; } .sp_wrap .sp_tbox .trst2 .today_del2{display:inline-block; padding:0 8px; height:18px; line-height:18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; vertical-align:top; margin-right:3px;} .sp_wrap .sp_tbox .trst0{width:70%;float:right; text-align:left; line-height:28px; } .sp_wrap .sp_tbox .trst0 .trst_tit{margin-right:5px; border-radius:4px; background-color:#03984d; color:#fff; padding:2px 6px;} .sp_wrap .sp_tbox .trst0 span{margin-right:5px; box-shadow: 0 0 0 1px #ddd; border-radius:4px; color:#454545; padding:2px 6px;} .sp_wrap .sp_tbox .trst0 .vi_de_tit{box-shadow:0 0 0 1px #707916 inset; color:#707916; padding:2px 10px; border-radius:3px; background-color:#fff;} .sp_wrap .sp_tbox .trst0 .vi_de_tit3{background-color:#f76d6d; color:#fff; padding:2px 10px; border-radius:3px;} .sp_wrap .sp_tbox .tlst {padding-top:5px;} .sp_wrap .sp_tbox .tlst2 {padding-top:0px;} /* 모바일 관리자 */ #slideMenu .sm_cs .mob_man{margin:15px 0 10px 0;} #slideMenu .sm_cs .mob_man a{height:40px;line-height:40px;font-size:17px;font-weight:bold;color:#fff;background:#6094fd;padding:0 30px;border-radius:7px;display:inline-block;} #slideMenu .sm_cs .mob_man2{margin:10px 0 10px 0;} #slideMenu .sm_cs .mob_man2 a{height:40px;line-height:40px;font-size:17px;font-weight:bold;color:#fff;background:#ffc300;padding:0 30px;border-radius:7px;display:inline-block;} #slideMenu .sm_cs .mob_rec{font-size:16px; color:#000; margin-top:10px;} #slideMenu .sm_cs .mob_rec span{margin-left:10px; color:blue; font-weight:bold;} /* 0801 모바일 지시사항 */ .today_box{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #6989ee inset; color:#6989ee; vertical-align:top; margin-right:3px;} /* .today_box2{display:inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; vertical-align:top; margin-right:3px;} */ .today_box2{display:none;} .per_box{margin-top:20px; padding: 10px 0 10px 12px; margin-bottom:10px; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; background-color:#f6f2ff; position:relative;} .per_box input{width:20px; height:20px;} .per_box label{font-size:16px; margin-left:5px; font-weight:600;} .sp_tot .tlst span{font-weight:600; } .sp_tot .trst .number_b{font-size:16px;} .sp_t .tlst {font-weight:600; font-size:14px;} .sp_t .trst{font-size:16px; font-weight:600;} /* 솔드아웃 */ .user-wrap{position:relative; filter: grayscale(75%);} /*.user-test{position: absolute; top: 60px; left: 0; width: 100%; font-size: 31px; color: #fff; font-weight: bold; pointer-events: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);} */ .user-test{position: absolute; bottom:86px; left: 5px; width: 100%; font-size: 20px; color: #fff; font-weight: 500;} .user-test-main{position: absolute; bottom:5px; left: 5px; width: 100%; font-size: 20px; color: #fff; font-weight: 500;} .user-test-view{position: absolute; bottom:10px; left: 10px; font-size: 30px; color: #fff; font-weight: 500;} .user-wrap2{position:relative; filter: grayscale(75%);} .pr_desc li .user-test2{position: absolute; bottom:115px; left: 10px; width: 100%; font-size: 18px; color: #fff; font-weight: 500; text-align:left;} /*.pr_desc li .user-test2{position: absolute; top: 55px; left: 0; width: 100%; font-size: 28px; color: #fff; font-weight: bold; pointer-events: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);}*/ .user-wrap2 .user-test2{position: absolute; left:5px; bottom:5px; width: 100%; font-size: 20px; color: #fff; font-weight: 500;} .view_dt_tit .css-checkbox2 { -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:0; box-shadow:none;border:none;} .view_dt_tit .css-checkbox2:after {width:14px; height:14px; vertical-align:middle; content:''; border-radius:17px; display: inline-block; border:1px solid #a5a2a2;} .view_dt_tit .css-checkbox2:checked:after{background-color:#0d6ee3;} .view_dt_tit .css-label1{margin-right:5px; } .per_box span { width: 4px; height: 16px; background-color: #23ac38; display: inline-block; position: absolute; left: 0; top: 12px; content: '';} /* --------------------플라워 클래스--------------------- */ .frcs_container{font-family: 'SUIT-Regular' !important;} .frcs_container .frcs_top{position:relative; height:150px; width:100%; background:url('/img/flower_class_main2.png'); background-repeat:no-repeat; background-position: 50%; background-size:100%;} .frcs_container .frcs_top h2{text-align:center; color:#fff; line-height:150px; font-size:36px; font-family: 'SUIT-Regular';} .frcs_container .frcs_top .frcs_phto_gal{position:absolute; bottom:5px; right:10px;} .frcs_container .frcs_top .frcs_phto_gal a{font-weight:bold; background-color:#fff; border-radius:10px; width:150px; height:40px; display:inline-block; text-align:center; line-height:40px; font-size:20px;} .frcs_container .frcs_mid{} .frcs_container .frcs_mid .frcs_mid_box{padding: 0 10px;} .frcs_container .frcs_mid .frcs_mid_box ul li{width:100%; height:120px; border-radius:10px; border:1px solid #e7e9ed; margin-top:10px; padding:10px; box-sizing: border-box;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_le{float:left; width:100px; height:100px; margin-right:10px; border-radius:10px;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_le img{border-radius:10px; width:100%; height:100%;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re{float:left;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit1{font-size:15px; display:inline-block; background-color:#f3f5f7; padding:3px 20px; border-radius:20px; margin-bottom:4px; font-family: 'SUIT-Regular';} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_tit1_back{background-color:#c9fce3; } .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_tit1_back2{background-color:#cbcbc9;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit1 span{/* animation: blink-effect 1.7s step-end infinite; */color: #535353; } .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit2{font-size:16px; font-weight:bold; margin-bottom:4px; font-family: 'SUIT-Regular'; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all; width: 180px;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit3{font-size:14px; margin-bottom:2px; font-family: 'SUIT-Regular'; } .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit3 span{vertical-align:middle;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit3 .frc_tit3_img{width:17px; height:100%; vertical-align:middle; margin-right:3px;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit4{font-size:14px; font-family: 'SUIT-Regular';} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit4 span{vertical-align:middle;} .frcs_container .frcs_mid .frcs_mid_box ul li .frcs_mid_re .frc_re_tit4 .frc_tit4_img{width:17px; height:100%; vertical-align:middle; margin-right:3px;} .frcs_container .sp_wrap .sp_sub_wrap img{} .frcs_container .area__wrap2 {width: 100%;overflow:auto; background-color:#f3f5f7; } .frcs_container .area__wrap2 .area__select{float:left; font-size:16px; width:33.33%; height:60px; line-height:60px; text-align:center; padding:0px; font-family: 'SUIT-Regular';} @font-face { font-family: 'SUIT-Regular'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-style: normal; } .frcs_container #guide4, .frcs_container #guide5, .frcs_container #guide6{margin-bottom:50px;} .frcs_container .non-click { } .frcs_container .click { color:#000; font-weight:bold; } #frcs_page{position:fixed; bottom:0px; width:100%; height:auto; background-color:#f3f5f7; border-top:1px solid #e1e4e8; padding: 7px 10px; } .frcs_page ul:after{content:""; clear:both; display:block;} .frcs_page ul{} .frcs_page ul li{float:left; text-align:center;} .frcs_page ul .frcs_page_ti1{width:50px; height:50px; background-color:#fff; border:1px solid #e1e4e8; border-radius:10px; text-align:center; line-height:45px; vertical-align:middle; margin-right:5px;} .frcs_page ul .frcs_page_ti1 img{width:40px; height:100%;} .frcs_page ul .frcs_page_ti2{margin-right:5px; background-color:#aaaaaa; color:#fff;} .frcs_page ul .frcs_page_ti3{ background-color:#0088ff; color:#fff;} .frcs_page ul .frcs_page_ti2, .frcs_page ul .frcs_page_ti3{width:calc(100% - 62%); height:50px; line-height:50px; border-radius:10px; text-align:center; font-size:20px; font-weight:bold;} .frcs_page ul .frcs_page_ti4{background-color:#0088ff; color:#fff; width:80%; height:50px; line-height:50px; border-radius:10px; text-align:center; font-size:20px; font-weight:bold;} .frcs_page2 ul:after{content:""; clear:both; display:block;} .frcs_page2{padding:50px 10px;} .frcs_page2 ul{} .frcs_page2 ul li{float:left; text-align:center;} .frcs_page2 ul .frcs_page_ti1{width:50px; height:50px; background-color:#fff; border:1px solid #e1e4e8; border-radius:10px; text-align:center; line-height:45px; vertical-align:middle; margin-right:5px;} .frcs_page2 ul .frcs_page_ti1 img{width:40px; height:100%;} .frcs_page2 ul .frcs_page_ti2{background-color:#aaaaaa; color:#fff;} .frcs_page2 ul .frcs_page_ti3{float:right; background-color:#0088ff; color:#fff;} .frcs_page2 ul .frcs_page_ti2, .frcs_page2 ul .frcs_page_ti3{width:41%; height:50px; line-height:50px; border-radius:10px; text-align:center; font-size:20px; font-weight:bold; font-family: 'SUIT-Regular' !important;} .frcs_page2 ul .frcs_page_ti4{background-color:#0088ff; color:#fff; width:80%; height:50px; line-height:50px; border-radius:10px; text-align:center; font-size:20px; font-weight:bold; font-family: 'SUIT-Regular' !important;} .frcs_odr_top{width:100%; height:150px;} .frcs_odr_top img{width:100%; height:150px; object-fit: cover;} .frcs_odr_box{ background-color:#f3f5f7; border-radius:10px; margin: 20px 10px 0 10px; padding:20px 10px;} .frcs_odr_box .frcs_odr1_it{width:100%; border:1px solid #ddd; padding: 5px; font-size:18px; margin-bottom:20px;} .frcs_odr_box .fs_odr1 {vertical-align:middle; margin-bottom:15px;} .frcs_odr_box .fs_odr1:after{content:""; clear:both; display:block;} .frcs_odr_box .fs_odr1 span{width: 30%; float:left; font-size:17px; color:#868f97;} .frcs_odr_box .fs_odr1 .frcs_odr1_it2{width:68%; float:right; border:1px solid #ddd; padding:2px; font-size: 16px;} .frcs_odr_box .fs_odr1 .frcs_odr1_it3{width:calc(100% - 68%); border:1px solid #ddd; padding:2px; font-size:16px;} .frcs_odr_box .fs_odr1 .frcs_odr1_it33{float:right;} .frcs_odr_box .fs_odr1 .it33{padding: 0 1px; height:26px; line-height:26px;} .frcs_odr_box .fs_odr1 .frcs_but1{float:right; margin-top:20px;} .fs_odr_box1 .frc_left{float:left; width:30%; margin-bottom:5px; height:22px; line-height:26px;} .fs_odr_box1 .frc_le_top {margin-top:12px;} .fs_mid{padding:10px 10px; margin-top:30px;} .fs_mid h2{font-size:22px; margin-bottom:15px;} .fs_mid h3{font-size:20px; margin-bottom:10px;} .fs_mid .frcs_memo{width:100%; border:1px solid #ddd; resize: none; font-size:16px;} .fs_height{padding:50px 0;} .fs_mid2{padding:10px 10px; margin-top:30px; border:2px solid #dfdbdb;} .fs_mid2 h2{font-size:22px; margin-bottom:15px; font-family: 'SUIT-Regular';} .fs_mid2 h3{font-size:20px; margin-bottom:10px; font-family: 'SUIT-Regular';} .fs_mid2 p{font-family: 'SUIT-Regular'; font-size:16px;} .fs_mid2 .frcs_memo{width:100%; border:1px solid #ddd; resize: none; font-size:16px; font-family: 'SUIT-Regular';} .fs_mid2 label{font-family: 'SUIT-Regular'; font-size:15px;} .fs_mid p{} .class_appli{padding:20px 10px 20px 10px; border:1px solid #f3f4f6; margin:10px; border-radius:20px;} .class_appli h2{padding: 10px 10px 15px 10px; border-bottom:1px solid #ddd; font-family: 'SUIT-Regular'; font-size:22px;} .class_appli .appli_name{padding: 0 10px 10px 10px; border-bottom:1px solid #ddd; font-family: 'SUIT-Regular';} .class_appli .appli_name label{display:block; color:#aeb1b4; font-size:16px; padding: 10px 0 8px 0; font-family: 'SUIT-Regular';} .class_appli .appli_name input{width:100%; font-size:22px; border:none; padding: 5px 2px; font-family: 'SUIT-Regular';} .frcs_check{border:none; padding:0px; margin-top:15px;} .frcs_check input{margin:0; padding:0px;} /* --------------*/ .flr_cla_view {position:relative; width:100%; height:280px; background:url('/img/flower_class_3.png'); background-repeat:no-repeat; background-position: 50%; background-size:100%; box-sizing:border-box;} .flr_cla_view .cla_vi_box{width:100%; height:auto; background-color:#fff; position:absolute; bottom:0px; border-radius: 20px 20px 0 0; border-top:1px solid #f3f4f6; padding: 15px 13px; font-size:22px; font-family: 'SUIT-Regular' !important; box-sizing:border-box;} .flr_cla_view2 {position:relative; width:100%; height:280px; background-color:#fbfbfb;} .flr_cla_view2 .cla_vi_box{width:100%; height:auto; background-color:#fff; position:absolute; bottom:0px; border-radius: 20px 20px 0 0; border-top:1px solid #f3f4f6; padding: 15px 13px; font-size:22px;font-family: 'SUIT-Regular'; box-sizing:border-box;} .cla_vi_box2{margin-top:8px; padding: 0 10px; border-right:1px solid #f3f4f6; border-left:1px solid #f3f4f6; box-sizing:border-box;} .cla_vi_box2 .cla_p{width:100%; border-top:1px solid #ebebeb; box-sizing:border-box;} .cla_vi_box2 .cla_p span{display:inline-block; height: 60px; line-height:60px; padding-left:10px; box-sizing:border-box;} .cla_vi_box2 .cla_p .cla_p_tit{color:#868f97; width:30%; height:100%; display:inline-block; vertical-align:middle; background-color:#fbfbfb; font-size:16px;} .cla_vi_box2 .cla_p .cla_p_tit2{width:66%; vertical-align:middle; font-size:17px; font-family: 'SUIT-Regular';} .cla_vi_box2 .cla_p .cla_p_line{line-height:20px; padding-top:10px;} .cla_vi_box3{padding: 0 10px; box-sizing:border-box;} .cla_vi_box3 h2{font-size:22px; font-weight:500; padding:15px 0px; margin-top:30px; font-family: 'SUIT-Regular';} .cla_vi_box3 .cla3_p_tit{line-height:22px; font-family: 'SUIT-Regular'; font-size:16px;} .cla_rec{border:1px solid #c39999; border-radius:20px; margin-left:10px; padding:2px 8px; font-family: 'SUIT-Regular';} .cla_rec a{display:block;} .cla_rec2{font-family: 'SUIT-Regular'; float:right; font-size:17px; border:1px solid #c39999; padding:2px 8px;} .cla_rec2 a{display:block;} .flr_cla_view2 .cla_vi_box input{width:100%; font-size:22px; border:1px solid #ddd; font-family: 'SUIT-Regular' !important;} .cla_vi_box2 .cla_p .cla_p_tit3{width:59%; vertical-align:middle; font-size:16px; margin: 0 10px; border:1px solid #ddd; font-family: 'SUIT-Regular';} .cla_vi_box2 .cla_p .cla_p_tit4{width:37%; vertical-align:middle; font-size:16px; margin: 2px 10px 0 10px; line-height:0px; border:1px solid #ddd; font-family: 'SUIT-Regular';} .cla_vi_box2 .cla_p_left{float:left;} .cla_p:after{content:""; display:block; clear:both;} .cla_vi_box2 .cla_odr_map{padding: 10px 0;} .cla_vi_box2 .cla_odr_map label{display:block;} .cla_but{float:right; margin-top:30px;} .cia_vi_memo {width:100%; border:1px solid #ddd; resize: none; font-size:16px; font-family: 'SUIT-Regular';} .flr_cla_view2 [type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 none; } .flr_cla_view2 .file-label { display: inline-block; width:100%; height: 40px; line-height: 40px; padding: 0 15px; border-radius: 2px; font-size: 13px; background-color: #6094fd; color: #fff; text-align: center; border-radius:5px; margin-top:5px; font-size:20px; box-sizing:border-box; font-family: 'SUIT-Regular'; } .flr_cla_view2 .file-name { background: #f5f5f5; width:100%; height: 30px; line-height: 30px; text-indent: 5px; border: 1px solid #bbb; border-radius:5px; } .cla_vi_carme{padding:60px 10px 0 10px;} .cla_vi_carme h2{font-size:22px; font-weight:500; margin-bottom:10px; font-family: 'SUIT-Regular'; text-align:center;} .sat_tit{color:blue;} .sun_tit{color:red;} .mart7 {margin-bottom:50px;} /* 0914 */ /* .box__gallery {padding: 0 10px;} */ .box__gallery li {width:100%; height:250px; overflow:hidden; margin:0 auto;} .box__gallery li img{width:100%; height:100%; object-fit:cover; border-radius:20px;} /* //슬라이드 팝업창 */ .slide-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.8); display: none; z-index:9000; } .slide__container { position: absolute; width: 90%; height: 400px; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden; border-radius:10px; } .slides { width: 600%; height: auto; position: relative; left: 0; } .slides::after { content: ""; display: block; clear: both; } .slides > li { float: left; } .slides li{width:100%; height:400px; overflow:hidden; margin:0 auto;} .slides li img{height:100%; object-fit:cover; border-radius:20px; } .slides li{ content: ""; display: block; clear: both; } /* 슬라이드 버튼 */ .slide-btn { position: absolute; border: none; cursor: pointer; top: 50%; transform: translateY(-50%); z-index: 9; } .slide-btn img{width:60px; height:60px; opacity: 0.8;} .--prev { left: 20px; } .--next { right: 20px; } /* 닫기버튼 */ .close-btn { position: absolute; top:50px; right: 20px; padding: 10px; } .close-btn img{display:inline-block; width:35px; height:35px; } /* bullet */ #bullets { position: absolute; bottom: 18%; left: 50%; transform: translateX(-50%); } #bullets > li { float: left; margin: 0 8px; } #bullets > li > a { display: block; text-decoration: none; color: transparent; width: 1em; height: 1em; background-color: rgb(165, 165, 165); border-radius: 50%; transition: 0.2s; } #bullets > li > a.on { background-color: tomato; } .new_mcont2{margin-top:50px; padding: 25px 0 20px 0; background-color:#f5f5f7;} .new_mcont2 .pr_desc3 li {width:calc(50% - 12px); margin:6px 6px 15px 6px; float:left; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; } .new_mcont2 .pr_desc3 li:nth-child(2n+1) {clear:both;} .new_mcont2 .pr_desc3 li:last-child{margin-right:0px;} .new_mcont2 .pr_desc3 li dl dt{width:100%; height:226px; border-radius:10px 10px 0 0; background-size:auto;} .new_mcont2 .pr_desc3 li .pname {color:#2a2424; margin:18px 0 13px 0; font-size:16px;line-height:1em;text-overflow:ellipsis;white-space:nowrap; text-align:center; } .new_mcont2 .pr_desc3 li .price { font-size:14px; color:#ec6b79; text-align:center; margin-bottom:7px;} .new_mcont2 .pr_desc3 li .point_p{width:80px; height:17px; color:#fff; border:0.1px solid #ff8e33; background-color:#ff8e33; font-size:13px; margin:0 auto; text-align:center; line-height:17px;} .new_mcont2 .pr_desc3 li .price { font-size:14px; color:#ec6b79;} .new_mcont2 .pr_desc3 li dl{background-color:#fff; border-radius:10px; border:1px solid #e9e9e9; width:100%;} /* 메인 */ .new_mcont2 .pr_desc3 li .pname2 {padding:5px 10px 13px 10px; text-overflow:ellipsis;white-space:nowrap; text-align:center;} .new_mcont2 .pr_desc3 li .pname2 .land_map{display:inline-block; width:40px; height:20px; line-height:20px; border-radius:5px; text-align:center; background-color:#03984d; color:#fff;} .new_mcont2 .pr_desc3 li .pname2 .land_map3{display:inline-block; width:40px; height:20px; line-height:20px; border-radius:5px; text-align:center; background-color:#f76d6d; color:#fff;} .new_mcont2 .pr_desc3 li .pname2 .tonew{ margin-top:5px; } .new_mcont2 .pr_desc3 li .pname2 .today_del{display:inline-block; width:40px; height:20px; line-height:20px; border-radius:5px; text-align:center; background-color:#6989ee; color:#fff; } .new_mcont2 .pr_desc3 li .pname2 .today_del2{display:inline-block; width:60px; height:20px; line-height:20px; border-radius:5px; text-align:center; background-color:#9ba0aa; color:#fff;} .new_mcont2 .pr_desc3 li .pname2 .new_icon{display:inline-block; width:20px; height:20px; vertical-align:top;} .new_mcont2 .pr_desc3 li .pname2 .new_icon img{width:100%;} /*상품리스트*/ .wre_pr_desc2 {padding:12px 6px 0;background-color:#fff;} .wre_pr_desc2 li {width:calc(50% - 12px);margin:6px;border:1px solid #eee;float:left;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; background-color:#fff; border-radius:10px; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.28);} .wre_pr_desc2 li:nth-child(2n+1) {clear:both;} .wre_pr_desc2 li a {display:block;text-decoration:none !important;} .wre_pr_desc2 li dl {padding:10px;} .wre_pr_desc2 li dt {position:relative;} .wre_pr_desc2 li dt img {width:100%;height:auto;} .wre_pr_desc2 li dd {position:relative;text-align:center;text-overflow:ellipsis;white-space:nowrap;} .wre_pr_desc2 li .pname {color:#333;font-size:15px;line-height:1em;margin:12px 0 0;text-overflow:ellipsis;white-space:nowrap;} .wre_pr_desc2 li .price {width:100%;margin:10px 0 6px 0; } .wre_pr_desc2 li .price .mpr {font-size:16px;font-weight:600;line-height:1em;color:#000; margin-right:5px;} .wre_pr_desc2 li .price .mpr span{font-weight:normal; font-size:14px; display:inline-block;} .wre_pr_desc2 li .price .spr {margin-bottom:3px;font-size:13px;font-weight:400;line-height:1em;color:#999;text-decoration:line-through;letter-spacing:0;} .wre_pr_desc2 li .point_p{width:80px; height:17px; color:#fff; border:0.1px solid #ff8e33; background-color:#ff8e33; font-size:13px; margin:0 auto; text-align:center; line-height:17px;} /* list */ .wre_pr_desc2 li .pname2 {padding:5px 0; text-overflow:ellipsis;white-space:nowrap;} /* .wre_pr_desc2 li .pname2 .land_map{display:inline-block; width:40px; height:19px; line-height:20px; border-radius:5px; text-align:center; background-color:#03984d; color:#fff; margin-left:3px; vertical-align:middle;} */ /* 지역 배송 */ .wre_pr_desc2 li .pname2 .land_map{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #717916 inset; color: #717916; font-size: 12px; vertical-align: top; margin-right: 3px;} /* .wre_pr_desc2 li .pname2 .land_map3{display:inline-block; width:40px; height:19px; line-height:20px; border-radius:5px; text-align:center; background-color:#f76d6d; color:#fff; margin-left:3px; vertical-align:middle;} */ /* 픽업만 가능 */ .wre_pr_desc2 li .pname2 .land_map3{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #f76d6d inset; color: #f76d6d; font-size: 12px; vertical-align: top; margin-right: 3px;} /* .wre_pr_desc2 li .pname2 .today_del{display:inline-block; width:40px; height:19px; line-height:20px; border-radius:5px; text-align:center; background-color:#6989ee; color:#fff; margin-left:3px; vertical-align:middle;} */ /* 당일가능 */ .wre_pr_desc2 li .pname2 .today_del{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #6989ee inset; color: #6989ee ; font-size: 12px; vertical-align: top; margin-right: 3px;} /*.wre_pr_desc2 li .pname2 .today_del2{display:inline-block; width:60px; height:19px; line-height:20px; border-radius:5px; text-align:center; background-color:#9ba0aa; color:#fff; margin-left:3px; vertical-align:middle;} */ /* 예약 가능 */ .wre_pr_desc2 li .pname2 .today_del2{display:inline-block; padding: 0 8px; height:18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; font-size: 12px; vertical-align:top;} .wre_pr_desc2 li .pname2 .tonew{margin-top:6px; } .wre_pr_desc2 li .pname2 .tonew::after{content:""; clear:both; display:block;} .wre_pr_desc2 li .pname2 .new_icon{display:inline-block; width:19px; height:19px; background:url('img/mob_new.gif') no-repeat center; background-size:auto 100%; vertical-align:middle;} .wre_pr_desc2 li .pname2 .new_icon img{width:20%; } /* .wre_pr_desc2 li .pname2 .land_map2{padding: 2px 10px; border-radius: 10px; background-color: #9080de; color: #fff;} */ .wre_pr_desc2 li .pname2 .land_map2 {display:inline-block; padding: 0 8px; height:18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9080de inset; color:#9080de; font-size: 12px; vertical-align:top;} @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } .new_mtit1 .stxt_area { font-size: 20px; font-weight: 600; color: #fff; line-height: 1em; margin: 15px 0 0 0; border: 1px solid #eee; padding: 20px 20px; background-color: #03984d; border-radius: 20px 0 20px 0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.28); font-family: 'Pretendard-Regular' !important; letter-spacing: 1.2px; } .new_mtit1 .stxt_area span{ font-size: 16px; letter-spacing: -0.25px; font-weight: 500; color: #fff8f8; margin-left:3px; } .new_mtit1 .stxt_area2 { font-size: 20px; font-weight: 600; color: #fff; line-height: 1em; margin: 15px 0 0 0; border: 1px solid #eee; padding: 20px 20px; background-color: #9080de; border-radius: 20px 0 20px 0; box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.28); font-family: 'Pretendard-Regular' !important; letter-spacing: 1.2px; } .new_mtit1 .stxt_area2 span{ font-size: 16px; letter-spacing: -0.25px; font-weight: 500; color: #fff8f8; margin-left:3px; } .bestca_tab2 {} .sp_sub_wrap:after{content:""; clear:both; display:block;} .bestca_tab2 li {width:33.33%;font-size:15px;font-weight:600;color:#5b5b5b;line-height:2.8;background-color:#fff;border-width:1px 1px 0 0;border-style:solid;border-color:#e6e6e6;text-align:center;float:left;cursor:pointer;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-bottom:1px solid #e6e6e6;} .bestca_tab2 li:first-child {border-left:1px solid #e6e6e6;} .bestca_tab2 li.active {} .bestca_tab2 li.active:after {} .bestca {} .bestca ul {overflow:visible;display:none;} .bestca ul::after {display:block;clear:both;} .sp_wrap .sp_sub_wrap {padding-bottom:10px;} .items_box td{} .items_box td:after{content:""; clear:both; display:block;} .items_box td .items_le{float:left; width:49.5%;} .items_box td .items_ri{float:right; width:49.5%;} .btn_next{border:none; background-color:#3240fe; margin:0 auto; display:block; color:#fff; padding: 8px 40px; border-radius:10px; font-size:17px; box-sizing:border-box;} .mart_bot{margin-bottom:10px;} .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; } .slide2{padding:10px; box-sizing:border-box;} .slide2 img{border-radius:10px;} .swiper-pagination2{margin-top:10px;} .wrap_map{height:170px !important; width:100% !important; } .sub_h2{padding:10px; font-size:16px;} /* 기프티콘 */ .giftic {overflow:hidden;} .giftic:after {display:block;clear:both;content:'';} .giftic a {display:block;text-decoration:none !important;outline:none;} .giftic ul {margin:0 5px 0;} .giftic ul li {width:calc(50% - 5px);margin:10px 0 0 10px;padding:0 0 40px;border:1px solid #ddd;background-color:#fff;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .giftic ul li:nth-child(2n+1) {margin-left:0 !important;clear:both;} .giftic ul li dt {width:100%;height:auto;position:relative;} .giftic ul li dt img {width:100%;height:auto;} .giftic ul li dd {padding:0 10px;text-align:center;} .giftic ul li .pname {height:15px;font-size:14px;line-height:1.1em;font-weight:600;color:#000;margin-top:10px;text-overflow:ellipsis;white-space:nowrap;} .giftic ul li .price2 {margin-top:3px;height:20px;font-size:14px;font-weight:800;color:#666;line-height:20px;text-align:center;} .giftic ul li .price2:after {display:block;clear:both;content:'';} .giftic ul li .price2 .prttit {width:50px;height:20px;line-height:20px;font-size:11px;font-weight:normal;color:#fff;margin:0 7px 0 0;background:#f7941e;text-align:center;display:inline-block;vertical-align:middle;} .giftic ul li .price2 .pttxt {font-weight:600;margin:0 0 0 2px;} .giftic ul li .prBtn {border-top:1px solid #ddd;position:absolute;left:0;bottom:0;right:0;overflow:hidden;} .giftic ul li .prBtn a {width:50%;height:29px;line-height:29px;font-size:13px;font-weight:600;color:#bdbbbb;text-align:center;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .giftic ul li .prBtn .zzim {border-right:1px solid #ddd;} .giftic ul li .prBtn .zzim:before {font-size:18px;margin:0;vertical-align:middle;display:inline-block;} .giftic ul li .prBtn .prcart {} .giftic ul li .prBtn .prcart:before {width:18px;height:16px;margin:0 0 2px 0;background:url('img/pr_cart.png') no-repeat center;vertical-align:middle;display:inline-block;content:'';} .giftic ul li .prBtn .gfbuy {width:100% !important;} .giftic ul li .prBtn .gfbuy:before {font-size:23px;margin:0 12px 2px 0;font-weight:normal;font-family:'Ionicons';vertical-align:middle;display:inline-block;content:'\f119';} .giftic ul li.empty_list {width:100%;font-size:13px;border:0 !important;padding:50px 0 !important;} .giftic_tab {} .giftic_tab a {text-decoration:none !important;} .giftic_tab ul {border:1px solid #ddd;} .giftic_tab li {width:25%;height:75px;line-height:1em;font-size:12px;color:#2e2e2e;border-top:1px solid #ddd;border-left:1px solid #ddd;text-align:center;cursor:pointer;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .giftic_tab li:nth-child(-n+4) {border-top:0 !important;} .giftic_tab li:nth-child(4n+1) {border-left:0 !important;clear:both;} .giftic_tab li:before {width:30px;height:30px;margin:12px auto 8px;display:block;vertical-align:middle;content:'';} .giftic_tab li.tab1:before {background:url('img/giftic_tab1_img.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab2:before {background:url('img/giftic_tab2_img.png') no-repeat center;background-size:auto 100%;} .giftic_tab li.tab3:before {background:url('img/giftic_tab3_img.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab4:before {background:url('img/giftic_tab4_img.png') no-repeat center;background-size:auto 100%;} .giftic_tab li.tab5:before {background:url('img/giftic_tab5_img.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab6:before {background:url('img/giftic_tab6_img.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab7:before {background:url('img/giftic_tab7_img.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab8:before {background:url('img/giftic_tab8_img.png') no-repeat center;background-size:auto 100%;} .giftic_tab li.active {font-weight:600;background-color:#f7941e;color:#fff;} .giftic_tab li.active a {color:#fff;display:block;} .giftic_tab li.tab1.active:before {background:url('img/giftic_tab1_img_on.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab2.active:before {background:url('img/giftic_tab2_img_on.png') no-repeat center;background-size:auto 100%;} .giftic_tab li.tab3.active:before {background:url('img/giftic_tab3_img_on.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab4.active:before {background:url('img/giftic_tab4_img_on.png') no-repeat center;background-size:auto 100%;} .giftic_tab li.tab5.active:before {background:url('img/giftic_tab5_img_on.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab6.active:before {background:url('img/giftic_tab6_img_on.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab7.active:before {background:url('img/giftic_tab7_img_on.png') no-repeat center;background-size:100% auto;} .giftic_tab li.tab8.active:before {background:url('img/giftic_tab8_img_on.png') no-repeat center;background-size:auto 100%;} #wrapper{overflow:hidden;} .slick-list{overflow:hidden;} .slick_hid{overflow:hidden;} .wrap { display: block; height:100%; margin-top:50px; padding: 0 6px; margin-bottom:60px;} .wr_left {width:100%; position:relative;} .wr_left img{width:100%;} .wr_left ul:after{content:""; clear:both; display:block;} .wr_left ul li{float:left; width:24.6%; height:40px; text-align:center; line-height:40px; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; cursor:pointer; background-color:#fff; font-size:13px; color:#535353;} .wr_left ul li:first-child{border-left:1px solid #ebebeb;} .wr_left ul li:hover{color:#000;} .wr_left #div1{width:100%; margin-top:50px;} .wr_left .wrdiv img{width:100%;} .wr_left .wrdiv h2{margin-top:60px;} .wr400{width:100%; height:20px;} .wr_ulbx {width:100%;} .wr_ulbx li.on{color:#000; font-weight:bold; border-top:2px solid #000;} .scrollNav{width:100%; height:50px; position:absolute; left:0; bottom:0; text-align:center; line-height:50px; color:#fff; font-weight:600; z-index:8000;} .scrollNav a{color:#fff; display:block; height:100%; line-height:50px;} .scro_bun{width:100%; height:100%; background-color:#ec6b79; color:#fff; font-size:16px; font-weight:600;} /* 버튼 */ .view_dt_tit{width:50%; height:36px;} .css-label1{display: inline-block; padding: 5px; position: relative; padding-left: 20px; margin-right:80px; cursor:pointer;} .css-label1 input{display:none;} .css-label1 span{border: 1px solid #ccc; width: 80px; height: 28px; position: absolute; overflow: hidden; line-height: 28px; text-align: center; left: 0; top: 50%; margin-top: -13.5px;} .css-label1 input:checked+span {border:2px solid #9494ff; color:#000;} .css-label{display: inline-block; position: relative; margin-left:55px; cursor:pointer;} .css-label input{display:none;} .css-label span{border: 1px solid #ccc; width: 80px; height: 28px; position: absolute; overflow: hidden; line-height: 28px; text-align: center; font-size: 10pt; left: 0; top: 50%; margin-top: -13.5px;} .css-label input:checked+span { border:2px solid #9494ff; } .chog_mon{padding-top:10px;} /* 팝업 */ .layer-popup { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(25, 25, 25, 0.3); z-index: 9000; } .layer-popup.show { display: block; } .modal-dialog { position:absolute; bottom:0; width:100%; background-color: #fff; border-top-left-radius:25px; border-top-right-radius:25px; z-index:9000; } .modal-content { padding:40px 20px 0 20px; text-align: center; box-sizing:border-box; } .modal_bx{ height:30px; margin-bottom:10px;} .modal_bx:after{content:""; clear:both; display:block;} .modal_bx .sub_tle{float:left; font-size:15px;} .modal_bx .suv_tre{float:right;} .modal_bx .suv_tre .tre_numb{font-size:16px;} .modal_bx .suv_tre span{font-size:16px;} .modal_tp{padding-top:15px; border-top:1px solid #ddd;} .sub_txt{display: inline-block; padding: 5px; position: relative; padding-left: 20px; margin-right:60px; cursor:pointer;} .sub_txt input{display:none;} .sub_txt span{border: 1px solid #ccc; width: 80px; height: 28px; position: absolute; overflow: hidden; line-height: 28px; text-align: center; left: 0; top: 50%; margin-top: -13.5px;} .suvtn{margin-top:25px;} .suvtn .suvpick{width:100%; height:50px; background: #ec6b79; border: 1px solid #ec6b79; color: #fff !important; font-size:16px;} .sub_txt input:checked+span { border:2px solid #9494ff; } .sub-label{ display: inline-block; padding: 5px; position: relative; padding-left: 20px; cursor:pointer; } .sub-mg{margin-right:65px;} .sub-label input{display:none;} .sub-label span{border: 1px solid #ccc; width: 65px; height: 25px; position: absolute; overflow: hidden; line-height: 25px; text-align: center; font-size: 10pt; left: 0; top: 50%; margin-top: -11.5px; } .sub-label input:checked+span { border:2px solid #9494ff; } /* ==================== 0105 작업 ======================*/ @font-face { font-family: 'Cafe24Danjunghae'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Danjunghae.woff') format('woff'); font-weight: normal; font-style: normal; } .root_daum_roughmap {width:100% !important;} .cont_wrap {width:100%; overflow:hidden; padding: 0 10px;} /*메인 카테고리별 베스트*/ .cont_wrap h2{font-size:22px; text-align:center; margin-top:40px; margin-bottom:20px; font-weight:bold; color:#151515;} .cont_wrap h2 span{ /* font-family: 'Cafe24Danjunghae'; */} .bestca_tab {margin: 20px 0 0 0; display: flex; flex-wrap: nowrap; overflow-x: auto; } .bestca_tab li{flex: 0 0 auto; padding-bottom:8px;} .bestca_tab ul, .tab_m li {height:42px;overflow:visible;} .bestca_tab li .reg_mg{text-align:center; margin-right:10px;} .bestca_tab li.active .reg_mg .reg_mgpt2 {color:#000; font-weight:bold;} .bestca_tab li.active:after .reg_mg .reg_mgpt2{border:1px solid #fff;position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;content:"";} .bestca_tab li .reg_mg .reg_mgpt{width:80px; height:80px; } .bestca_tab li .reg_mg img{width:100%; border-radius:100px;} .bestca_tab li .reg_mg .reg_mgpt2{font-size:14px; color:#5b5b5b; margin-top:10px;} *, *::before, *::after { box-sizing: border-box; } .bestca {margin-top:20px;} .bestca:after{} .bestca ul {display: flex; justify-content: space-between; flex-wrap: wrap; } .bestca li {float: left; position: relative; width: calc(50% - 7px); overflow: hidden; margin-bottom:25px; margin-right:14px;} .bestca li:nth-child(2n){margin-right:0px;} .bestca li a {display:block;text-decoration:none !important;} .bestca li dl {overflow:visible;position:relative;} .bestca li dt{border-radius:4px;} .bestca li .dto_back {background-color:#e5e5e7;} .bestca li .dto_back2{background-color:#ffe9e9;} .bestca li .dto_back3{background-color:#eeeeee;} .bestca li .dto_back4{background-color:#e5e5e7;} .bestca li dt img{width:100%; height: auto; aspect-ratio: 1 / 1; object-fit:cover;} .bestca li dd {text-align:left; white-space:nowrap; text-overflow:ellipsis;} .bestca li .point_p {background-color:#ff8e33; font-size:13px; padding:0 7px; height:18px; line-height:18px; display:inline-block; color:#fff; margin-top:3px;} .bestca li .pname {color:#111; margin:10px 0 5px 0; font-size:15px; font-weight:normal;} .bestca li .price {margin:7px 0 0 0;font-weight:600;color:#111;} .bestca li .price .mpr {font-weight:bold; color:#111; font-size:16px;} .bestca li .price .mpr span {font-weight:400; font-size:14px; margin-right:10px;} .bestca li .price .spr {font-weight:normal; color:#999999; font-size:14px; margin-bottom:3px; text-decoration:line-through;} .bestca li .price .spr span {font:13px 'Nanum Gothic' !important;} .bestca li .petc { margin-top:3px;padding:8px 0; text-align:left;} .bestca li .ic_bx {text-align:right !important;position:absolute;bottom:8px;right:10px;z-index:20;text-align:center;} .bestca li .ic_bx .zzim, .bestca li .ic_bx .nwin {width:21px;height:21px;line-height:21px;color:#999;border:0 !important;margin-left:5px;} .bestca .empty_list {width:100%;height:auto;line-height:300px;} .fbx_bg6_red{border:1px solid #ed1846; background-color:#ed1846; color:#fff;} .fbx_bg4_red{border:1px solid #ed3636; background-color:#fff; color:#ed3636;} .pname2{margin-top:5px;} .new_icon2{display:inline-block; width:16px; height:16px; border-radius:16px; background-color:#f17b7b; color:#FFF; text-align:center; line-height:17px; font-size:11px; font-family: 'Pretendard-Regular'; margin-right:3px; background: linear-gradient(-45deg, #ee7752, #e73c7e, #f76b6b, #ff0000); background-size: 400% 400%; animation: gradient 5s ease infinite;} @keyframes gradient { 0% { background-position: 0% 25%; } 25% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } .land_map{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #717916 inset; color: #717916; font-size: 12px; vertical-align: top; margin-right: 3px;} .land_map3{display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #f76d6d inset; color: #f76d6d; font-size: 12px; vertical-align: top; margin-right: 3px;} .today_del { display: inline-block; padding: 0 8px; height: 18px; line-height: 18px; text-align: center; box-shadow: 0 0 0 1px #6989ee inset; color: #6989ee; font-size: 12px; vertical-align: top;} .today_del2{display:inline-block; padding: 0 8px; height:18px; line-height: 18px; text-align:center; box-shadow: 0 0 0 1px #9ba0aa inset; color:#9ba0aa; font-size: 12px; vertical-align:top;} .myshop_bx{overflow:hidden; border-radius:4px; width:100%; margin:30px 0 55px 0; padding: 0 10px;} .myshop_bx img{width:100%; max-width:100%; height:auto; display:block; vertical-align:middle; border-radius:4px;} .mysp_box{ border-radius:4px; width:100%; margin:30px 0 30px 0; padding: 0 10px; position:relative; background:url('./img/mbmysp_1.png') no-repeat;background-size:100%; height:70px;} .mysp_box a{} .mysp_box a p{ font-weight:bold; text-align:right; line-height:67px; margin-right:10px;} .mysp_box a p > img{width:5px; height:10px; margin-left:10px; margin-top:-3px;} .mysp_box .mbmysp{width:100%; max-width:100%; height:auto; display:block; vertical-align:middle; border-radius:3px;} .new_ulbx{} .new_ulbx li{float: left; font-size: 14px; padding: 4px 8px; margin-right: 5px; background-color: #f1f1f1; border-radius: 4px} /* 인기상품 */ .popst_bx{padding:35px 10px 15px 10px; background-color:#fbfbfb; overflow:hidden;} .recomm2 {padding:35px 10px; margin-top:35px;background:#fbfbfb;overflow:hidden;} .recomm2 h2{font-size:20px; font-weight:bold; color:#000; } .recomm2 .titxt {color:#ff6666;} .recomm2 .stxt {color:#000;} .recomm2 .stxt .ptfont {color:#ff6666;} .recomm2 a {display:block;text-decoration:none !important;} .recomm2 .recomm_ul {margin-top:20px;overflow:hidden;position:relative;} .recomm2 .recomm_ul .pr_li {width:calc(50% - 12px); margin: 0 0 0 6px; position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; border-radius:10px;} .recomm2 .recomm_ul .pr_li dl{padding-bottom:15px;} .recomm2 .recomm_ul .pr_li dt {overflow:hidden;position:relative;} .recomm2 .recomm_ul .pr_li dt img {width:100%;height:auto;} .recomm2 .recomm_ul .pr_li dd {position:relative;text-align:left;text-overflow:ellipsis;white-space:nowrap;} .recomm2 .recomm_ul .pr_li .pnimg {background-color:#eeeeee; border-radius: 4px} .recomm2 .recomm_ul .pr_li .pname {color:#333;font-size:13px;line-height:1em;margin:12px 0 0;font-weight:600;text-overflow:ellipsis;white-space:nowrap; text-align:left; padding-left:10px;} .recomm2 .recomm_ul .pr_li .price {width:100%; margin:10px 0 0; padding-left:10px;} .recomm2 .recomm_ul .pr_li .price .spr{font-weight:600; color:#000; margin-right:10px; font-size:13px; margin-bottom:15px;} .recomm2 .recomm_ul .pr_li .price .mpr{color:#999999; text-decoration:line-through; font-size:12px;} .recomm2 .recomm_ul .pr_li .petc2 .fbx_small {margin-right:3px;} .recomm2 .recomm_ul .pr_li .petc2{padding-left:10px; margin-top:-5px;} .recomm2 .slick-arrow {margin-top:-20px;color:#656565;} .recomm2 .slick-arrow:before {font-size:40px;} .recomm2 .slick-next {right:5px;} .recomm2 .slick-prev {left:5px;} /* 이미지 상품 */ .specbox{padding: 0 10px; margin-top:55px;} .specbox .specle {position:relative;} .specbox .specle img{width:100%; background-size: cover; background-position: center; } .specbox .specle .specb{position: absolute; left: 50%; bottom: 0px; transform: translate(-50%, 0px); width: 100%; margin: 0px; padding: 30% 24px 10%; text-align: center; background: linear-gradient(rgba(0, 0, 0, 0) 27.12%, rgba(0, 0, 0, 0.6) 88.95%); z-index: 2; color:#fff;} .specbox .specle .specb p{font-size:13px; margin-bottom:5px;} .specbox .specle .specb h3{font-size:22px;} .fot_top{width:100%; height:auto; padding:20px 10px 10px 10px;} .fot_top .fotp_le{width:100%; height:auto; border:1px solid #e9e9e9;} .fot_top .fotp_le ul:after{content:""; clear:both; display:block;} .fot_top .fotp_le ul li{float:left; width:49.9%; height:auto; padding:20px 10px 20px; box-sizing:border-box;} .fot_top .fotp_le ul li:last-child{border-left:1px solid #e9e9e9;} .fot_top .fotp_le ul li .pt_tit{font-size:16px; margin-bottom:10px; font-weight:bold;} .fot_top .fotp_le ul li .pt_tel{font-size:18px; color:#ff0000; font-weight:bold; margin-bottom:13px;} .fot_top .fotp_le ul li .pt_wkday{font-size:14px; font-weight:600;} .fot_top .fotp_le ul li .pt_wkend{font-size:14px; margin:5px 0; font-weight:600;} .fot_top .fotp_le ul li .pt_wkhol{font-size:14px; font-weight:600;} .fot_top .fotp_le ul li .pt_bank{font-size:14px; color:#2c9d2b; font-weight:bold; margin-bottom:13px;} .fot_top .fotp_le ul li .pt_name{font-size:13px; font-weight:600;} .fot_top .fotp_le ul .fp_lcall{width: 48%;} .fot_top .fotp_le ul .fp_rbank{width:52%;} .fotp_re{padding: 0 10px; margin-top:5px; margin-bottom:30px;} .fotp_re img{ width:100%; height:auto; border:1px solid #e9e9e9; } .last_itembx{width:100%; height:auto; background-color:#f5f5f7;} .last_itembx .lait_bx{padding:10px 10px 30px 10px; } .last_itembx .lait_bx:after{content:""; clear:both; display:block;} .last_itembx .lait_bx .lait_le{color:#000; margin:30px 0 0 0; } .last_itembx .lait_bx .lait_le .lait_ptit1{font-size:20px; font-weight:bold; margin-bottom:20px; text-align:center;} .last_itembx .lait_bx .lait_re{} .last_itembx {margin-top:15px; } .last_itembx ul{display: flex; justify-content: space-between; flex-wrap: wrap;} .last_itembx li {float: left; position: relative; width: calc(50% - 7px); overflow: hidden;} .last_itembx .dto_back{display:inline-block;} .last_itembx li a {display:block;text-decoration:none !important;} .last_itembx li dl {overflow:visible;position:relative; background-color:#fff; border-radius:10px; padding-bottom:10px;} .last_itembx li dt img {width:100%; height: auto;} .last_itembx li .dto_back{background-color:#e5e5e7; border-radius:10px 10px 0 0;} .last_itembx li dd {position:relative;text-align:left;white-space:nowrap;text-overflow:ellipsis; padding-left:7px;} .last_itembx li .pname {color:#111; font-size:14px; font-weight:normal; text-align:left; padding-left:7px; margin:10px 0 5px 0;} .last_itembx li .price {font-weight:600;color:#111; padding-left:7px;} .last_itembx li .price .mpr {font-weight:bold; color:#111; font-size:16px;} .last_itembx li .price .mpr span {font-weight:400; font-size:14px; margin-right:3px;} .last_itembx li .spr {font-weight:normal; color:#999999; font-size:14px; margin-bottom:10px; text-decoration:line-through; margin-top:3px; padding-left:7px;} .last_itembx li .price .spr span {font:13px 'Nanum Gothic' !important;} .last_itembx li .petc {margin:0 0 0 3px;padding:0 0 3px 0; text-align:left;} .last_itembx li .ic_bx {text-align:right !important;position:absolute;bottom:8px;right:10px;z-index:20;text-align:center;} .last_itembx li .ic_bx .zzim, .last_itembx li .ic_bx .nwin {width:21px;height:21px;line-height:21px;color:#999;border:0 !important;margin-left:5px;} .last_itembx .empty_list {width:100%;height:auto;line-height:300px;} .infobx{width:100%; height:auto; font-size:12px; margin-top:8px; padding:5px 3px; background: #fff9f9; border-radius:5px; white-space-collapse: collapse; } .infobx p{text-align:center; color:#ff3a3a; font-weight:400;} .infobx_sub{ height:auto; font-size:14px; margin-top:12px; margin-bottom:10px;} .infobx_sub p{text-align:left; color:#000; font-weight:400;} .infobx_sub2{height: auto; font-size:14px; padding: 12px 10px 14px 10px;} .btn_tpmar{margin-top:5px;} /* 어버이날 */ .parday{margin: 50px 0 0 0; background-color:#ffeff0; padding:0 0 20px 0;} .pared{text-align:center; padding:10px 0 30px; background:url('img/mpaday_ban2.png') no-repeat center; background-size:100% 100%;} .pared h3{font-size:16px; font-family: 'SUIT-Regular'; margin-top:20px;} .pared h2{font-size:22px; color:#ff0000; font-family: 'SUIT-Regular'; margin: 5px 0;} .pared p{font-size:16px; font-family: 'SUIT-Regular';} .parbtn{border:2px solid #fc8184; width:238px; height:58px; text-align:center; line-height:58px; display:table; margin-right: auto; margin-left:auto; margin-top:20px;} .parbtn a{display:block; font-size:18px; color:#904446; font-family: 'SUIT-Regular'; font-weight:bold; text-decoration:none !important;} .parday .new_mcont .pr_desc3 li{border-radius:0px;} .parday .new_mcont .pr_desc3 li .pname2{padding: 5px 0 0 0;} .parday .new_mcont .pr_desc3 li .pname{margin: 15px 0 8px 0;} .par_de li {background-color:#fff; padding:10px; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.06), 0 0 1px 0 rgba(0, 0, 0, 0.28);} .event_pri{font-size:15px; margin-left:4px; font-weight:bold;} .sub_tit1 span{font-weight:bold; color:#ff0000;} .discount{font-size:12px;} .discount .disb{color:blue; font-weight:bold;} .parday2{position:relative; margin:50px 0;} .parday2 .pared2{position:relative;} .parday2 .pared2 img{width:100%; height:100%;} .parday2 .pared2 .par_tit1{position:absolute; left:50%; bottom:0px; transform:translate(-50%, 0px); width:100%; margin:0px; padding: 30% 24px 10%; text-align:center; background: linear-gradient(rgba(0, 0, 0, 0) 27.12%, rgba(0, 0, 0, 0.6) 88.95%); z-index: 2;} .parday2 .pared2 .par_tit2{width:100%;} .pared2 h2{font-size:24px; color:#fff; font-family: 'SUIT-Regular'; margin: 5px 0;} .pared2 p{font-size:16px; font-family: 'SUIT-Regular'; color:#fff;} /*특정 부분 스크롤바 없애기*/ .bestca_tab{ -ms-overflow-style: none; } .bestca_tab::-webkit-scrollbar{ height:7px; } .bestca_tab::-webkit-scrollbar-track{ background-color:#f8f8f8; } .bestca_tab::-webkit-scrollbar-thumb{ background-color:#ddd; } .bestca_tab::-webkit-scrollbar-button{ display:none; } .bestca_tab::-webkit-scrollbar-track, .bestca_tab::-webkit-scrollbar-thumb { border-radius: 5px; } .td_label .css-label{margin-left:0px !important;} .td_label2 .css-label{margin-left:0px !important;} /* 0915 하단 고정배너 */ .bto_banner2{position: fixed; left: 0; bottom: 0; width: 100%; height:50px; background-color: #f5f5f7; color: #000; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; z-index:7000;} .bto_banner2 ul:after{content:""; clear:both; display:block;} .bto_banner2 ul li{float:left; width: 25%; line-height:50px; text-align:center; font-size: 15px; font-weight:bold;} .bto_banner2 .gif_kao img {width:100%; vertical-align:middle;} .bto_banner2 .gif_cal img {width:100%; vertical-align:middle;} .bto_banner2 .gif_del img {width:100%; vertical-align:middle;} .bto_banner3{position: fixed; left: 0; bottom: 0; width: 100%; height:50px; background-color: #f5f5f7; color: #000; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; z-index:7000;} .bto_banner3 ul:after{content:""; clear:both; display:block;} .bto_banner3 ul li{float:left; width: 33.33%; line-height:50px; text-align:center; font-size: 15px; font-weight:bold;} .bto_banner3 .gif_kao img {width:100%; vertical-align:middle;} .bto_banner3 .gif_cal img {width:100%; vertical-align:middle;} .bto_banner3 .gif_del img {width:100%; vertical-align:middle;} /* 하단 번호, 은행 배너 */ .fot_inqy{ width:100%; margin-top:50px; padding: 0 10px; margin-bottom:60px;} .fot_inqy li{box-sizing:border-box;} .fot_inqy .iny_tel{width:100%; padding:30px 25px; height:120px; border-radius:15px; background-color:#f9f9f9; margin-bottom:12px;} .fot_inqy .iny_tel::after{content:''; clear:both; display:block;} .fot_inqy .iny_tel .intel_le{float:left;} .fot_inqy .iny_tel .intel_le .int_ptit1{font-size:15px; font-weight:600; color:#656565; } .fot_inqy .iny_tel .intel_le .int_ptit2{font-size:22px; font-weight:bold; margin-top:12px;} .fot_inqy .iny_tel .intel_ri{float:right;} .fot_inqy .iny_tel .intel_ri img{width:55px; height:62px;} .fot_inqy .iny_bak{width:100%; height:120px; padding:22px 25px; border-radius:15px; background-color:#eef8fb; margin-bottom:12px;} .fot_inqy .iny_bak .inb_ptit1{font-size:15px; font-weight:600; color:#656565;} .fot_inqy .iny_bak .inb_ptit2{font-size:18px; margin-top:8px; font-weight:bold;} .fot_inqy .iny_bak .inb_ptit2 span img{vertical-align:top; width:18px; height:23px;} .fot_inqy .iny_bak .inb_ptit3{font-size:14px; margin-top:6px; } .fot_inqy .iny_ban {width:100%; height:120px; padding:30px 20px; border-radius:15px; background-color:#eaf2e3;} .fot_inqy .iny_ban::after{content:''; clear:both; display:block;} .fot_inqy .iny_ban .inban_le{float:left;} .fot_inqy .iny_ban .inban_le .ina_ptit1 {font-size:18px; font-weight:bold; margin-top:5px;} .fot_inqy .iny_ban .inban_le .ina_ptit2 {font-size:22px; font-weight:bold; margin-top:8px;} .fot_inqy .iny_ban .inban_ri{float:right;} .fot_inqy .iny_ban .inban_ri img{width:101px; height:68px;} .fot_inqy .iny_flower{width:100%; height:120px; padding:22px 25px; border-radius:15px; background-color:#eef8fb; margin-bottom:12px;} .fot_inqy .iny_flower::after{content:''; clear:both; display:block;} .fot_inqy .iny_flower .iny_fle{float:left;} .fot_inqy .iny_flower .iny_fle h3{font-size:22px; line-height:32px;} .fot_inqy .iny_flower .iny_fle:first-child{margin-top:8px;} .fot_inqy .iny_flower .iny_fri{float:right;} .fot_inqy .iny_flower .iny_fri img{width:85px; margin-top:-5px; margin-right:-5px;} /* 인기상품 */ .part2{position:relative; margin-top:30px;} .part2 .mbtitb{width:100%; height:100%; border:1px solid #eaeaea;} .part2 h2{position:absolute; left:50%; bottom:50%; transform:translate(-50%, 50%); width:100%; margin:0px; text-align:center; font-size:22px; font-weight:700; color:#151515; vertical-align:middle; } .part2 h2 b{color:#ff0023; } .part2 .bhitig1{width:45px; vertical-align:middle; margin-top:-3px; margin-left:5px;} .part2 h2 .tit_cmm{color:#b7b500;} .part2 .best_ban{position:absolute; top:0; left:0; width:20%;} .part2 .best_ban > img{width:100%; height:100%;} #hd_pop{width:100%; top:1%;} .hd_pops{border:none; background: none;} .hd_pops_footer {margin-top:-21px; border:1px solid #e6e6e6; border-radius: 0 0 10px 10px; box-shadow: rgba(63, 71, 77, 0.25) 0px 2px 10px;} .hd_pops_con img{border-radius:10px 10px 0 0;} .cont_wrap{position:relative; } .part2 h2 .ctgb1{color:#3e35e7;} .bestca_tab li .reg_mg .reg_bx{width:80px; height:80px; background-color:#f7f7f7; border-radius:50%;} .morebtn{width:100%; text-align:center; display:table; margin-right: auto; margin-left: auto; } .morebtn a{display:block; width:55%; height:38px; line-height: 38px; border:1px solid #ddd; text-decoration:none !important; color:#333; font-size:13px; text-align:center; margin: 0 auto;} .morebtn a:hover{border:1px solid #bdbdbd;} .copy-btn{float:right; padding: 3px 10px; margin-top:-1px; background-color:#5757ff; color:#fff; font-size:12px; border-radius:5px;} .bestca_tab li.on .reg_mgpt2{color:#000; font-weight:600;} .hth_gdbx{position:absolute; top:0; left:0; width:120px;} .hth_gdbx img{} .phrase{text-align:center; padding: 0 10px; font-size:13.5px; line-height:20px;} @media ( max-width: 360px ) { .phrase {font-size:12.5px; line-height:19px;} } @media ( max-width: 348px ) { .btn_best{margin-top:5px;} } .logo_pbx{margin-top:12px; margin-bottom:5px; } .logo_box{padding:5px 8px; background-color:#6b60ff; color:#fff !important; font-size:15px; text-decoration:none !important; cursor:pointer; border-radius:3px;} .cdn_pbx{margin-top:12px;} .cardname_box{padding:5px 8px; background-color:#bd8d00; color:#fff !important; font-size:15px; text-decoration:none !important; cursor:pointer; border-radius:3px;} .tbl_frm01 th{font-size:15px !important;} .tbl_frm01 th label {font-size:16px;} .tbl_frm01 th .type_subp{font-weight:normal; margin-top:3px;} .raramap img{width:100%;} .btn_confirm{margin:0;} .btnid1{margin-top:5px; margin-bottom:5px; border-radius:30px;} .btnid1 input{width:100%; border-radius:30px; margin:0;} .btnde1 a{width:100%; margin: 0; border-radius:30px;} .fc_red{font-size:15px;} .tit_ainer{margin-top:10px; text-align:center; border:1px solid #eaeaea;} .tit_ainer .tit_mt{height:100px;} .tit_ainer .tit_mt p{font-size:20px; padding-top:27px; margin-bottom:5px;} .tit_ainer .tit_mt span{font-size:14px; font-weight:normal;} .tit_ainer .tit_ban1{background: url(img/moballgds_11.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban2{background: url(img/moballgds_2.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban3{background: url(img/moballgds_3.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban4{background: url(img/moballgds_4.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban5{background: url(img/moballgds_5.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban6{background: url(img/moballgds_6.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_ban7{background: url(img/moballgds_7.png) no-repeat center; background-size:100% 100%;} .tit_ainer .tit_mt .st_sp1{font-weight:bold; color:#10812f;} .tit_ainer .tit_mt .st_sp2{font-weight:bold; color:#859c54;} .tit_ainer .tit_mt .st_sp3{font-weight:bold; color:#be0190;} .tit_ainer .tit_mt .st_sp4{font-weight:bold; color:#be0190;} .tit_ainer .tit_mt .st_sp5{font-weight:bold; color:#000;} .tit_ainer .tit_mt .st_sp6{font-weight:bold; color:#000;} .tit_ainer .tit_mt .st_sp7{font-weight:bold; color:#000;} .bestca .pname2{text-overflow:ellipsis; white-space:nowrap;} .bestca .pname2 .land_map2{display:inline-block; padding: 0 8px; height:18px; line-height:18px; text-align:center; box-shadow: 0 0 0 1px #9080de inset; color:#9080de; font-size:12px; vertical-align:top;} .morebtn2{width:100%; text-align:center; display:table; margin-right: auto; margin-left: auto; margin-bottom:50px;} .morebtn2 a{display:block; width:55%; height:38px; line-height: 38px; border:1px solid #ddd; text-decoration:none !important; color:#333; font-size:13px; text-align:center; margin: 0 auto;} .morebtn2 a:hover{border:1px solid #bdbdbd;} .sub_tree{display:table; margin-right:auto; margin-left:auto;} .sub_tree li{width:calc(33.33% - 10px) !important; margin-right:10px; margin-bottom:5px; text-align:center; border:1px solid #ddd; padding: 3px 0; border-radius:3px; background-color:#fff;} .sub_tree li:nth-child(3n){margin-right:0;} .sub_tree li a{font-size:13px !important;} .sub_tree li.active a{font-weight:600; color:#000;} .sub_tree li.active {box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px;} .allord{border-right:1px solid #ddd; border-top:0px; color:#9080de !important;} .allcont{height:100px; padding: 26px 15px; box-sizing:border-box; border-radius:10px; margin: 20px 10px 0 10px; border-bottom:4px solid #ddd;} .allcont h2{font-size:18px; font-weight:bold;} .allcont .h2tit{color:#5c8532;} .allcont .h2tit2{color:#7a5ae3;} .allcont p{font-size:15px; color:#434343; margin-top:8px;} /* 직접 상품 */ .allig1{background: url(img/allcont_mob1.png) no-repeat center; background-size:100% 100%;} .allig2{background: url(img/allcont_mob2.png) no-repeat center; background-size:100% 100%;} .allig3{background: url(img/allcont_mob3.png) no-repeat center; background-size:100% 100%;} .allig4{background: url(img/allcont_mob4.png) no-repeat center; background-size:100% 100%;} .allig5{background: url(img/allcont_mob5.png) no-repeat center; background-size:100% 100%;} .allig6{background: url(img/allcont_mob6.png) no-repeat center; background-size:100% 100%;} .allig7{background: url(img/allcont_mob7.png) no-repeat center; background-size:100% 100%;} .allig8{background: url(img/allcont_mob8.png) no-repeat center; background-size:100% 100%;} .allig9{background: url(img/allcont_mob9.png) no-repeat center; background-size:100% 100%;} .allig10{background: url(img/allcont_mob10.png) no-repeat center; background-size:100% 100%;} .allig11{background: url(img/allcont_mob11.png) no-repeat center; background-size:100% 100%;} .allig12{background: url(img/allcont_mob12.png) no-repeat center; background-size:100% 100%;} .allig13{background: url(img/allcont_mob13.png) no-repeat center; background-size:100% 100%;} /* 전국 상품 */ .allig01{background: url(img/allcont_mob01.png) no-repeat center; background-size:100% 100%;} .allig02{background: url(img/allcont_mob02.png) no-repeat center; background-size:100% 100%;} .allig03{background: url(img/allcont_mob03.png) no-repeat center; background-size:100% 100%;} .allig04{background: url(img/allcont_mob04.png) no-repeat center; background-size:100% 100%;} .allig05{background: url(img/allcont_mob05.png) no-repeat center; background-size:100% 100%;} .allig06{background: url(img/allcont_mob06.png) no-repeat center; background-size:100% 100%;} .allig07{background: url(img/allcont_mob07.png) no-repeat center; background-size:100% 100%;} .allig08{background: url(img/allcont_mob08.png) no-repeat center; background-size:100% 100%;} .allig014{background: url(img/allcont_mob014.png) no-repeat center; background-size:100% 100%;} .allig015{background: url(img/allcont_mob015.png) no-repeat center; background-size:100% 100%;} .allig016{background: url(img/allcont_mob016.png) no-repeat center; background-size:100% 100%;} .resrbx{padding:1px 10px; font-size:13px; margin-left:5px; border-radius:20px; background-color:#3544f7; color:#fff; } #gnb li.active a{color:#ff0038;} #itemmybtn {padding: 0 12px; margin-top:12px; margin-bottom:8px;} #itemmybtn > .morebtn{background-color:#919b53; border-radius:8px;} #itemmybtn > .morebtn a{width:100%; height:47px; line-height:47px; color:#fff; border:none; font-size:16px;} #itembtn {padding: 0 12px; margin-top:12px; margin-bottom:8px;} #itembtn > .morebtn{background-color:#7a5ae3; border-radius:8px;} #itembtn > .morebtn a{width:100%; height:47px; line-height:47px; color:#fff; border:none; font-size:16px;} .bestcaWrap{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#f1f1f1;} .bestcaWrap2{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#f4f4f4;} .bestcaWrap3{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#f0f9f6;} .bestcaWrap4{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#f0f9f6;} .bestcaWrap5{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#fffbfc;} .bestcaWrap6{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#fff6f7;} .bestcaWrap7{border:1px solid #ddd; padding:0 0 10px 0; border-radius:10px; background-color:#fefdf8;} .mti_ban1{text-align:left; padding: 23px 0 15px 10px; background:url('./img/plwshop_m01.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban1 .p_txtt2{color:#ff0000;} .mti_ban2{text-align:left; padding: 23px 0 15px 10px; background:url('./img/plwshop_m02.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban2 .p_txtt2{color:#54621a;} .mti_ban3{text-align:left; padding: 23px 0 15px 10px; background:url('./img/rhksduq_mban.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban3 .p_txtt2{color:#647c02;} .mti_ban4{text-align:left; padding: 23px 0 15px 10px; background:url('./img/ehddid_mban.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban4 .p_txtt2{color:#20813b;} .mti_ban5{text-align:left; padding: 23px 0 15px 10px; background:url('./img/tjdid_mban11.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban5 .p_txtt2{color:#fd4bc1;} .mti_ban6{text-align:left; padding: 23px 0 15px 10px; background:url('./img/cnrgk_mban2.png') no-repeat center; background-size:100%; border-radius:6px;} .mti_ban6 .p_txtt2{color:#f41a49;} .mti_ban7{text-align:left; padding: 23px 0 15px 10px; background:url('./img/rmswh_mban.png') no-repeat center; background-size:100%; border-radius:6px;} .newgf li{border:1px solid #ddd; background-color:#fff;} .newgf dl{overflow:visible;position:relative; background-color:#fff;} .newgf dt{margin: 12px 12px 12px; border-radius:6px;} .newgf dd{text-align:center !important; padding:0 7px;} .newgf .pname2{padding-bottom:12px;} .newgf a{text-decoration:none !important;} .newgf .titxt{font-size:14px; margin-bottom:5px; font-weight:normal; color:#727272;} .newgf .txtxt{font-size:17px; margin-bottom:2px;} .newgf .p_txtt2{font-size:22px; margin-top:3px; font-weight:bold;} .newgf{margin-bottom:30px;} .newgf .pr_desc1 a{text-decoration:none !important;} .newgf .pr_desc1 ul{padding: 0 10px;} .newgf .pr_desc1 li {width:calc(50% - 4px); margin-right:8px; float:left; position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; } .newgf .pr_desc1 li:nth-child(2n+1) {clear:both;} .newgf .pr_desc1 li:last-child{margin-right:0px;} .newgf .pr_desc1 li dt{position: relative; height:auto;} .newgf .pr_desc1 li .pname {color:#2a2424; margin:10px 0 12px 0; font-size:16px;line-height:1em;text-overflow:ellipsis;white-space:nowrap;} .newgf .pr_desc1 li .price { font-size:14px; color:#ec6b79; text-align:left;} .newgf .pr_desc1 li .price .mpr{font-weight:bold; color:#111; font-size:16px;} .newgf .pr_desc1 li .price .mpr span{font-weight:400; font-size:14px; margin-right:10px;} .newgf .pr_desc1 li .pname2 {color:#2a2424; font-size:15px;line-height:1em;text-overflow:ellipsis;white-space:nowrap; } .newgf .pr_desc1 li .pname2 .land_map{color:#9080de; box-shadow: 0 0 0 1px #9080de inset;} .newgf .pr_desc1 li .point_p{background-color: #ff8e33; font-size: 13px; padding: 0 7px; height: 18px; line-height: 18px; display: inline-block; color: #fff; margin-top: 3px;} .check1, .check2, .check3{margin-top:3px; background-color:#ff00001a; padding:6px 10px; font-weight:600;} .check2 span{font-weight:normal;} /* new 지도 */ .cont{display:none;} /* 0327 폰트 수정 */ .msgif {font-size:15px; margin-bottom:10px;} .bif_001 span{font-size:14px; color:red; font-weight:bold; margin-top:10px;} .odf_tbl input{font-size:15px !important;} .odf_tbl select{font-size:15px !important; height:30px;} .odf_tbl label{font-size:15px !important;} .odf_tbl textarea{font-size:15px !important;} .odf_tbl .btn_small{font-size:13px !important;} .odf_tbl .td_label2 .css-label{margin-bottom:10px;} .odf_tbl .hope_dtbx select{width:25%;} .li_name strong {font-size:16px;} .li_prqty span{font-size:15px !important;} .li_prqty div{font-size:15px;} .li_total span{font-size:15px;} .per_box .css-label{font-size:15px !important;} #sod_bsk_tot dt, #sod_bsk_tot dd{font-size:15px;} #guest_agree .css-label{margin-left:0px; font-size:14px;} .btn_confirm{margin-top:30px;} .btn_confirm input{font-size:18px; padding: 10px 50px; border-radius:6px;} .btn_confirm input:hover{background-color:#ec6b79; border:1px solid #ec6b79;} .odf_tbl .frm_w50{ width:67%;} .odf_tbl .btn_right{float:right; height:35px;} .od_areabx{margin-top:25px;} .od_areabx h2 span{margin-left:10px; font-weight:600; font-size:15px;} .marbbox{border-color:#b6b6b6 !important;} .marbbox td{border-bottom:1px solid #b6b6b6 !important; padding:10px !important;} .marbbox p{margin-top:5px;} /* view4 */ .modr_warp{padding:0 !important; border-top:0px !important;} .modr_sli{padding:0;} .modr_sli img{border-radius:0px;} .modr_vh1{padding:0 10px; margin-top:20px; position:relative;} .modr_vh1 h2{font-size:23px; font-weight:600;} .modr_vh1 .odr_link{position:absolute; right:10px; top:0;} .modr_sub{padding:12px 10px 5px 10px;} .modr_zone{padding:0 10px 15px 10px; margin-top:10px;} .modr_zone ul:after{content:""; clear:both; display:block;} .modr_zone ul li{float:left; font-size:13px;} .modr_zone ul .trst0{margin-right:6px;} .modr_zone ul .trst0 .vi_de_tit{display:inline-block; padding: 0 10px; height:22px; background-color:#98a316; line-height:22px; color:#fff; border-radius:20px;} .modr_zone ul .trst2 .today_del{display:inline-block; padding: 0 10px; height:22px; background-color:#6989ee; line-height:22px; color:#fff; border-radius:20px; font-size:13px;} .modr_zone ul .trst2 .today_del2{display:inline-block; padding: 0 10px; height:22px; background-color:#9ba0aa; line-height:22px; color:#fff; border-radius:20px; font-size:13px;} .modr_zone .vi_de_tit3{display:inline-block; padding: 0 10px; height:22px; background-color:#f76d6d ; line-height:22px; color:#fff; border-radius:20px; font-size:13px;} .modr_container{padding: 0 10px;} .modr_1{padding-bottom:12px; border-bottom:1px solid #e9e9e9;} .modr_1 h2{font-size:22px;} .modr_1 h2 .mpr span{font-size:15px; font-weight:normal;} .modr_1 .modr_point{font-size:15px; margin-left:12px; color:#ff8e33; font-weight:normal;} .modr_2{padding:14px 0; border-bottom:1px solid #e9e9e9;} .modr_2 dl{display: flex; flex-wrap: wrap;} .modr_2 dt{font-size: 13px; flex: 0 0 18%; max-width: 20%; font-weight: 600; line-height:32px;} .modr_2 .modr_dlihe{line-height:17px;} .modr_2 dd{flex-basis: 0; flex-grow: 1; max-width: 100%; font-size: 13px; color: #767676; font-weight: normal; line-height:32px;} .modr_3{padding: 14px 0 10px 0;} .modr_vlab{display: inline-block; cursor:pointer;} .modr_vlab input{display:none;} .modr_view ul:after{content:''; clear:both; display:block;} .modr_view ul li{float:left; width:38%;} .modr_view ul li:first-child{margin-right:10px;} .modr_view ul .modr_vlab{width:100%;} .modr_view ul .modr_vlab span{display:inline-block; height:40px; width:100%; text-align:center; line-height:38px; font-size:15px; padding-left:10px;} .modr_4{padding:17px; background-color:#f6f6f6; border-radius:6px;} .modr_4 dl{display: flex; flex-wrap: wrap; padding-top:10px;} .modr_4 .modr4_dl{padding-bottom:10px; padding-top:0px; border-bottom:1px solid #e9e9e9;} .modr_4 dt{font-size: 15px; flex: 0 0 40%; max-width: 40%; font-weight: 600;} .modr_4 dd{flex-basis: 0; flex-grow: 1; max-width: 100%; font-size: 15px; text-align: right;} .odr_voption{} .odr_voption .odr_vobox{position:relative; } .odr_voption .defbtn_minus{position:relative; width:25px; height:25px; line-height:500px; background-color:#fff; border:0; background:url('/img/odr_vminus.png') no-repeat center #fff; background-size:80%; overflow: hidden; border-left:1px solid #dde0e3; margin-right:-3px; border-top:1px solid #dde0e3; border-bottom:1px solid #dde0e3;} .odr_voption .defbtn_plus{position:relative; width:25px; height:25px; line-height:500px; background-color:#fff; border:0; background:url('/img/odr_vplus.png') no-repeat center #fff; background-size:80%; overflow: hidden; margin-left:-2px; border-right:1px solid #dde0e3; border-top:1px solid #dde0e3; border-bottom:1px solid #dde0e3;} .odr_voption .inp_opt{width:50px !important; height:25px !important; background-color:#fff; border:none; text-align:center; font-size:16px; border-right:1px solid #dde0e3 !important; border-left:1px solid #dde0e3 !important; border-top:1px solid #dde0e3 !important; border-bottom:1px solid #dde0e3 !important;} .odr_voption dd span{font-size:17px; color:#000; font-weight:600;} .odr_voption dd span em{font-weight:600 !important;} .modr_5{border-top:1px solid #e9e9e9; margin-top:15px; padding:10px 0;} .modr_5 ul:after{content:""; clear:both; display:block;} .modr_5 ul .tlst{float:left; font-size:15px;} .modr_5 ul .trst{float:right; } .modr_5 ul .trst #sit_tot_price{font-size:20px; font-weight:bold; color:#ff0000;} .modr_5 ul .trst .trss-amt{font-size:15px;} .modr_all{margin-top:20px;} .modr_all button{background-color:#f23030; padding:0; line-height:45px; font-size:15px;} .modr_all button:hover{background-color:#f23030;} .modr_scrol{background-color:#f23030;} .mod_modal .suvtn button{background-color:#f23030;} .mob_mdbx{} .mob_mdbx ul:after{content:""; clear:both; display:block;} .mob_mdbx ul li{float:left; width:40%;} .mob_mdbx ul li:first-child{margin-right:10px;} .mob_mdbx ul li label{width:100%;} .mob_mdbx ul li label span{width:100%; height:40px; text-align:center; line-height:38px; display:inline-block; font-size:15px; padding-left:10px;} .mob_mdbx2{margin-top:15px; padding:16px; background-color:#f6f6f6; border-radius:6px;} .mob_mdbx2 dl{display: flex; flex-wrap: wrap; padding-top:10px;} .mob_mdbx2 dt{font-size: 15px; flex: 0 0 60%; max-width: 60%; font-weight: 600;} .mob_mdbx2 dd{flex-basis: 0; flex-grow: 1; max-width: 100%; font-size: 15px; text-align: right;} .mob_mdbx2 .modr4_dl{padding-top:0; border-bottom:1px solid #e9e9e9; padding-bottom:10px;} .mob_mdbx2 .modr4_dd2{font-weight:600;} .mob_mdall{padding-top:15px;} .mob_mdall .sub_tle{font-weight:600;} .mob_mdall #sit_tot_price2{font-size:20px; font-weight:bold;} .mob_mdall .trss-amt{font-weight:normal; font-size:15px; color:#ff0000;} .hand_clk{vertical-align:middle; margin-left:6px; color:#ffff00; margin-top:-3px;} .hand_clk img{width:15px; vertical-align:middle; margin-right:4px; margin-top:-3px;} .tbl_font select{font-size:15px; width:40%; height:30px;} .tbl_font .ti_span{font-size:15px; margin-right:5px; vertical-align:middle; font-weight:bold;} .tbl_font .ti_div{margin-top:6px;} .tbl_font .sat_div{margin-top:8px; font-size:16px;} .tbl_font .sat_div input{font-size:15px;} .tbl_font .items_box div{font-size:17px;} .ft_spa label{font-size:15px;} .tbl_font textarea{background-color:#fff;} .card_inf{margin-bottom:8px; font-size:15px;} .mart_bot{font-size:15px;} .popbil td{font-size:15px;} .zip_w p{font-size:16px;} .zip_w button{font-size:14px !Important; margin-top:3px;} .check01 td{font-size:15px;} .requr{font-size:15px;} .tit03{margin-right:3px;} .sat_div input{width:20px; height:20px; margin-right:5px;} .closed_tit {font-size:18px; vertical-align:middle;} .check02 td{font-size:15px;} .check03 td{font-size:15px;} .check03 b{font-weight:bold; color:red;} .swiper-button-prev, .swiper-button-next{font-size:15px;} /* 1107 작업 */ .swiper-button-prev svg{display:none;} .swiper-button-next svg{display:none;} .new_icon:empty { display: none !important; }