@charset "utf-8"; /*사이트 쇼핑포인트색*/ .wset {background:#1f58cc;border:1px solid #1f58cc;color:#fff !important;} .wset:hover {background:#1f58cc;border:1px solid #1f58cc;color:#fff !important;} table .spr,.total_price .spr {display:inline-block;} /*타이틀강조*/ .anc_tit {padding:0 0 7px 10px;font-size:13px;font-weight:400;position:relative;} .anc_tit:after {width:4px;height:18px;background-color:#1f58cc;display:inline-block;position:absolute;left:0;top:2px;content:'';} /*로딩페이지*/ #loadings {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background-color: #fff;z-index: 999999;} #loadings_spin { position: absolute; width: 50px; height: 50px; border: 2px solid rgba(0, 0, 0, .1); /* 컬러 */ border-radius: 50%; border-top-color: #1f58cc; /* 컬러 */ animation: spin 0.5s ease-in-out infinite; -webkit-animation: spin 0.5s ease-in-out infinite; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } @keyframes spin { to { -webkit-transform: rotate(360deg); } } @-webkit-keyframes spin { to { -webkit-transform: rotate(360deg); } } /*인트로 원본 #intro {width:1000px;height:570px;margin:-285px 0 0 -500px;position:absolute;top:50%;left:50%;} #intro .int_copy {color:#888;text-align:center;margin:10px 0 0;line-height:1.6em;} #int_wrap {padding:40px;border:5px solid #f1f1f1;overflow:hidden;} #int_wrap .rbanner {width:410px;height:410px;padding-left:40px;border-left:1px solid #eee;float:right;} #int_wrap .rbanner .bx-wrapper {position:relative;} #int_wrap .lcont {width:419px;float:left;} #int_wrap .lcont .tit {font-size:37px;font-weight:400;color:#666;margin:20px 0 3px;} #int_wrap .lcont .tit b {font-weight:800;color:#333;} #int_wrap .int_login {margin:20px 0 0 0;} #int_wrap .int_login dt {width:95px;float:right;} #int_wrap .int_login dt .btn_large {width:100%;height:80px;} #int_wrap .int_login dd {width:318px;float:left;} #int_wrap .int_login dd input {height:37px;width:100%;border:1px solid #ddd;padding:0 12px;margin-bottom:6px;line-height:35px;} #int_wrap .int_btn {padding:20px 0 0;border-top:1px dotted #ddd;} #int_wrap .int-txt {padding:10px 0 0 0;} #int_wrap .int-txt li {font-size:11px;color:#888;padding:5px 0 0 5px;background:url('/img/ic_dot3.gif') no-repeat left 9px;} */ /*인트로 변경*/ #int_wrap .rbanner .bx-wrapper {position:relative;} #int_wrap .lcont .tit {font-size:37px;font-weight:400;color:#666;margin:20px 0 3px;} #int_wrap .lcont .tit b {font-weight:800;color:#333;} #intro-wrap{width:100%;height:940px;background-color:#eee;} #intro {width:1100px;height:750px;margin:-400px 0 0 -550px;position:absolute;top:50%;left:50%;} #int_wrap {/*padding:40px;*/overflow:hidden; background-color:#fff;border-radius:25px;text-align:center;height:760px;} #int_wrap .lcont {width:460px;float:left; height:600px;/*border-right:1px solid #eee;*/padding:40px;} #int_wrap .lcont h1 {margin:35px 0 30px; text-align:center;} #int_wrap .lcont h1 a img{width:190px;} #int_wrap .int_login dt {width:375px;} #int_wrap .int_login {width:375px; margin:0 auto;} #int_wrap .int_login dd {width:375px;height:55px; margin-bottom:20px;} #int_wrap .int_login dd.a_login{height:20px;} #int_wrap .int_login dd > input{height:55px;width:100%;border:1px solid #ddd;padding:0 20px;margin-bottom:6px;} #int_wrap .int_login dd input::placeholder{font-size:16px;} #int_wrap .int_login dd input:focus {outline:none;} #int_wrap .int_login dt .btn_large {width:100%;height:55px;margin-bottom:10px;font-size:16px;border:none;background-color: #1f58cc;background-image:linear-gradient(120deg, transparent 0%, transparent 50%, #1f58cc 50%); background-size:230%;transition:all, 0.3s ease-in;border-radius: 100px;} #int_wrap .int_login dt .btn_large:hover{border:none; background-position:100%;} #int_wrap .rbanner {width:560px;height:760px;padding:0;float:left;} #int_wrap .lcont .marb20 {text-align:left; padding-left:45px;} #int_wrap .lcont .marb20 .fs11{font-size:16px !important;padding-left:5px;} #int_wrap .int_btn {padding:20px 0 0;border-top:1px dotted #ddd;margin:0 40px; display:flex;justify-content:space-around;} #int_wrap .int_btn a{padding:10px 20px;background:transparent;border:none;color:#777 !important;font-size:16px;font-weight:600 !important;} #int_wrap .int-txt li {font-size:12px;color:#888;padding:5px 0 0 5px;background:url('/img/ic_dot3.gif') no-repeat left 9px;} #int_wrap .int-txt {padding:30px 0 0 0;} #intro .int_copy {color:#888;text-align:center;margin:30px 0 0;line-height:1.6em;} #int_wrap .int-txtM{display:none;} #intro .int_copy ul{display:flex;justify-content:center;flex-wrap:wrap;} /* 인트로-미디어쿼리 시작*/ @media all and (max-width:1199px){ #intro-wrap{padding-top:50px;} #intro{width:500px;height:auto;margin:0 auto;position:relative;top:0;left:0;} #int_wrap{height:auto;} #int_wrap .lcont{width:100%;height:auto;border:none;padding:0;} #int_wrap .rbanner{display:none;} #int_wrap .lcont .marb20{padding:0;width:375px;margin:0 auto;} #int_wrap .int-txt{display:none;} #int_wrap .int-txtM{display:inline-block;margin:50px 0 25px;width:100%;} #int_wrap .int-txtM li{color:#777;line-height:29px;text-align:center;} #int_wrap .int-txtM .c_center{font-size:21px;font-weight:500;line-height:25px;} #int_wrap .int-txtM .c_tel{font-size:27px;font-weight:700;} #int_wrap .int-txtM .c_hours{font-size:17px;font-weight:400;} } @media all and (max-width:768px){ #intro-wrap{padding:25px 0 30px;height:auto;} #intro{width:90%;height:auto;} #int_wrap{height:auto;} #int_wrap .lcont{height:auto;} #int_wrap .lcont h1{margin:30px 0;} #int_wrap .int_login{width:95%;} #int_wrap .int_login dd, #int_wrap .int_login dt{width:100%;} #int_wrap .lcont .marb20{width:95%;margin:0 auto;padding-left:5px;} #int_wrap .lcont .marb20 .fs11{font-size:1em !important;} #int_wrap .int_login dt .btn_large{margin-bottom:10px;} #int_wrap .int_btn{width:95%;margin:0 auto;} #int_wrap .int_btn a{padding:0;font-size:1.2em;} } @media all and (max-width:360px){ #intro{width:95%;} #int_wrap{padding:20px;} #int_wrap .int_login{width:100%;} #int_wrap .lcont .marb20{padding-left:0;width:100%;} #int_wrap .int_btn{width:100%;padding:10px 0 0;} #int_wrap .int-txtM{margin-top:30px;} } /* 인트로-미디어쿼리 끝*/ /*layout*/ #wrapper {width:100%;min-width:1200px;height:100%;} #container {width:100%;position:relative;} .cont_wrap {width:1200px;margin:0 auto;overflow:hidden;} /***1200**/ .cont_bg {background-color:#f5f5f5;padding:50px 0 65px;} .cont_bg .mtit span {background-color:#f5f5f5;} .cont_inner {width:1200px;min-height:520px;padding:20px 0 20px;margin:0 auto;} /***1200**/ /*header*/ #hd_banner{text-align:center;position:relative;} #hd_banner > ul > li{text-align:center;} #hd_banner a {height:100%;display:block;text-decoration:none !important;} #hd_close{width:16px;height:16px;position:absolute;top:60%;right:17px;margin-top:-13px;cursor:pointer;} #tnb {height:29px;border-bottom:1px solid #fefefe;background-color:#fefefe;} #tnb_inner {width:1200px;padding:7px 0 0;margin:0 auto;} #tnb_inner li {float:left;} #tnb_inner li:first-child:before {display:none;} #tnb_inner li:before {width:1px;height:9px;margin:3px 10px 0;background-color:#ddd;display:inline-block;float:left;content:'';} #tnb_inner li a {color:#888;} #tnb_inner li .ic_num {font-size:10px;font-weight:600;margin:0 0 0 4px;padding:2px 5px;border-radius:50%;background-color:#1f58cc;color:#fff;letter-spacing:0;text-align:center;vertical-align:middle;display:inline-block; position:relative;top:-1px;} /*display:table;position:absolute;top:0;left:50%;margin-left:-125px; width: 250px;height:100px;text-align: center;*/ #hd {position:relative;} #hd:after {display:block;clear:both;content:'';} #hd_inner {width:1200px;height:100px;margin:0 auto;position:relative;} /***1200**/ #hd_inner .hd_logo {display:table;position:absolute;top:0;left:0; width: 200px;text-align: center;} #hd_inner .hd_logo a {height:100px;display:table-cell;vertical-align:middle;} #hd_inner .hd_bnr {position:absolute;right:0;top:0;display:table;} #hd_inner .hd_bnr span {height:100px;display:table-cell;vertical-align:middle;} #hd_inner .kakao_link {position:relative;display:block;} /*카카오채널추가*/ #hd_inner .kakao_link {position:absolute; top:25%; right:15%;} #hd_inner .kakao_link img{width:120px; !important; width:auto;} #hd_sch {width:470px;border:1px solid #e2e2e3;border-radius:50px;background-color:#fff;margin:-26px 0 0 -303px;position:absolute;top:50%;left:55%;} #hd_sch .sch_frm {padding:0 60px 0 20px;border-right:1px solid #e2e2e3;border-radius:50px;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #hd_sch .sch_frm .sch_stx {width:100%;height:46px;line-height:46px;font-size:15px;background:#fff;border:none;outline:none;} #hd_sch .sch_frm .sch_submit {width:60px;height:46px;color:#1f58cc;font-size:26px;position:absolute;border:none;top:0;right:0;} #hd_sch .hdkeword {width:160px;height:20px;padding:13px 15px;display:block;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #hd_sch .hdkeword ul {height:20px;} #hd_sch .hdkeword ul li {font-size:15px;line-height:20px;} #hd_sch .hdkeword ul li span {font-size:17px;font-style:italic;color:#da0000;font-weight:800;margin-right:5px;} #hd_sch .hdkeword ul li a {text-decoration:none !important;display:block;color:#333;font-weight:600;} #hd_sch .hdkBx {padding:22px;border:1px solid #e2e2e3;background-color:#fff;border-radius:23px;display:none;position:absolute;top:48px;left:-3px;right:-3px;z-index:10;display: none;} #hd_sch .hdkBx a {text-decoration:none !important;} #hd_sch .hdkBx h2 {height:28px;font-size:14px;font-weight:600;color:#1f58cc;line-height:1em;border-bottom:1px solid #e1e1e1;clear:both;text-align:left;} #hd_sch .hdkBx h2 .btn_close {font-size:12px;color:#999;cursor:pointer;float:right;} #hd_sch .hdkBx h2 .btn_close i {font-size:10px;margin-left:3px;} #hd_sch .hdkBx ul {width:100%;float:left;} #hd_sch .hdkBx ul li {padding: 14px 33px; border-top: 1px dotted #ddd; position: relative;} #hd_sch .hdkBx ul li a {font-size:13px;font-weight:600;line-height:1em;} #hd_sch .hdkBx ul li a span {margin-top: -8px;font-size: 13px; font-weight: bold; font-family: 'Tahoma,Verdana-Bold,Helvetica';text-align: center; position: absolute; top: 50%; left: 10px;display:inline-block;} #hd_sch .hdkBx ul:nth-child(2) li:nth-child(-n+3) a {color:#da0000;} .rkw_icon {font-size: 0; display: inline-block; position: absolute; top: 50%; right: 20px;} .rkw_nw { width:26px; height:14px; line-height:16px; border-radius: 3px; font-size: 9px; text-align: center; color: #da0000; font-weight: 600; top: 50%; margin-top: -7px; right:20px;} .rkw_up, .rkw_dw {width: 12px; margin-top: -8px;padding-right: 5px;} .rkw_sm {margin-top: -10px; margin-right: 5px;} .rkw_up:before {font-size: 16px; font-family: 'FontAwesome'; color: #da0000; content: '\f0d8';} .rkw_dw:before {font-size: 16px; font-family: 'FontAwesome'; color: #22b0bd; content: '\f0d7';} .rkw_sm:before {font-size: 20px; color: #888; content: '-';padding-right: 5px;} /*.rkw_num {margin-top: -8px;font-size: 13px; font-weight: bold; font-family: 'Tahoma,Verdana-Bold,Helvetica'; color: #da0000; text-align: center; position: absolute; top: 50%; left: 10px;} .rkw_num ul:nth-child(2) li:nth-child(-n+3) a {color:#da0000;}*/ /*인기검색어 순위 .kw_rank {width:167px;height:302px;border-right:1px solid #ddd;padding:15px;float:left;} .kw_rank h3 {font-size:16px;margin-bottom:12px;} .kw_rank li {line-height:26px;padding:0 25px;border-bottom:1px solid #ddd;position:relative;} .kw_rank li .rank_num {width:25px;font-weight:13px;font-weight:800;text-align:center;display:inline-block;position:absolute;left:0;top:0;} .kw_rank li .rank_icon {font-size:0;display:inline-block;position:absolute;top:0;right:0;} .kw_rank li .rank_icon:before {font-size:18px;line-height:23px;margin-right:4px;color:#888;content:'-';} .kw_rank li .rank_icon.rnew {width:14px;height:14px;font-size:12px;line-height:14px;border-radius:3px;font-size:9px;text-align:center;color:#fff;background-color:#ee7d4d;font-weight:600;top:50%;margin-top:-7px;} .kw_rank li .rank_icon.rnew:before {display:none !important;} .kw_rank li .rank_up {width:12px;} .kw_rank li .rank_up:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#c2191f;content:'\f0d8';} .kw_rank li .rank_down {width:12px;} .kw_rank li .rank_down:before {font-size:16px;line-height:23px;font-family:'FontAwesome';color:#22b0bd;content:'\f0d7';} .kw_rank li:first-child a, .kw_rank li:nth-child(2) a, .kw_rank li:nth-child(3) a, .kw_rank li:first-child .rank_num, .kw_rank li:nth-child(2) .rank_num, .kw_rank li:nth-child(3) .rank_num {color:#ee7d4d;} .kw_rank li a {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-decoration:none !important;} .kw_rank li:hover {background-color:#fafafa;}*/ /* 원본 hd_inner style #hd {position:relative;} #hd:after {display:block;clear:both;content:'';} #hd_inner {width:1000px;height:100px;margin:0 auto;position:relative;} #hd_inner .hd_logo {display:table;margin:0 auto;} #hd_inner .hd_logo a {height:100px;display:table-cell;vertical-align:middle;} #hd_inner .hd_bnr {position:absolute;left:0;top:0;display:table;} #hd_inner .hd_bnr span {height:100px;display:table-cell;vertical-align:middle;} #hd_sch {position:absolute;top:50%;right:0;margin-top:-15px;} #hd_sch .sch_frm {width:170px;padding:0 35px 0 5px;border-bottom:1px solid #0074e4;position:relative;} #hd_sch .sch_frm .sch_stx {width:100%;height:30px;line-height:30px;font-size:14px;background:#fff;border:none;outline:none;} #hd_sch .sch_frm .sch_submit {width:30px;height:30px;padding-bottom:2px;color:#0074e4;font-size:20px;position:absolute;border:none;top:0;right:0;} */ /*메엔 카테고리*/ #gnb {width:100%;background-color:#fff;border-top:1px solid #e2e2e3;border-bottom:1px solid #e2e2e3;position:relative;} #gnb.gnd_fixed {position:fixed;top:0;left:0;right:0;z-index:999;} #gnb_inner {width:1000px;height:45px;padding-left:200px;margin:0 auto; position:relative;} /***840**/ #gnb_inner a {text-decoration:none !important;} #gnb_inner .all_cate {position:absolute;top:0;left:0;z-index:999;} #gnb_inner .all_cate .allc_bt {width:150px;height:45px;font-size:16px;font-weight:600;line-height:45px;padding:0 25px;color:#1f58cc;display:inline-block;text-align:left;cursor:pointer;position:relative;border-width:0 1px;border-style:solid;border-color:#e2e2e3;background-color:#f5f5f7;} #gnb_inner .all_cate i {width:31px;height:31px;font-size:20px;line-height:32px;font-weight:normal;border-radius:50%;margin:0 10px 4px 0;color:#fff;background-color:#1f58cc;text-align:center;vertical-align:middle;} #gnb_inner .all_cate .ion-ios-close-empty {font-size:31px;} #gnb_inner .all_cate .con_bx {width:1200px;padding:10px 20px;border:1px solid #e2e2e3;background-color:#fff;display:none;position:absolute;top:45px;left:0;z-index:1000;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #gnb_inner .all_cate .con_bx ul {width:100%;display:table;background:#fff;} #gnb_inner .all_cate .con_bx .c_box {width:20%;padding:15px 5px;display:table-cell;} #gnb_inner .all_cate .con_bx .c_box .cate_tit {line-height:1em;font-size:13px;font-weight:600;color:#000;text-align:left;padding:10px 15px;background-color:#f1f1f1;display:block;border-radius:50px;} #gnb_inner .all_cate .con_bx .c_box ul {margin:12px 0;} #gnb_inner .all_cate .con_bx .c_box li {width:100%;height:20px;line-height:1.666;text-align:left;} #gnb_inner .all_cate .con_bx .c_box li a {padding:0 15px;display:block;} #gnb_inner .all_cate .con_bx .c_box li a:hover {background-color:#f5f5f5;} #gnb_inner .all_cate .can_bx {width:800px;display:none;position:absolute;top:46px;left:0;z-index:1000;overflow:hidden;overflow-y:auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} #gnb_inner .all_cate .can_bx > ul {width:202px; padding:13px 0px;background:rgba(50,50,50,0.8);} #gnb_inner .all_cate .can_bx .c_box {} #gnb_inner .all_cate .can_bx .c_box .cate_tit {line-height:1em;font-size:13px;color:#fff;text-align:left;padding:10.5px 35px 10.5px 35px;display:block;} #gnb_inner .all_cate .can_bx .c_box:hover .cate_tit {background-color:#020202;color:#fff;} #gnb_inner .all_cate .can_bx .c_box .sm_body {width:202px;padding:13px 0;border-width:0 1px 1px 0;border-style:solid;border-color:#e2e2e3;background-color:#fff;position:absolute;left:200px;top:0;bottom:0;z-index:100;display:none;} #gnb_inner .all_cate .can_bx .c_box ul {height:100%;overflow-x:auto;} #gnb_inner .all_cate .can_bx .c_box:hover > .sm_bn, #gnb_inner .all_cate .can_bx .c_box:hover > .sm_body {display:block;} #gnb_inner .all_cate .can_bx .c_box li {line-height:2.5;text-align:left;overflow:visible;} #gnb_inner .all_cate .can_bx .c_box li a {width:159px;padding:0 20px;display:block;} #gnb_inner .all_cate .can_bx .c_box li:hover > a {background-color:#888;color:#fff;} #gnb_inner .all_cate .can_bx .c_box li > .sm_body {left:200px;top:0;bottom:-1px;z-index:2000;} #gnb_inner .all_cate .can_bx .c_box li:hover > .sm_body {display:block;} #gnb_inner .all_cate:hover .can_bx {display:block;} #gnb_inner .gnb_li {width:100%;} #gnb_inner .gnb_li > ul {width:1000px;text-align:center;overflow:visible;} #gnb_inner .gnb_li > ul > li {padding :0 30px;display:table-cell;text-align:right;position:relative;overflow:visible;vertical-align:middle;} #gnb_inner .gnb_li > ul > li:first-child:before {display:none;} #gnb_inner .gnb_li > ul > li > a {height:45px;line-height:45px;font-size:16px;font-weight:600;color:#333;display:inline-block;position:relative;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} #gnb_inner .gnb_li > ul > li > a:hover {color:#1f58cc;} #gnb_inner .gnb_li > ul > li > a:after {height:4px;background-color:#1f58cc;position:absolute;bottom:-1px;left:50%;right:50%;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} #gnb_inner .gnb_li > ul > li > a:hover:after {left:0;right:0;} #gnb_inner .gnb_li > ul > li ul {width:150px;padding:15px 0;margin-left:-50px;border-width:0 1px 1px;border-style:solid;border-color:#222;background-color:#fff;position:absolute;top:45px;left:50%;z-index:9100;display:none;} #gnb_inner .gnb_li > ul > li:first-child ul {margin-left:-70px;} #gnb_inner .gnb_li > ul > li ul a {line-height:23px;padding:0 15px;font-size:12px;display:block;} #gnb_inner .gnb_li > ul > li ul a:hover {background-color:#f8f8f8;} #gnb_inner .gnb_li > ul > li:hover ul {display:block;} /*상단 BRAND SHOP*/ #gnb_inner .gnb_bt {position:absolute;top:0;right:0;} #gnb_inner .gnb_bt a {width:160px;height:45px;font-size:16px;font-weight:600;color:#1f58cc;line-height:43px; border-width:0 1px;border-style:solid;border-color:#e2e2e3;background-color:#f5f5f7;display:block;text-align:center;text-decoration:none !important;} /*메엔 세로 카테고리 .con_bx { display: block; position: absolute; top: -580px; z-index: 500; overflow: hidden; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .con_bx:hover{width: 800px;} .con_bx > ul {width: 200px; padding: 14px 0; background: rgba(255,255,255,255);} /*.con_bx ul:hover > a { color: #1f58cc;}*/ /*.con_bx .c_box .cate_tit { display: block; text-align: left; padding: 11px 25px 11px 45px; line-height: 1.3em; font-size: 14px; color: #222; } .con_bx .c_box .sm_body { display: none; width: 200px; font-size: 13px; position: absolute; left: 200px; top: 0; bottom: 0; padding: 18px 0; border-width: 0 1px 1px 0; border-style: solid; border-color: #fff; background-color: #fff; z-index: 100; } .con_bx .c_box ul { height: 100%; overflow-y: auto;} .con_bx .c_box li {text-align: left; line-height: 2.6em; overflow: visible;} .con_bx .c_box li a {display: block; width: 159px; padding: 0 20px;} .con_bx .c_box li > .sm_body { left: 200px; top: 0; bottom: -1px; z-index: 2000;} .con_bx .c_box:hover > .sm_bn, .con_bx .c_box:hover > .sm_body { display: block;} .con_bx .c_box li:hover > a { background-color: #e2e2e3; color: #222;} .con_bx .c_box li:hover > .sm_body { display: block;} 세로 카테고리끝*/ /*quick 최근본상품 #qcl {width:125px;margin-right:620px;position:absolute;top:20px;right:50%;z-index:997;} #qcl li {margin-top:5px;} #qcl li:first-child {margin-top:0 !important;} #qcr {width:125px;margin-left:620px;position:absolute;top:20px;left:50%;z-index:100; border-top:1px solid #ddd; border-bottom:1px solid #ddd;} #qcr ul {} #qcr .before {padding:0 9px 9px; border-bottom:0;} #qcr li {padding:6px 0 6px 0;border-width:0 1px;border-style:solid;border-color:#ddd;background-color:#fff;text-align:center;font-size:14px; border-bottom:1px solid #ddd; line-height: 21px;} #qcr i {width:21px; padding-right: 7px; font-size:20px;} #qcr li a:hover {text-decoration:none;} #qcr .tit {width:125px;height:21px;line-height:2.3;color:#fff;background-color:#1f58cc;padding-bottom: 20px;} #qcr li p {margin-top:9px;} #qcr .stv_wrap {/*height:15px;*//*font-size:11px;font-weight:600;position:relative;text-align:center;} #qcr .stv_wrap #up {position:absolute;left:9px;top:0;cursor:pointer; padding-top: 10px;} #qcr .stv_wrap #down {position:absolute;right:9px;top:0;cursor:pointer; padding-top: 10px;} #qcr .no_item {margin:22px 0 !important;color:#ddd !important;font-size:11px;} .qbtn_bx {position:fixed;bottom:30px;right:30px;z-index:100;} .qbtn_bx.active {position:absolute;bottom:0;} .qbtn_bx #anc_up, .qbtn_bx #anc_dw {width:45px;height:45px;font-size:10px;font-weight:600;color:#aaa;margin-top:-1px;background-color:#fff;border:1px solid #ddd;display:block;outline:none;} .qbtn_bx #anc_up:before, .qbtn_bx #anc_dw:after {font-size:17px;font-family:'FontAwesome';line-height:10px;color:#bbb;display:block;} .qbtn_bx #anc_up:before {margin-bottom:3px;content:'\f106';} .qbtn_bx #anc_dw:after {margin-top:3px;content:'\f107';}*/ /*quick*/ #qcl {width:110px;margin-right:620px;position:absolute;top:30px;right:50%;z-index:997;} #qcl li {margin-top:5px;} #qcl li:first-child {margin-top:0 !important;} #qcr {width:220px;height:275px;position:absolute;top:30px;margin-left:620px; left:50%;z-index:1000;} #qcr ul {overflow:visible;position:absolute;top:0;right:30px;z-index:10;} #qcr ul li {width:45px;height:45px;border:1px solid #e1e1e1;border-radius:50%;background:#fff;margin-bottom:6px;overflow:visible;cursor:pointer;position:relative;} #qcr ul li:after {width:1px;height:6px;background:#e1e1e1;display:block;content:'';position:absolute;left:50%;bottom:-7px;} #qcr ul li:first-child {margin-top:0 !important;} #qcr ul li .ionicons {width:45px;height:45px;line-height:45px;font-size:24px;color:#999;text-align:center;display:block;overflow:hidden;text-decoration:none !important;} #qcr ul li .qm_txt {height:20px;line-height:20px;margin-top:-11px;padding:0 10px;color:#666;border:1px solid #e1e1e1;border-radius:5px;background:#fff;position:absolute;top:50%;right:54px;z-index:5;white-space:nowrap;display:none;} #qcr ul li:hover .qm_txt {display:block;color:#1f58cc;} #qcr ul li:hover .ionicons {color:#1f58cc;} #qcr ul li.active {border-color:#1f58cc;background:#1f58cc;} #qcr ul li.active .ionicons {color:#fff;} #qcr ul li.qbtn_bx {width:47px;height:31px;border:0;margin:0;background:#ccc;color:#fff;} #qcr ul li.qbtn_bx:after {display:none;} #qcr ul li.qbtn_bx#anc_up {border-radius:50px 50px 0 0;} #qcr ul li.qbtn_bx#anc_dw {border-radius:0 0 50px 50px;border-top:1px solid #eaeaea;margin-top:-1px;} #qcr ul li.qbtn_bx .ionicons {font-size:16px;line-height:31px;color:#fff;} #qcr ul li.today_btn.active:hover .qm_txt {display:none;} #qcr .today {width:65px;padding:17px 15px 15px;background:#fff;border:1px solid #e1e1e1;border-radius:7px;position:absolute;top:0;right:105px;bottom:0;z-index:3;} #qcr .today .tdclose_btn {height:29px;line-height:29px;font-size:12px;color:#888;border-top:1px dotted #e1e1e1;cursor:pointer;text-align:center;position:absolute;left:0;bottom:0;right:0;} #qcr .today .tit {font-size:13px;color:#333;text-align:center;margin-bottom:20px;} #qcr .today p {margin-top:10px;text-align:center;} #qcr .today p:first-child {margin:0 !important;border:0 !important;} #qcr .today .stv_wrap {height:15px;font-size:11px;font-weight:600;letter-spacing:0;text-align:center;position:absolute;bottom:45px;left:15px;right:15px;} #qcr .today .stv_wrap #up {position:absolute;left:0;top:0;cursor:pointer;} #qcr .today .stv_wrap #down {position:absolute;right:0;top:0;cursor:pointer;} #qcr .today .no_item {color:#ddd !important;font-size:12px;line-height:224px;} /*메인 슬라이드배너*/ #mbn_wrap {width:100%;height:465px;overflow:hidden;display:block;position:relative;} #mbn_wrap .mbn_img {width:100%;height:465px;display:block;text-align:center;} #mbn_wrap .slick-slide a {height:465px;display:block;} #mbn_wrap .slick-slide {text-align:center;} #mbn_wrap .slick-dots {width:900px;margin-left:-487px;left:50%;} #mbn_wrap .slick-dots span {height:35px;line-height:35px;color:#fff;background-color:rgba(0,0,0,0.6);border-width:1px 1px 1px 0;border-style:solid;border-color:rgba(0,0,0,0.3);text-align:center;display:block;cursor:pointer;} #mbn_wrap .slick-dots li:first-child span {border-left:1px solid rgba(0,0,0,0.3) !important;} #mbn_wrap .slick-dots li.slick-active span {background-color:rgba(0,0,0,0.3);border-color:rgba(0,0,0,0.3);color:#fff;} /*slick 아이콘*/ .slick-arrow {margin-top:-40px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;z-index:900;outline:none;} .slick-arrow:before {font-family:'FontAwesome';font-size:80px;font-weight:600;} .slick-next {right:30px;} .slick-next:before {content:'\f105';} .slick-prev {left:30px;} .slick-prev:before {content:'\f104';} .slick-dots {position:absolute;bottom:15px;width:100%;text-align:center;z-index:900;} .slick-dots li {display:inline-block;} .slick-dots button {width:17px;height:5px;border-radius:30px;margin:0 4px;font-size:0;background-color:rgba(255,255,255,0.3);display:block;outline:none;} .slick-dots li.slick-active button {width:40px;background-color:rgba(255,255,255,1);}/* 롤링 색상*/ /* 메인 타임세일노출 */ .mTwrap {width:1236px;height:692px;margin:70px auto 0;overflow:hidden;} .timetit {height:50px;line-height:50px;margin-left:18px;font-family:"NanumSquare";border:2px solid #1f58cc;background:#1f58cc;border-radius:100px;overflow:hidden;display:inline-block;} .timetit:after {clear:both;display:block;content:'';} .timetit span {font-size:30px;padding:0 30px;color:#fff;display:inline-block;vertical-align:middle;} .timetit span.timenum {height:50px;font-size:35px;line-height:52px;padding:0 50px;color:#1f58cc;background:#fff;border-radius:100px;} .mainTime {margin-top:33px;} .mainTime:after {clear:both;display:block;content:'';} .mainTime .slick-list {overflow:hidden;} .mainTime .prli {width:374px;margin:0 18px;border:1px solid #e4e0e7; border-radius:10px;float:left;position:relative;margin-bottom: 20px;} .mainTime .prli a {display:block;text-decoration:none !important;} .mainTime .prli dl {} .mainTime .prli dt {width:374px;height:374px;position:relative;} .mainTime .prli dt:after {border-radius: 10px;background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .mainTime .prli dt img {width:100%;height:auto;border-radius: 10px;overflow:hidden;} .mainTime .prli dd {margin:0 25px;position:relative;text-align:left;} .mainTime .prli .ptime {height:35px;line-height:35px;font-size:17px;padding:0 30px;border-radius:50px;color:#fff;background:#333;margin:20px 25px 0;display:inline-block;} .mainTime .prli .ptime i {font-size:20px;margin:0 5px 2px 0;vertical-align:middle;} .mainTime .prli .ptime:after {clear:both;display:block;content:'';} .mainTime .prli .pname {height:40px;color:#111;line-height:1.4em;margin:12px 25px 0;font-size:15px;text-overflow: ellipsis; white-space: normal;text-align: left;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;} .mainTime .prli .price {margin:10px 25px 20px;} .mainTime .prli .price .mpr {font-size:20px;font-weight:800;color:#111;font-family:"NanumSquare";} .mainTime .prli .price .mpr span {font-size:17px;font-weight:normal;margin-left:1px;color:#111;} .mainTime .prli .price .spr {margin:0 0 0 7px;font-size:14px !important;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;} .mainTime .prli .icon {height:42px;line-height:42px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .mainTime .prli .icon .qty {color:#0d64db;float:right;} .mainTime .prli .icon .naver {background:url('/img/icon_new.png') no-repeat 1;} /* slick css /.slick-slide img >> display: block; << 주석처리함 */ .mainTime .prli .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:169px;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .mainTime .prli:hover dt:after {background-color:rgba(0,0,0,0.2);} .mainTime .prli:hover .ic_bx {opacity:1;} .mainTime .prli .price .sale {font-family:"NanumSquare";font-size:26px;font-weight:800;line-height:1em;color:#ec3d1b;position:absolute;bottom:0;right:0;} .mainTime .prli .price .sale::before {content: ""; background:url('/img/icon/down-arrow.png') no-repeat; width:26px; height:26px; position:absolute; right:40px; bottom:0;top:5px;} .mainTime .prli .price .sale span {font-size:20px;font-weight:600;} .mainTime .slick-arrow {width:53px;height:54px;margin-top:0;color:#ccc;background:#f5f5f5;top:-90px;} .mainTime .slick-arrow:before {font-size:24px;} .mainTime .slick-arrow:hover {color:#1f58cc;} .mainTime .slick-next {border-radius:0 100px 100px 0;right:18px;} .mainTime .slick-next:before {content:'\f105';} .mainTime .slick-prev {border-radius:100px 0 0 100px;left:1110px;} .mainTime .slick-prev:before {content:'\f104';} /*메인video*/ .mvideo {margin-top:17px;} .mvideo li {width:590px;float:left;} .mvideo li:first-child {margin-right:20px;} /* (#인기상품) TYPE2 */ .pickpr_wrap {padding:70px 0;} .pickpr {margin-top:25px;border-left-width:0;position:relative;} .pickpr:after {clear:both;display:block;content:'';} .pickpr .slick-list {overflow:hidden;} .pickpr .prli {width:230px;border:1px solid #e4e0e7; border-radius: 10px;background:#fff;float:left;position:relative;margin: 0 5px;} .pickpr .prli a {display:block;text-decoration:none !important;} .pickpr .prli dl {} .pickpr .prli dt {width:230px;height:230px;position:relative;} .pickpr .prli dt:after {border-radius: 10px;background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pickpr .prli dt img {width:100%;height:auto;border-radius: 10px;} .pickpr .prli dd {margin:0 20px;position:relative;text-align:left;} .pickpr .prli .pname {height:36px;color:#111;line-height:1.4em;margin:20px 20px 0;font-size:13px;} .pickpr .prli .price {height:32px;margin:7px 20px 17px;} .pickpr .prli .price .mpr {font-size:20px;font-weight:800;color:#111;font-family:"NanumSquare";} .pickpr .prli .price .mpr span {font-size:17px;font-weight:normal;margin-left:1px;vertical-align:middle;} .pickpr .prli .price .spr {/*margin:0 0 0 7px;*/font-size:12px !important;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;} .pickpr .prli .icon .point {color:#0d64db;margin-right:7px;} .pickpr .prli .icon {height:37px;line-height:37px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .pickpr .prli .icon .naver {background:url('/img/icon_new.png') no-repeat 1;} /* slick css /.slick-slide img >> display: block; << 주석처리함 */ .pickpr .prli .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:93px;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pickpr .prli:hover dt:after {background-color:rgba(0,0,0,0.2);} .pickpr .prli:hover .ic_bx {opacity:1;} .pickpr .prli .sale {width:40px;height:40px;line-height:40px;font-size:17px;font-family:"NanumSquare";color:#fff;text-align:center;border-radius:50%;background:rgba(235,45,71,0.9);position:absolute;bottom:50px;right:10px;z-index:1;} .pickpr .prli .sale span {font-size:12px;} .pickpr .slick-dots {width:60px;height:34px;line-height:32px;text-align:center;bottom:407px;right:32px;} .pickpr .slick-dots li {font-size:15px;letter-spacing:0;color:rgba(0,0,0,0.6);} .pickpr .slick-arrow {width:32px;height:32px;border-radius:50%;border:1px solid rgba(0,0,0,0.3);margin-top:0;color:rgba(0,0,0,0.6);top:-60px;} .pickpr .slick-arrow:before {font-size:18px;} .pickpr .slick-next {right:0;} .pickpr .slick-prev {left:1076px;} /* BEST SELLER & BRAND*/ /*.spc_wrap {margin-top:50px;height:400px;border:1px solid #e2e2e3;overflow:hidden;} .spc_wrap h2 {height:52px;line-height:52px;font-size:18px;font-weight:600;border-bottom:1px solid #e2e2e3;background-color:#f8f8f9;text-align:center;} .spc_wrap a {text-decoration:none !important;outline:none;} .spc_wrap .spc_con {width:748px;border-right:1px solid #e2e2e3;overflow:hidden;float:left;} .spc_wrap .spclist {height:277px;margin:35px 0;padding:0 35px;position:relative;overflow:hidden;} .spc_wrap .spclist dl {width:186px;margin:0 20px;position:relative;float:left;} .spc_wrap .spclist dt {width:186px;height:186px;margin-bottom:15px;} .spc_wrap .spclist dd {text-align:left;} .spc_wrap .spclist dd.pname {height:35px;font-size:13px;line-height:1.4em;} .spc_wrap .spclist dd.price {height:36px;margin:5px 0 0;font-size:20px;font-weight:600;color:#111;position:relative;} .spc_wrap .spclist dd.price p {vertical-align:bottom;} .spc_wrap .spclist dd.price .mpr {font-family:verdana;font-size:15px;font-weight:800;color:#000;} .spc_wrap .spclist dd.price .mpr span {font-weight:normal;margin-left:2px;} .spc_wrap .spclist dd.price .spr {font-family:verdana;font-size:12px;font-weight:normal;color:#aaa;text-decoration:line-through;} .spc_wrap .spclist dd.price .sale {font-family:verdana;font-size:16px;font-weight:600;line-height:0.5em;color:#ec3d1b;position:absolute;bottom:0;right:0;} .spc_wrap .spclist dd.price .sale::before {content: ""; background:url('/img/icon/down-arrow.png') no-repeat; width:16px; height:16px; position:absolute; right:45px; bottom:0} .spc_wrap .spclist dd.price .sale span {font-size:13px;font-weight:400;} .spc_wrap .spclist dd.price i {position:absolute; bottom:0; right: 40px} .spc_wrap .spclist .ic_bx {width:71px;margin:0 0 0 -35px;opacity:0;position:absolute;top:150px;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .spc_wrap .spclist dl:hover .ic_bx {opacity:1;} .spc_wrap .spclist .slick-arrow {width:30px;height:40px;margin-top:-20px;border:1px solid #e2e2e3;color:rgba(0,0,0,0.5);background-color:rgba(255,255,255,0.8);} .spc_wrap .spclist .slick-arrow:before {font-size:22px;font-weight:normal;} .spc_wrap .spclist .slick-next {right:-1px;} .spc_wrap .spclist .slick-prev {left:-1px;} .spc_wrap .mbrand {width:449px;float:right;} /***449***/ /*.spc_wrap .mbrlist {height:247px;} .spc_wrap .mbrlist li {width:224px;height:57px;border-top:1px solid #e2e2e3;border-left:1px solid #e2e2e3;display:table;float:left;}/***224***/ /*.spc_wrap .mbrlist li a {display:table-cell;text-align:center;vertical-align:middle;} .spc_wrap .mbrlist li img {max-width:93px;max-height:47px;display:inline-block;} .spc_wrap .mbrlist li:nth-child(2n+1) {border-left:0 !important;} .spc_wrap .mbrlist li:first-child, .spc_wrap .mbrlist li:nth-child(2) {border-top:0 !important;} .spc_wrap .mbrlist .slick-arrow {width:52px;height:52px;margin-top:0;top:-53px;color:rgba(0,0,0,0.2);background-color:rgba(0,0,0,0.03);} .spc_wrap .mbrlist .slick-arrow:before {font-size:25px;font-weight:normal;} .spc_wrap .mbrlist .slick-next {right:0;border-left:1px solid #e2e2e3;} .spc_wrap .mbrlist .slick-prev {left:0;border-right:1px solid #e2e2e3;} /*특가닷컴 BEST SELLER & BRAND 끝*/ /* NEW BRAND 시작 */ .m_brand {height:100px;margin-top:30px;padding-left:116px;border-width:1px 0;border-style:solid;border-color:#ddd;overflow:hidden;position:relative;} .m_brand h2 {font-family:"NanumSquare";font-size:20px;font-weight:normal;color:#111;line-height:1.3em;position:absolute;left:0;top:26px;} .m_brand h2 p {font-weight:800;} .m_brand .mbr_inner {margin:20px 0;padding:0 21px;position:relative;} .m_brand .mbr_inner .mbr_li {width:160px;left:-160px;display:table;float:left;position:relative;} .m_brand .mbr_inner .mbr_li a {height:60px;vertical-align:middle;text-align:center;display:table-cell;} .m_brand .mbr_inner .mbr_li a img {max-height:60px;max-width:128px;display:inline-block;} .m_brand .slick-arrow {margin-top:-17px;color:#888;top:50%;} .m_brand .slick-arrow:before {font-size:34px;font-weight:normal;} .m_brand .slick-next {right:0;} .m_brand .slick-prev {left:0;} /* NEW BRAND 끝 */ /* 원본 */ .best_wrap {height:400px;margin-top:70px;position:relative;overflow:hidden;} .best_wrap:after {clear:both;content:'';} .best_wrap .bnr1 {width:280px;height:400px;position:absolute;top:0;left:0;} .best_wrap .bnr1 img{border-radius:20px;} .best_wrap .bnr2 {width:620px;height:200px;position:absolute;top:0;left:285px;} .best_wrap .bnr2 img{border-radius:20px;} .best_wrap .bnr3 {width:620px;height:200px;position:absolute;bottom:0;left:285px;} .best_wrap .bnr3 img{border-radius:20px;} .best_rol_slide {width:200px;height:330px;padding:35px 45px;background-color:#f1f1f1;position:absolute;top:0;right:0;border-radius:20px;} .best_rol_slide h2 {font-size:22px;font-weight:600;color:#222;line-height:1em;text-align:center;} .best_rol_slide h2:after {width:20px;height:1px;margin:15px auto 25px;background-color:#222;display:block;content:'';} .best_rol_slide dl {width:190px;text-align:left;float:left;position:relative;outline:none;} .best_rol_slide dl a {display:block;text-decoration:none !important;outline:none;} .best_rol_slide dl .sale {width:40px;height:40px;font-size:13px;font-family:"NanumSquare";font-weight:600;line-height:43px;color:#fff;border-radius:30px;background :rgba(45,170,74,0.9);text-align:center;position:absolute;top:5px;left:5px;z-index:50;} .best_rol_slide dl .pimg {width:200px;height:200px;border-radius:20px;overflow:hidden;position:relative;} .best_rol_slide dl .pimg img {width:100%;height:auto;} .best_rol_slide dl dd {text-align:center;} .best_rol_slide dl .pname {height:32px;font-size:13px;margin:17px 0 9px;line-height:1.3em;overflow:hidden;} .best_rol_slide dl .price p {display:inline-block;vertical-align:bottom;} .best_rol_slide dl .price .mpr {font-size:16px;font-weight:600;color:#000;letter-spacing:-1px;} .best_rol_slide dl .price .mpr span {font-weight:normal;margin-left:2px;} .best_rol_slide dl .price .spr {font-size:13px;font-weight:normal;color:#999;margin-right:7px;text-decoration:line-through;} .best_rol_slide dl .ic_bx {width:86px;margin-left:-43px;position:absolute;top:77px;left:50%;right:0;z-index:20;text-align:center;display:none;} .best_rol_slide dl .pimg:before {background-color:rgba(0,0,0,0.2);border-radius:20px;position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;opacity:0;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .best_rol_slide dl:hover .pimg:before {opacity:1;} .best_rol_slide dl:hover .ic_bx {display:block;} .best_rol_slide .slick-slider {position:initial !important;} .best_rol_slide .slick-arrow {width:15px;height:50px;margin-top:-25px;font-size:0;color:rgba(0,0,0,0.15);position:absolute;top:50%;outline:none;} .best_rol_slide .slick-arrow:before {font-size:50px;font-weight:600;} .best_rol_slide .slick-next {right:15px;} .best_rol_slide .slick-next:before {content:'\f105';} .best_rol_slide .slick-prev {left:15px;} .best_rol_slide .slick-prev:before {content:'\f104';} /*원본*/ /*인기키워드*/ .mainKw {background:#fafafa;padding:30px 0;} .mainKw dl {width:1200px;min-height:140px;padding:0 0 0 280px;margin:0 auto;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .mainKw dl dt {position:absolute;top:0;left:0;} .mainKw dl dt .txt1 {font-family:"NanumSquare";font-size:25px;color:#111;line-height:1em;} .mainKw dl dt h2 {font-family:"NanumSquare";font-size:35px;color:#1f58cc;line-height:1em;} .mainKw dl dt h2:after {width:25px;height:1px;background:#1f58cc;display:block;margin:20px 0;content:'';} .mainKw dl dt .txt2 {font-size:13px;line-height:1.4em;} .mainKw dl dd {} .mainKw dl dd a {height:45px;line-height:45px;font-size:15px;padding:0 25px 0 37px;margin:0 10px 10px 0;background:#f1f1f1;border-radius:50px;display:inline-block;text-decoration:none !important;position:relative;} .mainKw dl dd a:before {font-size:17px;display:inline-block;content:'#';position:absolute;top:0;left:25px;} .mainKw dl dd a:hover {background-color:rgba(45,170,74,0.9);color:#fff;} /*인기키워드 끝*/ /*메인 카테고리별 베스트 하단베너*/ .wide_bn img {width:100%;height:auto;border-radius:30px;} .mask_bn {width:100%;min-width:1000px;height:350px;margin-top:50px;position:relative;} .mask_bn: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 p {width:600px;margin-left:-300px;text-align:center;display:table;position:absolute;left:50%;top:0;bottom:0;z-index:10;} .mask_bn span {height:350px;font-size:33px;font-weight:600;line-height:1.4em;color:#fff;display:table-cell;vertical-align:middle;} .mmd_bn {width:1000px;height:500px;margin:0 auto;position:relative;} .mmd_bn li {position:absolute;} .mmd_bn li.bnr1 {width:480px;height:290px;top:0;left:0;} .mmd_bn li.bnr2 {width:200px;height:290px;top:0;left:490px;} .mmd_bn li.bnr3 {width:690px;height:200px;bottom:0;left:0;} .mmd_bn li.bnr4 {width:300px;height:500px;top:0;right:0;} .mtit {height:35px;text-align:left;position:relative;clear:both;} .mtit:after {width:400px;height:1px;margin:-13px auto 0;background-color:#222;display:none;content:'';} .mtit span{font-family:"NanumSquare";font-size:30px;font-weight:800;line-height:1em;color:#222;margin:0 auto;/*background-color:#fff;*/display:inline-block;} .mtit span b {font-weight:400;} .mtit .btnview {height:30px;line-height:30px;font-size:14px;color:#1f58cc;border:1px solid #1f58cc;padding:0 17px;border-radius:50px;text-decoration:none !important;display:inline-block;position:absolute;right:0;} .mtit .btnview:hover {font-size:14px;font-weight:600;color:#1f58cc;border:1px solid #1f58cc;} .mtit .btnmore {height:30px;line-height:30px;font-size:14px;color:#1f58cc;border:1px solid #1f58cc;padding:0 17px;border-radius:50px;text-decoration:none !important;display:inline-block;position:absolute;left:220px;} .mtit .btnmore:hover {font-size:14px;font-weight:600;color:#1f58cc;border:1px solid #1f58cc;} .mtit .btnview i {margin:0 0 2px 5px;vertical-align:middle;} .mtit .btnmore i {margin:0 0 2px 5px;vertical-align:middle;} /*메인 TYPE제목 전체보기 위치*/ /*.cont_wrap h2:nth-child(2){text-align:center;} .cont_wrap h2:nth-child(2):after{display:block;} .cont_wrap .cont_bg h2:nth-child(1){left:75px;}*/ .cont_wrap .aftarrw{position:relative; right:-1110px;font-size:16px;color:#666;top:-22px;} .cont_wrap .aftarrw:hover{text-decoration:none;color:#1f58cc;font-weight:600;} .cont_wrap .cont_bg a:hover{text-decoration:none;color:#1f58cc;font-weight:600;} .cont_wrap .aftarrw:after{content:'';background:url('/theme/basic/img/arrow.png') no-repeat;width:18px;height:18px;position:absolute;top:0;left:65px; } /*메인 카테고리별 베스트*/ .bestca_tab {width:100%;height:50px;margin:25px 0;border-radius:50px;background-color:#f8f8f8;display:table;clear:both;} .bestca_tab li {font-size:16px;padding:0 10px;border-radius:50px;color:#111;display:table-cell;text-align:center;cursor:pointer;position:relative;} .bestca_tab li span {height:50px;line-height:50px;overflow:hidden;display:block;} .bestca_tab li.active {background-color:#1f58cc;color:#fff;} #bestca_body ul {display:none;} /*메인 카테고리별 베스트 위에 베스트하고 동일하나 레이아수구조가 다름 .bestca_tab {width:100%;height:50px;margin:25px 0;border-radius:50px;background-color:#f8f8f8;display:table;clear:both;} .bestca_tab li {font-size:16px;padding:0 10px;border-radius:50px;color:#111;display:table-cell;text-align:center;cursor:pointer;position:relative;} .bestca_tab li:first-child {border-left:1px solid #ddd;} .bestca_tab li span {font-size:14px;color:#777;line-height:3.3em;display:block;position:absolute;left:-1px;top:0;right:-1px;bottom:-1px;} .bestca_tab li.active span {background-color:#1f58cc;color:#fff;} #bestca_body ul {display:none;}*/ /*메인 카테고리별 베스트 .bestca_tab {width:100%;height:50px;margin:25px 0;border-radius:50px;background-color:#f8f8f8;display:table;clear:both;} .bestca_tab li {font-size:16px;padding:0 10px;border-radius:50px;color:#111;display:table-cell;text-align:center;cursor:pointer;position:relative;} .bestca_tab li span {height:50px;line-height:50px;overflow:hidden;display:block;} .bestca_tab li.active {background-color:#2daa4a;color:#fff;} .bestca ul {height:736px;padding:0 0 0 602px;display:none;position:relative;} .bestca li {width:298px;height:368px;border-width:0 1px 1px 0;border-style:solid;border-color:#eaeaea;position:relative;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .bestca li:nth-child(-n+3) {border-top:1px solid #eaeaea;} .bestca li a {text-decoration:none !important;display:block;} .bestca li p {overflow:hidden;} .bestca li dl {padding:40px 40px 0;} .bestca li dd {text-align:left;} .bestca li .pname {height:36px;color:#111;line-height:1.4em;margin:20px 20px 0;font-size:13px;} .bestca li .price {margin:7px 20px 20px;} .bestca li .price .mpr {font-size:16px;font-weight:800;color:#111;} .bestca li .price .mpr span {font-size:14px;font-weight:normal;margin-left:1px;} .bestca li .price .spr {margin:0 0 0 7px;font-size:12px !important;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;} .bestca li .icon {height:37px;line-height:37px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .bestca li .icon .point {color:#0d64db;margin-right:7px;} .bestca li .icon .naver {background:url('/img/icon_new.png') no-repeat left 1;} .bestca li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .bestca li:hover dt:after {background-color:rgba(0,0,0,0.2);} .bestca li:hover .ic_bx {opacity:1;} .bestca .sale {width:60px;height:60px;line-height:60px;font-size:17px;color:#fff;font-style:italic;text-align:center;border-radius:50%;background:rgba(86,41,122,0.9);position:absolute;top:15px;left:15px;z-index:1;} .bestca .sale span {font-size:12px;}*/ /*공통*/ .nwin,.zzim {width:36px;height:36px;line-height:1.9em;border-radius:50%;margin:0 2px;color:#222;background-color:rgba(255,255,255,0.9);font-family:"Ionicons";font-size:20px;text-align:center;display:inline-block !important;vertical-align:middle;cursor:pointer;text-decoration:none !important;} .zzim:before {content:"\f387";} .zzim.on:before {content:"\f388";color:#1f58cc;} .nwin:before {content:"\f218";} .soldout,.memopen {line-height:1em;font-size:13px;font-weight:normal;padding:4px 10px 5px;border-radius:3px;color:#fff;display:inline-block;} .soldout {background-color:#ed3636;} .memopen {background-color:#1680d9;} /*상품리스트*/ .pr_desc {overflow:hidden;} .pr_desc ul {} .pr_desc li {float:left;position:relative;border:1px solid #eaeaea; border-radius: 10px;} .pr_desc li a {display:block;text-decoration:none !important;} .pr_desc li dl {} .pr_desc li dt {position:relative;} .pr_desc li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease; border-radius: 10px;} .pr_desc li dt img {width:100%;height:auto;border-radius: 10px;} .pr_desc li dd {margin:0 20px ;position:relative;text-align:left;} .pr_desc li .bstnbr {text-align:center;width:100px;height:20px;padding:25px 5px 0 5px;color:#fff;background:#1f58cc;font-size:13px;font-weight:800;position:absolute;top:-10px;left:-72px;z-index:5;transform-origin:60% 20%; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); } /*베스트아이콘*/ .pr_desc li .op_color {margin-top:5px;} .pr_desc li .op_color span {width:17px;height:4px;margin:0 2px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .pr_desc li .pname {height:36px;color:#111;line-height:1.4em;margin:20px 20px 0;font-size:13px;} .pr_desc li .price {margin:7px 20px 10px;} .pr_desc li .price .mpr {font-size:20px;font-weight:800;color:#111;margin-top:4px;font-family:"NanumSquare";} .pr_desc li .price .mpr span {font-size:17px;font-weight:normal;margin-left:1px;vertical-align:middle;} .pr_desc li .price .spr {margin:0 0 0 7px;font-size:12px;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;vertical-align: middle;} .pr_desc li .price .sale {font-size:16px;font-weight:700;line-height:1em;color:#ec3d1b;display: inline-block;vertical-align: middle;} .pr_desc li .icon {height:36px;line-height:36px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .pr_desc li .icon .naver {background:url('/img/icon_new.png') no-repeat left 1;} .pr_desc li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pr_desc li:hover dt:after {background-color:rgba(0,0,0,0.2);} .pr_desc li:hover .ic_bx {opacity:1;} .pr_desc.wli3 li {width:394px;} .pr_desc.wli3 li dt {width:363px;height:363px;padding:19px;} .pr_desc.wli3 li:nth-child(3n+1) {margin-left:0 !important;clear:both;} .pr_desc.wli3 dl {position:relative;height:567px;} .pr_desc.wli3 li dd {padding:0 19px;} .pr_desc.wli3 li .pname {height:42px;font-size:15px;line-height:1.4em;} .pr_desc.wli3 li .price {margin:5px 0 0;margin-bottom:19px;} .pr_desc.wli3 li .price .mpr {font-size:16px;} .pr_desc.wli3 li .ic_bx {top:263px;} .pr_desc.wli3 li .price .sale {right:19px;} .pr_desc.wli3 li .icon {height:36px;line-height:36px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .pr_desc.wli4 li{width:280px;margin:24px 0 0 24px;} /***가로사이즈 5열233px 4열280px ***/ .pr_desc.wli4 li dt {width:280px;height:280px;} /*썸네일 싸이즈*/ .pr_desc.wli4 li:nth-child(4n+1){margin-left:0 !important;clear:both;} /*상품진열갯수 nth-child(4n+1)에서 width1200으로 변경하면서 5n+1로 변경*/ .pr_desc.wli4 li .ic_bx {top:122px;} .pr_desc.wli4 li .icon {height:36px;line-height:36px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .pr_desc.wli5 li {width:290px;margin:10px 0 0 10px;border:1px solid #eaeaea; border-radius: 10px;} .pr_desc.wli5 li dt {width:140px;height:140px;/*border: 1px solid #eaeaea;*/ float:left;} .pr_desc.wli5 li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border-radius: 10px;} .pr_desc.wli5 li dt img {width:100%;height:auto;} .pr_desc.wli5 li:nth-child(4n+1){margin-left:0 !important;clear:both;} .pr_desc.wli5 dl {position:relative;height:140px;} /** 155px **/ .pr_desc.wli5 li dd {position:relative;text-align:left;margin: 0 5px;} .pr_desc.wli5 li .pname {height:38px;margin: 5px 5px 0 5px;padding: 5px 0 0 5px;color:#111;line-height:1.5em;font-size:13px;} .pr_desc.wli5 li .price {margin:5px;padding-left: 5px;} .pr_desc.wli5 li .price .mpr {font-size:17px;font-weight:800;color:#111;display:block;} .pr_desc.wli5 li .price .mpr span {font-size:14px;font-weight:normal;margin-left:1px;} .pr_desc.wli5 li .price .spr {margin-bottom:2px;font-size:12px !important;font-weight:normal;color:#aaa;display:block;text-decoration:line-through;} .pr_desc.wli5 li .icon {/*display:none;*/margin:0; height:39px;line-height:39px;font-size:13px;color:#666;/*border-top:1px solid #eaeaea;*/text-align:left;padding-left: 5px;} .pr_desc.wli5 li .icon .naver {background:url('/img/icon_new.png') no-repeat left 1;} .pr_desc.wli5 li .ic_bx {width:86px;top:50px;margin:0 0 0 -43px;opacity:0;position:absolute;left:25%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pr_desc.wli5 li:hover dt:after {background-color:rgba(0,0,0,0.2);} .pr_desc.wli5 li:hover .ic_bx {opacity:1;} .pr_desc.wli5 li .price .spr {margin:0 0 0 7px;font-size:12px;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;vertical-align: middle;} .pr_desc.wli5 li .price .sale {font-size:13px;font-weight:700;line-height:1em;color:#ec3d1b;display: inline-block;vertical-align: middle;} /*main msicon_아이콘10 */ .msico {padding-top:20px;} .msico ul {display:flex;} .msico ul li dt{width:100% !important;height:100% !important;text-align:center;padding:0;border:none;} .msico ul li dd{text-align:center;padding-top:10px;margin: 0 18px;} .msico ul li dd:hover{color:#1f58cc;} .msico ul li img{width:100px;} .pr_desc.wli4.msico ul li{border:none;width:120px !important;margin:0;} .pr_desc.wli4.msico li dt:after {background-color:rgba(0,0,0,0) !important;} /*상품리스트_롤오버*/ .pr_desc2 {width:1000px;margin:0 auto;overflow:hidden;} .pr_desc2 ul {} .pr_desc2 li {width:188px;height:188px;margin:15px 0 0 15px;float:left;position:relative;} .pr_desc2 li:first-child {width:391px;height:391px;margin-left:0 !important;} .pr_desc2 li a {display:block;text-decoration:none !important;} .pr_desc2 li dt {width:100%;height:auto;position:relative;} .pr_desc2 li dt img {width:100%;height:auto;} .pr_desc2 li dd {padding:25px 10px 0;opacity:0;position:absolute;top:0;left:0;bottom:0;right:0;border:1px solid #ddd;background-color:rgba(255,255,255,0.95);text-align:center;z-index:20;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pr_desc2 li:first-child dd {padding:70px 30px 0;} .pr_desc2 li:first-child .pname {max-height:42px;line-height:1.4em;font-size:15px;} .pr_desc2 li:first-child .ic_bx {bottom:70px;} .pr_desc2 li:first-child .ic_bx .nwin, .pr_desc2 li:first-child .ic_bx .zzim {width:36px;height:36px;font-size:20px;line-height:1.95em;margin:0 1px;} .pr_desc2 li .pname {max-height:32px;line-height:1.3em;margin:0 5px 10px;font-size:13px;color:#000;overflow:hidden;} .pr_desc2 li .op_color {margin-bottom:12px;} .pr_desc2 li .op_color span {width:15px;height:4px;margin:0 1px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .pr_desc2 li .mpr {font-size:14px;font-weight:600;color:#000;} .pr_desc2 li .mpr span {font-weight:normal;margin-left:2px;} .pr_desc2 li .spr {font-size:11px;font-weight:normal;color:#bbb;margin-bottom:3px;text-decoration:line-through;} .pr_desc2 li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;left:50%;bottom:25px;z-index:25;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .pr_desc2 li .ic_bx .nwin, .pr_desc2 li .ic_bx .zzim {width:23px;height:23px;font-size:15px;line-height:1.65em;border-radius:0;margin:0;color:#fff;background-color:rgba(150,150,150,0.4);} .pr_desc2 li:hover dd, .pr_desc2 li:hover .ic_bx {opacity:1;} /*상품상세보기*/ .vi_info {width:100%;display:table;overflow:hidden;} .vi_img_bx {padding-right:40px;overflow:hidden;display:table-cell;vertical-align:top;} .vi_img_bx .bimg {overflow:hidden;} .vi_img_bx .simg_li {margin-top:15px;overflow:hidden;} .vi_img_bx .simg_li ul {width:100%;font-size:0;font-style:normal;text-align:center;} .vi_img_bx .simg_li li {width:calc(20% - 5.6px);padding:7px 0 0 7px;display:inline-block;white-space:nowrap;word-break: break-all ;} .vi_img_bx .simg_li li:nth-child(5n+1) {padding-left:0;} .vi_img_bx .simg_li li img {width:calc(100% - 2px);height:auto;border:1px solid #eee;cursor:pointer;} .vi_txt_bx {overflow:hidden;display:table-cell;vertical-align:top;} .vi_txt_bx dt, .vi_txt_bx dd, .vi_txt_li dt, .vi_txt_li dd {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .vi_txt_bx .tit {font-size:27px;font-weight:600;padding:10px 0 25px;border-bottom:1px solid #666;line-height:1.3em;position:relative;} .vi_txt_bx .tit .btn_small {position:absolute;bottom:0;right:0;} .vi_txt_bx .stxt {font-size:15px;font-weight:bold;line-height:1.3em;color:red;padding:15px 0 0;} .vi_txt_bx .price_bx {padding:17px 0;border-bottom:1px solid #ddd;background-color:#fafafa;} .vi_txt_bx .price_bx dl {width:100%;padding:4px 0;display:table;} .vi_txt_bx .price_bx dt, .vi_txt_bx .price_bx dd {font-size:14px;text-align:left;display:table-cell;vertical-align:middle;} .vi_txt_bx .price_bx dt {width:27%;padding:0 0 0 20px;font-weight:600;} .vi_txt_bx .price_bx dd {width:73%;padding:0 20px 0 0;} .vi_txt_bx .price_bx dd.price {font-size:20px !important;font-weight:bold;color:#222;} .vi_txt_bx .price_bx dd.price .mpr span {font-size:16px;font-weight:normal;margin-left:3px;} .vi_txt_bx .price_bx dd.pay {font-weight:bold;line-height:140% !important;} .vi_txt_li {padding:15px 0;border-bottom:1px solid #ddd;} .vi_txt_li dl {width:100%;margin-top:10px;display:table;} .vi_txt_li dl:first-child {margin-top:0 !important;} .vi_txt_li dt, .vi_txt_li dd {line-height:1.4em;display:table-cell;vertical-align:top;} .vi_txt_li dt {width:27%;font-size:13px;padding:0 0 0 20px;} .vi_txt_li dt.op_vi_tit {width:57% !important;} .vi_txt_li dd {width:73%;font-size:13px;padding:0 20px 0 0;vertical-align: middle;} .vi_txt_li dd.op_vi_txt {width:40% !important;margin-left:3%;position:relative;} .vi_txt_li td {font-size:13px;} .vi_tab {height:50px;border-bottom:2px solid #333;} .vi_tab ul {overflow:visible;} .vi_tab li {width:296px;height:50px;margin-left:0;color:#888;font-size:14px;font-weight:600;line-height:3.3;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;background-color:#f8f8f8;cursor:pointer;float:left;} .vi_tab li:first-child, .m_event li:first-child {margin-left:0 !important;} .vi_tab li.on {width:302px;height:50px;margin-bottom:-2px;color:#333;border-width:2px 2px 0 2px;border-color:#333;background-color:#fff;z-index:50;} /*상품 상세보기 (관련상품)*/ .vi_rel{margin:50px 0 0;padding:0 14px;border-width:1px;border-style:solid;border-color:#999 #ddd #ddd;position:relative;} .vi_rel h3 {text-align:center;position:relative;clear:both;margin-top:-11px;} .vi_rel h3 span{font-size:22px;font-weight:600;line-height:1em;color:#222;margin:0 auto;padding:0 20px;background-color:#fff;display:inline-block;} .vi_rel dl a {display:block;text-decoration:none !important;outline:none;} .vi_rel dl{width:194px;padding:25px 10px 15px;float:left;position:relative;} .vi_rel dl dt {width:100%;height:auto;position:relative;} .vi_rel dl dt img {width:100%;height:auto;} .vi_rel dl dd {position:relative;text-align:center;} .vi_rel dl .pname {max-height:35px;color:#000;line-height:1.4em;margin:12px 5px 0;font-size:13px;} .vi_rel dl .op_color {margin-top:5px;} .vi_rel dl .op_color span {width:20px;height:4px;margin:0 2px;display:inline-block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .vi_rel dl .price {margin:12px 0 10px;font-size:20px;font-weight:600;color:#111;} .vi_rel dl .price p {vertical-align:bottom;} .vi_rel dl .price .mpr {font-size:15px;font-weight:600;color:#000;} .vi_rel dl .price .mpr span {font-weight:normal;margin-left:2px;} .vi_rel dl .price .spr {font-size:12px;font-weight:normal;color:#aaa;margin-bottom:3px;text-decoration:line-through;} .vi_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:'';} .vi_rel .slick-arrow {width:25px;height:50px;line-height:48px;margin-top:-25px;background-color:rgba(180,180,180,0.8);text-align:center;position:absolute;top:50%;} .vi_rel .slick-arrow:before {font-family:'FontAwesome';font-size:30px;color:#fff;} .vi_rel .slick-next {right:-15px;} .vi_rel .slick-next:before {content:'\f105';} .vi_rel .slick-prev {left:-15px;} .vi_rel .slick-prev:before {content:'\f104';} /*sns*/ .t_socia0 {border:none;margin-top:10px;width:100%} .t_social {background-color:#222;color:#fff;padding:15px 0;font-size:14px;width:100%;text-align:center;} .t_social span {font-weight:600;color:#ff9019;} .vi_box_hd {background:url('/img/sub/tit_view_bg.gif');width:964px;height:16px;padding-right:40px;text-align:right;} .vi_box_line {background:url('/img/sub/tit_view_line.gif');width:964px;height:390px;} .vi_box_tail {width:964px;height:7px;background:url('/img/sub/tit_view_03.gif');} .letter_bx {width:100%;height:76px;padding:10px;border:1px solid #ddd;background-color:#f6f6f6;} .f_price{color:#999;font-weight:bold;line-height:140%;text-decoration:line-through !important;} /*판매 기간상품*/ .time {padding:15px 0;background-color:#222;text-align:center;} .time span {font-size:24px;font-weight:800;color:#fff;letter-spacing:0;display:inline-block;} .time .tit, .time .day {font-size:16px;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;background:#fff;list-style:none;} #option_set_added li td {font-size:13px;} #option_set_added dl {padding:0;} #option_set_added .defbtn_plus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat -16px 0;border:0 none;overflow:hidden;cursor:pointer;} #option_set_added .defbtn_minus{width:17px;height:17px;line-height:500% !important;background:url('/img/plusminus.gif') no-repeat 0 0;border:0 none;overflow:hidden;cursor:pointer;} #option_set_added .defbtn_delete{width:13px;height:13px;font-size:0;background:url('/img/delete.gif') no-repeat 50% 50%;border:0 none;overflow:hidden;cursor:pointer;position:absolute;top:50%;right:0;margin-top:-7px;} #option_set_added .inp_opt{font-size:9pt;font-family:tahoma;border:1px solid #cfcfcf;border-left:0;border-right:0;height:17px;padding:0 0 1px;text-align:center;overflow:hidden;margin:0;} .op_vi_txt .sit_opt_prc {font-size:14px;font-weight:600;height:18px;line-height:1em;margin-top:-9px;position:absolute;top:50%;right:20px;} #sit_tot_views {font-size:18px;font-weight:600;padding:25px 20px 0;line-height:1.3em;margin-top:-1px;border-top:1px solid #666;background-color:#fff;overflow:hidden;} #sit_tot_views .prdc_price {font-size:18px;color:#ed3636;float:right;} #sit_tot_views2 {font-size:18px;font-weight:600;padding:25px 20px 0;line-height:1.3em;margin-top:-1px;background-color:#fff;overflow:hidden;} #sit_tot_views2 .prdc_price {font-size:18px;color:#ed3636;float:right;} .vi_btn {width:100%;display:table;margin-top:25px;} .vi_btn span {padding-right:5px;display:table-cell;} .vi_btn span:last-child {padding-right:0 !important;} .vi_btn a {width:100%;} /*결제*/ .total_price {height:18px;padding:15px 10px;font-size:14px;background-color:#fafafa;border-bottom:1px solid #ddd;line-height:1.2em;} /*쿠폰*/ .apply_cmd {position:absolute;z-index:100;width:306px;height:auto;padding:10px;border:5px solid #e5e5e5;background-color:#fff} .cp_txt_bx {padding:12px 15px;background-color:#f8f8f8;line-height:1.6em;border-bottom:1px solid #ddd;} .cp_txt_bx .frm_cp {background-color:#fff;} /*tab menu*/ #tab_cate {height:36px;border-bottom:1px solid #333;margin:10px 0 !important;} #tab_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #tab_cate ul {overflow:visible;zoom:1;} #tab_cate li {margin-left:-1px;float:left;overflow:visible;} #tab_cate li a {height:36px;color:#999;padding:0 25px;font-size:13px;line-height:37px;background-color:#f5f5f5;text-align:center;display:block;text-decoration:none !important;position:relative;} #tab_cate li.active a {height:37px;color:#333;line-height:38px;background-color:#fff;z-index:10;} #tab_cate li:first-child {margin-left:0 !important;} #tab_cate li a:after {border-width:1px 1px 0 1px;border-style:solid;border-color:#ddd;cursor:pointer;display:block;position:absolute;top:0;right:0;bottom:0;left:0;content:'';} #tab_cate li.active a:after {border-color:#333;} /*기타*/ .td_num {text-align:right !important;padding-right:5px !important;letter-spacing:0 !important;} .td_name {position:relative;vertical-align:top !important;text-align:left !important;} .thumimgage {cursor:pointer;z-index:1;} .page_wrap {height:29px;margin:20px 0;text-align:center;position:relative;} .page_wrap .lbt_box {position:absolute;top:0;left:0;} .page_wrap .rbt_box {position:absolute;top:0;right:0;} .bottom_sch {padding:7px 10px;background-color:#f8f8f8;text-align:center;} .top_sch {height:23px;margin:0 0 7px 0;} .bottom_sch select, .bottom_sch input[type=text] {height:29px;} .del_box {width:400px;font-size:13px;line-height:1.4em;padding:30px 0;margin:80px auto;border:1px solid #ddd;text-align:center;} .bx-has-pager {width:100%;position:absolute;bottom:15px;} .bx-wrapper .bx-pager {text-align:center;} .bx-wrapper .bx-pager .bx-pager-item {display:inline-block;*zoom:1;*display:inline;} .bx-wrapper .bx-pager.bx-default-pager a {background:rgba(80, 80, 80, 0.3);text-indent:-9999px;display:block;width:14px;height:14px;margin:0 3px;outline:0;border-radius:50%;-moz-border-radius:20px;-webkit-border-radius:20px;} .bx-wrapper .bx-pager.bx-default-pager a.active {background:rgba(10, 10, 10, 0.8);} /*footer*/ #ft {margin-top:50px;overflow:hidden;clear:both;} .fgnb {overflow:hidden;} .fgnb ul {width:1200px;padding:15px 0;margin:0 auto;position:relative;} .fgnb li {float:left;} .fgnb li:before {width:1px;height:11px;margin:2px 17px 0;background-color:#ddd;display:inline-block;float:left;content:'';} .fgnb li:first-child:before, .fgnb li.sns_wrap:before {display:none;} .fgnb li a {font-size:12px;color:#222;text-decoration:none !important;} .fgnb li a:hover {color:#888;} .fgnb .sns_wrap {height:28px;margin-top:-14px;position:absolute;top:50%;right:0;float:none;} .fgnb .sns_wrap a {width:16px;height:16px;padding:6px;margin-left:2px;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;} .fgnb .sns_wrap a img {width:100%;height:auto;} .fgnb .sns_wrap a.sns_fa:hover {background-color:#46639d;} .fgnb .sns_wrap a.sns_tw:hover {background-color:#1da1f4;} .fgnb .sns_wrap a.sns_in:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbc066+0,ea554e+33,be3289+67,5b6bb6+100 */ background: #fbc066; /* Old browsers */ background: -moz-linear-gradient(45deg, #fbc066 0%, #ea554e 33%, #be3289 67%, #5b6bb6 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #fbc066 0%,#ea554e 33%,#be3289 67%,#5b6bb6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc066', endColorstr='#5b6bb6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } .fgnb .sns_wrap a.sns_pi:hover {background-color:#cb2028;} .fgnb .sns_wrap a.sns_bl:hover {background-color:#00c23a;} .fgnb .sns_wrap a.sns_ba:hover {background-color:#00c23a;} .fgnb .sns_wrap a.sns_kt:hover {background-color:#fff311;} .fgnb .sns_wrap a.sns_ks:hover {background-color:#fff311;} .ft_cs {width:1200px;padding:30px 0;margin:0 auto;display:table;border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;} .ft_cs dl, .ft_cs ul {width:34%;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .ft_cs .tit {font-size:16px;font-weight:600;color:#000;margin-bottom:15px;position:relative;} .ft_cs .tit .stxt {font-size:11px;font-weight:normal;color:#aaa;display:inline-block;vertical-align:middle;} .ft_cs .tit .stxt:before {width:1px;height:11px;margin:0 12px 1px 10px;background-color:#aaa;display:inline-block;vertical-align:middle;content:'';} .ft_cs .cswrap {width:32%;padding:0 30px 0 0;border-right:1px solid #e1e1e1;} .ft_cs .cswrap .tel {height:35px;font-size:35px;font-weight:800;line-height:1em;color:#1f58cc;margin:0 0 15px 0;} .ft_cs .cswrap dd {height:14px;margin-top:4px;} .ft_cs .bkwrap {padding:0 30px;border-right:1px solid #e1e1e1;position:relative;} .ft_cs .bkwrap .bknum {font-size:20px;font-weight:800;line-height:1em;margin:0 0 7px 0;} .ft_cs .bkwrap .etc_btn a {width:130px;border-radius: 100px;} .ft_cs .bkwrap dd {font-size:13px;margin-top:5px;} .ft_cs .bkwrap .etc_btn {position:absolute;bottom:0;left:30px;right:30px;} .ft_cs .notice {padding:0 0 0 30px;padding-right:0 !important;} .ft_cs .notice dd {height:16px;font-size:12px;padding:0 80px 0 0;margin-bottom:7px;position:relative;} .ft_cs .notice dd:last-child {margin-bottom:0 !important;} .ft_cs .notice dd a {max-width:260px;height:16px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ft_cs .notice dd .day {color:#bbb;position:absolute;top:0;right:0;} .ft_cs .notice .bt_more {font-size:11px;font-weight:normal;color:#999;position:absolute;bottom:1px;right:0;} .ft_cs .notice .bt_more i {margin-left:3px;} .company {padding:30px 0;background-color:#f8f8f8;border-top:1px solid #eee;overflow:hidden;} .company ul {width:1200px;margin:0 auto;} .company li {width:340px;font-size:11px;line-height:1.5em;letter-spacing:0;float:right;} .company li:first-child {width:750px;font-size:12px;padding:0;line-height:1.6em;border:0;float:left;} .company li h3 {color:#222;margin-bottom:12px;} .company .cptxt {font-size:11px;color:#aaa;} .company .etctxt {margin-top:7px;font-size:11px;letter-spacing:-0.3px;color:#aaa;} .g_hl {width:1px;height:10px;background-color:#ddd;margin:0 10px;vertical-align:middle;display:inline-block;} /*폰트box 스타일*/ .fbx_small,.fbx_free,.fbx_lsmall {display:inline-block;vertical-align:middle;text-align:center;} .fbx_small {padding:1px 5px;font-size:11px;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_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%;} /*sub*/ .stit {font-size:27px;font-weight:600;color:#222;margin:20px 0 30px;text-align:center;position:relative;} .s_stit {font-size:15px;font-weight:600;color:#222;text-align:left;letter-spacing:-1px;} .tit_navi {font-size:12px;line-height:1em;color:#888;font-weight:normal;text-align:right;} .tit_navi a {font-weight:normal;color:#888;} .tit_navi .ionicons {margin:0 10px;color:#bbb;vertical-align:middle;} /* 서브페이지 */ #con_lf_s {display:inline-block;margin-bottom:80px;width:100%;} #con_lf {width:calc(100% - 220px);display:inline-block;float:right;margin-bottom:80px;} #con_lf img {max-width:100%;height:auto;} .pg_tit {margin:0 0 20px;height:36px;border-bottom:1px solid #fefefe;position:relative;} .pg_tit span {font-size:22px;padding:4px 10px 7px 0;margin:0 0 -1px 0;border-bottom:1px solid #fefefe;display:inline-block;position:absolute;left:50%;top:50%;transform: translate( -50%, -50% );} .pg_tit .pg_nav {font-size:12px;font-weight:normal;position:absolute;bottom:8px;right:0;} .pg_tit i {font-style:normal;font-size:12px;color:#aaa;margin:0 5px;} .pg_cnt {margin:0 0 7px;} .pg_cnt em {color:red;font-weight:600;} .pg_title {margin-bottom:20px;text-align:center;} .pg_title .inner {padding:20px;background-color:#fefefe;position:relative;} .pg_title .inner .txt_bx {padding:17px 0;border:1px solid #ddd;background-color:#fff;} .pg_title .inner .txt_bx dt {font-size:27px;line-height:1em;font-weight:600;color:#666;text-align:center;} .pg_title .inner .txt_bx dd {font-size:13px;font-weight:normal;color:#999;margin-top:10px;text-align:center;} .pg_titb {padding:20px 0;position:relative;} .pg_titb:after {display:block;clear:both;content:'';} .pg_titb span {margin-top: 10px; font-size:25px;color:#111;display:inline-block;} .pg_titb .titxt {margin-top: 20px;font-size:40px;font-weight:800;line-height:1em;} .pg_titb .pg_nav {font-size:12px;font-weight:normal;color:#888;position:absolute;top:0;right:0;letter-spacing:0;} .pg_titb i {font-style:normal;font-size:12px;color:#aaa;margin:0 10px 2px;vertical-align:middle;} .line_tit {width:100%;height:7px;margin:0 0 30px;border-bottom:1px solid #e1e1e1;text-align:center;overflow:visible;} .line_tit span {height:17px;line-height:17px;font-size:17px;font-weight:500;padding:0 10px;margin-bottom:9px;color:#888;background-color:#fff;display:inline-block;} /*.sub_tree {padding:12px;margin-bottom:20px;border-width:1px 0;border-style:solid;border-color:#fefefe;background-color:#fefefe;} .sub_tree li {padding:5px 10px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .sub_tree a {text-decoration:none !important;} .sub_tree a:hover {color:#0074e4;} .sub_tree li.active a {font-weight:600;color:#0074e4;} */ .sub_tree {margin:20px 0 40px 0;} .sub_tree li {width:187px !important;margin:0 0 15px 15px;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .sub_tree li:nth-child(6n+1) {margin-left:0 !important;clear:both;} .sub_tree li a {height:42px;line-height:42px;font-size:15px;color:#999;background-color:#f8f8fa;border-radius:5px;text-align:center;display:block;text-decoration:none !important;} .sub_tree li a:hover {font-weight:500;color:#1f58cc;} .sub_tree li.active a {font-weight:500;color:#fff;background-color:#1f58cc;} .li_ty_tab li {float:left;margin-right:3px;} .li_ty_tab li a {height:25px;padding:0 12px;line-height:2em;background-color:#aaa;color:#fff;display:block;text-decoration:none !important;} .li_ty_tab li a:hover {background-color:#777;} .li_ty_tab li a.active {background-color:#222;} .tab_sort {height:14px;padding:13px 20px;border-width:1px 0;border-style:solid;border-color:#fefefe #fff #ddd;position:relative;} .tab_sort:after {display:block;clear:both;content:'';} .tab_sort .total {height:14px;display:inline-block;float:left;} .tab_sort .total:after {width:1px;height:12px;margin:0 12px 0 25px;background-color:#ddd;display:inline-block;vertical-align:middle;content:'';} .tab_sort ul {height:14px;line-height:1.3em;float:left;} .tab_sort ul li {display:inline-block;} .tab_sort ul li a {display:block;color:#999;padding:0 10px;text-align:center;} .tab_sort ul li a.active {color:#222;font-weight:600;} .tab_sort ul li a:hover {color:#222;text-decoration:none;} .tab_sort select {width:85px;height:24px;margin-top:-12px;position:absolute;top:50%;right:0;} /*서브페이지 왼쪽메뉴*/ #aside {float:left;width:200px;} .aside_hd {height:120px;background:#1f58cc;text-align:center;border-radius: 10px 10px 0 0;} .aside_hd p {padding:0;margin:0;line-height:1em;} .aside_hd p.eng {padding-top:40px;font-size:14px;font-weight:400;color:#e1e1e1;text-transform:uppercase;} .aside_hd p.kor {padding-top:10px;font-size:22px;font-weight:600;color:#fff;} .aside_name {padding:10px 0 10px 15px;border-bottom:1px solid #121418;background-color:#2c313c;font-weight:600;color:#fff;} .aside_bx {background-color:#495164;color:#fff;} .aside_bx li {position:relative;padding-left:15px;height:36px;font-size:11px;line-height:36px;border-top:1px solid #525a6c;border-bottom:1px solid #444c5e;} .aside_bx li:first-child {border-top:0;} .aside_bx li span {position:absolute;top:0;right:10px;} .aside_bx li span a {font-weight:600;color:#fff;} .aside_cs {border-width:0 1px 1px 1px;border-style:solid;border-color:#ddd;} .aside_cs dt {height:37px;font-size:13px;font-weight:600;line-height:2.9;border-top:1px solid #ddd;position:relative;} .aside_cs dt:first-child {border-top:0 !important;} .aside_cs dt a:after {font-family:FontAwesome;font-size:19px;font-weight:normal;line-height:2em;color:#ccc;position:absolute;top:0;right:15px;content:"\f105";} .aside_cs dd {padding:8px 0;border-top:1px dotted #ddd;} .aside_cs dt a, .aside_cs dd li a {padding:0 15px;text-decoration:none;display:block;} .aside_cs dt:hover a, .aside_cs dt:hover a:after {color:#1f58cc;} .aside_cs dd li a:hover {color:#454545; background-color:#f5f5f5;} .aside_cs dd li a {padding:5px 15px 5px 22px !important;color:#999;background:url('/img/lm_dot.gif') no-repeat 15px 11px;} .aside_my {margin-top:10px;border:1px solid #ddd;} .aside_my dt {margin-top:7px;padding:10px 0 7px 15px;font-weight:600;border-top:1px solid #ddd;} .aside_my dt:first-child {margin-top:0;border-top:0;} .aside_my dd a {line-height:1.9em;padding-left:15px;color:#666;display:block;text-decoration:none !important;} .aside_my dd a:hover {background-color:#f5f5f5;color:#454545;} /*로그인*/ .login_tab {width:752px;margin:0 auto 20px;z-index:1;} .login_tab li {width:50%;height:45px;text-align:center;float:left;overflow:visible;position:relative;} .login_tab li span {font-size:13px;line-height:45px;color:#aaa;background-color:#fff;border-width:1px;border-style:solid;border-color:#e1e1e1 #e1e1e1 #222;position:absolute;top:0;left:0;bottom:0;right:0;cursor:pointer;} .login_tab li:first-child span {right:-1px;} .login_tab li.active span {color:#222;border-color:#222 #222 transparent;z-index:2;} .login_wrap {width:550px;margin:0 auto;border:1px solid #e1e1e1;border-radius:10px 10px 0 0;display:none;text-align:center;overflow:hidden;} .login_wrap.active {display:table;} .log_inner {padding:40px 50px;display:table-cell;} .log_inner dt {font-size:16px;font-weight:600;color:#222;margin-bottom:20px;text-align:center;} .log_inner dd {margin-bottom:10px;text-align:center;} .log_inner .stxt {color:#999;margin-bottom:10px;text-align:center;} .log_inner .log_op {font-size:13px;margin:15px auto 0;max-width:300px; text-align:left;} .log_inner .log_op input[type=checkbox] {width:15px;height:15px;} .log_inner input[type=text], .log_inner input[type=password] {width:100%;max-width:300px;height:40px;padding:12px 15px;line-height:1em;font-size:13px;border:1px solid #ddd;} .log_inner dd button{background-color: #1f58cc;width:100%;max-width:300px;border:1px solid #1f58cc;border-radius:100px;} .log_inner dd a {width:100%;max-width:300px;border-radius: 10px;border-radius: 100px;} .log_bt_box {width:510px;font-size:13px;padding:20px;margin:-1px auto 40px;border:1px solid #e1e1e1;border-radius:0 0 10px 10px;background-color:#fafafa;text-align:center;} .login_wrap .in_box p {margin:0 0 10px 0;} .login_wrap .bt_box {padding:20px 0 10px;text-align:center;overflow:hidden;} .login_wrap .bt_box a {font-size:13px;display:inline-block;} .login_wrap .bt_box a:before {width:1px;height:12px;background-color:#ccc;margin:0 15px;display:inline-block;vertical-align:middle;content:"";} .login_wrap .bt_box a:first-child:before {display:none;} /*SNS로그인*/ .sns_btn {padding:20px;border-left:1px solid #e1e1e1;display:table-cell;} .sns_btn h3 {font-size:16px;font-weight:600;color:#222;margin-bottom:30px;text-align:center;} .sns_btn a {margin-top:5px;display:block !important;} .bt_naver, .bt_face, .bt_google, .bt_kakao {width:200px;height:50px;line-height:50px;font-size:14px;font-weight:600;padding:0;display:inline-block;text-decoration:none !important;position:relative;text-align:center;} .bt_naver {color:#fff !important;background-color:#1ec800;border-radius: 100px;} .bt_naver:hover {background-color:#1bb300;} .bt_naver .bt_ic {width:50px;height:50px;background-color:#1ec800;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius: 100px;} .bt_naver .bt_ic:after {width:0;height:50px;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;border-radius: 100px;} .bt_face:hover {background-color:#304c91;} .bt_face .bt_ic {width:50px;height:50px;background-color:#3b579d;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius: 100px;} .bt_face .bt_ic:after {width:0;height:50px;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;border-radius: 100px;} .bt_kakao:hover {background-color:#e9d334;} .bt_kakao .bt_ic {width:50px;height:50px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius: 100px;} .bt_kakao .bt_ic:after {width:0;height:50px;border-left:1px solid #e1cd39;border-right:1px solid #f8e76a;display:inline-block;content:'';position:absolute;top:0;right:0;} .bt_google {color:#381E1E !important;background-color:#F1DC43;border-radius: 100px;} .bt_google:hover {background-color:#e9d334;} .bt_google .bt_ic {width:50px;height:50px;background-color:#F1DC43;text-align:center;display:inline-block;position:absolute;top:0;left:0;border-radius: 100px;} .bt_google .bt_ic:after {width:0;height:50px;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;} @media(max-width:768px){ .sns_login{width:95%;margin:0 auto;} .sns_login a{width:100%;} } /* 회원 간편 로그인 .regi_box {padding:20px;border:1px solid #ddd;background-color:#fafafa;} .regi_box .agree_box {height:150px;font-size:13px;color:#555;padding:12px 15px;line-height:1.4em;border:1px #eee solid;background-color:#fff;overflow-y:auto;} .agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;} .sns_box {border:1px solid #ddd;text-align:left;} .sns_box h3 {font-size:15px;padding:10px 20px;background-color:#fafafa;border-bottom:1px solid #ddd;} .sns_box p {padding:20px;text-align:center;} .sns_box a {margin-right:5px;} */ /*회원*/ .regi_box {padding:20px;border:1px solid #ddd;background-color:#fafafa;} .regi_box .agree_box {height:150px;font-size:13px;color:#555;padding:12px 15px;line-height:1.4em;border:1px #eee solid;background-color:#fff;overflow-y:auto;} .agree_txt {font-size:13px;padding:20px;background-color:#f5f5f5;} .sns_box {padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #e1e1e1;} .sns_box dl {width:100%;display:table;} .sns_box dl dd {padding-left:7px;display:table-cell;} .sns_box dl dd:first-child {padding-left:0 !important;} /*브랜드샵*/ .br_search {padding:25px 12px 12px 12px;border:1px solid #ddd;text-align:center;} .br_search #br_sch {margin-top:25px;overflow:hidden;display:inline-block;} .br_search .sch_inner {width:430px;margin:0 auto;} .br_search .sch_inner dt {width:73px;height:37px;line-height:2.4;font-size:15px;font-weight:600;color:#555;float:left;} .br_search .sch_inner dd {width:355px;height:35px;border:1px solid #555;float:left;} .br_search .sch_inner dd input[type=text] {width:320px;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_tab {width:125px;border:1px solid #555;float:left;} .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-left:7px;float:left;} .br_search .sch_tab_con li {width:24px;height:25px;color:#666;line-height:2;margin-left:3px;border:1px solid #ddd;float:left;text-align:center;cursor:pointer;} .br_search .sch_tab_con li:hover {border:1px solid #555;} .br_search .sch_tab_con li.active {color:#fff;font-weight:600;background-color:#555;border:1px solid #555;} .br_list {width:100%;overflow:hidden;margin:20px 0 0;} .br_list ul {width:1200px;margin-left:7px;} .br_list li {width:158px;border:1px solid #ddd;margin:0 0 8px 8px;float:left;} .br_list li:hover {border:1px solid #222;} .br_list li a {height:64px;padding:10px 15px;color:#666;text-align:center;text-decoration:none !important;display:block;} .br_list li img {width:auto;max-width:128px;height:40px;} .br_list li p {height:16px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .br_view_tit {width:100%;height:110px;margin-bottom:20px;background-color:#bbb;position:relative;} .br_view_tit .tit_logo {width:128px;height:40px;padding:35px 183px 35px 215px;background:url('/img/br_view_bg.png') no-repeat right top;float:right;} .br_view_tit .tit_logo img {width:auto;max-width:128px;height:40px;} .br_view_tit .tit_txt {width:500px;height:40px;color:#fff;font-size:30px;line-height:1.3;position:absolute;top:35px;left:50px;z-index:99;} /*비회원구매약관*/ #guest_privacy {margin:30px 0 0;} #guest_privacy h2 {margin:0 0 10px;font-size:17px;text-align:left;} #guest_privacy p {margin:0 0 10px;} #guest_privacy .tbl_head02 {border:1px solid #e1e1e1;} #guest_privacy .tbl_head02 td {width:33%;} #guest_privacy #guest_agree {padding:12px 0;text-align:left;} #guest_privacy #guest_agree label {display:inline-block;margin-right:5px;} /*인스타그램*/ .insta {width:100%;padding:40px 0 50px;background-color:#f8f8f8;border-top:1px solid #eee;} .insta h2 {font-size:19px;font-weight:800;letter-spacing:2px;text-align:center;color:#222;} .insta h2 a {margin-left:15px;font-size:13px;font-weight:600;letter-spacing:0;text-decoration:none !important;} .insta h2 a:hover {color:#888;} .insta ul {width:1000px;margin:20px auto 0;} .insta li {width:118px;height:118px;margin-left:8px;float:left;position:relative;} .insta li:first-child {margin-left:0 !important;} .insta li a {display:block;} .insta li:hover a:before {background-color:rgba(255,255,255,0.2);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;display:block;content:'';} .insta li img {width:100%;height:auto;} /*faq*/ .faq_li {margin-top:20px;} .faq_li li {font-size:13px;line-height:1.4em;border-bottom:1px solid #e1e1e1;position:relative;} .faq_li li:first-child {border-top:1px solid #e1e1e1;} .faq_li li:before {font-size:17px;font-weight:800;position:absolute;left:10px;} .faq_li .faq_q {padding:12px 10px 12px 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;} /*게시판 카테고리*/ .bo_cate {margin-bottom:10px;text-align:center;} .bo_cate li {display:inline-block;} .bo_cate li a {font-size:13px;padding:9px 17px;border:1px solid #ddd;display:block;text-align:center;text-decoration:none !important;} .bo_cate li.active a {font-weight:600;background-color:#222;border-color:#222;color:#fff;} /*갤러리 게시판*/ .gallery {padding:15px 0;border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;} .gallery a {display:block;text-decoration:none !important;} .gallery dl {width:252px;margin:10px 0 10px 19px;padding-bottom:15px;border:1px solid #eee;position:relative;float:left;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .gallery dl:nth-child(4n+1){margin-left:0 !important;clear:both;} .gallery dl dt {width:252px;height:252px;border-bottom:1px solid #eee;display:table-cell;text-align:center;vertical-align:middle;} .gallery dl dt img {width:auto;max-width:100%;height:auto;max-height:100%;} .gallery dl dd {font-size:12px;color:#999;padding:0 12px;text-align:center;} .gallery dl dd.bo_tit {font-size:14px;font-weight:600;color:#222;margin:15px 0 7px;white-space:nowrap;text-overflow:ellipsis;} .gallery dl dd.bo_tit .bo_notice {font-size:11px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;} .gallery dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';} .gallery dl:hover {border-color:#222;} .gallery .bo_chk {position:absolute;left:0;top:13px;} .gallery .bo_chk input {width:17px;height:17px;} /*웹진스킨 게시판*/ .webzine {border-width:1px 0;border-style:solid;border-color:#e1e1e1;overflow:hidden;} .webzine a {height:110px;display:block;text-decoration:none !important;} .webzine dl {height:110px;padding:20px 0 20px 145px;border-top:1px solid #eee;position:relative;clear:both;} .webzine dl:first-child {border-top:0 !important;} .webzine dl dt {display:table;position:absolute;left:0;top:15px;} .webzine dl dt p {width:120px;height:120px;display:table-cell;overflow:hidden;text-align:center;vertical-align:middle;} .webzine dl dt p img {width:auto;max-width:100%;height:auto;max-height:100%;} .webzine dl dd {font-size:12px;color:#aaa;text-align:left;} .webzine dl dd.bo_tit {font-size:16px;font-weight:600;color:#222;margin:0 0 8px;white-space:nowrap;text-overflow:ellipsis;} .webzine dl dd.bo_tit .bo_notice {font-size:12px;font-weight:normal;padding:3px 5px;margin-right:3px;line-height:1em;border-radius:3px;color:#fff;background-color:#0ca2b8;vertical-align:middle;display:inline-block;} .webzine dl dd.bo_txt {height:50px;margin-top:17px;color:#666;line-height:1.4em;} .webzine dl dd span:before {width:1px;height:10px;margin:0 7px;background-color:#ddd;display:inline-block;vertical-align:middle;letter-spacing:0;content:'';} .webzine .bo_chk {position:absolute;left:0;top:13px;} .webzine .bo_chk input {width:17px;height:17px;} /*기획전*/ .plan {} .plan a {text-decoration:none !important;} .plan li {width:384px;margin:0 0 20px 20px;border:1px solid #e1e1e1;float:left;} .plan li:nth-child(3n+1) {margin-left:0 !important;clear:both;} .plan li .plan_img {width:384px;height:200px;} .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;} /*타임세일*/ .timesale {} .timesale li {width:374px;margin:36px 0 0 36px;border:1px solid #eaeaea;float:left;position:relative;} .timesale li:nth-child(3n+1) {margin-left:0 !important;clear:both;} .timesale li a {display:block;text-decoration:none !important;} .timesale li dl {} .timesale li dt {width:374px;height:374px;position:relative;} .timesale li dt:after {background-color:rgba(0,0,0,0);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;content:'';transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .timesale li dt img {width:100%;height:auto;} .timesale li dd {margin:0 25px;position:relative;text-align:left;} .timesale li .ptime {height:35px;line-height:35px;font-size:17px;padding:0 30px;border-radius:50px;color:#fff;background:#333;margin:20px 25px 0;display:inline-block;} .timesale li .ptime i {font-size:20px;margin:0 5px 2px 0;vertical-align:middle;} .timesale li .ptime:after {clear:both;display:block;content:'';} .timesale li .pname {height:16px;color:#111;line-height:1em;margin:12px 25px 0;font-size:15px;white-space:nowrap;text-overflow:ellipsis;} .timesale li .price {margin:10px 25px 20px;} .timesale li .price .mpr {font-size:20px;font-weight:800;color:#1f58cc;} .timesale li .price .mpr span {font-size:17px;font-weight:normal;margin-left:1px;} .timesale li .price .spr {margin:0 0 0 7px;font-size:14px !important;font-weight:normal;color:#aaa;display:inline-block;text-decoration:line-through;} .timesale li .icon {height:41px;line-height:41px;font-size:13px;color:#666;border-top:1px solid #eaeaea;text-align:left;} .timesale li .icon .qty {color:#0d64db;float:right;} .timesale li .icon .naver {background:url('/img/icon_new.png') no-repeat left 1;} .timesale li .ic_bx {width:86px;margin:0 0 0 -43px;opacity:0;position:absolute;top:169px;left:50%;right:0;z-index:20;text-align:center;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;} .timesale li:hover dt:after {background-color:rgba(0,0,0,0.2);} .timesale li:hover .ic_bx {opacity:1;} .timesale li .sale {width:60px;height:60px;line-height:60px;font-size:17px;color:#fff;font-style:italic;text-align:center;border-radius:50%;background:rgba(86,41,122,0.9);position:absolute;top:20px;left:20px;z-index:1;} .timesale li .sale span {font-size:12px;} /*네이버페이*/ .naverpay-item{display:block;margin:15px 0 0 0 !important;padding:0 !important;} .cart-naverpay{margin-top:15px;} /*회원가입 약관*/ #fregister section {padding:30px 0 0 0;} #fregister section:first-child {padding:0 !important;} #fregister h2 {margin:0 0 10px;font-size:17px;text-align:left;} #fregister textarea {display:block;padding:10px;width:100%;height:200px;line-height:1.4em;color:#666;border:1px solid #e1e1e1;background-color:#fff;} #fregister .fregister_agree {font-size:15px;padding:12px 0;text-align:left;} #fregister .fregister_agree.total {font-size:17px;padding:17px;margin-top:20px;background:#f8f8f8;text-align:center;} #fregister .fregister_agree label {display:inline-block;margin:0 0 2px 5px;} #fregister .fregister_agree label>span {color:#999999 !important;} #fregister_private .tbl_head02 {border:1px solid #e1e1e1;} #fregister_private .tbl_head02 td {width:33%;} /*회원가입 입력*/ #fregisterform {} #fregisterform h3 {margin:50px 0 5px;font-size:18px;font-weight:500;line-height:1.1em;} #fregisterform .frm_info, #fregisterform .padt5{display:inline-block;margin-left:5px;} #fregisterform .padt5 .lrg{margin:0 5px;} #fregisterform .frm_input{height:35px;font-size:14px;padding: 0 15px;} #fregisterform .grey{height:32px;} #fregisterform .frm_red{color:#ff631e;} #fregisterform #reg_gender{margin:0 15px 0 3px;} /* 회원가입 완료 */ #reg_result {} #reg_result #result_email {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;} #reg_result #result_email span {display:inline-block;width:150px;} #reg_result #result_coupon {margin:20px 0;padding:10px 30px;border:1px solid #e1e1e1;background-color:#fff;} #reg_result #result_coupon strong {color:#ff3061;font-weight:normal;} #reg_result .bx-danger {margin:30px 0 0;padding:30px !important;line-height:1.8em !important;} #reg_result .btn_confirm {margin:50px 0;} /*회원탈퇴*/ #fleaveform {} #fleaveform section {font-size:13px;margin:30px 0 0 0;} #fleaveform section li {height:23px;line-height:1.7em;} #fleaveform .line_box {padding:12px 0;margin-bottom:20px;line-height:1.4em;border-width:1px 0;border-style:solid;border-color:#eee;} /*아이디/비밀번호 찾기*/ #find_info {} #find_info #info_fs {margin:0 20px 0 20px;padding:0;background-color:#fff;} #find_info #info_fs .frm_input {width:70%;} #find_info p {margin:0 0 10px;line-height:1.8em;} #find_info .info_form {padding:10px 15px;background-color:#f8f8f8;} /*입점신청*/ #fsellerform {} #fsellerform h2 {margin:0 0 5px;font-size:17px;text-align:left;} #fsellerform .frm_address {margin:5px 0 0;} .fsellerform_term {padding:30px 0 20px;} .fsellerform_term textarea {display:block;padding:10px;width:100%;height:150px;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;} /*쇼핑몰분양신청*/ #fminishopform {} #fminishopform h2 {margin:0 0 5px;font-size:17px;text-align:left;} #fminishopform #reg_tot_price em {font:bold 18px tahoma;color:#ec0e03;} .fminishopform_term {margin:0 0 20px;} .fminishopform_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;} .fminishopform_agree {padding:10px 0;text-align:left;} .fminishopform_agree label {display:inline-block;margin-right:5px;} .fp_sign {margin:20px 0 0;overflow:hidden;} .fp_sign .info_bx {width:393px;height:250px;padding:42px 0 0;border:1px solid #ddd;overflow:visible;position:relative;} .fp_sign .info_bx dt {width:395px;font-size:14px;font-weight:bold;color:#fff;padding:7px 0;text-align:center;background-color:#999;position:absolute;top:-1px;left:-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:160px;left:90px;} .kbw-signature {width:100%;height:100px;background-color:#f1f1f1;display:block;-ms-touch-action: none;} /*장바구니*/ .sod_opt {margin:0;border-bottom:0;background:#fff;} .sod_opt ul {margin:0;padding:0;list-style:none;} .sod_opt li.ty {padding:0;color:#7d62c3;letter-spacing:0;} .sod_opt li.ny {padding:0;color:#888888;letter-spacing:0;} .sod_option_btn {margin:5px 0;} #sod_bsk_btn {position:relative;margin-top:10px;height:24px;} #sod_bsk_btn div.palt {position:absolute;left:0;top:0;} #sod_bsk_btn div.part {position:absolute;right:0;top:0;} #sod_bsk_list #mod_option_frm {z-index:10000;position:absolute;top:0;left:0;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:scroll;overflow-x:none} .btn_cancel {width:60px;height:30px;background:url('/img/btn_021016.jpg') no-repeat;border:0 none;overflow:hidden;cursor:pointer;} /*주문*/ #sod_fin_pay,#sod_fin_orderer,#sod_fin_receiver,#sod_bsk_tot,#bank_section,#tax_section {margin:30px 0 0;} #sod_fin_cancel {margin:20px 0 0;text-align:center;} #sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #sod_fin_cancelfrm {display:none;padding:10px;margin:10px 0 0;background-color:#f8f8f8;} #sod_fin_cancelfrm label {margin-right:10px;} #sod_ws_tot{margin:20px 0 0;padding:0 10px;border:1px solid #e2e2e2;background-color:#f9f9f9;zoom:1;} #sod_ws_tot:after{display:block;visibility:hidden;clear:both;content:"";} #sod_ws_tot dt, #sod_ws_tot dd{float:left;font-weight:600;padding:12px 0;border-top:1px solid #e2e2e2;} #sod_ws_tot dt{padding-left:2%;width:48%;} #sod_ws_tot dd{padding-right:2%;width:48%;margin:0;text-align:right;} #sod_ws_tot .ws_price{background-color:#8f908c;color:#fff;border-top:0 !important;} .taxbill_fld {display:none;} .order_vbx {width:calc(100% - 2px);margin-bottom:25px;border:1px solid #ddd;overflow:hidden;display:table;} .order_vbx dl {padding:15px 10px 10px;border-left:1px solid #ddd;display:table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .order_vbx dl:first-child {border-left:0 !important;} .order_vbx dt {font-size:15px;font-weight:600;margin-bottom:15px;text-align:center;} .order_vbx dt span {font-size:11px;font-weight:normal;margin-left:5px;color:#e94c1c;} .order_vbx dd {font-size:15px;position:relative;} .order_vbx dd p {height:17px;color:#222;font-weight:800;padding:15px 0;} .order_vbx dd .ddtit {height:13px;font-size:11px;font-weight:600;padding:10px 0;background-color:#eee;} .order_vbx .od_bx1 {width:290px;} .order_vbx .od_bx1 dd {width:calc(37% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;} .order_vbx .od_bx1 dd.total {width:calc(63% - 2px);} .order_vbx .od_bx1 dd.total {font-size:13px;} .order_vbx .od_bx2 {width:418px;} .order_vbx .od_bx2 dd {width:calc(20% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;} .order_vbx .od_bx3 {width:290px;} .order_vbx .od_bx3 dd {width:calc(25% - 2px);margin:0 1px;background-color:#f8f8f8;text-align:center;float:left;} /*마이페이지 (내쇼핑)*/ #smb_my_ov {margin:0 0 20px;} #smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #smb_my_act {margin:10px 0;zoom:1;} #smb_my_act:after {display:block;visibility:hidden;clear:both;content:"";} #smb_my_act ul {float:right;margin:0;padding:0;list-style:none;} #smb_my_act li {float:left;margin:0 0 0 4px;} #smb_my_tbl {width:100%;border-top:1px solid #c0c0c0;} #smb_my_tbl th, #smb_my_tbl td {border-bottom:1px solid #e2e2e2;text-align:left;} #smb_my_tbl th {width:15%;padding:10px 15px;background-color:#f8f8f8;font-weight:normal;} #smb_my_tbl td {width:35%;padding:10px 15px;color:#666;word-break:break-all;} #smb_my_od {margin:0 0 20px;} #smb_my_wish {} .smb_my_more {margin-top:10px;text-align:right;} .text-red{color:red !important;} .text-blue{color:blue !important;} .dpn { display: none; } .btn-lining{margin:10px 5px; } ul.line li span { font-size:11px; display: inline-block; padding:3px; border:1px solid #ccc; min-width:120px;} ul.line li span.sup { color: #012fd9; font-size:13px;} ul.line li span.sub { color: #4879ff;} ul.line li { float: left ; display: inline-block; text-align : center; padding: 3px;} ul.line,ul.line li ul.matched {display: block; clear: both;} ul.line::after,ul.matched::after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0; } #gnb_inner .gnb_li { height: 45px; overflow: hidden; } /* 쇼핑포인트할인,마일리지적립,쇼핑포인트적립 안 보이게 .price .mpr:nth-child(3), .mpr:nth-child(4), .mpr:nth-child(5), .mpr:nth-child(6) {display: none;} .fc_red { display: none;} .price_bx > dl:nth-child(3){display: none;}*/ /*상품페이지*/ [color~="blue"]{display: none;} /* Oh!포인트 마이페이지*/ .navbar-inqry{background:#1f58cc !important;color:#fff !important;padding:7px 10px;margin-left:10px;display:inline-block; position: relative; right: -690px;border-radius:3px;} .navbar-inqry:hover{text-decoration:none !important;} /*메인화면 인사*/ #pc_intro{width:100%;margin-top:30px;} #pc_intro div{width:1200px;margin:0 auto;} #pc_intro h2{font-size:1.6rem;} /* 메인화면 아이콘영역 #pc_icon_area {width:100%;margin-top:30px;} #pc_icon_area ul{width:1200px;margin:0 auto;display:flex;} #pc_icon_area a{width:150px;text-decoration:none;} #pc_icon_area li{text-align:center;} #pc_icon_area img{width:85px;} #pc_icon_area span{color:#fff;font-size:1.2rem;} #pc_icon_area .ic_tit{background:#2daa4a;border-radius:5%} #pc_icon_area .ic_tit li{margin-top:18px;} */ /* 헤더 인사말 */ .hd_intr{width:400px;padding-top:20px;} .hd_intr h3{font-size:1.4rem;color:#EB008B;} .hd_intr h1{margin-top:7px;font-size:1.7rem;} .hd_intr h1 span{color:#EB008B;} .fc_eb7 {color: #1f58cc !important;} /*교환/반품정보안내*/ .deliveryPolicy{border-top: 1px solid #eee;font-weight:300;width:100%;border-collapse:collapse;font-size: 13px;color: #000;} .deliveryPolicy ul {padding-top: 0px !important;} .deliveryPolicy li {width:100% !important;} .deliveryPolicy th{background: #F8F9FA;;font-size: 14px;padding: 10px 0 10px 20px;text-align:left; font-weight:normal;} .deliveryPolicy td{font-weight: 300;color: #000;font-size: 13px;padding: 10px 20px;text-align:left;border-bottom: 1px solid #eee;line-height:150%;} .deliveryPolicy .title {border-right:1px solid #eee;} /*배송/결제정보안내*/ .table_information{border-top: 1px solid #eee;font-weight:300;width:100%;border-collapse:collapse;font-size: 13px;color: #000;} .table_information ul {padding-top: 0px !important;} .table_information li {width:100% !important;} .table_information th{background: #F8F9FA;font-size: 14px;padding: 10px 0 10px 20px;text-align:left; font-weight:normal;} .table_information td{font-weight: 300;color: #000;font-size: 13px;padding: 10px 20px;text-align:left;border-bottom: 1px solid #eee;line-height:150%;} .table_information .title {border-right:1px solid #eee;} /* 아이콘스타일 해야됨~*/ .txt_icon {} .mdchoice{display:inline-block; width:auto; height:15px; line-height:15px; padding:1px 5px; font-size:12px; border:1px solid #2a6de8; color:#2a6de8; text-align:center;border-radius:50px;vertical-align: middle;margin-right: 5px;} .interest{display:inline-block; width:auto; height:15px; line-height:15px; padding:1px 5px; font-size:12px; border:1px solid #959595; color:#959595; text-align:center;border-radius:50px;vertical-align: middle;margin-right: 5px;} .delivery{display:inline-block; width:auto; height:15px; line-height:15px; padding:1px 5px; font-size:12px; border:1px solid #eb3da4; color:#eb3da4; text-align:center;border-radius:50px;vertical-align: middle;margin-right: 5px;} .new{display:inline-block; width:auto; height:15px; line-height:15px; padding:1px 5px; font-size:12px; border:1px solid #19ce60; color:#19ce60; text-align:center;border-radius:50px;vertical-align: middle;margin-right: 5px;} /*wheel.css */ .wrap_wheel_pc{background:#fff;} .wrap_wheel_pc .wrap_wheel {width: 100%;position: relative;overflow: hidden;margin: 0 auto;height:1030px;z-index: 1;padding-top:12px;background:#f3f1f1;} .wrap_wheel_pc .wheel-wrap{width: 660px!important;overflow: hidden;margin: 0 auto;top:0;} .wrap_wheel_pc .marker {top: 234px;left: 33.2%;width:60px;z-index: 2;position: absolute;margin-left:-39px;text-align: center;} .wrap_wheel_pc .wheel {top: 250px;left:40px; width: 700px;z-index: 1;-webkit-transform: rotate(0deg);position: absolute;} .wrap_wheel_pc .wrap_wheel .bg{left:25px;position:absolute;top:170px;text-align: center;} .wrap_wheel_pc .wrap_wheel .ment2{position: absolute; top:0;width: 100%;} .wrap_wheel_pc .wrap_wheel .ment2 img{} .background-wrap { width: 372px; height: 396px; display: flex; justify-content: center; align-items: center; position: absolute; right : 40px; bottom: 10%; } .content { display: flex; flex-direction: column; } .content span { color: #333;; } .content span:nth-child(1) { font-size: 28px; font-weight: bold; margin: 0 0 55px 0; color: #1f58cc; } .content span:nth-child(2) { font-size: 15px; margin: 0 0 15px 0; color: #ea384b; } .content span:nth-child(3) { font-size: 15px; margin: 0 0 10px 0; } .content span:nth-child(4) { font-size: 15px; margin: 0 0 10px 0; } .content span:nth-child(5) { font-size: 15px; margin: 0 0 10px 0; } .content span:nth-child(6) { font-size: 15px; margin: 0 0 10px 0; } /*wheel.css .wrap_wheel_pc{background:#fff;} .wrap_wheel_pc .wrap_wheel {width: 100%;position: relative;overflow: hidden;margin: 0 auto;height:1030px;z-index: 1;padding-top:12px;background:#f3f1f1;} .wrap_wheel_pc .wheel-wrap{width: 660px!important;overflow: hidden;margin: 0 auto;top:0;} .wrap_wheel_pc .marker {top: 234px;left: 50%;width:60px;z-index: 2;position: absolute;margin-left:-39px;text-align: center;} .wrap_wheel_pc .wheel {top: 250px; width: 700px;z-index: 1;-webkit-transform: rotate(0deg);position: absolute;} .wrap_wheel_pc .wrap_wheel .bg{width: 100%;position:absolute;top:180px;text-align: center;} .wrap_wheel_pc .wrap_wheel .ment2{position: absolute; top:0;width: 100%;text-align: center;} .wrap_wheel_pc .wrap_wheel .ment2 img{} */