@charset "euc-kr"; .section {*zoom:1; width:1200px; margin:0 auto; position:relative;} .section:after {content:""; display:block; clear:both;} .clear-fix {*zoom:1} .clear-fix:after {content:""; display:block; clear:both;} .line-section {border-top:1px solid #e8e8e8;} html.body { -webkit-text-size-adjust: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: subpixel-antialiased; font-smooth: always; transform:rotate(-0.0000000001deg); text-shadow: 0 0 1px rgba(0,0,0,0.3); } #wrap {width:100%; } /* 191211 header 띠배너 */ .label_d_sided {padding: 0 5px; border: 1px solid #222450; color: #222450 !important; font-size: 12px !important; margin: 0 3px; border-radius: 3px; display: inline-block; height: 18px; vertical-align: top; line-height: 18px} .head-top-line {z-index:100; top:0; left:0; width:100%; height:70px; background:#222450 url('/re_181207/images/main_top_linebnbg.jpg?t=1') bottom center no-repeat; box-sizing:border-box;} .head-top-line .head-top {position:relative; width:1200px; margin:0 auto; height:70px !important;} /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/top-bg_20190726.png') bottom center no-repeat; } /* 2019 아이로 BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/top-bg.png') bottom center no-repeat; } original BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/top-bg_graduated.png?t=1') bottom center no-repeat; } /* 졸업 BI /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/top_winterbg.png') bottom center no-repeat; } /* 겨울 BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/top-bg_20190726.png?t=1') bottom center no-repeat; } /* 번개배송 BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/topbg_200615.png?t=1') bottom center no-repeat; } 추억의행성 BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/totbg_221117_bg.png?t=1') bottom center no-repeat; } /*수능 BI */ /*#header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #e7e7e7; background:url('/re_181207/images/totbg_221117_after_bg.png?t=1') bottom center no-repeat; } /*수능 후 BI */ #header {height:120px; position:relative; box-sizing:border-box; border-bottom:1px solid #eee; } /* 추억의행성 BI 기본 */ #header .section {width:100% !important; height:120px;} #header .logo {position:absolute; top:50px; left:41px;} #header .head-top {text-align:right; height:53px;} #header .head-top .head-util {display:inline-block; font-size:0; line-height:0; padding-top:30px;} #header .head-top .head-util a {font-size:11.5px; display:inline-block; padding-left:13px; margin-left:12px; position:relative; line-height:20px; color:rgb(102, 102, 102)} #header .head-top .head-util a:before {content:""; width:1px; height:9px; background:#ccc; position:absolute; top:5px; left:0;} #header .head-top .head-util a:first-child { padding-left:0;} #header .head-top .head-util a:first-child:before {display:none;} #header .head-top .head-my {display:inline-block; position:relative; text-align:center; height:20px; width:90px; margin-right:10px;} #header .head-top .head-my .user-name { font-weight: bold !important; margin-left: -60px; width: 139px; text-align: end!important; display: block; font-size: 12px;} #header .head-top .head-my .user-name a {padding-right:5px; font-family:"Montserrat","YoonGothicPro760",sans-serif; font-size:12px} #header .head-top .head-my .user-name a:after {content:""; position:absolute; top:7px; right:0; width: 0px;height: 0px;border-top:4px solid #222450;border-bottom:4px solid none;border-right: 4px solid transparent;border-left: 4px solid transparent;} #header .head-top .head-my .user-name a {display:block;color:#222450; font-weight: bold !important;} #header .head-top .head-my .my-list {display:none; position:absolute; top:20px; left:0; width:90px; box-sizing:border-box; border:1px solid #e5e5e5; z-index:99; background:#fff; padding:5px; box-shadow: 1px 2px 5px rgba(0, 0, 0, .07);} #header .head-top .head-my .my-list li a {font-size:12px; color:#999; line-height:26px; display:block; border-bottom:1px dashed #f2f2f2; padding-bottom:3px; margin-bottom:3px;} #header .head-top .head-my .my-list li:last-child a {border:none; margin:0; padding:0} #header .head-top .head-my .my-list li a:hover {color:#222450;} #header .head-top .head-my:hover .my-list {display:block;} /* logo 작업 */ /* 새해로고 */ /*.h1_logo_1 {display:inline-block; width:150px; height:60px; background:url('/re_181207/images/logo_newyear.gif') no-repeat; background-size: 100%; opacity: 1; transition:0.3s ease-in; margin-top:-10px;} /* 겨울로고 */ /* .h1_logo_1 {display:inline-block; width:145px; height:41px; background:url('/re_181207/images/logo_winter.png') no-repeat; background-size: 100%; opacity: 1; transition:0.3s ease-in; margin-top:0px;} /* 기본로고 슬로건 없음*/ /*.h1_logo1 {display:inline-block; width:145px; height:41px; background:url('/re_181207/images/logo_02.png?t=2') no-repeat; background-size: 100%; opacity: 1; transition:0.3s ease-in; margin-top:0px;} */ /* 기본로고 */ /*.h1_logo1 {display:inline-block; width:200px; height:60px; background: url('/re_181207/images/logo_branding01.png?t=2') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;}*/ /* 굿즈플래닛 */ .h1_logo1 {display:inline-block; width:200px; height:60px; background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;} /* 여름 */ /*.h1_logo1 {display:inline-block; width:200px; height:60px; background: url('/re_181207/images/logo_branding_goods_summer.gif?t=2') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;}*/ /* 가을 */ /*.h1_logo1 {display:inline-block; width:200px; height:60px; background: url('/re_181207/images/logo_branding_fall.png?t=2') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;}*/ /*크리스마스*/ /*.h1_logo1 {display:inline-block; width:202px; height:85px; background: url('/re_181207/images/logo_xmas.gif?t=2') no-repeat; opacity: 1; animation: logo 8s linear infinite;}*/ /* 수능 */ /*.h1_logo1 {display:inline-block; width:200px; height:85px; background: url('/re_181207/images/logo_exam.png?t=3') no-repeat; opacity: 1; margin-top:0px; animation: logo 8s linear infinite;}*/ /* 연말 */ /*.h1_logo1 {display:inline-block; width:200px; height:74px; background: url('/re_181207/images/logo_year.png?t=1') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;}*/ /*.h1_logo1 {display:inline-block; width:202px; height:85px; background: url('/re_181207/images/logo_yearend.gif?t=2') no-repeat; opacity: 1; animation: logo 8s linear infinite;}*/ /* 신년 */ /*.h1_logo1 {display:inline-block; width:202px; height:85px; background: url('/re_181207/images/logo_newyear_2023_s1.gif?t=2') no-repeat; opacity: 1; animation: logo 8s linear infinite;}*/ /* 설날 */ /*.h1_logo1 {display:inline-block; width:202px; height:85px; background: url('/re_181207/images/logo_newyear_2023_s2.gif?t=2') no-repeat; opacity: 1; animation: logo 8s linear infinite;} */ /* 할로윈 추가 */ /*.h1_logo1 {display:inline-block; width:200px; height:60px; background: url('/re_181207/images/logo_halloween.png?t=1') no-repeat; opacity: 1; margin-top:10px; animation: logo 8s linear infinite;}*/ .ir_pm {display: block;overflow: hidden;font-size: 0; line-height: 0; text-indent: -9999px;} /* 적용시 0~50%까지 디폴트로고로 바꿔주기 @keyframes logo { 0 { background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; } 10% { background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; } 20% { background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; } 30% { background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; } 40% { background: url('/re_181207/images/logo_branding_goods.png?t=2') no-repeat; } 50% { background: url('/re_181207/images/logo_slogan_goods.png?t=3') no-repeat; } 60% { background: url('/re_181207/images/logo_slogan_goods.png?t=3') no-repeat; } 70% { background: url('/re_181207/images/logo_slogan_goods.png?t=3') no-repeat; } 80% { background: url('/re_181207/images/logo_slogan_goods.png?t=3') no-repeat; } 90% { background: url('/re_181207/images/logo_slogan_goods.png?t=3') no-repeat; } } .ir_pm {display: block;overflow: hidden;font-size: 0; line-height: 0; text-indent: -9999px;} /* //logo 작업 */ #header .head-gnb {*zoom:1; height:55px; } #header .head-gnb:after {content:""; display:block; clear:both;} /*#header .head-gnb .gnb-depth1-area {float:right; padding:20px 0 0 215px;}*/ #header .head-gnb .gnb-depth1-area {float:right; padding:0px;} #header .head-gnb .gnb-depth1-area .gnb-depth1 {float:left; margin-left: 42px; height:35px; box-sizing: border-box; cursor: pointer} #header .head-gnb .gnb-depth1-area .gnb-depth1.current {border-bottom:2px solid #222450} #header .head-gnb .gnb-depth1-area .gnb-depth1 a {font-family:"Montserrat","YoonGothicPro760",sans-serif; font-size:13px !important; color:#333; line-height:23px; letter-spacing:0 !important} #header .head-gnb .gnb-depth1-area .gnb-depth1 a:hover {color:#222450;} #header .head-gnb .gnb-depth1-area .gnb-depth1:hover {border-bottom:2px solid #222450} #header .head-gnb .gnb-depth1-area .gnb-depth1 .gnb_icon_new {position:relative; top:-13px; left: 4px; vertical-align: baseline;} #header .head-gnb .gnb-depth1-area .gnb-depth1-none .gnb_icon_new {position:relative; top:-13px; left: 4px; vertical-align: baseline;} #header .head-gnb .gnb-depth1-area .gnb-delivery a {background: url('/sub_cs/img/delivery/logo_lightning_d.png?t=1') top center no-repeat; width: 65px; background-size: 100%; overflow: hidden; height: 22px; float: left; margin-left: 17px; display: block; position: relative; top: 3px; transition: .3s;} #header .head-gnb .gnb-depth1-area .gnb-delivery a:hover {animation: tada_gnb 1s infinite; } /* tada animation */ @-webkit-keyframes tada_gnb { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.97) rotate(-2deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.01) rotate(2deg);} 40%, 60%, 80% {-webkit-transform: scale(1.01) rotate(-2deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @keyframes tada_gnb { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.97) rotate(-2deg);} 30%, 50%, 70%, 90% {transform: scale(1.01) rotate(2deg);} 40%, 60%, 80% {transform: scale(1.01) rotate(-2deg);} 100% {transform: scale(1) rotate(0);} } .tada_gnb { -webkit-animation-name: tada_gnb; animation-name: tada_gnb; } #header .gnb-area .gnb-open span.logo_quick {display: inline-block; background: url('/sub_cs/img/delivery/logo_lightning_d.png?t=1') no-repeat; width: 55px; height: 17px; vertical-align: middle; margin-left: 5px; background-size: 100%;} #header .gnb-area .gnb-open span.logo_quick_light {display: inline-block; background: url('/re_181207/images/logo_quick_light.png?t=1') no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; background-size: 100%;} #header .gnb-area .gnb-open span.logo_anti {display: inline-block; background: url('/re_181207/images/symbol_anti.png?t=1') no-repeat; width: 20px; height: 20px; vertical-align: middle; margin-left: 5px; background-size: 100%;} #header .gnb-area .gnb-open {display:none; position:absolute; top:120px; width:1200px !important; box-sizing:border-box; z-index:9800; height:570px; padding: 0 20px;} #header .gnb-area .gnb-open.current {display:block;} #header .gnb-area .gnb-open .gnb-sub-sec {*zoom:1; display:none;} #header .gnb-area .gnb-open .gnb-sub-sec:after {content:""; display:block; clear:both;} #header .gnb-area .gnb-open .gnb-sub-sec.current {display:block;} #header .gnb-area .gnb-open .gnb-sub-sec dl {float:left; padding-top:20px; margin-left:80px;} #header .gnb-area .gnb-open .gnb-sub-sec dl:first-child {margin-left:0;} #header .gnb-area .gnb-open .gnb-sub-sec dl dt {font-size:14px; font-weight: bold;color:#000;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd {*zoom:1; margin-top:14px;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd:after {content:""; display:block; clear:both;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul {float:left;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul + ul {margin-left:40px;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul li a {font-size:12.5px; line-height:30px; } #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul li a:hover {color:#5262ff;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul li .icon_new {position:relative; left: 6px; vertical-align: baseline; padding-bottom: 1px;} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul li .icon_hot {position:relative; left: 6px; vertical-align: baseline; /*padding-bottom: 1px;*/} #header .gnb-area .gnb-open .gnb-sub-sec dl dd ul li .icon_event {position:relative; left: 7px; vertical-align: baseline; /*padding-bottom: 1px;*/} #header .gnb-area .gnb-open .gnb-sub-sec dl.cldr_theme {margin-left: 105px;} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl {width:265px; height:260px; margin-left:0; padding-left:30px; border-left:1px solid #e7e7e7; box-sizing:border-box} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl:first-child {width:235px; padding-left:0; border-left:none} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd {margin-top:17px} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd a {display:block} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd img {display:block} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd span {color:#fc023c} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd span.arrow {margin-left:3px; color:#666; font-size:12px;} #header .gnb-area .gnb-open .gnb-sub-sec dl.sec11_dl dd p {margin-top:15px; font-size:13px; line-height:22px} #header .gnb-area .gnb-open .gnb-sub-sec .event-box {float:right; border-left:1px solid #e7e7e7; height:280px; padding:20px 0 0 45px; box-sizing:border-box;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box .gnb-event-tt {font-size:14px;font-weight: bold;color:#000;margin-bottom:15px;} #header .gnb-area .gnb-open .gnb-sub-sec .theme-box {float:right; border-left:1px solid #e7e7e7; height:260px; padding:20px 0 0 0; box-sizing:border-box;} #header .gnb-area .gnb-open .gnb-sub-sec .theme-box .gnb-event-tt {font-size:14px; font-weight:bold; color:#000; margin-bottom:15px;} #header .gnb-area .gnb-open .gnb-sub-sec .theme-box .theme-item {float:left; margin-left:60px;} /*#header .gnb-blind {display:none; position:absolute; top:120px; left:0; width:100%; height:540px; background:#fff url('/gnb/new/gnb_bottom_line.jpg') left 490px repeat-x; z-index:9700; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);} 가로 100% */ #header .gnb-blind {display:none; position:relative; left:0; width:1200px; height:570px; background:#fff url('/gnb/new/gnb_bottom_line.jpg') left 570px repeat-x; z-index:9700; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07);margin: 0 auto} #header .gnb-blind.current {display: block;} /*#header .gnb-blind2 {display:none; position:fixed; top:120px; left:0; width:100%; height:100%; background:#000; z-index:9600;} */ /*#header .gnb-blind2 {display:none; position:fixed; top:190px; left:0; width:100%; height:100%; background:#000; z-index:9600;} /*상단띠배너 있을 경우_배경블랙*/ #header .gnb-blind2 {display:none; top:190px; left:0; width:100%; height:100%; z-index:9600;} /* position:fixed; 삭제 배경없음*/ #header .gnb-blind2.current {display: block; opacity:0.4} #header .gnb-area .gnb-open .gnb-sub-sec .event-box2 {position:absolute; top:20px; right:411px;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box2 .gnb-event-tt {font-size:14px; font-weight: bold;color:#000;margin-bottom:15px;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box3 {position:absolute; top:20px; right:571px;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box3 .gnb-event-tt {font-size:14px; font-weight: bold;color:#000;margin-bottom:15px;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box4 {position:absolute; top:20px; right:731px;} #header .gnb-area .gnb-open .gnb-sub-sec .event-box4 .gnb-event-tt {font-size:14px; font-weight: bold;color:#000;margin-bottom:15px;} .gnb-event-cont img {image-rendering: -webkit-optimize-contrast;} /* 190530 header 리뉴얼 */ .head-top-wrap {z-index:100; position:absolute; top:0; left:0; width:100%; height:35px; background:#fff; border-bottom:1px solid #eee; box-sizing:border-box} .head-top-wrap .head-top {position:relative; width:1200px; margin:0 auto; height:35px !important;} .head-top-wrap .head-top .head-util {padding-top:6px !important} /* 230627 header 패밀리메뉴 추가 */ .head-top-wrap .head-top .family_menu {position:absolute; top:0; left:0;} .head-top-wrap .head-top .family_menu ul::after {} .head-top-wrap .head-top .family_menu li {float:left; border-right:1px solid #eee} .head-top-wrap .head-top .family_menu li a {display:inline-block; height:35px; padding:6px 25px 0 25px; line-height:22px; font-size:11.5px; color:#8a8a8a; box-sizing: border-box; } .head-top-wrap .head-top .family_menu li.active {background:#fff; border-left:1px solid #eee; } .head-top-wrap .head-top .family_menu li.active a, .head-top-wrap .head-top .family_menu li.active:hover a {color:#222450; } .head-top-wrap .head-top .family_menu li:hover a {color:#000} .head-top-wrap .head-top .family_menu img {vertical-align:top !important; margin-left: -20px;} .head-top-wrap .head-top .family_menu ul li p { padding: 5px; font-size: 11.5px; width: 70px; position: relative; display: inline-block; padding-right: 25px; margin-left: -8px; text-align: end; background-color: #fff;} .head-top-wrap .head-top .family_menu .biztit {text-align: left;} .head-top-wrap .head-top .rolling_ban ul {width: 100%; height: 35px; overflow: hidden; position: relative} .head-top-wrap .head-top .rolling_ban ul li {width:150px; height: 35px; display: block; text-align: center; background-size: cover; position: absolute; top: 0; left: 90px;} /*기본 */ /*.head-gnb-new {background:url('/re_181207/images/totbg_200618_bg.png?t=1') bottom left no-repeat; }*/ /*수능 */ /*.head-gnb-new {background:url('/re_181207/images/totbg_221117_bg.png?t=1') bottom left no-repeat; }*/ /* 연말 */ /*.head-gnb-new {background:url('/re_181207/images/totbg_221202_bg.png?t=1') bottom left no-repeat; }*/ .head-gnb-new h1 {top:35px !important; left:0 !important;} .head-gnb-new .gnb-depth1-area {padding-top:30px !important} .head-gnb-new .gnb-depth1-area .gnb-depth1 {height:55px !important} .head-gnb-new .gnb-area .gnb-open {width:1400px !important} .head-gnb-new {position:relative; width:1200px; margin:0 auto; padding-top:35px; height:85px !important} .gnb-sub-sec .printing-all {position:absolute; bottom:59px; left:0;} .gnb-sub-sec .printing-all p {height:18px; font-size:13px; line-height:16px; color:#707070; } .gnb-sub-sec .printing-all p span {margin-left:5px;} .gnb-sub-sec .coupon-box {position:absolute; bottom:20px; left:0;} .gnb-sub-sec .coupon-box p {padding-left:50px; height:18px; font-size:12px; line-height:16px; font-weight:300; color:#666; background:url('/re_181207/images/gnb-coupon-ico.png') 0 -18px no-repeat; } /*.gnb-sub-sec .coupon-box p:hover {color:#5262ff; background-position:0 -18px}*/ .gnb-sub-sec .coupon-box p span {margin-left:3px;} .gnb-sub-sec .coupon-box p em {color:#f43e3e; font-style: normal;} /*gnb_new */ .gnb_new {height:310px; padding:33px 0 35px 0; box-sizing: border-box; overflow: hidden} .gnb_new::after {content: ''; display: table; clear: both} .gnb_new .gnb_list {float:left; width:200px;} .gnb_new .gnb_list.col1 {width:150px;} .gnb_new .gnb_list.col2 {padding-top:35px;} .gnb_new .gnb_list h3 {margin-bottom:25px; font-family:"Montserrat","YoonGothicPro760",sans-serif; font-size:14px; color:#1a1a1a;} .gnb_new .gnb_list h3.row {margin-top:55px;} .gnb_new .gnb_list ul {} .gnb_new .gnb_list ul li {margin-top:10px; font-size:13px; color:#666; line-height:20px;} .gnb_new .gnb_list ul li a:hover {color:#222450;} span.gnb_label {display:inline-block; width:17px; height:16px; margin-left:4px; margin-top:-1px; font-size:10px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;} span.gnb_label_02 {display:inline-block; width:51px; height:17px; margin-left:4px; margin-top:-2px; font-size:11px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;} _:-ms-fullscreen, :root span.gnb_label {line-height:15px !important;} span.gnb_label_03 {display:inline-block; width:27px; height:16px; margin-left:4px; margin-top:-1px; font-size:10px !important; color:#222450 !important; font-weight:500; line-height:15px; text-align: center; border:1px solid #222450 !important; box-sizing: border-box; vertical-align:middle; border-radius: 3px;} span.l_hit {color:#fff !important; border:1px solid #ff7373 !important; background:#ff7373;} span.l_pvc {color:#fff !important; border:1px solid #1a1939 !important; background:#1a1939;} span.l_new {color:#ff4040 !important; border:1px solid #ff4040 !important;} span.l_upgrade {padding: 3px 7px; border: 1.3px solid #ff4040; border-radius: 4px; color: #ff4040 !important; font-size: 9px !important; margin-left: 4px; font-weight: 600;} span.tit_sub {color:#999!important; font-size: 15px!important;} span.t_label img {width:20px; margin-top:-1px; margin-left:5px; vertical-align:middle; image-rendering: -webkit-optimize-contrast;} span.l_up { color: #fff !important; border: 1px solid #ff7373 !important; background: #ff7373; width: 22px !important; } span.l_up2 { color: #fff !important; border: 1px solid #ff7373 !important; background: #ff7373; width: 62px !important; } span.l_biz { color: #fff !important; border: 1px solid #159FDA !important; background: #159FDA; width: auto; padding: 0 4px;} span.biz_info {font-size: 12px; padding: 3px 10px; border-radius: 50px; bottom: 235px; left: 135px; color: #159FDA; position: absolute;} .gnb_new .gnb_list span.h_label img {width:20px; margin-top:-1px; margin-left:5px; vertical-align:middle; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode:bicubic} .gnb_new .gnb_evt {float:right; width:370px;} .gnb_new .gnb_evt2 {margin-left:45px;} .gnb_new .gnb_evt h4 {margin-top:13px; font-family:"Montserrat","YoonGothicPro760",sans-serif; font-size:16px; color:#1a1a1a;} .gnb_new .gnb_evt p {margin-top:2px; font-size:12px; color:#666;} .gnb_evt .gnb_evt_swipe {position:relative; padding-top:10px; overflow:hidden} .gnb_evt .gnb_evt_swipe > div {position:relative} .gnb_evt .gnb_evt_swipe > div img {width:370px; border-radius:20px;} .gnb_evt .gnb_evt_swipe .swiper-pagination-progressbar, .gnb_evt .gnb_evt_swipe .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {position:absolute; top:0; left:0; height:2px;} .gnb_evt .gnb_evt_swipe .swiper-pagination-progressbar {background:#e5e5e5; border-radius:20px;} .gnb_evt .gnb_evt_swipe .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background: #222450; border-radius:20px;} .gnb_new .gnb_evt span.label {position:absolute; top:155px; left:295px;} .gnb_new .gnb_evt span.label img {width:50px;} .gnb_new .gnb_evt span.price {color:#b3b3b3; text-decoration: line-through} .gnb_new .gnb_evt span.red_text {color:#ff4040; font-weight:bold;} .gnb_btm_menu {position:absolute; margin-left: calc(-55vw + 49%); width: 100vw; height:50px; border-top:1px solid #eee; box-sizing:border-box; overflow-x: hidden} .gnb_btm_menu ul {display:flex; width:1100px; margin:0 auto; padding:13px 0 0 25px;} .gnb_btm_menu ul li {opacity:0.8; margin-left:100px; font-family:"Montserrat","YoonGothicPro760",sans-serif; font-size:13px; color:#444; transition: 0.3s} .gnb_btm_menu ul li:hover {opacity:1; transition: 0.3s; color:#000} .gnb_btm_menu ul li:first-child {margin-left:0; opacity:1; transition: 0.3s; color:#000} .gnb_btm_menu ul li span.upto {margin-left:10px; font-size:11px; font-weight:600; color:#ff4040} .gnb_btm_menu ul li img.icon {opacity:0.8; margin-right:10px; margin-top:-2px; height:17px; vertical-align: middle; transition: 0.3s} .gnb_btm_menu ul li:hover img.icon {opacity:1; transition: 0.3s} /* GNB 리뉴얼 - 21.10.06 */ .gnb-open .gnb_pdts_list {position:absolute; top:0; right:20px; width:370px;} .gnb-open .gnb_pdts_list {padding-top:35px;} .gnb-open .gnb_pdts_list .list_group {width:370px !important} .gnb-open .gnb_pdts_list .list_group ul {width:370px !important; padding-top: 0;} .gnb-open .gnb_pdts_list .list_group ul li {margin:0;} .gnb-open .gnb_pdts_list .list_group ul span.label {position: absolute; top: 319px; right: 20px; left:auto;} .gnb_new {display:flex; height:570px; padding:0;} .gnb_new .gnb_new_list {width:830px;} .gnb_new .gnb_new_list h4 {font-size:14px; font-family: 'Montserrat','YoonGothicPro760', sans-serif; color:#1a1a1a;} .gnb_new .gnb_new_list h4 img {width:16px; margin:-3px 0 0 8px; vertical-align: middle} .gnb_new .gnb_new_list .tit_wrap {position:relative; width:220px; height:520px; padding:35px 0; border-right:1px solid #eee; box-sizing: border-box;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 {margin-top:25px;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li {margin-bottom:3px; font-size:13px; color:#1a1a1a; cursor: pointer;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li div.tit_h5 {color:#1a1a1a !important;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active {color:#fff; background:url('/gnb/new/gnb_arrow@2x.png?t=1') right 15px center no-repeat, linear-gradient(to right, #222450, #414170) repeat;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active div.tit_h5 {color:#fff !important;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li .tit_tip {display:none; position:absolute; bottom:30px; left:0;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active .tit_tip {display:block; cursor: auto;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active .tit_tip p {margin-bottom:20px; font-size:14px; color:#1a1a1a;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active .tit_tip p img {width:18px; margin-right:8px; vertical-align: middle;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active .tit_tip span {font-size:12px; color:#666;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 li div.tit_h5 {padding:9px 15px;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 {position:absolute; top:0; left:220px; display:none; width:610px; height:570px; padding:35px 0 0 50px; box-sizing: border-box; cursor:auto ;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth1 > li.active .gnb_depth2 {display:block;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box {float:left; width:280px; padding-left:0px; box-sizing: border-box;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box.list3 {width:185px;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box h5 {height:21px; font-family: "Montserrat","YoonGothicPro760",sans-serif; font-size: 15px; color: #1a1a1a;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul {margin:15px 0 30px 0;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li {margin-top: 12px; font-size: 13px; color: #777; line-height: 20px;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box span.h_label img {width: 20px; margin-top: -1px; margin-left: 5px; vertical-align: middle; image-rendering: -webkit-optimize-contrast;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box span.biz_icon img {border-radius: 3px;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li a {position:relative; transition: all .3s ease-in-out;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li a:hover {color:#1a1a1a; transition: all .3s ease-in-out;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li a:after {content:""; z-index: -1; display:block; position: absolute; bottom:-2px; width:0; height:1px; background-color:#1a1a1a; transition: all .2s ease-in-out;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li a:hover:after{width:100%;} .gnb_new .gnb_new_list .tit_wrap .gnb_depth2 .gnb_list_box ul li a strong {} .gnb_btm_menu {position: absolute; bottom:0; margin-left: 0; width: 1100px !important; height: 50px; border-top: 1px solid #eee; box-sizing: border-box; overflow-x: hidden; } .gnb_btm_menu ul {display: flex; margin: 0; padding: 13px 0 0 0;} /* list_new */ .info span.label {position: absolute; top: 319px; right: 20px; } .info span.label img {width: 50px;} .list_group ul li div.cover {border-radius: 15px;} #footer {*zoom:1; background:#222450;} #footer:after {content:""; display:block; clear:both;} /*#footer .section {padding:40px 0;}*/ #footer .foot-menu {font-size:0; line-height:0; margin-bottom:15px;} #footer .foot-menu a {font-size: 14px;line-height:20px;color:#fff;display:inline-block;position:relative;padding-left:10px;margin-left:10px;font-weight: 300;} #footer .foot-menu a:first-child {padding-left:0; margin-left:0;} #footer .foot-menu a:before {content:"|"; display:inline-block; position:absolute; top:0; left:0;} #footer .foot-menu a:first-child:before {display:none;} #footer .foot-info {font-size: 12px;line-height: 16px;color:#fff;font-weight: 300; opacity:0.6; line-height:18px;} #footer .foot-sns {position:absolute; right:40px; bottom:33px; font-size:0; line-height:0;} #footer .foot-sns a {display:inline-block; margin-left:15px;} @-webkit-keyframes m-v-bounce { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } @keyframes m-v-bounce { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } } .main_big_ban {z-index:10; position:absolute; top: 140px;right: 50%;margin-right: -600px; cursor:pointer} .main_big_ban .ban_on {z-index: 1; position:absolute; top:0; right:0;} .main_big_ban .ban_on img {width: 130px; height:130px; opacity: 0;} .main_big_ban .ban_off {position:absolute; top:0; right:0; width:130px; height:130px;} .main-visual {height:560px; position:relative; width:100%; text-align:center;} .main-visual .swiper-wrapper {width:100%; text-align:center;} .main-visual .swiper-slide {height:560px; overflow:hidden; position:relative; background-size:cover !important;} .main-visual .swiper-slide a {display:block; position:relative; width:99.99%; margin:0 auto; background-size:cover !important;} .main-visual .swiper-slide .v-section {width:1200px; margin:0 auto; display:table; table-layout:fixed; height:560px;} .main-visual .swiper-slide .v-section .visual-info {display:table-cell;height:560px; vertical-align:middle; text-align:left; opacity:1; filter:alpha(opacity=100);} .main-visual .swiper-slide .v-section .visual-info .tit_box {margin-top:-40px;} .main-visual .swiper-slide .v-section .visual-info .tit_box p {font-size:15px; color:#000} .main-visual .swiper-slide .v-section .visual-info .tit_box h4 {margin:10px 0 35px 0; font-size:38px; line-height:50px; font-weight:100;} .main-visual .swiper-slide .v-section .visual-info .tit_box p span.plus_box {display:inline-block; width:20px; height:20px; margin:0 5px; background:#ffc000; color:#fff; font-weight:600; text-align: center; box-sizing: border-box; border-radius: 50%;} /* 항균코팅 라벨 추가 */ .main-visual .swiper-slide .v-section .visual-info .tit_box h4 span.label_anti {display: inline-block; width: 80px; height: 26px; background: url('/re_181207/images/label_anti.png?t=1') center no-repeat; margin-left: 10px; background-size: 100%;} .main-visual .swiper-slide .v-section .visual-info .tit_box em {font-weight:600; } .main-visual .swiper-slide .v-section .visual-info .tit_box button {margin-top:45px; padding:15px 20px 17px 20px; font-size:14px; color:#fff; border-radius:50px} .main-visual .swiper-slide .v-section .visual-info .tit_box button img {width:13px; margin-left:10px} .main-visual .swiper-slide .v-section .visual-info .tit_box em {font-style:normal} .main-visual .swiper-slide .v-section .visual-info .visual-link {display:block; width:93px; height:93px; border-radius:93px; border:1px solid #000; box-sizing:border-box; text-align:center; color:#000; margin-top:30px; font-size:12px; line-height:18px; padding-top:28px; transition:800ms; -webkit-transition:800ms; -ms-transition:800ms;} /*.main-visual .swiper-slide .v-section .visual-info .visual-link:hover {background:#000; color:#fff; }*/ .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-wh {border:1px solid #fff; color:#fff; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-orange {border:1px solid #ff5400; color:#fff; background:#ff5400; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-pink {border:1px solid #f53176; color:#fff; background:#f53176; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-orange2 {border:1px solid #fd6546; color:#fff; background:#fd6546; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-yell { border:1px solid #ffce2d; background:#ffce2d; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-yell2 {border:1px solid #ffce2d; color:#222450; background:#ffce2d; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-pp {border:1px solid #222450; color:#222450; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-pp2 {border:1px solid #373b60; color:#fff; background:#373b60; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-blue {border:1px solid #2690c0; color:#fff; background:#2690c0; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-blue2 {border:1px solid #0065b2; color:#fff; background:#0065b2; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-blue3 {border:1px solid #5262ff; color:#fff; background:#5262ff;} .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-blue4 {border:1px solid #002a6d; color:#fff; background:#002a6d;} .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-red {border:1px solid #bc2222; color:#fff; background:#bc2222; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-red2 {border:1px solid #e93333; color:#fff; background:#e93333; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-red3 {border:1px solid #de4a2e; color:#fff; background:#de4a2e; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-emerald {border:1px solid #058a7f; color:#fff; background:#058a7f; } .main-visual .swiper-slide .v-section .visual-info .visual-link.btn-green {border:1px solid #316d3e; color:#fff; background:#316d3e; } /*.main-visual .swiper-slide .v-section .visual-info .quick_delivery {display:inline-block; width:75px; height:30px; background:url('/re_181207/images/quick_delivery.png') no-repeat; background-size: 100%; margin-top:10px;}*/ .quick_delivery {position:absolute; width:75px; height:30px; background:url('/re_181207/images/quick_delivery.png') no-repeat; margin-top: -50px;} /*.main-visual .swiper-slide .v-section .visual-img {display:table-cell; width:650px; vertical-align:top; overflow:hidden; opacity:1; filter:alpha(opacity=100); transition:1300ms; -webkit-transition:1300ms; -ms-transition:1300ms;} .main-visual .swiper-slide.swiper-slide-active .v-section .visual-img img { -webkit-animation-name: m-v-bounce; animation-name: m-v-bounce; animation-delay: 0.5s; animation-direction: reverse; -webkit-animation-direction: reverse; -webkit-animation-duration: 2.5s; animation-duration: 2.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: 1; -webkit-animation-iteration-count: 1; }*/ .main-visual .m-v-direct {z-index:1; position:absolute; bottom:30px} .main-visual .m-v-direct ul {display:table; width:100%; table-layout:fixed;} .main-visual .m-v-direct ul li {display:inline-block; border-radius: 100%;opacity: 0.3;width: 12px;height: 12px;margin: 0 5px !important;vertical-align:middle;background: #fff;border: 1px solid #999;box-sizing: border-box; cursor:pointer} .main-visual .m-v-direct ul li.current {opacity: 1;width: 25px;background: #ffc73c;border: none;border-radius: 15px;transition: 0.3s;} .main-visual .m-v-direct ul li button {} .main-visual .m-v-direct-new {z-index:1; position:absolute;bottom:0; left:0; width:100%; height:40px; background-color: rgba(0, 0, 0, 0.5);} .main-visual .m-v-direct-new ul {width:1200px; margin:0 auto;display: flex; justify-content: space-around;} .main-visual .m-v-direct-new ul li {float:left;} /*6개일때 {width:16.6%; float:left;}*/ .main-visual .m-v-direct-new ul li button {font-family:"Montserrat","YoonGothicPro740",sans-serif; width:100%; height:40px; color:#ccc; text-align:center; font-size:13px; line-height:40px; box-sizing:border-box} .main-visual .m-v-direct-new ul li.current button {color:#ffc73c; border-bottom:3px solid #ffc73c} /* 메인 빅배너 리뉴얼 19.05.21 */ .main_visual_ban {} .main-visual .m-v-nav {z-index:1; position:absolute; top:50%;width:100%; margin-top:-30px;} .main-visual .m-v-prev {position:absolute; left:50px; width:60px; height:60px; background: url('/re_181207/images/big_arrow.png') center no-repeat; background-position:0 0;} .main-visual .m-v-prev:hover {background-position:-60px 0} .main-visual .m-v-next {position:absolute; right:50px; width:60px; height:60px; background: url('/re_181207/images/big_arrow.png') center no-repeat; background-position:0 -60px} .main-visual .m-v-next:hover {background-position:-60px -60px} /* //메인 빅배너 리뉴얼 19.05.21 */ .main-info {background:#f0f1f7; padding:60px 0;} .main-info .section {text-align:center; width: 1200px; margin: 0 auto;} .main-info .section::after {display: block; content: ""; clear: both;} .main-info .section .main-info-item {display:inline-block; float: left; width: 20%; margin: 0 2.5%;} .main-info .section .main-info-item a {display:block;} .main-info .section .main-info-item .m-info-stt {font-size:15px;font-weight:bold;color:#222450;margin-top:15px; height: 20px;} .main-info .section .main-info-item .m-info-stt:after {content:""; display:inline-block; width:7px; height:12px; background:url('/re_181207/images/m-info-arrow.png') top left no-repeat; margin-left:8px; margin-top:2px;} /* 번개배송 롤링 텍스트 추가 */ .main-info .section .main-info-item .rolling_txtwrap ul {width: 100%; height: 20px; overflow: hidden; position: relative; margin-top: 15px;} .main-info .section .main-info-item .rolling_txtwrap ul li {width: 100%; height: auto; display: block; text-align: center; position: absolute; top: 0; left: 0; overflow: hidden;} .main-info .section .main-info-item .rolling_txtwrap ul li p {margin-top: 0 !important;} .main-info .section .main-info-item .rolling_txtwrap ul li.an .m-info-stt:after {content:""; display:inline-block; width: 0; height: 0;} /* .main-free {background:#1a1939; text-align:center; padding:33px 0 ; position:relative;} .main-free .main-f-tt {font-size:25px; color:#fff; font-weight:100; display:inline-block; line-height:37px; padding-right:15px; position:relative;} */ .main-free {background:#1a1939; text-align:center; padding:20px 0 ; position:relative;} .main-free .main-f-tt {font-size:21px; color:#fff; font-weight:100; display:inline-block; line-height:30px; padding-right:15px; position:relative; text-align:left;} .main-free .main-f-tt strong {font-weight: 500;color:#ffdb29; display:inline-block; margin-top:-6px;} .main-free a {position:relative; display:inline-block; border:1px solid #999; font-size:13px; width:157px; height:39px; box-sizing:border-box; color:#999; text-align:center; line-height:37px; margin-left:15px; transition:300ms; -webkit-transition:300ms; -ms-transition:300ms;} .main-free a:hover {background:#999; color:#fff;} .main-free * {vertical-align:middle;} .main-free .m-f-line1 {width:168px; height:105px; background:url('/re_181207/images/m-f-line1.png') top left no-repeat; position:absolute; top:0; left:50%; margin-left:-500px; z-index:0;} .main-free .m-f-line2 {width:144px; height:105px; background:url('/re_181207/images/m-f-line2.png') top left no-repeat; position:absolute; top:0; left:50%; margin-left:366px; z-index:0;} .main-best {background:#fff; padding:80px 0; } .main-best .main-best-tt {text-align:center; margin-bottom:35px;} .main-best .main-best-tt dt {font-size:27px; color:#323232;font-weight: 700;} .main-best .main-best-tt dd {font-size:18px; color:#222450; font-weight:400; margin-top:10px;} .main-best .main-best-cont {*zoom:1;} .main-best .main-best-cont:after {content:""; display:block; clear:both;} .main-best .main-best-cont .main-best-item {float:left; width:575px; height:380px; background:#fff;} .main-best .main-best-cont .main-best-item:nth-child(even) {float:right;} .main-best .main-best-cont .main-best-item:nth-child(n+3) {margin-top:40px;} .main-best .main-best-cont .main-best-item .best-thumb {position:relative; height:275px; border-radius: 15px; overflow: hidden;} .main-best .main-best-cont .main-best-item:hover .best-thumb img {transform: scale(1.03); transition: 0.5s;} .main-best .main-best-cont .main-best-item .best-thumb img {width:575px; image-rendering: -webkit-optimize-contrast; transform: scale(1); transition: 0.5s;} .main-best .main-best-cont .main-best-item .best-thumb p {display: table; position:absolute; top:16px; left:16px; width:75px; height:75px; line-height:21px; text-align: center; color:#fff; background:#f75764; border-radius: 50%} .main-best .main-best-cont .main-best-item .best-thumb p span {display: table-cell; font-size:16px; vertical-align: middle} .main-best .main-best-cont .main-best-item .best-thumb p span em {font-size:19px; font-weight:bold; font-style: normal} .main-best .main-best-cont .main-best-item a {display:block; height:353px;} .main-best .main-best-cont .main-best-item .best-info {position:relative; padding:30px 0 0 20px;} .main-best .main-best-cont .main-best-item .best-info .best-stt {font-size:17px; font-family:'Montserrat','YoonGothicPro760',sans-serif; color:#000000; position: relative} .main-best .main-best-cont .main-best-item .best-info .best-disc {font-size:13px; color:#999; margin-top:8px;} .main-best .main-best-cont .main-best-item .best-info .best-price {position:absolute; bottom:0px; right:20px; font-size:15px; color:#999;} .main-best .main-best-cont .main-best-item .best-info .best-price span.coupon {font-size: 12px; color: #333;} .main-best .main-best-cont .main-best-item .best-info span.label {position: absolute;top:-30px; right: 20px;} .main-best .main-best-cont .main-best-item .best-info span.label img {width:50px} /* 졸업몰 */ .main-graduation {padding-top:75px;} .main-graduation div.section {width:1000px; height:300px; padding:45px; background:#f2f2f2; background-size:100%; box-sizing:border-box;} .main-graduation div h3 {font-size:40px; color:#222450; font-weight:500;} .main-graduation div p {margin-top:20px; font-size:30px; color:#000; font-weight:300;} .main-graduation div p.sub_text {margin-top:25px; font-size:14px; color:#666; font-weight:400; line-height:20px; } .main-graduation div a.m_btn {display:inline-block; margin-top:30px; width:170px; height:50px; padding-top:13px; color:#fff; font-size:15px; font-weight:300; text-align:center; background:#222450; box-sizing:border-box;} .main-graduation_swiper { position: absolute; right: 85px;bottom: 0; width:430px; height:300px; overflow:hidden} /* 졸업몰 */ /* 웨딩몰 */ .main-wedding_swiper { position: absolute; right: 0;bottom: 0; width:550px; height:300px; overflow:hidden} /* 웨딩몰 */ /* 메인 중앙 빅배너 추가 19.05.21 */ .main_center_ban {width:100%; height:430px; padding-top:70px; box-sizing:border-box; background:url('/sub_company/img/bulk_purchase_top.jpg?t=1') center no-repeat; background-color: #F4E9E7} /* .main_center_ban {width:100%; height:430px; padding-top:70px; box-sizing:border-box; background:url('/re_181207/images/main_center_bg.jpg') center no-repeat;} */ .main_center_ban > div {width:1200px; margin:0 auto;} .main_center_ban > div div {float:left; width:420px; padding-top: 25px;} .main_center_ban h3 {font-size:40px; color:#222; font-weight:400;} .main_center_ban h3 p {font-weight:700; margin-top: 30px; font-size: 40px;} .main_center_ban p.sub_text { margin: 20px 0 40px 0; color: #333; font-weight: bold;} .main_center_ban p.sub_text span {display:inline-block; font-size:25px; font-weight:600; margin-top:10px;} .main_center_ban p.sub_text span em {font-size:16px; font-style: normal; font-weight:300; color:#999; text-decoration:line-through} .main_center_ban p.sub_text span span {font-size:20px; font-weight:300;} .main_center_ban a {display:inline-block; width:160px; height:45px; margin-top:25px; padding-top:12px; font-size:14px; color:#000; text-align:center; background:#fff; border-radius:30px; box-sizing:border-box; transition: .2s;} .main_center_ban a:hover {background: #8eceed; transition: .2s;} .main_center_ban a img {margin-left:15px; vertical-align:inherit} /* //메인 중앙 빅배너 추가 19.05.21 */ .main-print {padding:80px 0;} .main-print .main-print-tt {text-align:center; margin-bottom:35px;} .main-print .main-print-tt dt {font-family:'Montserrat','YoonGothicPro780',sans-serif; font-size:27px; color:#323232;font-weight: 700;} .main-print .main-print-tt dd {font-size:18px; color:#e78a39; font-weight:400; margin-top:15px;} .main-print .main-print-cont {*zoom:1;} .main-print .main-print-cont:after {content:""; display:block; clear:both;} .main-print .main-print-cont .main-print-item {float:left; width:370px; height:375px; margin-left:45px;} .main-print .main-print-cont .main-print-item:nth-child(3n-2) {margin-left:0;} .main-print .main-print-cont .main-print-item a {display:block;} .main-print .main-print-cont .main-print-item .print-thumb {height:245px; overflow: hidden; border-radius: 15px;} .main-print .main-print-cont .main-print-item .print-thumb img {width:370px; image-rendering: -webkit-optimize-contrast; transform: scale(1); transition: 0.5s;} .main-print .main-print-cont.main .main-print-item .print-thumb img {margin-top: -50px;} .main-print .main-print-cont .main-print-item:hover .print-thumb img {transform: scale(1.03); transition: 0.5s;} .main-print .main-print-cont .main-print-item .print-info {position:relative; margin-top:30px; padding:0 7px; text-align: left;} .main-print .main-print-cont .main-print-item .print-info span.label {position: absolute;top: -55px;right: 20px;} .main-print .main-print-cont .main-print-item .print-info span.label img {width:50px} .main-print .main-print-cont .main-print-item .print-info .print-stt {font-size:17px; color:#000;} .main-print .main-print-cont .main-print-item .print-info .print-disc {margin:8px 0; font-size:13px; color:#999;} .main-print .main-print-cont .main-print-item .print-info .print-price {position: absolute; bottom: 0px;right: 7px; font-size:13px; color:#585858} .main-print .main-print-cont .main-print-item .print-info .print-price span.coupon {font-size: 12px; color: #333;} .main-print .main-print-cont .main-print-item .print-info .del-price {font-size:13px; font-weight:500; color:#b7b7b7; text-decoration: line-through;} .main-print .main-print-cont .main-print-item:nth-child(n+4) {margin-top:35px;} .main-hot {background:#f0f1f7; padding:80px 0} .main-hot .main-hot-tt {text-align:center; margin-bottom:35px;} .main-hot .main-hot-tt dt {font-size:27px;color:#323232;font-weight: 700;} .main-hot .main-hot-tt dd {font-size:18px; color:#ab2424; font-weight:400; margin-top:10px;} .main-hot .main-hot-cont {*zoom:1;} .main-hot .main-hot-cont:after {content:""; display:block; clear:both;} .main-hot .main-hot-cont .main-hot-bnr {float:left; width:585px; height:540px; overflow:hidden; position:relative; border-radius: 20px;} .main-hot .main-hot-cont .main-hot-bnr .swiper-pagination {font-size:0; line-height:0; bottom:45px;} .main-hot .main-hot-cont .main-hot-bnr .swiper-pagination .swiper-pagination-bullet {width:15px; height:15px; background:#999; opacity:0.3; filter:alpha(opacity=50); margin:0 6px;} .main-hot .main-hot-cont .main-hot-bnr .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#ffce29; opacity:1; filter:alpha(opacity=100);} .main-hot .main-hot-cont .main-hot-prod {float:right; width:587px} .main-hot .main-hot-cont .main-hot-prod .hot-prod-item {float:left; width:280px; height:258px; background:#fff; margin-right:27px;-webkit-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.2);-moz-box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.2);box-shadow: 0px 3px 3px -1px rgba(0,0,0,0.2); border-radius: 15px;} .main-hot .main-hot-prod .hot-prod-item:nth-child(n+3) {margin-top:24px;} .main-hot .main-hot-prod .hot-prod-item:nth-child(2n) {margin-right:0;} .main-hot .main-hot-prod .hot-prod-item a {display:block; padding:15px 30px 0;} .main-hot .main-hot-prod .hot-prod-item .hot-prod-thumb {text-align:center; width:160px; height:160px; margin:0 auto 12px;} .main-hot .main-hot-prod .hot-prod-item .hot-prod-info dt {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size:17px; color:#000;margin-bottom:5px;} .main-hot .main-hot-prod .hot-prod-item .hot-prod-info dd {font-size:13px; color:#999; font-weight:400;} .hot-prod-info dd .text_line {text-decoration:line-through; margin-left:5px;} .hot-prod-info dd .red_text {color:#e33333; margin-left:5px;} .main-print .w200 .main-print-item {width: 204px; } .main-print .w200 .main-print-item:nth-child(n+4) { margin-top: 0px; margin-left: 45px;} em.label_new {width: 80px; height: 80px; border: 1px solid #ff4543; background-color:#ff4543; border-radius: 40px; line-height: 80px; font-size: 22px; font-weight: bold; text-align: center; position: absolute; top: 20px; left: 20px; color: #fff; font-style: normal;} .hot-bnr-txt {margin-top: -145px; padding-left: 30px;} .hot-bnr-txt dt {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-size: 21px; padding-bottom: 15px; color: #000;} .hot-bnr-txt dd {font-family: 'Montserrat','YoonGothicPro760',sans-serif; font-weight:500; font-size: 15px; color: #666;} .hot-bnr-txt dd span.coupon {font-family: 'Montserrat','YoonGothicPro740',sans-serif; font-size:13px; color:#000;} .main-popularity {padding:80px 0;} .main-popularity .main-popularity-tt {text-align:center; margin-bottom:35px;} .main-popularity .main-popularity-tt dt {font-family:'Montserrat','YoonGothicPro780',sans-serif; font-size:27px; color:#323232;font-weight: 700;} .main-popularity .main-popularity-tt dd {font-size:18px; color:#5a5dd2; font-weight:400; margin-top:15px;} .main-popularity .main-popularity-cont .m-popul-tab {text-align:center; margin-bottom:40px;} .main-popularity .main-popularity-cont .m-popul-tab li {font-size:17px; font-weight: 400;color:#0d0e2f;display:inline-block;margin-left:25px;cursor:pointer;} .main-popularity .main-popularity-cont .m-popul-tab li.active-tab {font-weight: 600;} .main-popularity .main-popularity-cont .m-popul-tab li:first-child {margin-left:0;} .main-popularity .main-popularity-cont .m-popul-con {*zoom:1;} .main-popularity .main-popularity-cont .m-popul-con > div {display:flex; justify-content: space-between} .main-popularity .main-popularity-cont .m-popul-con .m-popul-item {width:200px; height:200px; background:#f0f1f7; border-radius: 10px} .main-popularity .main-popularity-cont .m-popul-con .m-popul-item a {display:block; width:200px; height:200px; text-align:center; padding-top:20px; box-sizing:border-box; position: relative} .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dl {margin-top:5px;} .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dt {font-size:12px; color:#828282; line-height:15px;} .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dd {font-size:14px; color:#323232;line-height:16px;font-weight: 500;} .main-popularity .main-popularity-cont .btn-more-popul {text-align:center; width:200px; margin:40px auto 0; display:block;} .main-popularity .main-popularity-cont .btn-more-popul span {line-height:21px;font-size:15px; color:#222450;display:inline-block;font-weight: 500;} .main-popularity .main-popularity-cont .btn-more-popul:before {content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-top: 0px;background:url('/re_181207/images/more-ico.png') top left no-repeat;margin-right:10px;} .main-popularity .main-popularity-cont .btn-more-popul * {vertical-align:middle;} .main-publog { padding:80px 0;} .main-publog .main-publog-tt {text-align:center; margin-bottom:35px;} .main-publog .main-publog-cont {*zoom:1;} .main-publog .main-publog-cont:after {content:""; display:block; clear:both;} .main-publog .main-publog-cont .main-publog-item {width:487px; height:274px; float:left; overflow:hidden} .main-publog .main-publog-cont .main-publog-item:nth-child(even) {float:right;} .main-publog .btn-more-tube {text-align:center; width:200px; margin:40px auto 0; display:block;} .main-publog .btn-more-tube span {line-height:21px;font-size:15px;color:#222450;display:inline-block;font-weight: 500;} .main-publog .btn-more-tube:before {content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-top: 0px;background:url('/re_181207/images/more-ico.png') top left no-repeat;margin-right:10px;} .main-publog .btn-more-tube * {vertical-align:middle;} .main-publog-tube1 {float:left; width:485px; height:285px;} .main-publog-tube2 {float:right; width:487px; height:285px;} .main-publog-tube2 > div {float: left; width: 231px; background: #fff; margin-right: 25px; margin-bottom:26px; } .main-publog-tube2 > div:nth-child(2n) {margin-right:0} .main-publog-tube2 > div:nth-child(3n) {margin-bottom:0} .main-publog-tube2 > div:nth-child(4n) {margin-bottom:0; margin-right:0} .main-publog-tube2 > div.videolink {opacity:0.4; transition:1s} .main-publog-tube2 > div.videolink:hover {opacity:1; transition:1s} /* 메인 하단 배송 콘텐츠 추가 */ .m_delivery_wrap {background: #fff; text-align: center; position: relative; padding: 80px 0; user-select: none;} .m_delivery_wrap .main-popularity-tt dt {font-family: 'Montserrat','YoonGothicPro780',sans-serif ;font-size:27px; color:#323232;font-weight: 700;} .m_delivery_wrap .main-popularity-tt dd {font-size:18px; color:#5a5dd2; font-weight:400; margin-top:15px;} .m_delivery_wrap .cont_box {width: 1000px; margin: 0 auto; padding: 50px 0;} .m_delivery_wrap .cont_box .cnt_quick, .m_delivery_wrap .cont_box .cnt_post {display: inline-block; width: 390px; height: 180px; margin: 10px; text-align: left; position: relative; padding: 40px} .m_delivery_wrap .cont_box .cnt_quick {background-color: #f0f1f7; transition: .3s;} .m_delivery_wrap .cont_box .cnt_quick:hover, .cnt_post:hover {transform: translateY(-10px); transition: .3s; box-shadow: 0 10px 10px rgba(136,136,136,0.3);} .m_delivery_wrap .cont_box .cnt_post {background-color: #f4f1ea;} .m_delivery_wrap .cont_box .cnt_quick img {position: absolute; top: 95px; right: 10px; transform: rotate(-10deg);} .m_delivery_wrap .cont_box .cnt_post img {position: absolute; top: 85px; right: 10px;} .m_delivery_wrap .cont_box dl dt {font-size: 21px; color: #333; margin-bottom: 20px; font-weight: bold;} .m_delivery_wrap .cont_box dl dd {font-size: 14px; color: #777;} .m_delivery_wrap .cont_box dl dd.quick_info {color: #42369c; margin-top: 10px;} .m_delivery_wrap .cont_box dl dd.post_info {color: #9b5d4b; margin-top: 32px;} .m_delivery_wrap a.btn_go_basket span {line-height:21px; font-size:15px; color: #333;} .m_delivery_wrap a.btn_go_basket span.go_to {margin-left: 10px; color: #5a5dd2; transition: .2s; width: 85px; display: inline-block;} .m_delivery_wrap a.btn_go_basket span.go_to img.arrow {margin-left: 7px;} .m_delivery_wrap a.btn_go_basket span.go_to:hover {transform: translateX(6px); transition: .2s; color: #5262ff;} /* Footer 리뉴얼 */ .footer {background: #F0F1F7; padding:40px 0 30px 0; letter-spacing: 0.3px;} .footer .logo, .footer .sitemap, .footer .siteinfo {width: 1200px; position: relative;} .footer .logo h5 {display: inline-block; background: url('/sub_cs/img/delivery/footer_logo.png?t=1') no-repeat; width: 151px; height: 33px;} .footer .logo p {display: inline-block; font-size: 15px; color: #333; padding-left: 25px; vertical-align: 7px;} .footer .logo p span {color: #222450; font-weight: bold; transition: .3s; font-size: 15px;} .footer .logo p span:hover {color: #5a5dd2; transition: .3s;} .footer .logo p span img {padding-left: 6px;} .footer .logo ul {position: absolute; top: 17px; right: 0;} .footer .logo ul li {display: inline-block; width: 16px; height: 16px; transition: .2s; margin-left: 15px;} .footer .logo ul li a {display: block; width: 16px; height: 16px; transition: .3s;} .footer .logo ul li a:hover {background-color: rgba(240,241,247,0.5); transition: .3s;} .footer .logo ul li.kakao {background: url('/sub_cs/img/delivery/footer_kakao.png?t=1') no-repeat;} .footer .logo ul li.fb {background: url('/sub_cs/img/delivery/footer_fb.png?t=1') no-repeat;} .footer .logo ul li.ig {background: url('/sub_cs/img/delivery/footer_ig.png?t=1') no-repeat;} .footer .logo ul li.tw {background: url('/sub_cs/img/delivery/footer_tw.png?t=1') no-repeat;} .footer .logo ul li.blog {background: url('/sub_cs/img/delivery/footer_blog.png?t=1') no-repeat;} .footer .sitemap {padding-top: 30px; display:flex; justify-content: space-between} .footer .sitemap dl {display: inline-block; vertical-align: text-top; } .footer .sitemap dl:first-child {margin-left: 0;} .footer .sitemap dl dt {font-size: 14px; color: #222450; font-weight: 500; margin-bottom: 13px; line-height: 16px;} .footer .sitemap dl dt a {font-size: 14px; color: #222450; font-weight: 500; margin-bottom: 13px; line-height: 16px;} .footer .sitemap dl dd, .footer .sitemap dl dd a {font-size: 13px; line-height: 15px; color: #333;} .footer .sitemap dl dd li a {margin-bottom: 7px; display: block; transition: .2s;} .footer .sitemap dl dd li a:hover {color: #5a5dd2; transition: .2s;} .footer .sitemap dl.cs_wrap .cs_num {font-size: 20px; line-height: 22px; color: #111; font-weight: 700; margin-bottom: 7px;} .footer .sitemap dl.cs_wrap ul.cs_time li {margin-bottom: 5px;} .footer .sitemap dl.cs_wrap .cs_link {padding-top: 10px;} .footer .sitemap dl.cs_wrap .cs_link a {font-weight: 600; color: #222450; letter-spacing: 1px;} .footer .sitemap dl.cs_wrap .cs_link a:last-child {letter-spacing: 0;} .footer .sitemap dl.cs_wrap .cs_link a:before {content:"|"; display:inline-block; width:12px; text-align:center; font-weight:400; color: #aaa;} .footer .sitemap dl.cs_wrap .cs_link a:first-child:before {display: none;} .footer span.f_line {background: url('/sub_cs/img/delivery/footer_line.png?t=1') no-repeat; margin: 0 4px; width: 2px; height: 12px; display: inline-block;} .footer hr.border_line {border: none; background: #d8dae1; height: 1px; width: 100%; margin: 25px 0;} .footer .siteinfo .info_txt {display: inline-block; width: 720px; font-size: 12px; line-height: 19px; color: #888;} .footer .siteinfo .info_store {display: inline-block; width: 275px; height: 50px;} .footer .siteinfo .info_store a.playstore {background: url('/sub_cs/img/delivery/footer_play.jpg?t=1') no-repeat; position: absolute; width: 130px; height: 30px; top: 10px; right: 110px; transition: .2s;} .footer .siteinfo .info_store a.appstore {background: url('/sub_cs/img/delivery/footer_app.jpg?t=1') no-repeat; position: absolute; width: 130px; height: 30px; top: 10px; right: -10px; transition: .2s;} .footer .siteinfo .info_store a:hover {opacity: .6; transition: .2s;} /* Footer 리뉴얼 스타일 종료 */ /* 기존 하단 */ .main-bottom {background:#f0f1f7; padding:40px 0; border-top:1px solid #d6d6da;} .main-bottom .main-bottom-cont {*zoom:1; margin-top:20px;} .main-bottom .main-bottom-cont:after {content:""; display:block; clear:both;} .main-bottom .main-bottom-cont dl {float:left; margin-left:50px;} .main-bottom .main-bottom-cont dl:first-child {margin-left:0;} #kakao_talk{margin-top:25px;} .main-bottom .main-bottom-cont dl dt {font-size:14px;font-weight: 500; color:#222450;margin-bottom:15px;line-height:16px;} .main-bottom .main-bottom-cont dl dt a {color:#222450;} .main-bottom .main-bottom-cont dl dd {font-size: 12px;line-height: 14px; color:#313131;font-weight: 400;} .main-bottom .main-bottom-cont dl dd li a {margin-bottom:7px; display:block;} .main-bottom .main-bottom-cont dl.cs-box dt {color:#313131;} .main-bottom .main-bottom-cont dl.cs-box .cs-num {font-size:20px;line-height:22px;color:#313131;font-weight: 700;} .main-bottom .main-bottom-cont dl.cs-box .cs-time {margin:13px 0;} .main-bottom .main-bottom-cont dl.cs-box .cs-time li {margin-top:5px;} .main-bottom .main-bottom-cont dl.cs-box .cs-time li:first-child {margin-top:0;} .main-bottom .main-bottom-cont dl.cs-box .cs-link a {font-weight: 600;} .main-bottom .main-bottom-cont dl.cs-box .cs-link a:before {content:"|"; display:inline-block; width:12px; text-align:center; font-weight:400;} .main-bottom .main-bottom-cont dl.cs-box .cs-link a:first-child:before {display:none;} /*메인 하단 css 추가*/ .wrap {width: 100%; background:url('/re_181207/images/bottom_bg.jpg') no-repeat;} .main-publog {width:860px; margin: 0 auto;} .main-publog div {width:100% !important;} .main-publog-tt dt {width:860px; font-size: 27px; color: #fff; font-weight: 700; text-align: center;} .main-publog-tt dd {font-size: 18px; color: #ffce29;font-weight: 400; margin-top: 10px; text-align: center; margin-bottom: 60px;} /*tab*/ .tabs {width:860px; margin-top:50px; overflow: hidden;} .tabs li{float: left; margin-right: 5px; display: inline-block; cursor:pointer; margin-bottom: -10px;} .tabs li:nth-child(5){margin-right: 0; margin-left:0} .tabs li.tab06 img {position:absolute; right:-125px; top:230px;} .tab-link{display:inherit; } .videolink__video-link__image {} .tab-content .videolink .videolink__video-container {height:480px} .tab-content{width:860px; height:486px; border:3px solid #ffce29; box-sizing:border-box} #tab-02, #tab-03, #tab-04, #tab-05, #tab-06 {display: none;} .event-link{text-align: center; margin-top: 30px;} .event-link span{color: #fff; font-size: 15px; font-weight: 500px;} #footer2 {*zoom:1; background:#f0f1f7;} #footer2:after {content:""; display:block; clear:both;} #footer2 .section {padding:25px 0;} #footer2 .foot-menu {font-size:0; line-height:0; margin-bottom:15px;} #footer2 .foot-menu a {font-size: 13px;line-height:20px;color:#000;display:inline-block;position:relative;padding-left:10px;margin-left:10px;font-weight:400;} #footer2 .foot-menu a:first-child {padding-left:0; margin-left:0;} #footer2 .foot-menu a:before {content:"|"; display:inline-block; position:absolute; top:0; left:0;} #footer2 .foot-menu a:first-child:before {display:none;} #footer2 .foot-info {font-size:12px;line-height: 16px;color:#000;font-weight: 300;} #footer2 .foot-sns {position:absolute; right:40px; bottom:33px; font-size:0; line-height:0;} #footer2 .foot-sns a {display:inline-block; margin-left:15px;} /* 실시간 배송 안내 리뉴얼 */ .godelivery .ban_on {z-index: 1; position: absolute; top: 0; right: 0; } .godelivery .ban_on img {width: 60px;height: 55px; opacity: 0;} .godelivery .ban_off {position: absolute;top: 0; right: 0; width: 60px; height: 55px;} /* 고객센터(실시간 배송안내 대체) */ .gocscenter .ban_on {z-index: 1; position: absolute; bottom: 0; right: 0; } .gocscenter .ban_on img {width: 120px;height: 160px; opacity: 0;} .gocscenter .ban_off {position: absolute; bottom: 10px; right: 0; width: 60px; height: 55px;} /* 코로나바이러스 관련 안내 추가 */ .notice_guard_wrap {width: 100%; position: relative; background: #f7f7f7} .notice_guard_wrap .notice_guard {width: 963px; padding: 40px 30px; margin: 0 auto; box-sizing: border-box;} .notice_guard_wrap .notice_guard::after {display: block; content: ""; clear: both;} .notice_guard_wrap .notice_guard img {display: inlne-block; float: left;width: 100px; height: auto; margin: 5px 50px 0 50px;} .notice_guard_wrap .notice_guard p {float: left; font-size: 14px; color: #000; line-height: 26px; text-align: left;} .notice_guard_wrap .notice_guard p > span {display: block; font-size: 14px; color: #404099; margin-top: 10px;} /* 알럿창 디자인 */ .sweet-alert p {font-size: 15px !important;} .sweet-alert .sa-confirm-button-container {margin-bottom:10px;} /*.sweet-alert button {background:#222450 !important;}*/ .sweet-alert button.confirm {background:#222450 !important;} /* 달력 UI */ .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {background:#222450 !important; border:1px solid #222450 !important;} .ui-datepicker td span, .ui-datepicker td a {text-align:center !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {color:#fff;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#f23d42 !important; border:1px solid #f23d42 !important;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:1px solid #d9d9d9} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top:7px !important} .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 6px !important;} /* 메인 플래그 */ span.event_tag {padding: 0 5px; background: #ff4040; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px; vertical-align: top; line-height:18px;} span.coupon_tag {padding: 0 5px; background: #222450; color: #fff; font-size: 11px; margin: 0 3px; border-radius: 3px; display:inline-block; height:19px; vertical-align: top; line-height:18px;} span.default_tag {padding: 0 5px; color: #222450; font-size: 11px; margin: 0 3px; border-radius: 3px; border:1px solid #222450; display:inline-block; height:19px; vertical-align: top; box-sizing:border-box; line-height:18px;} span.hot_tag {padding: 0 5px; color: #ff4040; font-size: 11px; margin: 0 3px; border-radius: 3px; border:1px solid #ff4040; display:inline-block; height:19px; vertical-align: top; box-sizing:border-box; line-height:18px;} span.gnb_line {font-size: 10px !important; margin-left:4px !important; padding:0 3px !important; height: 14px !important; line-height: 13px !important; vertical-align: baseline !important; font-weight:500; box-sizing:border-box} span.gnb_box {font-size: 10px !important; margin-left:4px !important; padding:0 3px !important; height: 14px !important; line-height: 15px !important; vertical-align: baseline !important; font-weight:200; box-sizing:border-box} /* w1200 리뉴얼 */ #regist_process_form {display:none;} .fixed_nav_wrap ul {width:1200px !important} /* 번개배송 */ .evt_top .img_move {width: 1200px !important;} .evt_top .tit {width: 1200px !important;} .cnt-box8 .cnt-delivery {width:1200px !important} .cnt-quick-disc {width:1200px !important} .cnt-quick-disc .delivery-txt {width:600px !important} .cnt-txtbox-right {float:none !important; margin: 20px 0px 0px 30px !important;} .contents-box .cnt-table {padding-bottom:0 !important} .cnt-table .tb_default {width:100% !important} /* 마이퍼블로그 */ #container #my_wrap div.mypublog div.notice_board ul li.nb_inquiry {width:480px !important} #container #my_wrap div.mypublog div.new_function {text-align:center;} #container #my_wrap #conts #list_title .epilog_top {background:url(/sub_mypage/img/epilog_img_bg.jpg) center no-repeat !important;} #container #my_wrap #conts #list_title #epilog_box .epilog_table th {width:250px !important} .epilog_td > table {width:100% !important} #container #my_wrap #conts #list_title #epilog_box .epilog_table .epilog_td .in_form_01 {width:550px !important} #container #my_wrap div.mypublog div.publ_info ul.publ_poket li {width:331px !important} #container #my_wrap div.mypublog div.publ_info ul.publ_payment li {width: 115px !important; margin-right: 91px !important;} #container #my_wrap div.mypublog div.publ_info ul.publ_payment li:last-child {margin-right:0 !important;} #container_02 #oi_wrap .info {width:850px !important} #cs_wrap .list_1on1 {width: 1000px !important;} #cs_wrap .list_1on1 ul { display: flex; justify-content: space-between;} #cs_wrap .list_1on1 ul li {margin-right: 17px !important; padding: 6px 25px 6px 27px !important;} #cs_wrap .list_1on1 ul li:last-child {margin-right:0 !important} #cs_wrap .list_1on1 ul.box4 li {width: 25%;} #container #my_wrap {width:1000px !important;} #container #my_wrap #conts #list_title {width:1000px !important;} .box_td_second .cp_form_01 {width:500px !important;} #container #my_wrap #conts #list_title .top_guide {padding:30px !important;} #container #my_wrap #conts #list_title .epilog_top span {right: 130px !important;} #container #cpy_wrap {width:1000px !important} #bp_content .bp_write {border-bottom: 1px solid #e8e8e8;} .gift-cou .cnt-cpnbox .cnt-cpn {width: 1200px !important;} /* 리뷰 */ .review_w830 {width:1000px !important} .review_w1000 {width:1200px !important} #wrap .review_wrap {width:1200px !important} /* 포토북 */ .ptb_list {width:1200px !important;} .ptb_list .cmn_list_cnt {width:950px !important} .ptb_list .cmn_list_srch {width:740px !important} .ptb_list .cmn_numb_favorite {width:950px !important} .ptb_list .favorite_bt_bg {left:850px !important} .ptb_list .cmn_list_cnt {margin-bottom:100px !important} .ptb_list .cmn_cnt_item_list {width:950px; margin:0 !important} .ptb_list .cmn_cnt_item_list {display: flex;justify-content: flex-start;flex-wrap: wrap;} .ptb_list .cmn_cnt_item_list_prophoto {display: block !important} .ptb_list .cmn_cnt_item_list .cmn_cnt_item {display:inline-block !important; float:none !important; margin: 30px 50px 0px 45px !important;} .ptb_detail {width:1200px !important} .ptb_detail_preview {width:525px !important} .ptb_detail_img {width:525px !important} .ptb_detail_preview > div {left:100px !important} .ptb_detail_oder {width:630px !important} .ptb_detail_cnt .img_nxt {right: -720px !important;} .prb_detail_preview {width:525px !important} .prb_detail_img {width:525px !important} .prb_detail_preview > div {left:100px !important} .hero-nav .nav-wrap li:last-child a {background:none !important;} /* 포토달력 */ .cmn_detail_oder {width:630px !important} .cmn_cnt_item_list .cmn_cnt_item_v {display:inline-block !important; float:none !important; margin: 30px 50px 0px 45px !important;} /* 사진인화 */ #container #prt_wrap {width:1000px !important;} #container #prt_wrap #nor_top_ad3 h2 {left:800px !important} #container #prt_wrap .paginate {clear:both; padding:30px 0 70px 0 !important} .cont_box_line .cnt-delivery {width:1000px !important} .cont_box_line .cnt-delivery .cnt-quick-disc {width:1000px !important} .cont_box_line .cnt-quick-disc .delivery-txt {width:500px !important} .cont_box_line .delivery-img1, .cont_box_line .delivery-img2, .cont_box_line .delivery-img3 {width:500px !important} #nor_cont ul li, #prt_cont ul li {text-align:center;} #container #prt_list {width:1000px !important; margin-top:30px !important; margin-bottom:10px !important} .prt_goods dt {padding: 0 29px 3px 29px !important;} .prt_goods {padding-bottom:30px !important} #container #book_list {width:1000px !important; margin-bottom:10px !important} .book_goods dt {padding: 0 29px 3px 29px !important;} .book_goods {padding-bottom:30px !important} #nor_cont .cnt-delivery, #prt_cont .cnt-delivery, #prt_wrap .cnt-delivery {width:1000px !important} #nor_cont .cnt-delivery .cnt-quick-disc, #prt_cont .cnt-delivery .cnt-quick-disc, #prt_wrap .cnt-delivery .cnt-quick-disc {width:1000px !important} #nor_cont .cnt-quick-disc .delivery-txt, #prt_cont .cnt-quick-disc .delivery-txt, #prt_wrap .cnt-quick-disc .delivery-txt {width:500px !important} #nor_cont .delivery-img1, #nor_cont .delivery-img2, #nor_cont .delivery-img3 {width:500px !important} #prt_cont .delivery-img1, #prt_cont .delivery-img2, #prt_cont .delivery-img3 {width:500px !important} #prt_wrap .delivery-img1, #prt_wrap .delivery-img2, #prt_wrap .delivery-img3, #prt_wrap .delivery-img4 {width:500px !important} .contents-box .cnt-table-check {margin-left: 190px !important;} .cnt-table .coupon_img2 {margin-left:-350px !important} /* 현수막 */ .pop-guide .pop_cont dt.ui-accordion-header-active {color: #fff !important; font-weight:normal !important; padding-left: 20px !important;} #quickBnr .bnr_wrap {right: 50px !important;} .location_plancard > div {width:1200px !important} .location_plancard .sc_design {width:650px !important} .location_plancard .sc_design input {width:650px !important} .sc_optn .sc_optn_ul {width:1200px !important} .sc_optn_ul li.reset_bt {margin: -12px 0 0 521px !important;} #placard_list {width:1200px !important} #placard_list .book_goods2 dt a img {width:568px !important} #placard_list .book_goods2 dd {width:588px !important} .sc_fav {right: -1038px !important;} #placard_list .pcd_sero dt a img {width:100px !important} #placard_list .pcd_sero dd {width:auto !important} #wrap dl.pcd_sero {margin-left:0 !important; margin-right:130px !important;} #wrap dl.pcd_sero:nth-child(5n) {margin-right:0 !important;} #placard_list .pcd_sqr dt a img, #placard_list .pst_sero dt a img, #placard_list .pst_garo dt a img {width:350px !important} #placard_list .pcd_sqr dd, #placard_list .pst_sero dd, #placard_list .pst_garo dd {width:auto !important} #placard_list #wrap dl.pcd_sqr, #placard_list #wrap dl.pst_sero, #placard_list #wrap dl.pst_garo {margin-left:0px !important; margin-right:40px !important} #placard_list #wrap dl.pcd_sqr:nth-child(3n), #placard_list #wrap dl.pst_sero:nth-child(3n), #placard_list #wrap dl.pst_garo:nth-child(3n) {margin-right:0 !important;} .pcd_sero dt a img {height:auto !important} .pcd_detail_wrap {position:relative; width:1200px !important} .detail_obj {width:1200px !important} .pcd_detail_optn {width:470px !important} .pcd_detail_wrap .optn_ttl_wrap {width:100% !important} .optn_cnt_wrap {width:100% !important} .optn_box_wrap > li {width:100% !important} .optn_box_end {width:100% !important} .optn_box li, .optn_box_end li {width:149px !important} a:hover li span {left: 50% !important; margin-left: -45px !important} .pcd_detail_wrap .optn_ttl_wrap .optn_ttl {width:100% !important; padding:15px 0 5px 0 !important} .optn_info_wrap, .optn_price_wrap, .pcd_bt_wrap {width:100% !important} .optn_info_txt_in, .optn_price_txt_in {width:380px !important} .pcd_go_make {width:370px !important} .pcd_detail_wrap .img_prv {float:none!important; position:absolute !important; top:230px !important; left:-100px !important} .pcd_detail_wrap .img_nxt {float:none!important; position:absolute !important; top:230px !important; right:-100px !important} #prt_wrap .detail_full_cnt .cnt-delivery {width:1200px !important} #prt_wrap .detail_full_cnt .cnt-delivery .cnt-quick-disc {width:1200px !important} #prt_wrap .detail_full_cnt .cnt-quick-disc .delivery-txt {width:600px !important} #prt_wrap .detail_full_cnt .delivery-img1, #prt_wrap .detail_full_cnt .delivery-img2, #prt_wrap .detail_full_cnt .delivery-img3, #prt_wrap .detail_full_cnt .delivery-img4 {width:600px !important} /* 액자 */ #container #book_wrap {width:1000px !important} #container #book_wrap .paginate {clear:both; padding:30px 0 70px 0 !important} #container .lineframe_list {padding: 0px 0px 20px 0px !important; border-bottom: 1px dashed #dcdcdc !important;} #container .tab_guide {margin-top:10px !important} .frame_edit p {margin:10px 0 5px 0 !important} #book_wrap .img_dp img {display: inline !important} #book_list .book_goods2 {padding:20px 0 30px 50px !important;} #book_list .book_goods2 p.ttl {padding: 10px 0 0 0 !important;} #prt_wrap #pack_contents {margin-top:0 !important; text-align:center;} /* 스티커 */ .gift_cnt_list {margin: 90px auto 70px auto !important} /* 굿즈 */ .slideZone .left_menu {width:auto !important} /* 테마샵 */ .christian_new {display: flex; justify-content: center;} .christian_prod {display: flex; justify-content: center;} /* 스티키 */ .hero-nav .nav-wrap {width:1200px !important} /* 공통 타이틀 */ #container #prt_wrap {padding-top:30px !important} #container #prt_wrap #location {border-bottom:0 !important} #location .cnt_ttl {padding-bottom:15px;} #location .cnt_ttl .ttl_txt {font-weight: bold;padding-bottom: 8px;font-size: 17px !important;color: #222222 !important;} #location .cnt_ttl .ttl_txt span {font-weight:normal; font-size:12px !important; color:#999 !important} /* 전체메뉴보기 */ .list h2 {padding-bottom:40px !important} .list_group {width:1200px !important; margin:0 auto} .list_group ul {width: 1200px; margin: 0 auto; padding-top:30px} .list_group ul::after {content:""; display:block; clear:both;} .list_group ul li {position:relative; float:left; width:370px; height:450px; margin:0 45px 55px 0;} .list_group ul li:nth-child(3n) {margin-right:0;} .list_group ul li div.label {z-index:9; position:absolute; top:10px; left:10px;} .list_group ul li div.label span {display:block; width:50px; height:50px; margin-bottom:5px; padding-top:14px; font-size:13px; font-weight:700; color:#f43e3e; text-align:center; background:#fff; border-radius:50%; box-sizing:border-box;} .list_group ul li div.label span.best {color:#fff; background:#f43e3e} .list_group ul li div.cover {overflow:hidden; height:345px; background:#f3f3f3;} .list_group ul li div.cover img {width:370px; height:345px; transform:scale(1); transition:0.5s} .list_group ul li:hover div.cover img {transform:scale(1.03) !important; transition:0.5s; image-rendering: -webkit-optimize-contrast} .list_group ul li div.cover.acc_cover img {height:auto !important; padding-top:20px;} .list_group ul li div.info {padding:0 7px;} .list_group ul li h4 {margin-top:30px !important; font-size:17px !important; color:#000 !important} .list_group ul li p {margin:8px 0 !important; font-size:13px; color: #999;} .list_group ul li p.price {position:absolute; bottom:20px; right:7px} .list_group ul li p.price span.coupon {font-size:12px; color:#333} /* 스티키메뉴 공통 */ .option_detail_wrap {display:none; z-index:999; position:fixed; top:0; left:0; width:100%; height:55px !important; background-color: rgba(255, 255, 255, 0.95); box-shadow: 0px 1px 15px 0px #b3b3b3;} .option_detail_wrap a.none {background:none} .option_detail_wrap button {position:absolute; top:9px !important; right:0; width:160px; height:35px; line-height:35px; font-size:15px; color:#fff; background:#222450; transition: .3s;} .option_detail_wrap button:hover {background:#4e58c2; transition: .3s;} .option_detail_wrap .detail_tab {position:relative; width:1200px; margin:0 auto; text-align:left;} .option_detail_wrap .detail_tab ul {width:1200px; margin:0 auto; height:55px !important;} .option_detail_wrap .detail_tab ul::after {content: ""; display: table; clear: both;} .option_detail_wrap .detail_tab ul li {display: inline-block; padding-top: 0px !important;} .option_detail_wrap .detail_tab ul li:last-child {float: right; padding-top: 9px !important;} .option_detail_wrap .detail_tab ul li a {display: inline-block; margin:0 !important; padding:17px 40px !important; font-size:13px; color:#999; background:none !important; transition: none !important} .option_detail_wrap .detail_tab ul li a.active {font-weight:normal !important; color:#222450; border-bottom:2px solid #222450} .option_detail_wrap .detail_tab ul li a.list_last {background: none;} .option_detail_wrap .detail_tab ul li a:hover {color: #222450 !important;} .option_detail_wrap .detail_tab ul li div.btn_ptcard span {display:inline-block; padding-top: 4px; color: #222450; font-size: 20px; font-weight: bold; padding-right: 105px;} .option_detail_wrap .detail_tab ul li div.btn_ptcard span > span {font-size: 18px; font-weight: 400;} .option_detail_wrap .detail_tab ul li div.btn_ptcard button {display:inline-block; width:190px; height:35px; margin:0 0 0 5px; text-align:center; color:#fff; background:#262853; box-sizing:border-box; transition:0.5s;} .option_detail_wrap .detail_tab ul li div.btn_ptcard button:hover {background:#4e58c2; transition:0.5s;} /* 품절시 */ .option_detail_wrap .detail_tab ul li div .soldout_btn {background-color:#989898 !important ;} .option_detail_wrap .fixed {z-index:1; position:fixed; top:0; left:0; width:100%; background:#fff;} .option_detail_wrap .detail_tab span.slider {position: absolute;bottom: -1px;width: 0;height: 2px;background: #222450;} .detail_tab_box {width:100%; top:0; left:0;background:#fff; } .sticky {z-index:9997 !important;} .scrollto {outline: none} .fixed_nav_wrap {height:50px; border-bottom:1px solid #eee; box-sizing: border-box} .fixed_nav_wrap ul {width:1000px; margin:0 auto;} .fixed_nav_wrap ul::after {content: ""; display: table; clear: both;} .fixed_nav_wrap ul.fixed_nav2 li {float: left; height:49px; text-align: center; width: 20%; cursor: pointer; box-sizing: border-box;} .fixed_nav_wrap ul.fixed_nav2 li span.tip {font-size: 13px; font-weight: bold; color: #ff4040;} .fixed_nav_wrap ul li {float: left; height:49px; text-align: center; width: 16.66%; cursor: pointer; box-sizing: border-box;} .fixed_nav_wrap ul.fixed_nav7 li {float: left; height:49px; text-align: center; width: 14%; cursor: pointer; box-sizing: border-box;} .fixed_nav_wrap ul li a {display: block; padding-top:14px; height:49px; font-size:15px; color:#333; box-sizing: border-box;} .fixed_nav_wrap ul li a.active {font-weight:bold; border-bottom:2px solid #222450;} .fixed_nav_wrap ul li a:hover {border-bottom:2px solid #222450; color: #222450;} .fixed_nav_wrap ul.fixed_nav2 {width: 1200px; text-align: center; display:flex; justify-content: space-between} .fixed_nav_wrap ul.fixed_nav2 li {width:100%} /* new_main_230105 --> */ .new_main .line-section {padding: 100px 0 100px !important;} /*빅배너*/ .main-info {padding:40px} .main-info .section {display:flex; justify-content: space-between} .main-info .section .main-info-item {width:auto; margin:0;} .main-info .section .main-info-item a {display: flex;} .main-info .section .main-info-item .m-info-stt {margin: 20px 0 0 20px; text-align:left;} .main-info .section::after {display:none;} /*타이틀*/ .new_main .main_tit {text-align:left; margin-bottom:35px; width: 1200px; margin: auto;} .new_main .main_tit h2 {font-family: 'Montserrat','YoonGothicPro780',sans-serif; font-size: 27px; color: #323232; font-weight: 700;} .new_main .main_tit p {font-size: 13px; color: #7e7e7e; padding: 15px 0 30px; border-bottom: 1px solid #7e7e7e; } /*더보기*/ .new_main .main_more { top: -50px; position: relative; text-align: right; display: block; right: 0; opacity: 0.5; font-size: 12px; color: #1a1a1a; transition: .3s;} .new_main .main_more:hover { opacity: 1; } .new_main .main_more span {line-height:21px;font-size:13px; color:#333;display:inline-block;font-weight: 500;} .new_main .main_more:before {content:"";display:inline-block;vertical-align:middle;width:21px;height:21px;margin-top: 0px;background:url('/re_181207/images/more-ico.png') top left no-repeat;margin-right:10px;} .new_main .main_more * {vertical-align:middle;} /* 택 */ .new_main span.icon_new_design {position: absolute; border-radius: 50%; top: -57px; right: 20px; background-color: #ff9d9d; } .new_main span.icon_new_design p {width: 55px; height: 55px; font-size: 10px; line-height: 14px; color: #fff; text-align: center; font-weight: 600; align-items: center; display: flex;} /* 쿠폰가 */ .new_main span.coupon { padding: 3px 5px; background-color: #222450; border-radius: 3px; color: #fff !important; font-size: 8px; margin-left: 5px;} /* 커팅 */ .new_main span.cut { padding: 3px 5px; background-color: #bcbcbc; border-radius: 3px; color: #fff !important; font-size: 8px !important; margin-left: 5px;} /*인기테마*/ .new_main .main-popularity {border-bottom: 1px solid #f3f3f3;} .new_main .main-popularity .main-popularity-cont {display: flex; justify-content: space-between;} .new_main .main-popularity .main-popularity-cont .m-popul-tab {text-align: left; margin-bottom: -30px; top: -25px; position: relative;} .new_main .main-popularity .main-popularity-cont .m-popul-tab li {text-align: left; font-size: 13px; color: #0d0e2f; font-weight: normal; width: 200px; align-items: center; margin-left: 0 !important; padding-top: 13px; } .new_main .main-popularity .main-popularity-cont .m-popul-tab li.active-tab { font-weight: normal;} .new_main .main-popularity .main-popularity-cont .m-popul-tab li.active-tab:after {position: absolute; content:""; display:inline-block; vertical-align:middle; width:21px; height:21px; margin-top: 0px; background:url('/re_181207/images/up_icon_01.png?t=1') top left no-repeat; margin-left:10px;} .new_main .main-popularity .main-popularity-cont .m-popul-con {*zoom:1;} .new_main .main-popularity .main-popularity-cont .m-popul-con > div {display:flex; justify-content: space-between} .new_main .main-popularity .main-popularity-cont .m-popul-con .m-popul-item {width:200px; height:200px; background:#fff; border-radius: 0px} .new_main .main-popularity .main-popularity-cont .m-popul-con .m-popul-item a {display:block; width:200px; height:200px; text-align:center; padding-top:20px; box-sizing:border-box; position: relative} .new_main .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dl {margin-top:5px;} .new_main .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dt {border: 1px solid #f3f3f3; font-size: 12px; color: #828282; line-height: 15px; padding: 5px 0; margin: 0 60px 10px; border-radius: 0px} .new_main .main-popularity .main-popularity-cont .m-popul-con .m-popul-item dd {font-size:14px; color:#323232;line-height:16px;font-weight: 500;} /*신상품 - 사이즈 big */ /* .new_main .brand_new {padding: 70px 0 70px !important; background-color: #f3f3f3;} .new_main .brand_new .new_list {display: flex; height:auto;} .new_main .brand_new .new_list li {position:relative; width:332px; height:auto ;margin:0 25px 70px 0;} .new_main .brand_new .new_list li div.cover {padding: 30px 0 0px; height:320px; margin: 30px 0 -75px; cursor: pointer; overflow: hidden; transition: all .2s; border-radius: 12px;} .new_main .brand_new .new_list li div.cover img {position: relative; top: -45px; width: 340px;} .new_main .brand_new .new_list li div.cover:hover {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .brand_new .new_list li div.cover.active {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .brand_new .new_list li div.info {position: relative; top: -60px;} .new_main .brand_new .new_list li div.info h4 {height: 24px; font-size: 16px; line-height: 1.5; color: #191919; text-align: center;} .new_main .brand_new .new_list li div.acc img {height: 317px;} 악세사리 전용 .new_main .brand_new_swiper {position:relative; margin-top:30px; width: 1200px; margin: auto; height: 375px;} .new_main .brand_new_swiper .swiper-button-prev {top: 250px; width:20px; height:38px; left:-30px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat; background-size:100%} .new_main .brand_new_swiper .swiper-button-next {top: 250px; width:20px; height:38px; right:40px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat; background-size:100%} .new_main .brand_new_swiper .swiper-button-prev:after, .brand_new_swiper .swiper-button-next:after {display:none;} .new_main .brand_new_swiper .swiper-button-disabled {opacity:0.2 !important} */ .new_main .brand_new {padding: 70px 0 100px !important; background-color: #f3f3f3;} .new_main .brand_new .new_list {display: flex; height:auto;} .new_main .brand_new .new_list li { position: relative; width: 250px; height: auto; margin: 0 25px 0px 0;} .new_main .brand_new .new_list li div.cover {padding: 30px 0 0px; height: 230px; margin: 30px 0 -75px; cursor: pointer; overflow: hidden; transition: all .2s; border-radius: 12px;} .new_main .brand_new .new_list li div.cover img {position: relative; top: -45px; width: 250px;} .new_main .brand_new .new_list li div.cover:hover {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .brand_new .new_list li div.cover.active {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .brand_new .new_list li div.info {position: relative; top: -60px;} .new_main .brand_new .new_list li div.info h4 {height: 24px; font-size: 16px; line-height: 1.5; color: #191919; text-align: center;} .new_main .brand_new .new_list li div.acc img {height: 317px;} /* 악세사리 전용 */ .new_main .brand_new_swiper { padding-top: 30px; position: relative; margin-top: 30px; width: 1200px; margin: auto; height: 250px;} .new_main .brand_new_swiper .swiper-button-prev {top: 250px; width:20px; height:38px; left:-30px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat; background-size:100%} .new_main .brand_new_swiper .swiper-button-next {top: 250px; width:20px; height:38px; right:40px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat; background-size:100%} .new_main .brand_new_swiper .swiper-button-prev:after, .brand_new_swiper .swiper-button-next:after {display:none;} .new_main .brand_new_swiper .swiper-button-disabled {opacity:0.2 !important} /* 플레이버튼 */ .new_main .brand_new .top_play { z-index: 9; position: absolute; top: -30px; height: 40px; width: 90px; left: auto; right: 0px !important; box-sizing: border-box;} .new_main .brand_new .top_play:before {content: ''; background-color:transparent; position: absolute; width: 90px; height: 40px;opacity:0.8; border-radius:32px;} /* 화살표 */ .new_main .brand_new .top_play .swiper-button-prev {opacity:0.5; left: 13px; position:absolute; width:20px; height:20px; top: 20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_p.png?t=1); background-size: cover; cursor: pointer; transition:0.3s; margin-top: -10px!important;} .new_main .brand_new .top_play .swiper-button-next {opacity:0.5; left: 57px; position:absolute; width:20px; height:20px; top: 20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_n.png?t=1); background-size: cover; cursor: pointer; transition:0.3s;margin-top: -10px!important;} .new_main .brand_new .top_play .swiper-button-prev:hover, .main_bigban .top_play .swiper-button-next:hover {transition:.3s; opacity:1; } /* 재생 */ .new_main .brand_new .top_play .swiper-pause {opacity:0.5; position:absolute; z-index:999; width:20px; height:20px; top: 26%; left: 36px; background: url(https://stay.publog.co.kr/re_181207/images/icon_stop.png?t=1); background-size: cover; cursor: pointer; transition:0.3s} .new_main .brand_new .top_play .swiper-play {opacity:0.5; position:absolute; z-index:999; width:20px; height:20px; top: 26%; left: 37px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play.png?t=1); background-size: cover; cursor: pointer; transition:0.3s} .brand_new .top_play .swiper-play, .top_play .swiper-pause {display: none;} .brand_new .top_play .swiper-play:hover, .top_play .swiper-pause:hover {display: none; opacity:1; transition:.3s} .brand_new .top_play .swiper-play.active, .top_play .swiper-pause.active {display:block;} /*HOW TO*/ .new_main .wrap {width: 100%; background: #2a2952 url(/re_181207/images/bottom_bg.jpg) no-repeat;} .new_main .publtube_box {display:flex; justify-content: space-between; width: 1200px; margin:0 auto; box-sizing: border-box;} .new_main .publtube_box .publtube_view {padding:10px 0 20px 0; overflow: hidden; box-sizing: border-box} .new_main .publtube_box .publtube_view iframe {width: 830px; height:470px; border-radius: 10px} .new_main .publtube_box .publtube_view .publtube_thumb {display:flex; justify-content: center; align-items: center; width:825px; height:470px; border-radius: 10px; cursor: pointer;} .new_main .publtube_box .publtube_view .publtube_thumb .play_btn {width:60px; filter: drop-shadow(0 15px 10px rgba(140, 142, 166, 0.2)); transition:all .2s;} .new_main .publtube_box .publtube_view .publtube_thumb:hover .play_btn {transform:translateY(-10px);} .new_main .publtube_box .publtube_list {width:380px; height:480px; overflow-y: scroll; overflow-x: hidden; box-sizing: border-box;} .new_main .publtube_box .publtube_list .mCSB_container {padding:10px 20px 20px 25px; overflow: inherit;} .new_main .publtube_box .publtube_list .mCSB_dragger_bar {background: #fff !important;} .new_main .publtube_box .publtube_list li {display:flex; align-items: center; width:330px; height:120px; margin-bottom:20px; background:#f7f7f7; cursor: pointer; border-radius: 10px; overflow: hidden; transition:all .2s;} .new_main .publtube_box .publtube_list li:last-child {margin-bottom:0;} .new_main .publtube_box .publtube_list li img {width:155px;} .new_main .publtube_box .publtube_list li div {margin-left:30px;} .new_main .publtube_box .publtube_list li h4 {font-size:14px; color:#1a1a1a; letter-spacing: 0.6px;} .new_main .publtube_box .publtube_list li p {margin-top:12px; font-family: 'Montserrat','YoonGothicPro720', sans-serif; font-size:12px; color:#666; letter-spacing: 0.6px;} .new_main .publtube_box .publtube_list li:hover {transform:translateY(-10px);box-shadow:0 20px 20px -3px rgba(140, 142, 166, 0.5);} .new_main .publtube_box .publtube_list li.active {transform:translateY(-10px);box-shadow:0 20px 20px -3px rgba(140, 142, 166, 0.5);} /* 중간배너 */ .new_main .main_center_ban h3 p {font-weight:bold; margin-top: 30px; color:#006c8b; } .new_main .main_center_ban h3 .sub { margin-top: 28px; color: #333; font-size: 30px;} .new_main .main_center_ban .sub_text_text2 { margin-top: 0px; font-size: 14px; color: #333; font-weight: 300; line-height: 28px;} .new_main .main_center_ban > div div {padding-top: 0px !important; text-align: left;} .new_main .main_center_ban a:hover {background: #7cbbd9; transition: .2s;} .new_main .main_center_ban .m_btn:hover {background:#7cbbd9; color:#fff;} .new_main .main_center_ban .m_btn span {font-weight: bold;} .new_main .main_center_ban span { color: #000; display: inline-block; font-size: 25px; font-weight: 600; margin-top: 20px;} .new_main .main_center_ban span em {font-size:16px; font-style: normal; font-weight:300; color:#999; text-decoration:line-through} .new_main .main_center_ban span span {font-size:20px; font-weight:300;} /* 베스트셀러 */ .new_main .main-best {background:#fff; padding:80px 0; width: 100%; height: 1200px;} .new_main .main-best .main-best-cont:after {content:""; display:block; clear:both;} .new_main .main-best .main-best-cont .main-best-item {float:left; width:370px; height:550px; margin-left:45px;} .new_main .main-best .main-best-cont .main-best-item:nth-child(3n-2) {margin-left:0;} .new_main .main-best .main-best-cont .main-best-item a {display:block;} .new_main .main-best .main-best-cont .main-best-item .best-thumb {position: relative; height: 400px; background-color: #f3f3f3; display: flex; align-items: center; border-radius: 0px; transition:all .2s;} .new_main .main-best .main-best-cont .main-best-item .best-thumb img {width:370px; image-rendering: -webkit-optimize-contrast; } .new_main .main-best .main-best-cont .main-best-item .best-thumb:hover { -webkit-box-shadow: 2px 2px 8px #cac9c9; -moz-box-shadow: 2px 2px 8px #cac9c9; -o-box-shadow: 2px 2px 8px #cac9c9; -ms-box-shadow: 2px 2px 8px #cac9c9; box-shadow: 2px 2px 8px #cac9c9;} .new_main .main-best .main-best-item .main .main-best-item .best-thumb img {margin-top: -50px;} .new_main .main-best .main-best-cont .main-best-item .best-info {position:relative; margin-top:30px; padding:0 7px; text-align: left;} .new_main .main-best .main-best-cont .main-best-item .best-info span.label {position: absolute; top: -55px;right: 20px;} .new_main .main-best .main-best-cont .main-best-item .best-info span.label img {width:50px} .new_main .main-best .main-best-cont .main-best-item .best-info .best-stt {font-size:17px; font-family:'Montserrat','YoonGothicPro760',sans-serif; color:#000000; position: relative} .new_main .main-best .main-best-cont .main-best-item .best-info .best-disc {margin:8px 0; font-size:13px; color:#999;} .new_main .main-best .main-best-cont .main-best-item .best-info .best-price {position: absolute; bottom: 0px;right: 7px; font-size:13px; color:#585858 !important;} .new_main .main-best .main-best-cont .main-best-item .best-info .best-price span.coupon {font-size: 12px; color: #333;} /* 주석 */ .new_main .main-best .main-best-cont .main-best-item:nth-child(n+3) {margin-top: auto;} .new_main .main-best .main-best-cont .main-best-item:nth-child(even) {float: left;} /* 리스트 간격 */ .new_main .main-print .main-print-cont .main-print-item .print-thumb {border-radius: 0px;} .new_main .main-print .main-print-cont .main-print-item:nth-child(n+4) {height: 323px !important;} /*검색창 추가 23.11.06*/ /*검색창*/ .search_wrap { position: absolute; margin-left: 332px; top:4px;} .search_wrap .searching_wrap { position: relative; display: flex; align-items: center; height: 26px; border-radius: 32px; border: none; margin-left: -15px; background: #f7f7f7; width: 248px;z-index: 9990;} .search_wrap .searching_wrap .input_search { background: none; width: 210px; height: 26px; border-radius: 32px; border: 0px solid #e6e6e6; text-indent: 14px; font-size: 11.5px; } .search_wrap .searching_wrap .icon_search { position: absolute; right: 0; top: 0; margin: auto; width: 25px; height: 25px; background: transparent url(https://www.publog.co.kr/gnb/new/ico_search.png?a=1) no-repeat 2px 7px; background-size: 12px auto; cursor: pointer; } .search_wrap .searching_wrap .input_search::placeholder { color: #999; margin-right: 0px;} /*검색 내역 팝업 off (기본값)*/ .search_wrap .search_dropdown_wrap { display: none; position: absolute; width: 222px; height: auto; top: 27px; left: 0; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border: 1px solid #dedede; z-index: 9; background: #fff;} /*검색 내역 팝업 on*/ .search_wrap .search_dropdown_wrap.on { display: block!important; z-index: 9991;} /*검색 내역 팝업 영역*/ .search_wrap .search_dropdown_wrap .search_txt { min-height: 100px; max-height: 250px; overflow: hidden;} /*검색 내역 팝업: 검색 내역 없음*/ .search_wrap .search_dropdown_wrap ul .no-result { height: 177px;} .search_wrap .search_dropdown_wrap ul .no-result > p { position: relative; top: 50%; text-align: center; transform: translateY(-50%); font-size: 12px;} /*검색 내역 팝업: 검색 내역*/ .search_wrap .search_dropdown_wrap ul { display: flex; flex-direction: column; justify-content: flex-start; margin: 12px 0px 10px 0px;} .search_wrap .search_dropdown_wrap ul li { display: flex; align-items: center; flex-flow: nowrap; justify-content: space-between; height: 22px; margin-bottom: 3px; padding: 0 14px; text-align: left; border: 0px!important;} .search_wrap .search_dropdown_wrap ul .search_txt_con { font-size: 12px; overflow: hidden; flex: 1; padding-right: 5px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; color: #848588;} .search_wrap .search_dropdown_wrap ul .close { padding: 0!important; width: 16px; height: 16px; background-color: transparent!important; background-image: url(https://biz.publog.co.kr/include/img/main/ico_search_close.png?t=1)!important; background-position: 50%!important; background-repeat: no-repeat!important; background-size: 8px!important;} .search_wrap .search_dropdown_wrap ul li.no_result { text-align: center; width: 100%; font-size: 12px; margin: 23px;} /*검색 내역 삭제*/ .search_wrap .search_dropdown_wrap > .btn_group { display: flex; flex-flow: row nowrap; justify-content: flex-end; bottom: 0; border-top: 1px solid #dedede; width: 100%; height: 26px;} .search_wrap .search_dropdown_wrap > .btn_group > span { cursor: pointer; font-size: 11px; text-align: right; color: #9a9a9a; display: inline-block; margin-right: 12px; margin-top: 1px;} /*main_update*/ .new_main .update {padding: 100px 0 70px !important; background-color: #fff;} .new_main .update_rap_width {width: 1200px; overflow: hidden; margin: auto;} .new_main .update .new_list {display: flex; height:auto; margin: 40px 0;} .new_main .update .new_list li {position:relative; width:320px; height:320px; margin:0 25px 0 0;} .new_main .update .new_list li div.cover {height:320px; cursor: pointer; overflow: hidden; transition: all .2s; border-radius: 12px;} .new_main .update .new_list li div.cover img {position: relative; top: 0px; width: 100%; height: 100%;} .new_main .update .new_list li div.cover:hover {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .update .new_list li div.cover.active {transform:translateY(-2px); box-shadow:5px 5px 10px rgba(0, 0, 0, 0.09);} .new_main .update .new_list li div.info {position: relative; top: -60px;} .new_main .update .new_list li div.info h4 {height: 24px; font-size: 16px; line-height: 1.5; color: #191919; text-align: center;} .new_main .update .new_list li div.acc img {height: 317px;} /* 악세사리 전용 */ .new_main .update_swiper {position:relative; margin-top:30px; width: 1200px; margin: auto; } .new_main .update_swiper .swiper-button-prev {top: 250px; width:20px; height:38px; left:-30px; background:url('/apparel/img/main/prev@2x.png?t=1') no-repeat; background-size:100%} .new_main .update_swiper .swiper-button-next {top: 250px; width:20px; height:38px; right:40px; background:url('/apparel/img/main/next@2x.png?t=1') no-repeat; background-size:100%} .new_main .update_swiper .swiper-button-prev:after, .update_swiper .swiper-button-next:after {display:none;} .new_main .update_swiper .swiper-button-disabled {opacity:0.2 !important} /* 플레이버튼 */ .new_main .update .top_play { z-index: 9; position: absolute; top: -120px; height: 40px; width: 90px; left: auto; right: 0px !important; box-sizing: border-box;} .new_main .update .top_play:before {content: ''; background-color:transparent; position: absolute; width: 90px; height: 40px;opacity:0.8; border-radius:32px;} /* 화살표 */ .new_main .update .top_play .swiper-button-prev {opacity:0.5; left: 13px; position:absolute; width:20px; height:20px; top: 20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_p.png?t=1); background-size: cover; cursor: pointer; transition:0.3s; margin-top: -10px!important;} .new_main .update .top_play .swiper-button-next {opacity:0.5; left: 57px; position:absolute; width:20px; height:20px; top: 20px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play_n.png?t=1); background-size: cover; cursor: pointer; transition:0.3s;margin-top: -10px!important;} .new_main .update .top_play .swiper-button-prev:hover, .main_bigban .top_play .swiper-button-next:hover {transition:.3s; opacity:1; } /* 재생 */ .new_main .update .top_play .swiper-pause {opacity:0.5; position:absolute; z-index:999; width:20px; height:20px; top: 26%; left: 36px; background: url(https://stay.publog.co.kr/re_181207/images/icon_stop.png?t=1); background-size: cover; cursor: pointer; transition:0.3s} .new_main .update .top_play .swiper-play {opacity:0.5; position:absolute; z-index:999; width:20px; height:20px; top: 26%; left: 37px; background: url(https://stay.publog.co.kr/re_181207/images/icon_play.png?t=1); background-size: cover; cursor: pointer; transition:0.3s} .update .top_play .swiper-play, .top_play .swiper-pause {display: none;} .update .top_play .swiper-play:hover, .top_play .swiper-pause:hover {display: none; opacity:1; transition:.3s} .update .top_play .swiper-play.active, .top_play .swiper-pause.active {display:block;} /* <-- new_main_230105 */ /*비팩 > 퍼블 컨텐츠 메뉴영역*/ .content_wrap_new .tab_new ul.tab_btn_wrap > li {width:20%; margin:0 !important; border:none !important; display: table; float: left; width: 50%; height: 60px; font-size: 16px; color: #888; text-align: center; cursor: pointer; border: 1px solid #d4d4d4; border-bottom: 1px solid #000; box-sizing: border-box;} /*이벤트 상단*/ .sameday_delivery2 .delivery_pop a { color:#fff} /*gnb 와이드 배너*/ .wide_ban { overflow: hidden; position: relative; left: -20px; width: 1200px !important;} .wide_ban .wide_ban_img { width: 100%; height: 540px; } .wide_ban .wide_ban_txt {position: absolute; font-family: 'Montserrat', 'YoonGothicPro720', sans-serif; font-size: 15px; font-weight: 100; color: #333; line-height: 31px; bottom: 216px; left: 70px;} .wide_btn_wrap {position: absolute; left: 70px; bottom: 100px; } .wide_btn_wrap .wide_btn {display: inline-block; padding: 15px 25px; background: #fff; border-radius: 30px; box-sizing: border-box; transition: .2s; background: #222450; ; color: #fff; margin-right: 10px;} .wide_btn_wrap .wide_btn:hover {background: #464a8c;} .wide_btn_wrap .wide_btn img { position: relative; bottom: -3px; width: 12px; margin-left: 10px; vertical-align: inherit;} /* 메인 플레이버튼 */ .main_bigbanRolling .top_play{ margin-left: -600px !important;} /*메인_테마샵*/ .new_main .themeshop {background-color: #fff; width: 1200px; overflow: hidden; margin: auto;} .new_main .themeshop .new_list {display: flex; height:auto;} .new_main .themeshop .new_list li {position:relative; width:240px; height:auto ;margin:0 25px 0 0;} .themeshop .themeshop_swiper .thumbnail { overflow: hidden; position: relative; background-color: #f4f4f4; width: 200px; height: 200px; margin: 0 auto; border-radius: 100%; box-sizing: border-box;} .themeshop .themeshop_swiper .thumbnail img {width: 208px; margin-left: -3px;} .themeshop .themeshop_swiper .round-swiper_text {padding-top: 2vw; color: #333; font-size: 16px; text-align: center; white-space: nowrap;}