@charset "utf-8"; @import url('operate_soo.css'); @import url('operate_jeong.css'); @import url('operate2.css'); /* Neue Helvetica Font */ @import url("//fast.fonts.net/t/1.css?apiType=css&projectid=6e46f05f-9a4a-483b-a6b2-3f6c75e30e84"); @font-face{ font-family:"Helvetica Neue LT"; font-weight:600; src:url("/data/aland_data/fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix"); src:url("/data/aland_data/fonts/8a6c3e5a-88a5-430c-91d8-7767ce971d12.eot?#iefix") format("eot"),url("/data/aland_data/fonts/531c5a28-5575-4f58-96d4-a80f7b702d7b.woff2") format("woff2"),url("/data/aland_data/fonts/439c5962-f9fe-4eaf-a1f6-f41d42edba75.woff") format("woff"),url("/data/aland_data/fonts/419a308d-b777-4f84-9235-2caf4a98ec23.ttf") format("truetype"),url("/data/aland_data/fonts/e4d5b881-6835-45b7-8766-3e5b9e7cab8b.svg#e4d5b881-6835-45b7-8766-3e5b9e7cab8b") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:100; src:url("/data/aland_data/fonts/5a8efdbd-f37d-42c7-ad39-292c78df0827.eot?#iefix"); src:url("/data/aland_data/fonts/5a8efdbd-f37d-42c7-ad39-292c78df0827.eot?#iefix") format("eot"),url("/data/aland_data/fonts/e8a9082a-31b7-436c-9097-494864f0ca7b.woff2") format("woff2"),url("/data/aland_data/fonts/46003a63-b31f-4360-b27d-16e9ac8d751d.woff") format("woff"),url("/data/aland_data/fonts/3b6605b6-5c19-402a-836a-83f4a60fa09f.ttf") format("truetype"),url("/data/aland_data/fonts/d3e0b770-b1b3-4ca1-9265-f3568c3096fd.svg#d3e0b770-b1b3-4ca1-9265-f3568c3096fd") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:200; src:url("/data/aland_data/fonts/00fd3900-c52c-41f7-8a04-76efff1f972b.eot?#iefix"); src:url("/data/aland_data/fonts/00fd3900-c52c-41f7-8a04-76efff1f972b.eot?#iefix") format("eot"),url("/data/aland_data/fonts/d4156fb9-3622-47c4-a30a-9f6c076c610f.woff2") format("woff2"),url("/data/aland_data/fonts/efce9deb-ab80-471e-9d0c-035e71d96c2d.woff") format("woff"),url("/data/aland_data/fonts/b8d41fb0-3ad2-4c27-8ac4-b0397bb04545.ttf") format("truetype"),url("/data/aland_data/fonts/46ace970-7a2c-47f8-9b19-a13b73196611.svg#46ace970-7a2c-47f8-9b19-a13b73196611") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:300; src:url("/data/aland_data/fonts/3d98b1d7-6e5f-489d-9958-fceb44e19c7b.eot?#iefix"); src:url("/data/aland_data/fonts/3d98b1d7-6e5f-489d-9958-fceb44e19c7b.eot?#iefix") format("eot"),url("/data/aland_data/fonts/752e6c6e-dc02-4393-b814-68a65b594fac.woff2") format("woff2"),url("/data/aland_data/fonts/f1892c57-7a6d-457f-9029-d3938c1e80e1.woff") format("woff"),url("/data/aland_data/fonts/706e49b2-facd-4382-80c3-6f253c65c226.ttf") format("truetype"),url("/data/aland_data/fonts/584efe58-6490-411e-ae09-f6556847d0b5.svg#584efe58-6490-411e-ae09-f6556847d0b5") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:400; src:url("/data/aland_data/fonts/a58359b2-ab6c-4eb7-a2ed-b567c68b3388.eot?#iefix"); src:url("/data/aland_data/fonts/a58359b2-ab6c-4eb7-a2ed-b567c68b3388.eot?#iefix") format("eot"),url("/data/aland_data/fonts/02963ef0-dbb8-4ec9-a06d-939c6f252739.woff2") format("woff2"),url("/data/aland_data/fonts/411f40ef-ca35-4f60-93ce-b394d5485b62.woff") format("woff"),url("/data/aland_data/fonts/aee958bd-461a-4843-929b-4127e918a85e.ttf") format("truetype"),url("/data/aland_data/fonts/a5239550-7c80-4408-8598-671485ac7994.svg#a5239550-7c80-4408-8598-671485ac7994") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:500; src:url("/data/aland_data/fonts/3d3afd39-c4ed-4665-92fe-09017646d159.eot?#iefix"); src:url("/data/aland_data/fonts/3d3afd39-c4ed-4665-92fe-09017646d159.eot?#iefix") format("eot"),url("/data/aland_data/fonts/1eb76d85-4078-4440-8c8a-49a9a374e918.woff2") format("woff2"),url("/data/aland_data/fonts/184bd314-b4a6-4db6-833a-18bba78873a2.woff") format("woff"),url("/data/aland_data/fonts/f5e341d0-94b2-415e-9a31-8460aafc2af3.ttf") format("truetype"),url("/data/aland_data/fonts/7637fa36-5d49-4b95-b444-e65a15f55ce5.svg#7637fa36-5d49-4b95-b444-e65a15f55ce5") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:700; src:url("/data/aland_data/fonts/c2f5d987-5e8d-45c9-9d2a-47b4afa1a679.eot?#iefix"); src:url("/data/aland_data/fonts/c2f5d987-5e8d-45c9-9d2a-47b4afa1a679.eot?#iefix") format("eot"),url("/data/aland_data/fonts/c431f563-3e4b-43a5-9ae0-9ecf7c2f9f0d.woff2") format("woff2"),url("/data/aland_data/fonts/3e0db264-6719-473d-98e5-68979bb2d5ad.woff") format("woff"),url("/data/aland_data/fonts/59c04c82-b450-46e1-a5b4-729f09643dda.ttf") format("truetype"),url("/data/aland_data/fonts/91ac33a3-d2a2-48ac-a066-d241ef29ca2d.svg#91ac33a3-d2a2-48ac-a066-d241ef29ca2d") format("svg"); } @font-face{ font-family:"Helvetica Neue LT"; font-weight:800; src:url("/data/aland_data/fonts/e176b4e3-e40b-4be1-a158-9f880a1a00cf.eot?#iefix"); src:url("/data/aland_data/fonts/e176b4e3-e40b-4be1-a158-9f880a1a00cf.eot?#iefix") format("eot"),url("/data/aland_data/fonts/321bb10f-cb9a-46d2-9389-dae0b73f6aeb.woff2") format("woff2"),url("/data/aland_data/fonts/ad9502d9-27d7-410c-8f37-a775215c8543.woff") format("woff"),url("/data/aland_data/fonts/cdf28596-3a71-4d20-9309-9556739910b6.ttf") format("truetype"),url("/data/aland_data/fonts/13009157-dd24-48fb-be82-4edb84f68f92.svg#13009157-dd24-48fb-be82-4edb84f68f92") format("svg"); } /* This CSS resource incorporates links to font software which is the valuable copyrighted property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install, redistribute, convert, modify or reverse engineer this font software. Please contact Monotype Imaging with any questions regarding Web Fonts: http://www.fonts.com */ /******************************** color definition *******************************/ :root { --yellow: #fecf33; --yellow-10pc: rgba(254, 207, 51, 0.1); --yellow-15pc: rgba(254, 207, 51, 0.15); --yellow-30pc: rgba(254, 207, 51, 0.3); --yellow-50pc: rgba(254, 207, 51, 0.5); --yellow-70pc: rgba(254, 207, 51, 0.7); --pale-orange: #ffcb03; --light-orange: #fdbd39; --light-orange-15pc: rgba(253, 189, 57, 0.15); --light-orange-50pc: rgba(253, 189, 57, 0.5); --orange: #f69833; --orange-15pc: rgba(246, 152, 51, 0.15); --orange-30pc: rgba(246, 152, 51, 0.3); --peach: #ee6723; --peach-15pc: rgba(238, 103, 35, 0.15); --peach-30pc: rgba(238, 103, 35, 0.3); --peach-70pc: rgba(238, 103, 35, 0.7); --peach-85pc: rgba(238, 103, 35, 0.85); --grapefruit: #ff5500; --slack-green: #3eb890; --slack-pink: #e01765; --light-green: #c8cf2d; --light-green-15pc: rgba(200, 207, 45, 0.15); --light-green-30pc: rgba(200, 207, 45, 0.3); --light-green-50pc: rgba(200, 207, 45, 0.5); --turquoise: #0dcfda; --turquoise-15pc: rgba(13, 207, 218, 0.15); --turquoise-30pc: rgba(13, 207, 218, 0.3); --cornflower-blue: #419bf9; --cornflower-blue-20pc: rgba(65, 154, 249, 0.2); --cornflower-blue-50pc: rgba(65, 154, 249, 0.5); --cornflower-blue-15pc: rgba(65, 154, 249, 0.15); --whitey: #f2f2f2; --whitey-90pc: rgba(242, 242, 242, 0.9); --whitey-50pc: rgba(242, 242, 242, 0.5); --whitey-30pc: rgba(242, 242, 242, 0.3); --whitey-15pc: rgba(242, 242, 242, 0.15); --white-20pc: rgba(255, 255, 255, 0.2); --white-50pc: rgba(255, 255, 255, 0.5); --white-70pc: rgba(255, 255, 255, 0.7); --white-80pc: rgba(255, 255, 255, 0.8); --white-90pc: rgba(255, 255, 255, 0.9); --dot-bg: rgba(227, 231, 237, 0.5); --warm-gray: #bcb5b9; --warm-gray-70pc: rgba(188, 181, 185, 0.7); --warm-gray-60pc: rgba(188, 181, 185, 0.6); --warm-gray-50pc: rgba(188, 181, 185, 0.5); --warm-gray-30pc: rgba(188, 181, 185, 0.3); --maroon: #574751; --maroon-70pc: rgba(87, 71, 81, 0.7); --maroon-60pc: rgba(87, 71, 81, 0.6); --maroon-50pc: rgba(87, 71, 81, 0.5); --maroon-30pc: rgba(87, 71, 81, 0.3); --maroon-20pc: rgba(87, 71, 81, 0.2); --maroon-15pc: rgba(87, 71, 81, 0.15); --maroon-10pc: rgba(87, 71, 81, 0.1); --code-bg: #474e5d; --code-blue: #27f4ff; --code-green: #c3ff5b; --light-gray: #f6f6f6; --middle-gray: #eae8ea; --earth: #a2573a; } /********************************** layout **********************************/ #document {position:relative; width:100%; min-width:1180px; padding-top:126px;} #document:after {content:""; display:block; clear:both;} [id|='divpop']{z-index:100000;} /* header */ #header {position:fixed; z-index:1001; top:0; left:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; background:rgba(255,255,255,0.94);} .wrap-header-fixed.position-type #header {position:absolute;} .wrap-header-fixed.position-type {position:relative; z-index:102;} .wrap-header-fixed.on .wrap-header-content {background:#000; height:60px !important;} .wrap-header-fixed.on .wrap-header-content h1 {top:15px; margin-left:-47px;} .wrap-header-fixed.on .wrap-header-content h1 a:not(.hidden-title) {height:0; margin-top:0;} .wrap-header-fixed.on .wrap-header-content .hidden-title {opacity:1;} .wrap-header-fixed.on .wrap-user-utill {top:15px; right:40px;} .wrap-header-fixed.on .wrap-select-lang .selected, .wrap-header-fixed.on .wrap-select-lang .select-lang a {border-color:#fff !important; color:#fff !important;} .wrap-header-fixed.on .wrap-select-lang .select-lang a:hover {background:#fff !important; color:#111 !important;} .wrap-header-fixed.on .wrap-utill .login-join > a, .wrap-header-fixed.on .wrap-utill .wrap-my-area > a, .wrap-header-fixed.on .wrap-utill .wrap-wishlist-area > a, .wrap-header-fixed.on .wrap-cart-area > a {color:#fff !important;} .wrap-header-fixed.on .wrap-wishlist-area i:after {background-position:-227px -357px;} .wrap-header-fixed.on .wrap-wishlist-area .wishlist #wishlist_total_cnt {border-color:#fff; background:#fff; color:#111;} .wrap-header-fixed.on .wrap-cart-area .cart:before {background-position:-227px -418px;} .wrap-header-fixed.on .wrap-header-top {display:none;} .wrap-header-fixed.on .menu-inner a {height:50px; line-height:52px;} .wrap-header-top {position:relative; z-index:3;} .header-banner {overflow:hidden; position:relative; width:100%; /* margin-left:-40px; padding:0 40px; */ background-position:center top;} .header-banner .banner-link {position:relative; display:block; width:100%; height:120px; margin-left:-40px; padding:0 40px; text-align:center; background:#040612;} .header-banner .banner-link img {position:absolute; /* top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); */} .header-banner .banner-link a {display:block; position:absolute; top:0; left:50%; margin-left:-1280px;} /*.header-banner a.banner-close {display:block; position:absolute; top:15px; right:15px; z-index:50; width:45px; height:45px; background:url('../images/sprite.png') no-repeat -0 -573px; font:0/0 a;}*/ .header-banner a.banner-close {display:block;position:absolute;top:15px;right:15px;z-index:50;width:25px;height:25px;background: url('../images/sprite.png') no-repeat -456px -32px;font:0/0 a;} .header-info {position:relative; width:100%; height:44px; background:#f3f3f3; line-height:48px; text-align:center;} .header-info ul {position:absolute; top:0; right:30px; line-height:48px;} .header-info ul li {float:left;} .header-info ul li:first-child {margin-right:15px; padding-right:15px; background:url('../images/common/g_gap_01.gif') no-repeat right 20px;} .wraper-header-top {position:relative; z-index:3;} .wrap-header-content {position:relative; z-index:4; width:100%; min-width:1180px; height:75px; margin:0 auto; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease;border-bottom:1px solid #dcdcdc;} .wrap-header-content h1 {position:absolute; /*top:20px; left:50%; margin-left:-109px;*/ zoom:1;margin-left:50px;} .wrap-header-content > .change-cateogory {} .wrap-header-content h1 a {display:block; overflow:hidden; width:124px; height:36px; margin-top:16px; transition:height .6s ease; -webkit-transition:height .6s ease; -moz-transition:height .6s ease;} .wrap-header-content h1 img {width:124px; height:36px;} .wrap-header-content .hidden-title {display:block; opacity:0; width:29px; height:43px; margin:-8px 0 0 31px; background:url('../images/sprite.png') no-repeat -89px -297px; font:0/0 a; transition:opacity .8s ease; -webkit-transition:opacity .8s ease; -moz-transition:opacity .8s ease;} .wrap-user-utill {position:absolute; top:18px; right:56px;} .wrap-header-content .change-category {position:absolute;left:50%;margin-left:-70.5px;width:142px;display:inline-block;margin-top:28px;} .wrap-header-content .change-category-grafiker{position:absolute;left:50%;margin-left:-70.5px;width:142px;display:inline-block;margin-top:27px;} .wrap-header-content .change-category-grafiker .grafiker-title{font-size:33px;font-weight:600;color:#000;letter-spacing:-0.04em} .wrap-header-content .change-category-grafiker .grafiker-title img{width:105px} .wrap-header-content .change-category > .changecate-btn {display:inline-block;float:left;position:relative;cursor:pointer;} .wrap-header-content .change-category > .changecate-btn:nth-of-type(2) {margin-left:39px;} .wrap-header-content .change-category > .changecate-btn > .cate-text {color:rgba(0,0,0,0.34);font-size:15.2px;font-weight:600;} .wrap-header-content .change-category > .changecate-btn.active > .cate-text {color:#000;} .wrap-header-content .change-category > .changecate-btn.active > .wrap-bar {border-top: 2px solid #000;width: 18px;height: 2px;margin-left:-9px;left:50%;position:absolute;top:-6px;} .wrap-select-lang, .wrap-utill, .wrap-cart-area {display:inline-block; position:relative; vertical-align:top;} .wrap-select-lang {display:none !important;} .wrap-select-lang {padding-top:1px; font:0/0 a; cursor:pointer;} .wrap-select-lang .selected, .wrap-select-lang .select-lang a {display:inline-block; overflow:hidden; width:28px; height:28px; border-radius:50%; -webkit-border-radius:50%; -moz-bor1der-radius:50%; color:#111; font-size:11px; font-weight:400; line-height:30px; text-align:center; vertical-align:top;} .wrap-select-lang .selected {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border:2px solid #111; color:#111; line-height:26px;} .wrap-select-lang .select-lang {display:inline-block; overflow:hidden; width:0; white-space:nowrap; transition:width .6s ease; -webkit-transition:width .6s ease; -moz-transition:width .6s ease;} .wrap-select-lang .select-lang a {margin-left:10px;} .wrap-select-lang .select-lang a + a {margin-left:6px;} .wrap-select-lang .select-lang a:hover {background:#0f0f0f; color:#fff;} .wrap-select-lang.active .select-lang {width:106px;} .wrap-utill {display:inline-block; margin-left:13px;margin-top:6px;} .wrap-utill a {color:#000; font-size:11px; font-weight:700; line-height:2.53;letter-spacing:-0.3px;} .wrap-utill a + a {margin-left:20px;} .wrap-utill .space {position:relative; margin-left:20px; margin-right:20px;} /*.wrap-utill .space:after {content:''; position:absolute; top:1px; right:-23px; width:1px; height:8px; background:#ccc;}*/ .wrap-utill a:hover {color:#003e9f;} .wrap-utill > .login-join > .vertical-bar {display:inline-block;position: absolute;height: 13px;top: 7px;left: 44px;width:1px;background-color: #000;} .wrap-utill .login-join .login-form {position:fixed; top:0; right:-458px; z-index:1002; width:457px; height:100%; border-left:1px solid #222; background:#fff; transition:right .1s ease; -webkit-transition:right .1s ease; -moz-transition:right .1s ease;} .wrap-utill .login-join .login-form.active {right:0;box-shadow:-1px 0px 35px 0px #000;} .wrap-utill .login-join .login-form-inner {overflow-y:auto; box-sizing:border-box !important; -webkit-box-sizing:border-box !important; -moz-box-sizing:border-box !important; position:relative; width:100%; height:100%; padding:100px 43px 0;} .wrap-utill .login-join .login-form h2 {font-size:24px;font-weight:bold;line-height:38px;text-align:center;letter-spacing:-0.25px;color:#000;} .wrap-utill .login-join .login-form .menu-login {width:100%; margin-top:40px; font-size:0; text-align:center;} .wrap-utill .login-join .login-form .menu-login a {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:50%;height:50px;padding-top:19px;border-bottom:3px solid #e3e3e3; font-size:15px; font-weight:400; line-height:1;letter-spacing:0;color:#e3e3e3;} .wrap-utill .login-join .login-form .menu-login a.active{color:#000;border-bottom:3px solid #000;} .wrap-utill .login-join .login-form .menu-login a + a {margin-left:-3px;} .wrap-utill .login-join .login-form .menu-login a:hover:after, .wrap-utill .login-join .login-form .menu-login a.active:after, .wrap-utill .login-join .login-form .menu-login a + a:hover:after, .wrap-utill .login-join .login-form .menu-login a + a.active:after {content:none; display:block; height:3px; margin:9px auto 0 auto; background:#000; color:#111;} .wrap-utill .login-join .login-form .menu-login a:hover:after, .wrap-utill .login-join .login-form .menu-login a.active:after {width:43px;} .wrap-utill .login-join .login-form .menu-login a + a:hover:after, .wrap-utill .login-join .login-form .menu-login a + a.active:after {width:91px;} .wrap-utill .login-join .login-form .menu-login-search {width:100%; margin-top:40px; font-size:0; text-align:center;} .wrap-utill .login-join .login-form .menu-login-search a {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:50%;height:50px;padding-top:19px;border-bottom:3px solid #e3e3e3; font-size:15px; font-weight:400; line-height:1;letter-spacing:0;color:#e3e3e3;} .wrap-utill .login-join .login-form .menu-login-search a.active{color:#000;border-bottom:3px solid #000;} .wrap-utill .login-join .login-form .menu-login-search a + a {margin-left:-3px;} .wrap-utill .login-join .login-form .menu-login-search a:hover:after, .wrap-utill .login-join .login-form .menu-login-search a.active:after, .wrap-utill .login-join .login-form .menu-login-search a + a:hover:after, .wrap-utill .login-join .login-form .menu-login-search a + a.active:after {content:none; display:block; height:3px; margin:9px auto 0 auto; background:#000; color:#111;} .wrap-utill .login-join .login-form .menu-login-search a:hover:after, .wrap-utill .login-join .login-form .menu-login-search a.active:after {width:43px;} .wrap-utill .login-join .login-form .menu-login-search a + a:hover:after, .wrap-utill .login-join .login-form .menu-login-search a + a.active:after {width:91px;} .wrap-utill .login-join > .my-icon {background:url('../images/icon_my.png') no-repeat;width:28px;height:53px;font:0/0 a !important;display:block;float:right;} .wrap-utill .login-join .login-form .close-login-form {position:absolute; top:0; right:21px; display:block; width:30px; height:30px; padding-top:25px;font:0/0 a;text-align:center;} .wrap-utill .login-join .login-form .close-login-form:before {content:''; display:inline-block; width:21px; height:21px; background:url('../images/common/ico_x03.png') no-repeat;vertical-align:top;} .wrap-utill .login-join .login-form .back-login-form {position:absolute; top:0; left:0px; display:block; width:30px; height:30px;padding-top:25px;font:0/0 a; text-align:center;} .wrap-utill .login-join .login-form .back-login-form:before {content:''; display:inline-block; width:23px; height:22px; background:url('../images/common/icon_04.png') no-repeat; vertical-align:top;} .btn-nonmem-oderchk {display:block; overflow:hidden; position:fixed; right:-340px; bottom:0; transition:right .1s ease; -webkit-transition:right .1s ease; -moz-transition:right .1s ease; width:340px; height:54px; background:#123ad4; color:#fff !important; font-size:14px !important; text-align:center; line-height:56px !important;} .btn-nonmem-oderchk i:after {content:''; display:inline-block; width:11px; height:15px; margin:20px 0 0 12px; background:url('../images/sprite.png') no-repeat -666px -295px; -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); vertical-align:top;} .login-form.active .btn-nonmem-oderchk {right:0;} .wrap-my-area {display:inline-block; position:relative; height:32px; /*margin-left:12px;*/ /*padding:0 18px 20px 0;*/ vertical-align:top;} .wrap-my-area > .my-text {float:left;display:inline-block;color:#000;line-height:28px;margin-right:25px;height:53px;} .wrap-my-area > a.my-icon {background:url('../images/icon_my.png') no-repeat;width:28px;height:53px;font:0/0 a !important;display:block;float:right;} /*.wrap-my-area:after {content:''; display:block; position:absolute; top:11px; right:0; width:1px; height:8px; background:#ccc;}*/ .wrap-my-area > a:hover {color:#111;} .wrap-wishlist-area {display:inline-block; position:relative; height:32px; margin-left:20px; padding-bottom:20px; vertical-align:top;} .wrap-wishlist-area i {font:0/0 a;} .wrap-wishlist-area i:after {content:''; display:inline-block; width:23px; height:19px; margin:8px 16px 0 0; background:url('../images/sprite.png') no-repeat -227px -333px; background-size:1000px; vertical-align:top;} .wrap-wishlist-area .wishlist #wishlist_total_cnt {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:32px; height:32px; border:2px solid #000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font-size:13px; line-height:30px; text-align:center;} .wrap-wishlist-area .wishlist:hover #wishlist_total_cnt {border-color:#003e9f; background:#003e9f; color:#fff;} .wrap-wishlist-area a:hover {color:#111;} .wrap-cart-area {margin-left:28px; padding:0 0 20px 0;margin-top:2px;} .wrap-cart-area .cart {display:inline-block; font-weight:400; color:#111; font-size:11px; line-height:32px;} .wrap-cart-area .cart:before {content:''; display:inline-block; width:21px; height:28px; margin:4px 0 0 0; background:url('../images/icon_cart.png') no-repeat; vertical-align:top;} .wrap-cart-area .cart #cart_total_cnt {display:inline-block; overflow:hidden; width:22px; height:22px; margin-left:-9px; border-radius:50%; -webkit-border-radius:50%; -moz-bor1der-radius:50%; background:#003e9f; color:#fff; font-size:13px; line-height:22px; text-align:center; vertical-align:middle;position:absolute;} #cart-detail, #wishlist-detail, #my-detail {display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:52px; right:-1px; width:280px; height:444px; padding:38px 1px 0 19px; border:1px solid #000; background:#fff;} #cart-detail:before, #wishlist-detail:before, #my-detail:before {content:''; display:block; position:absolute; top:-12px; right:7px; width:21px; height:12px; background:url('../images/sprite.png') no-repeat -64px 0;} #wishlist-detail:before {right:114px;} #my-detail:before {right:95px;} #wishlist-detail {right:-109px;} #my-detail {padding:19px 0 0 0; height:528px; right:-93px;} /* #my-detail {padding:19px 0 0 0; height:505px; right:-201px;} */ #cart-detail h2, #wishlist-detail h2 {font-size:14px; font-weight:800; line-height:1.1; text-transform:uppercase;} #cart-detail h2 span, #wishlist-detail h2 span {margin-left:5px; font-weight:600;} #cart-detail .check-all-area {margin-top:25px;} #cart-detail .btn-area, #wishlist-detail .btn-area {margin-top:20px; padding-right:19px; font:0/0 a; text-align:center;} #cart-detail .btn-area a {width:50%;} #wishlist-detail .close, #cart-detail .close {position:absolute; top:15px; right:15px; width:14px; height:14px; background:url('../images/sprite.png') no-repeat -95px 0; font-size:0;} /* #cart-detail .btn-area:hover a {background:#000; border:1px solid #000; color:#fff !important;} #cart-detail .btn-area a + a:hover {color:#111 !important;background:#fff;border:1px solid #222;} #cart-detail .btn-area a:hover + a {color:#111 !important;background:#fff;border:1px solid #222;} */ #wishlist-detail .btn-area a {width:240px;text-transform:uppercase;} #cart-detail .no-content, #wishlist-detail .no-content {padding:100px 0 !important; color:#111;} #my-detail .user-area {width:240px; height:128px; margin:0 auto; padding-top:42px; background:url('../images/sprite.png') no-repeat -1760px 0; text-align:center;} /* #my-detail .user-area {width:240px; height:91px; margin:0 auto; padding-top:27px; background:url('../images/sprite.png') no-repeat -1760px -180px; text-align:center;} */ #my-detail .user-area em {display:inline-block; overflow:hidden; min-width:179px; margin-top:6px; background:#fff; color:#111; font-size:11px; font-weight:400; text-transform:uppercase; vertical-align:top;} #my-detail .user-area em span {color:#777; font-weight:200;} #my-detail .shopping-info-summary {width:239px; margin:30px auto 0 auto; font-size:0; text-align:center;} #my-detail .shopping-info-summary a em {display:inline-block; width:110px; color:#111; font-size:11px; line-height:1.1; letter-spacing:0;} #my-detail .shopping-info-summary a em .font-en {font-weight:600;} html[lang="ko"] #my-detail .shopping-info-summary a em {width:64px;} #my-detail .shopping-info-summary a em:before {content:''; display:block; width:30px; height:30px; margin:0 auto 22px auto; background:url('../images/sprite.png') no-repeat -65px -34px;} #my-detail .shopping-info-summary a.coupon em:before {width:37px; background-position:-97px -34px;} #my-detail .shopping-info-summary a.order-history em:before {background-position:-136px -34px;} #my-detail .shopping-info-summary em span {display:block; margin-top:6px; color:#777; font-size:10px; font-weight:200; letter-spacing: 0.05em; text-transform:uppercase;} #my-detail nav {margin-top:17px;} #my-detail nav a {display:block; font-size:12px; font-weight:600; line-height:28px; text-align:center; text-transform:uppercase;} #my-detail nav a + a {margin:0;} html[lang="ko"] #my-detail nav .font-en {font-weight:400;} #my-detail .btn-area {margin-top:16px;} #my-detail .btn-area a {width:100%; font-family:'Graphik Web'; font-weight:400;} #my-detail .btn-area a:hover {border-color:#003e9f; background:#003e9f; color:#fff !important;} .wishlist-info-visible, .cart-info-visible {overflow-x:hidden; height:300px; margin-top:4px; padding-top:6px;} #cart-detail .cart-info-visible {height:256px;} .wrap-user-utill .goods-info {position:relative; width:240px; padding-top:18px;} .wrap-user-utill .goods-info a {display:block; padding-left:26px;} .wrap-user-utill #wishlist-detail .goods-info a {padding-left:0;} .wrap-user-utill .goods-info a:after {content:''; display:block; clear:both;} .wrap-user-utill .goods-info + .goods-info {margin-top:22px;} .wrap-user-utill .goods-info .custom-check-type2 {position:absolute; top:18px; left:0;} .wrap-user-utill .goods-info .thumb {display:block; float:left; width:70px; height:70px;} .wrap-user-utill .goods-info .thumb img {width:70px; height:70px;} .wrap-user-utill .goods-info .information {display:block; float:right; width:119px; font-size:11px; line-height:1;} .wrap-user-utill .goods-info .information + .information {margin-top:25px;} .wrap-user-utill #wishlist-detail .goods-info .information {width:150px;} .wrap-user-utill .goods-info .bname, .wrap-user-utill .goods-info .pname, .wrap-user-utill .goods-info .wrap-price, .wrap-user-utill .goods-info .wrap-option, .wrap-user-utill .goods-info .info-tit {display:block;} .wrap-user-utill .goods-info .info-tit {margin-bottom:4px; color:#111; font-size:12px; font-weight:600;} .wrap-user-utill .goods-info .bname {margin-bottom:4px; color:#111; font-weight:400; word-break:break-word;} .wrap-user-utill .goods-info .pname {font-size:10px; font-weight:200; line-height:1.8; word-break:break-word;} .wrap-user-utill .goods-info .pname.add-prod {font-size:12px; font-weight:400;} .wrap-user-utill .goods-info .wrap-price {margin-top:9px; color:#111;} .wrap-user-utill .goods-info .wrap-price .strike {margin-right:4px; color:#d6d6d6; font-size:10px; font-weight:400;} .wrap-user-utill .goods-info .wrap-price b {font-weight:400;} .wrap-user-utill .goods-info .wrap-option {margin-top:13px; font-weight:400;} .wrap-user-utill .goods-info .pname.add-prod + .wrap-option {margin-top:8px;} .wrap-user-utill .goods-info .wrap-option span {display:block; color:#777; font-size:11px;} .wrap-user-utill .goods-info .wrap-option span + span {margin-top:5px;} .wrap-user-utill .goods-info .wrap-option span em {color:#111;} .wrap-user-utill .goods-info .wrap-option span.count em {margin-left:5px; color:#111;} .wrap-user-utill .goods-info .close-s-buttom {display:block; position:absolute; top:0; right:-6px; z-index:2; width:19px; height:19px; background:url('../images/sprite.png') no-repeat -119px 0; font:0/0 a;} .wrap-user-utill .goods-info:hover .bname {color:#123ad4; text-decoration:underline;} .wrap-user-utill .goods-info:hover .pname {color:#123ad4;} .wrap-user-utill .goods-info:hover .pname.add-prod {color:#777;} .wrap-user-utill .goods-info:hover .close-s-buttom {background-position:-147px 0;} .wrap-user-utill .goods-info.soldout {position:relative;} .wrap-user-utill .goods-info.soldout:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; opacity:0.85; filter:alpha(opacity=85);} .wrap-user-utill .goods-info.soldout:after {content:"일시품절"; position:absolute; top:44px; left:40px; color:#123ad4; font-size:11px;} .wrap-user-utill #wishlist-detail .goods-info.soldout:after {left:14px;} .wrap-user-utill .goods-info .information.soldout, .wrap-user-utill .goods-info .information.soldout span, .wrap-user-utill .goods-info .information.soldout em {color:#ccc !important;} .wrap-user-utill .goods-info .information.soldout .soldout-txt {color:#123ad4; font-size:11px; font-weight:200;} .wrap-user-utill .goods-info.soldout .wrap-price {display:none;} /* //header */ /* navigation */ #navigation {position:relative; z-index:1; width:100%; min-width:1180px; height:50px; } .menu-inner {position:relative; width:100%; font-size:0; text-align:center;height: 50px;line-height: 59px;} /*.menu-inner2 {border-bottom:4px solid #000;}*/ .menu-inner .max-inner {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; /*max-width:1920px;*/ margin:0 auto;} .menu-inner a {display:inline-block; position:relative; font-size: 14px;font-weight: 500;font-style: normal;font-stretch: normal;line-height: normal;letter-spacing: 0.05em;text-align: left;color: #000000;} .menu-inner a:hover {color:#123ad4;} .menu-inner .depth-menu.active:after {content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:5px;color:#123ad4;background:#123ad4;} /*위 항상 효과 유지 하기 위해여 복사하여 클래스 추가 Hong*/ .menu-inner .depth-menu.selected{color:#003e9f;} /*.menu-inner .depth-menu.selected:after {content:''; display:block; position:absolute; bottom:-1px; left:0; width:100%; height:5px;background:#123ad4;}*/ .menu-inner a + a {margin-left:15px;} .menu-inner .left-area, .menu-inner .right-area {position:absolute;} .menu-inner .left-area {left:50px;text-align:left;width:950px;} .menu-inner .left-area > .vertical-bar { display: inline-block;width:13px;height: 11px;margin-left: 14px;vertical-align: top;margin-top: 19px;border-left: 1px solid #b9b9b9;} .menu-inner .right-area {right:40px;height:68px;} .menu-inner .left-area a, .menu-inner .right-area a {font-size:12px; font-weight:400;} .menu-inner .left-area a:hover, .menu-inner .right-area a:hover {color:#003e9f;} /*위 항상 효과 유지 하기 위해여 복사하여 클래스 추가 Hong*/ .menu-inner .left-area a.active, .menu-inner .right-area a.active {color:#003e9f;} .menu-inner .right-area a + a {margin-left:10px;} .menu-inner .right-area .search-content {display:inline-block;width:345px;height:50px;} .menu-inner .right-area .search-content > .search-input {display:inline-block;height:50px;} .menu-inner .right-area .search-content > .search-input > input {width:300px;height:35px;line-height:35px;color:#000;font-size:15px;vertical-align:top;margin-top:7px;} .menu-inner .right-area .search-content > .search-input > input::placeholder{color:#cccccc;} .menu-inner .right-area .search-content > .search-input > button {background:url('../images/icon_search.png') no-repeat;width:28px;height:28px;margin-top:11px;} .menu-inner a.search-btn {display:inline-block; width:24px; height:23px; margin:13px 0 0 20px; background:url('../images/sprite.png') no-repeat -252px -390px; background-size:1000px; font:0/0 a; vertical-align:top;} /* menubox */ .menu-box {display:none; position:absolute; top:50px; left:50%; width:1178px; height:350px;margin-left:-590px; z-index:99;/* background-color:rgba(255,255,255,0.7); */ background:#fff; border:1px solid #dedede;} .menu-box.menu-box2 {top:54px;} .menu-box-inner {position:relative; width:1041px; margin-left:90px;padding:50px 0 80px 139px;} .menu-box .sub-category {position:absolute; top:41px; left:9px;} .menu-box .sub-category a {display:block; color:#111; font-weight:600; line-height:29px;} .menu-box .sub-category a:hover {color:#123ad4; text-decoration:underline;} .menu-box .ssub-category:after {content:''; display:block; clear:both;} .menu-box .ssub-category li {float:left; width:140px;} .menu-box .ssub-category li strong {display:block; font-weight:600; line-height:1;} .menu-box .ssub-category li strong a {color:#111;} .menu-box .ssub-category li strong a:hover {color:#123ad4; text-decoration:underline;} .menu-box .ssub-category li > a {display:block; margin-top:24px; color:#777; font-size:11px; font-weight:200; line-height:20px;} .menu-box .ssub-category li > a + a {margin-top:10px;} .menu-box .ssub-category li > a:hover {color:#123ad4; text-decoration:underline;} .menu-box figure {display:block; position:absolute; top:40px; right:10px;} html[lang="ko"] .menu-box .sub-category a {font-size:14px;} html[lang="ko"] .menu-box .ssub-category li strong.font-en a {font-family:'nanumBarun' !important; font-size:14px; font-weight:800; line-height:1; letter-spacing:0;} html[lang="ko"] .menu-box .ssub-category li > a.font-en {font-family:'nanumBarun' !important; font-size:13px; font-weight:200; line-height:1; letter-spacing:0;} html[lang="ko"] .menu-box .ssub-category li > a + a {margin-top:19px;} /* //menubox */ div[id^='menu_type_'] {display:none;} /* //navigation */ /* container */ #container {width:100%;} #contents {padding-top:60px; zoom:1;} #contents.index {padding-top:0;} #container.sub-container {position:relative; width:1200px; min-height:700px; margin:0 auto;margin-top:74px;} .site-sub-layout {width:100%; margin-top:40px;} .site-sub-layout:after {content:''; display:block; clear:both;} .site-sub-top {position:relative; min-height:54px;display:none;} #location {height:35px; padding-top:19px;} #location a, #location .area {display:inline-block; color:#000; font-size:12px;line-height:1;} #location a, #location .area.brand-area {text-transform:uppercase;} #location .area .select_class {display:inline-block; position:relative; padding:0; vertical-align:middle;} /* #location .area .select_class {display:inline-block; position:relative; border:0;} #location .area .select_class:after {top:12px; width:5px; height:3px; background-position:-319px -108px;} #location .area .selectbox {display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:-1; margin:0; padding:6px 25px 7px 12px; padding:4px 0px 4px 9px 9; background:url('../images/common/select_bt03.png') no-repeat right center; color:#7b7b7b; font-size:12px; text-overflow:ellipsis; white-space:nowrap; text-align:left; cursor:pointer;} #location .area .select_class .selectbox {font-family:'Graphik'; color:#111; font-size:10px; font-weight:200; border:0;} #location .area.now .select_class .selectbox {color:#111;} #location .area div.selectbox-wrapper {display:block; overflow:auto; position:absolute; left:-1px; *right:0px; z-index:1000; width:100% !important; max-height:250px; margin:0; padding:0; border:0; background-color:rgba(255,255,255,0.92); text-align:left;} #location .area div.selectbox-wrapper ul {margin:2px 0; padding:0; list-style-type:none;} #location .area div.selectbox-wrapper ul li {padding-left:12px; border:0; font-family:'Graphik'; color:#111; font-size:10px; font-weight:200;} #location .area div.selectbox-wrapper ul li.selected {background:none; text-decoration:underline;} #location .area div.selectbox-wrapper ul li.current {background:none; text-decoration:underline;} */ #location .area .sbHolder {display:inline-block; position:relative; border:0; font-size:0; vertical-align:top;} #location .area .sbHolderDisabled{background-color:#eee;} #location .area .sbSelector {display:block; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;z-index:-1;margin:0;padding:6px 25px 7px 12px;font-family:'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif; color:#000; font-size:12px;border:0; text-overflow:ellipsis;white-space:nowrap;text-align:left;cursor:pointer;} html[lang="ko"] #location .area.notosans .sbSelector {font-family:'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif;} #location .area .sbSelector:after {top:9px; width:10px; height:10px;} #location .area .sbToggleOpen + .sbSelector:after {-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);} #location .area.now .select_class .sbSelector {color:#000;} #location .area .sbOptions {display:block; overflow:auto; position:absolute; top:23px !important; left:0; *right:0px; z-index:1000; /*width:100% !important;*/ max-height:250px; margin:0; padding:0; border:0; background-color:rgba(255,255,255,0.92); text-align:left;} #location .area .sbOptions .sbOptions {top:0 !important;} #location .area .sbOptions li {border:0;} #location .area .sbOptions a {padding-left:12px; border:0; font-family:'Graphik'; color:#111; font-size:10px; font-weight:200;} #location .area .sbOptions .sbFocus {background:none; text-decoration:underline;} #location .area:last-child {color:#000;} #location .area:last-child a {color:#000;} #location .home:after, #location .area:after {content:'/'; display:inline-block;} #location .home:after {margin-left:14px;} #location .area:last-child:after {display:none;} #location .area > a:after {content:''; display:inline-block; width:5px; height:3px; margin-left:7px; background:url('../images/sprite.png') no-repeat -304px -108px; vertical-align:middle;} #location .area:last-child > a:after {background-position:-319px -108px;} #location.type2 {border-bottom:none;} #location .area.ar-none {position:relative; padding:0 16px 0 12px; padding-right:16px;} #location .area.ar-none:after {position:absolute; top:0; right:0;} #location .area.ar-none a:after {display:none;} html[lang="ko"] #location .area.notosans {font-family:'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif;} .sub-container #location {border:0;} .lnb-area {position:relative; float:left; width:170px; padding-right:10px;/* transition:top .6s ease; -webkit-transition:top .6s ease; -moz-transition:top .6s ease;*/} .lnb-area > .scrollbar-inner {height:100%;} .lnb-area.sticky {position:fixed; top:166px;} .lnb-area.sticky .wrap-nav-sub {padding-top:0;} .lnb-area.btm {position:absolute; top:auto !important; bottom:100px !important; height:auto;} .lnb-area.scroll {overflow:hidden;} .sub-contents {float:right; width:980px;} .sub-location {position:absolute; top:10px; left:50%; z-index:300; width:1050px; margin-left:-525px;} .sub-location > div {height:30px;} .sub-location .location:after {content:''; display:block; clear:both;} .sub-location .location > li {float:left;} .sub-location .location > li.home {padding:4px 0 4px 9px;} .sub-location .location > li.navi-gap {position:relative; padding:9px 0 10px 9px;} _:-ms-fullscreen, :root .navi-gap {padding:11px 0 10px 9px !important;} /* //container */ /* aside */ #aside {position:absolute; top:308px; right:40px; z-index:100; width:64px; transition:right .2s ease; -webkit-transition:right .3s ease; -moz-transition:right .3s ease; padding-bottom:195px;} .top-open #aside {top:468px;} #aside.index {top:1280px;} .top-open #aside.index {top:1440px;} #aside.submain {top:708px;} .top-open #aside.submain {top:868px;} #aside.response {right:-60px;} #aside.sticky {position:fixed;/* top:166px !important;*/} #aside.btm {position:absolute; top:auto !important;/* bottom:470px !important;*/} #container .btn-top {position:fixed; bottom:0; right:40px; z-index:101; display:none; width:60px; padding-bottom:30px; text-align:center; /* transition:all .2s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; */} #container .btn-top.response {right:-60px; transition:all .2s ease; -webkit-transition:all .3s ease; -moz-transition:all .3s ease;} #container .btn-top.sticky {position:absolute; bottom:0; display:block;} /*#aside .btn-top.btm {position:absolute; display:block;}*/ #container .btn-top a {display:inline-block; width:48px;height:48px;background:url('../images/common/icon_09.png') no-repeat;background-size:48px;font:0/0 a;vertical-align:top;border:1px solid #5d5d5d} #aside .today-view {position:relative; margin-top:15px; padding:30px 0 15px;} #aside .today-view li {margin-bottom:15px;} #aside .today-view img {width:62px; height:62px; border:1px solid #e5e5e5; border-radius:30px;} #aside .next {display:block; position:absolute; top:0; left:23px; width:19px; height:10px; background:url('../images/common/prev_arrow_05.png') no-repeat;font:0/0 a;} #aside .prev {top:264px;display:block; position:absolute;left:23px; width:19px; height:10px; background:url('../images/common/next_arrow_05.png') no-repeat;font:0/0 a;} .right-slide {margin-top:40px;} .right-slide .flexslider {position:relative; width:60px;} .right-slide .flexslider .slides > li {overflow:hidden; position:relative; width:60px; height:120px; text-align:center;} .right-slide .flexslider .slides > li img {width:60px; height:120px;} .right-slide .flex-control-nav {position:absolute; left:0; bottom:-25px; width:100%; height:10px; text-align:center;} .right-slide .flex-control-nav li {display:inline-block; width:10px; height:10px; padding:0 1px; font:0/0 a; vertical-align:top; text-align:center; } .right-slide .flex-control-nav a {display:block; width:4px; height:4px; background:#ccc; border-radius:50%; font:0/0 a;} .right-slide .flex-control-nav a.flex-active {position:relative; top:-2px; left:-2px; width:8px; height:8px; background:#fff; border:1px solid #2e2a2b; border-radius:50%; box-sizing:border-box;} /* footer */ #footer {position:relative; z-index:3; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%;margin-top:40px;} .footer-notice {width:100%; height:45px;background:#fff;border-top:1px solid #dedede;border-bottom:1px solid #dedede;} .footer-notice .inner {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;min-width:1180px; margin:0 auto;margin-left:50px} .footer-notice h2, .footer-notice p {display:inline-block; font-size:12px; line-height:46px; vertical-align:top;font-weight:500;letter-spacing:0;} .footer-notice p {overflow:hidden; width:565px; margin-left:27px; font-weight:400; white-space:nowrap; text-overflow:ellipsis;font-size:12px;color:#5d5d5d;letter-spacing:-0.1px} .footer-notice p a{font-size:10px;color:#5d5d5d;letter-spacing:0;} .footer-notice .set-btn-more-type2 {position:absolute;top:11px;right:40px;font-size:10px;font-weight:600;letter-spacing:0;} .footer-menu {width:100%; padding:20px 0;} .footer-menu .inner {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;min-width:1180px;margin:0 auto;margin-left:50px;} .footer-menu .inner:after {content:''; display:block; clear:both;} .footer-menu .inner > section {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left;} .footer-menu .inner > section h2 {color:#000;font-size:12px;line-height:1;font-weight:bold;letter-spacing:0;} .footer-menu .inner > section h2 a {color:#000;font-weight:500;letter-spacing:0;} .footer-menu .footer-logo {position:absolute; top:0; right:33px; font:0/0 a;} .footer-menu .footer-logo a {display:block; width:108px; height:160px; background:url('../images/sprite.png') no-repeat 0 -403px;} .footer-about, .footer-service {width:200px;} .footer-about nav, .footer-service nav {margin-top:15px;} .footer-about nav a, .footer-service nav a {display:block;font-size:11px;font-weight:200;line-height:26px;color:#5d5d5d;} .footer-follow {position:absolute;right:30px;top:-6px;} .footer-follow nav .sns-menu{margin-left:30px;} .footer-follow nav .sns-menu span:nth-of-type(1) {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;color:#000; font-size:11px;font-weight:200;vertical-align:20;display:none;} .footer-follow nav .sns-menu:nth-child(2) span:nth-of-type(1){display:inline-block;font-size:11px;color:#5d5d5d;letter-spacing:0;line-height:29px;font-weight:400;margin-right:10px;} .footer-follow nav .sns-menu .sns-link {font:0/0 a;} .footer-follow nav .sns-menu .sns-link a {display:inline-block;box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;width:33px; height:33px;vertical-align:top;margin-right:5px;} .footer-follow nav .sns-menu .sns-link a:before {content:"";display:inline-block;width:28px;height:28px; background:url('../images/common/icon_05.png') no-repeat;background-size:28px;} .footer-follow nav .sns-menu .sns-link a + a:before{content:"";display:inline-block;width:28px;height:28px; background:url('../images/common/icon_06.png') no-repeat;background-size:28px;} .footer-follow nav .sns-menu .sns-link a.post:before{content:"";display:inline-block;width:28px;height:28px; background:url('../images/common/icon_07.png') no-repeat;background-size:28px;} .footer-follow nav .sns-menu .sns-link.non-facebook a:before {content:"";display:inline-block;width:28px;height:28px; background:url('../images/common/icon_06.png') no-repeat;background-size:28px;} .footer-contact {width:300px;} .footer-contact .contact-info {margin-top:27px; font-size:11px; font-weight:200; line-height:1;} .footer-contact .contact-info .sect {display:block;} .footer-contact .contact-info .sect + .sect {margin-top:14px;} .footer-contact .contact-info .email {color:#123ad4; text-transform:uppercase; font-weight:300;} .payment-service {width:400px; margin-left:50px;} .payment-list {width:235px;} .payment-list li {float:left; width:60px; margin:0 15px 10px 0; border:1px solid #ddd; font:0/0 a;} .payment-list li img {width:100%;} .footer-information {position:relative; padding:50px 0 5px; background:#f3f3f3;} .footer-information .inner {position:relative;width:100%;min-width:1180px; margin:0 auto;} .footer-information address{display:block;margin-bottom:10px;color:#5d5d5d;font-size:11px;font-weight:200;line-height:22px;letter-spacing:0;margin-left:50px;} .footer-information address span.space {margin-left:20px;} .footer-information address span.company {font-weight:600;} .footer-information [class|="copyright"] {color:#8d8d8d;} .footer-information .copyright-ko{position:absolute; top:28px;right:40px;font-size:10px;font-weight:200; text-transform:uppercase;color:#5d5d5d;} .footer-information .legal-area {position:absolute; top:0; left:50px; opacity:0.8; line-height:1;margin-top:-25px;} .footer-information .legal-area a {color:#000;font-size:12px;font-weight:bold;letter-spacing:-0.25px;} .footer-information .legal-area a + a {margin-left:20px;} #footer [name="google_conversion_frame"] {position:absolute; bottom:0; left:-9999px;} /* //footer */ .font-en {font-family:'Helvetica Neue LT','Apple SD Gothic Neo', 'nanumBarun', sans-serif; font-weight:400; letter-spacing: 0.05em;} .font-en a {font-family:'Helvetica Neue LT','Apple SD Gothic Neo', 'nanumBarun', sans-serif; font-weight:400; letter-spacing: 0.05em;} .font-en-02 {font-family: 'Helvetica Neue LT', sans-serif;} /*main color*/ .main-color {color:#003e9f !important;} .sub-color {color:#aaa;} .error-color {color:#666 !important;} .red-color{color:#d9303b !important} /* br */ u.br {display:block; text-decoration:none;} /* design radio, checkbox */ [class|='check-box'], [class|='check-radio'] {display:inline-block; position:relative; vertical-align:middle; line-height:1;} [class|='check-box'] input, [class|='check-radio'] input {position:absolute; top:0; left:-99999px; z-index:-1; border:0;} [class|='check-box'] label:before, [class|='check-radio'] label:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat;} [class|='check-box'] .non-label, [class|='check-radio'] .non-label {font:0/0 a;} .check-box-type1 label:before {width:12px; height:12px; margin-right:5px; background-position:-327px -539px; vertical-align:-1px;} .check-box-type2 label:before {width:16px; height:16px; margin-right:10px; background-position:-281px -556px; vertical-align:-3px;} .check-box-type3 label:before {width:20px; height:20px; margin-right:10px; background-position:-285px -531px; vertical-align:-5px;} .check-radio-type1 label:before {width:13px; height:13px; margin-right:5px; background-position:-208px -560px; vertical-align:-2px;} .check-radio-type2 label:before {width:30px; height:30px; margin-right:5px; background-position:-225px -521px; vertical-align:-10px;} .check-box-type1.active label:before {background-position:-310px -539px;} .check-box-type2.active label:before {background-position:-260px -556px;} .check-box-type3.active label:before {background-position:-260px -531px;} .check-radio-type1.active label:before {background-position:-192px -560px;} .check-radio-type2.active label:before {background-position:-190px -521px;} /*input common*/ input[type="text"] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:6px 0 6px 5px;}/*height:28px;*/ input[type="text"].input-bg-type {background:#fcfcfc;} input[type="text"]::-ms-clear {display:none;} /*select*/ /* .select_class {position:relative; border:1px solid #ccc; background:#fff;} .select_class:after {content:''; display:block; position:absolute; top:13px; right:13px; width:9px; height:5px; background:url('../images/sprite.png') no-repeat -583px -195px;} .select_class.active {border-color:#000 !important;} .select_class.active:after {background-position:-592px -195px;} .select_class .selectbox {border:0;} */ .sbHolder {position:relative; background-color:#fff;} .sbHolderDisabled {background-color:#eee;} /*.sbSelector {display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:-1; margin:0; padding:6px 25px 7px 12px; border:1px solid #ccc; background:url('../images/common/select_bt03.png') no-repeat right center; color:#777; font-size:12px; text-overflow:ellipsis; white-space:nowrap; text-align:left; cursor:pointer;}*/ .sbSelector {display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:-1; margin:0; padding:6px 25px 7px 12px; border:1px solid #ccc; color:#777; font-size:12px; text-overflow:ellipsis; white-space:nowrap; text-align:left; cursor:pointer;} .sbSelector:after {content:''; display:block; position:absolute; top:8px; right:9px; width:10px; height:5px; background:url('../images/common/arrow01.png') no-repeat;} .sbToggleOpen + .sbSelector {border-color:#000 !important;} .sbToggleOpen + .sbSelector:after {background-position:-640px -195px;} .select_class .sbOptions, .select-class .sbOptions {max-height:200px;} .select_class .sbOptions .sbOptions, .select-class .sbOptions .sbOptions {top:0 !important;} .sbOptions {border:1px solid #000;} .sbOptions {display:none; position:absolute; top:32px; left:0; right:0; z-index:10; margin:0; padding:0; background:#fff; list-style-type:none; overflow:auto; z-index:99;} .sbToggleOpen + .sbSelector + .sbOptions {display:block;} .sbOptions li {width:100%; border-top:1px solid #000;} .sbOptions li:first-child {border-top:0;} .sbOptions a {display:block; margin:0; padding:6px 2px 7px 12px; color:#777; font-size:12px; font-weight:normal; cursor:pointer;font-family:'Helvetica Neue LT','Apple SD Gothic Neo', 'nanumBarun', sans-serif;} .sbOptions .sbFocus {color:#fff; background-color:#000;} .sbHolder .scrollbar-inner > .scroll-element.scroll-y {right:0;} /* button */ [class|='set-btn'] {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; /*font-family:'nanumBarun';*/ font-weight:400; text-align:center;} .set-btn-type1, .set-btn-soldout, .set-btn-type2, .set-btn-type2-bg {height:44px; background:#fff; font-size:14px !important; line-height:44px !important;} .set-btn-type1 {min-width:220px; background:#000; color:#fff !important;} .set-btn-type1:hover {background:#000;} .set-btn-soldout {min-width:220px; background:#ececec; color:#5e5e5e !important; cursor:default;} .set-btn-type2 {border:1px solid #222; color:#111 !important;} .set-btn-type2:hover {border-color:#000; background:#000; color:#fff !important;} .set-btn-type2-bg {border:1px solid #000; background:#000; color:#fff !important;} .set-btn-type2-bg:hover {border-color:#222; background:#fff; color:#111 !important;} .set-btn-type3 {overflow:hidden; min-width:240px; height:44px; border:2px solid #000; background:#fff; color:#222 !important; font-size:12px !important; font-weight:400; line-height:43px !important;} .set-btn-type3:hover {border-color:#000; background:#000; color:#fff !important;} .set-btn-type3 i:before, .set-btn-type3 i:after {content:''; display:inline-block; width:8px; height:14px; background:url('../images/sprite.png') no-repeat; vertical-align:-3px;} .set-btn-type3 i:before {margin-right:10px;} .set-btn-type3 i:after {margin-left:9px;} .set-btn-type3 i.arrow:before {background-position:-522px -328px;} .set-btn-type3 i.arrow:after {display:none;} .set-btn-type3:hover i.arrow:before {background-position:-530px -328px;} .set-btn-type3 i.arrow-type2:after {background-position:-546px -328px;} .set-btn-type3 i.arrow-type2:before {display:none;} .set-btn-type3:hover i.arrow-type2:after {background-position:-538px -328px;} .set-btn-type4 {overflow:hidden; height:32px; padding:0 20px; border:1px solid #222; color:#111 !important; font-size:12px !important; line-height:32px;} .set-btn-type4:hover {border-color:#000; background:#000; color:#fff !important;} .set-btn-type5 {overflow:hidden; height:22px; padding:0 10px; border:1px solid #222; background:#fff; color:#111 !important; font-size:11px; font-weight:400; line-height:22px;} .set-btn-type5:hover {border-color:#000; background:#000; color:#fff !important;} .set-btn-type5-bg {overflow:hidden; height:22px; padding:0 10px; border:1px solid #000; background:#000; color:#fff !important; font-size:11px; font-weight:400; line-height:22px;} .set-btn-type5-bg:hover {border-color:#222; background:#fff; color:#111 !important;} .set-btn-more {width:74px; height:74px; background:none; font:0/0 a;} .set-btn-more:before {content:''; display:block; width:74px; height:74px; background:url('../images/sprite.png') no-repeat -113px -447px; background-size:1000px;} .set-btn-more:hover:before {background-position:-113px -526px;} .set-btn-more-type2 {width:52px;height:32px;color:#5d5d5d;font-size:12px;font-weight:600;letter-spacing:0;} .set-btn-more-type2:after {content:unset; display:inline-block; width:32px; height:25px; background:url('../images/sprite.png') no-repeat -37px -29px; background-size:2300px;} .set-btn-write {width:40px; height:40px; padding-top:8px; border:2px solid #222; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;} .set-btn-write:before {content:''; display:inline-block; width:18px; height:18px; background:url('../images/sprite.png') no-repeat -326px -368px; font:0/0 a; vertical-align:top;} .set-btn-write:hover {border-color:#000; background:#000;} .set-btn-write:hover:before {background-position:-344px -368px;} .set-btn-close {width:40px; height:40px; padding-top:12px; background:#000; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;} .set-btn-close:before {content:''; display:inline-block; width:16px; height:16px; background:url('../images/sprite.png') no-repeat -363px -368px; font:0/0 a; vertical-align:top;} /* sticker */ .set-sticker {overflow:hidden; display:inline-block; height:16px; margin-left:-1px; padding:0 6px; border:1px solid #000; background:#fff; color:#111; font-size:10px; line-height:18px; text-align:center;} /* star */ .set-star, .set-star .star1, .set-star .star2, .set-star .star3, .set-star .star4, .set-star .star5 {display:inline-block; width:110px; height:18px; background:url('../images/common/star_02.png'); text-align:left;background-size:110px 18px;} .set-star .star1, .set-star .star2, .set-star .star3, .set-star .star4, .set-star .star5 {background:url('../images/common/star_01.png');font:0/0 a;vertical-align:top;background-size:110px 18px;} .set-star .star1 {width:18px;} .set-star .star2 {width:45px;} .set-star .star3 {width:68px;} .set-star .star4 {width:90px;} .set-star .star5 {width:110px;} .set-star .set-star-inner {display:block; position:relative; width:100%;} .set-star .star-check-area {position:absolute; top:0; left:0; width:100%; font:0/0 a;} .set-star .star-check-area label {display:inline-block; width:20px; height:20px; background:transparent; font:0/0 a; cursor:pointer;} .set-star .star-check-area input[type='radio'] {visibility:hidden; position:relative; z-index:-1;} .wrap-review-list .set-star .star-check-area label {width:25px; height:25px;} /* coupon */ [class|='set-coupon'] {display:block; line-height:1;} .set-coupon-type1 {width:88px; height:33px; padding:22px 32px 0 0; background:url('../images/bg_coupon.png') no-repeat; text-align:center;} .set-coupon-type1 .won, .set-coupon-type1 .percent, .set-coupon-type1 .category {display:block; color:#fff; font-weight:600;} .set-coupon-type1 .won {font-size:16px;} .set-coupon-type1 .percent {font-size:20px;} .set-coupon-type1 .category {font-size:6px; letter-spacing:0.15em;} .set-coupon-type1.coupon-intable {margin:0 auto;} .set-coupon-type1.percent .won {margin-top:-3px; padding-left:16px; font-size:24px;} .set-coupon-type1.percent .won:after {content:''; display:inline-block; width:8px; height:7px; margin-left:5px; background:url('../images/icon_percent.png') no-repeat; background-size:8px auto; vertical-align:middle;} .set-coupon-type1 .category {padding-left:3px; padding-top:2px; font-size:10px;} .set-coupon-type_blank {width:88px; height:33px; padding:22px 32px 0 0; background-size:auto 55px;text-align:center;} /* grade */ [class|="set-grade"] {display:block; width:81px; height:80px; margin:0 auto; background:none; font:0/0 a;} .set-grade-bronze {background-position:-1116px 0;} .set-grade-silver {background-position:-1207px 0;} .set-grade-gold {background-position:-1298px 0;} .set-grade-platinum {background-position:-1389px 0;} .set-grade-diamond {background-position:-1480px 0;} [class|="set-grade"][class*="mtype"] {width:106px; height:106px;} .set-grade-bronze-mtype {background-position:-1116px -90px;} .set-grade-silver-mtype {background-position:-1232px -90px;} .set-grade-gold-mtype {width:106px; height:104px; background-position:-1348px -90px;} .set-grade-platinum-mtype {background-position:-1464px -90px;} .set-grade-diamond-mtype {background-position:-1580px -90px;} /* popup alert */ #popup-alert {display:none; position:fixed; top:260px; left:50%; z-index:10002; width:320px; margin-left:-160px;} .popup-alert-inner {position:relative; padding:30px 0 30px 0; background:#fff; text-align:center;} .popup-alert-inner p {margin-top:20px; padding:0 30px; color:#111; font-size:14px; line-height:1.5; text-align:center;} .popup-alert-inner .btn-area {margin-top:40px; text-align:center;} .popup-alert-inner .btn-area .set-btn-type2, .popup-alert-inner .btn-area .set-btn-type2-bg {width:125px; margin:0 3px;} .popup-alert-inner .close {} .popup-alert-inner .close {display:block !important; position:absolute; top:0; right:-50px; width:50px; height:50px; background:#fff; text-align:center;} /* .popup-alert-inner .close:before {content:''; display:inline-block; width:17px; height:17px; margin-top:16px; background:url('../images/sprite.png') no-repeat -664px -342px;} */ .popup-alert-inner .close:before {content:''; display:inline-block; width:17px; height:17px; margin-top:16px; background:url('../images/sprite.png') no-repeat -664px -342px;} /* tab control */ .navi-tab {display:table; table-layout:fixed; width:100%; border-top:1px solid #000;} .navi-tab a {display:table-cell; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .navi-tab a {border:1px solid #dadada; border-width:0 1px 1px 1px; background:#f7f7f7; line-height:40px; text-align:center;} .navi-tab a + a {border-left:0;} .navi-tab a.active {border-bottom:1px solid #fff; background:#fff; color:#222; font-weight:bold;} .wrap-tab-cont {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%;} .wrap-tab-cont .tab-cont {display:none;} .wrap-tab-cont .tab-cont.active {display:block;} .wrap-tab-search-cont .tab-cont {display:none;} .wrap-tab-search-cont .tab-cont.active {display:block;} .navi-tab-type2 {overflow:hidden; width:826px; margin:0 auto; border:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:#f9f9f9;} .navi-tab-type2 a {position:relative; display:block; float:left; width:164px; height:36px; border-bottom:1px solid #e1e1e1; background:#fff; text-align:center; line-height:36px;} .navi-tab-type2 a:hover, .navi-tab-type2 a.on {color:#000; font-weight:600;} .navi-tab-type2 a:hover:after {position:absolute; top:0; left:0; display:block; content:''; width:100%; height:100%; border:1px solid #000; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .navi-tab-type2 a.bottom-none {border-bottom:none;} .navi-tab-type2 a + a {border-left:1px solid #e1e1e1;} .navi-tab-type2 a.left-none {border-left:none;} .navi-tab-type2 a:last-child {border-right:1px solid #e1e1e1;} .navi-tab-type3 {position:relative; margin-top:59px; width:100%;} .navi-tab-type3:before {content:""; display:block; position:absolute; bottom:0; left:0; z-index:10; width:100%; height:1px; background:#000;} .navi-tab-type3:after {content:""; display:block; clear:both;} .navi-tab-type3 a {float:left; position:relative; width:160px; height:37px; background:#f5f5f5; border:1px solid #dbdbdb; border-bottom:1px solid #000; line-height:37px; text-align:center; cursor:pointer;} .navi-tab-type3 a.active {background:#fff; border:1px solid #000; border-bottom:1px solid #fff; color:#000;} /* //tab control */ /* option control */ .wrap-option-control {} .wrap-option-control:after {content:''; display:block; clear:both;} .wrap-option-control dt, .wrap-option-control dd {float:left;} .wrap-option-control dt {width:184px; padding:5px 0 0 15px;} .option-up-down {position:relative; width:88px !important;} .option-up-down input[type='text']{width:30px !important;height:30px;margin-left:29px;font-size: 11px;font-family: 'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif;padding:0;} .option-up-down .up, .option-up-down .down{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:0; width:30px; height:30px; border:1px solid #ccc; background:#fff; font:0/0 a; text-align:center;} .option-up-down .up {right:0;} .option-up-down .down {left:0;} .option-up-down .up:before, .option-up-down .down:before {content:''; display:block; display:inline-block; width:9px; height:9px; background:url('../images/sprite.png') no-repeat;} .option-up-down .up:before {background-position:-593px -202px} .option-up-down .down:before {background-position:-583px -202px;} .option-up-down .up:hover, .option-up-down .down:hover {border-color:#000; background:#000;} .option-up-down .up:hover:before {background-position:-593px -212px;} .option-up-down .down:hover:before {background-position:-583px -212px;} .option-up-down input[type='text'] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;background:#fff; color:#000; font-weight:200; text-align:center; line-height:35px;border:1px solid #ccc} /* //option control */ /*point_text*/ .point_text {position:relative; padding-left:18px; font-size:12px;} .point_text:after {content:''; display:block; clear:both; position:absolute; top:6px; left:5px; width:2px; height:2px; background:#7b7b7b;} /* textarea */ textarea {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; max-width:100%; padding:5px; border:1px solid #e1e1e1;} /* pagenation */ .wrap-paging {position:relative; padding-bottom:15px; padding:20px 0 30px;} .wrap-paging p {position:absolute; top:10px; right:0;} /* pagenation */ .paging {margin-top:40px; padding:0; font-size:0; line-height:26px; text-align:center;} .paging .prev-button, .paging .next-button {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:26px; height:26px; border:1px solid #e1e1e1; border-radius:50%; background:none; vertical-align:top;} .paging .prev-button {margin-right:20px;} .paging .next-button {margin-left:20px;} .paging .prev-button:before, .paging .next-button:before {content:''; display:inline-block; width:5px; height:9px; margin-top:7px; background:url('../images/sprite.png') no-repeat; vertical-align:top;} .paging .prev-button:before {margin-right:1px; background-position:-586px -282px;} .paging .next-button:before {margin-right:-1px; background-position:-591px -282px;} .paging .prev-button:hover, .paging .next-button:hover {border-color:#222; background:#222;} .paging .prev-button:hover:before {background-position:-596px -282px;} .paging .next-button:hover:before {background-position:-601px -282px;} .paging em, .paging a {display:inline-block; margin-left:8px; color:#111; font-size:11px;} .paging a { cursor:pointer;} .paging em:before, .paging a:before {content:'/ '; display:inline-block; margin-right:8px; font-weight:normal;} .paging em:after {content:""; position:absolute; bottom:0; left:9px; right:-4px; height:3px; background:#000;} .paging .prev-button + em.on:after {left:-4px;} .paging .prev-button + em, .paging .prev-button + a {margin:0;} .paging .prev-button + em:before, .paging .prev-button + a:before {display:none;} .paging em.on {font-weight:600; position:relative;} [class|='set-area'] {text-align:center;} .set-area-btn {border-top:1px solid #eee; margin-top:40px; padding-top:40px;} .set-area-btn2 {margin-top:40px;} /* margin reset */ .subsection0 {margin:0 !important;} /* //margin reset */ /* deleloper check aea */ .devlper-check {position:relative;} .devlper-check:after {content:''; display:block; position:absolute; top:0 !important; left:0; z-index:100; width:100%; height:100%; background:#ff0000; opacity:0.5;} /* //deleloper check aea */ .common-table .coupon-send-info{display:inline-block;text-align:center;height:25px;margin-top:10px;border: 1px solid #003E9F;font-size:12px;color:#003E9F;font-weight:400;line-height:28px;padding:0 5px;text-align:center;cursor:context-menu} .common-table .coupon-use-info{display:inline-block;text-align:center;height:25px;margin-top:10px;border: 1px solid #e4e4e4;font-size:12px;color:#717171;font-weight:400;line-height:28px;padding:0 5px;text-align:center;cursor:context-menu} .common-table2 th {height:33px; border-top:1px solid #000; border-bottom:1px solid #e2e2e2;} .common-table2 > tbody > tr > td {padding:20px 0; border-bottom:1px solid #e2e2e2; text-align:center;} .common-table2 > tbody > tr.vtop > td {vertical-align:top;} .common-table2 .btn a {display:inline-block; width:52px; height:23px; margin:0 2px; color:#fff; border:1px solid #666; background:#999; line-height:23px;} .common-table2 .btn a + a {border:1px solid #999; background:#fff; color:#666;} .common-table2 .btn a + a span {padding-left:10px; background:url('../images/common/delete_class.gif') no-repeat 0 6px;} .common-table2 .no-content {padding:50px 0 !important; font-size:13px;} .common-table2 .btn-answer {display:inline-block; width:36px; height:18px; background-color:#666; border:1px solid #000; box-sizing:border-box; color:#fff; font-size:11px; line-height:18px; text-align:center;} .common-table2 .sect {display:block;} .common-table2 .goods-info:after {content:''; display:block; clear:both;} .common-table2 .goods-info a {display:block; color:#000;} .common-table2 .goods-info .thumb {display:block; float:left; width:65px; height:65px;} .common-table2 .goods-info .thumb img {width:65px; height:65px;} .common-table2 .goods-info .information {float:left; width:150px; margin-left:20px; line-height:1.4; text-align:left;} .common-table2 .goods-info .bname, .common-table2 .goods-info .pname, .common-table2 .goods-info .option {display:block;} .common-table2 .goods-info .pname {word-break:break-word;} .common-table2 .default {display:block;} .common-table3 {border-top:1px solid #828282;} .common-table3 th, .common-table3 td {padding:14px 0; border-bottom:1px solid #e2e2e2; text-align:left;} .common-table3 th span , .common-table3 td span {display:inline-block; margin-left:15px; color:#555;} .common-table3 th {background:#f4f4f4;} .common-table3 td {border-left:1px solid #e2e2e2;} .common-write {border-top:1px solid #494949;} .common-write > tbody > tr > th, .common-write > tbody > tr > td {padding:7px 0; border-bottom:1px solid #e2e2e2; text-align:left;} .common-write > tbody > tr > th {padding-left:20px; color:#000;} .common-write > tbody > tr > th.vtop {line-height:1.5; vertical-align:top;} .common-write th em {margin-left:5px;} .common-write input[type="text"] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:6px 0 6px 5px; border:1px solid #e1e1e1;} .common-write input[type="radio"] {vertical-align:-5px;} .common-write .zipcode {width:78px; height:30px; margin-left:5px; padding-top:8px;} .common-write .sect {display:block; margin-top:5px;} .common-write .select-address {position:relative; padding:9px 0;} .common-write .select-address .wrap-select {display:block; position:relative; padding-left:20px;} .common-write .select-address .wrap-select .btn-select {position:absolute; top:0; right:0;} .common-write .sect-area {margin:10px 0; line-height:1.5;} .common-write .space {margin-left:5px;} .common-write .space2 {margin-left:15px;} .common-write .select-class {position:relative; display:inline-block; vertical-align:middle;} .common-write .select-class input[type="text"] {border:0;} .common-write .error td input[type='text'].error, .common-write .error td input[type='password'].error { border:1px solid #f94709 !important;} .common-write .error .select_class {border:none !important;} .common-write .error .select_class:after {top:19px;} .common-write .error-txt {display:none;} .common-write .error .error-txt {display:block; margin-top:6px; color:#f94709;} /* //table common */ .common_table4 th {height:33px; border-top:1px solid black; border-bottom:1px solid #e2e2e2;} .common_table4 > tbody > tr > td {height:33px; border-bottom:1px solid #e2e2e2; line-height:1.5; text-align:center;} /********************************** shop **********************************/ /* spot promtion banner */ .spot-promtion-banner {overflow:hidden; position:relative; width:100%; height:400px;} .spot-promtion-banner .slides li {position:relative; height:400px; background-size:cover; background-repeat:no-repeat; background-position:center center; text-align:center;} .spot-promtion-banner .slides li a {display:inline-block; position:relative; width:1180px; height:400px;} .spot-promtion-banner .slides li .promotion {display:table !important; position:absolute; top:50%; left:50%; z-index:2; width:460px; height:84px; margin:-42px 0 0 -230px; background:#fff; vertical-align:middle; text-align:center;} .spot-promtion-banner .slides li .promotion-name {display:table-cell !important; font-size:13px; font-weight:200; vertical-align:middle;} .spot-promtion-banner .slides li .promotion-name .font-en {display:block; line-height:1;} .spot-promtion-banner .slides li .promotion-name .desc {display:block; margin-top:3px; font-size:14px;} .spot-promtion-banner .slides li .promotion .font-en {color:#111; font-size:21px; font-weight:600;} .spot-promtion-banner .slides li .promotion .period {display:inline-block; position:absolute; top:89px; left:0; padding:0 10px; border:2px solid #000; background:#fff; line-height:30px;} .spot-promtion-banner .slides li .promotion .period.font-en {font-size:14px; letter-spacing:0.05em;} .spot-promtion-banner .flex-control-nav {position:absolute; bottom:14px; left:0; z-index:10; width:100%; height:10px; text-align:center;} .spot-promtion-banner .flex-control-nav li {display:inline-block; width:10px; margin:0 18px; height:10px; font:0/0 a; vertical-align:top;} .spot-promtion-banner .flex-control-nav a {display:block; width:6px; height:6px; margin-top:2px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff; font:0/0 a;} .spot-promtion-banner .flex-control-nav a.flex-active {margin-top:0; border:2px solid #000; background-color:transparent;} .spot-promtion-banner .flex-direction-nav {font:0/0 a;} .spot-promtion-banner .flex-direction-nav .flex-prev, .spot-promtion-banner .flex-direction-nav .flex-next {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:170px; width:52px; height:52px;} .spot-promtion-banner .flex-direction-nav .flex-prev {left:50%; margin-left:-590px;} .spot-promtion-banner .flex-direction-nav .flex-next {right:50%; margin-right:-590px;} .spot-promtion-banner .flex-direction-nav .flex-prev:before, .spot-promtion-banner .flex-direction-nav .flex-next:before {content:''; display:inline-block; width:52px; height:52px; background:url('../images/sprite.png') no-repeat -113px -333px; background-size:1000px;} .spot-promtion-banner .flex-direction-nav .flex-next:before {background-position:-170px -333px;} .spot-promtion-banner .flex-direction-nav .flex-prev:hover:before {background-position:-113px -390px;} .spot-promtion-banner .flex-direction-nav .flex-next:hover:before {background-position:-170px -390px;} /* .spot-promtion-banner .flex-direction-nav {font:0/0 a;} .spot-promtion-banner .flex-direction-nav .flex-prev, .spot-promtion-banner .flex-direction-nav .flex-next {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:170px; width:44px; height:44px; padding-top:13px; border:2px solid #fff; text-align:center;} .spot-promtion-banner .flex-direction-nav .flex-prev {left:50%; margin-left:-590px;} .spot-promtion-banner .flex-direction-nav .flex-next {right:50%; margin-right:-590px;} .spot-promtion-banner .flex-direction-nav .flex-prev:before, .spot-promtion-banner .flex-direction-nav .flex-next:before {content:''; display:inline-block; width:20px; height:14px; background:url('../images/sprite.png') no-repeat -500px -296px;} .spot-promtion-banner .flex-direction-nav .flex-next:before {background-position:-530px -296px;} .spot-promtion-banner .flex-direction-nav .flex-prev:hover, .spot-promtion-banner .flex-direction-nav .flex-next:hover {background:#fff;} .spot-promtion-banner .flex-direction-nav .flex-prev:hover:before {background-position:-500px -310px;} .spot-promtion-banner .flex-direction-nav .flex-next:hover:before {background-position:-530px -310px;} */ /* .spot-promtion-banner.brand-banner {height:680px;} .spot-promtion-banner.brand-banner .slides li {height:680px;} .spot-promtion-banner.brand-banner .slides li a {height:680px;} .spot-promtion-banner.brand-banner .flex-direction-nav {font:0/0 a;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-prev, .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); width:41px; height:18px; border:0; padding:0;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-prev {left:50%; margin-left:-590px;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next {right:50%; margin-left:-590px;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-prev:before, .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next:before {content:''; display:inline-block; width:41px; height:18px; background:url('../images/sprite.png') no-repeat 0 -628px;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next:before {background-position:-41px -628px;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-prev:hover, .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next:hover {background:none;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-prev:hover:before {background-position:0 -628px;} .spot-promtion-banner.brand-banner .flex-direction-nav .flex-next:hover:before {background-position:-41px -628px;} */ .spot-category {width:100%;} .spot-category h2 {margin-top:60px; color:#333; font-size:19px; line-height:1;font-weight:300;} .spot-category h2:nth-child(1) {margin:0;} .spot-category .wrap-goods-list {margin-top:20px;} .category-pick {margin-top:100px;} .category-pick h2 {font-size:26px; font-weight:600; line-height:1; text-align:center;} .promotion-sub-area {width:100%; margin-top:60px;} .promotion-sub-area:after {content:''; display:block; clear:both;} .promotion-sub-area figure {float:left; width:310px; margin-left:25px;} .promotion-sub-area figure:nth-child(1) {margin:0;} .promotion-sub-area figure img {width:310px; height:340px;} .category-best-brand {margin-top:100px;} .category-best-brand h2 {color:#000; font-size:19px; line-height:1;} .category-best-brand .wrap-banner-area {width:100%; margin-top:20px;} .category-best-brand .wrap-banner-area:after {content:''; display:block; clear:both;} .category-best-brand .banner-area {position:relative; float:left; width:480px;} .category-best-brand .banner-area ul li a {position:relative; display:block; width:100%; height:575px; overflow:hidden;} .category-best-brand .banner-area ul li a img {max-width:100%;} .category-best-brand .banner-area ul li a .banner-txt {position:absolute; left:30px; right:30px; bottom:30px; padding:30px 60px 25px 60px; background:#fff; text-align:center;} .category-best-brand .banner-area ul li a .banner-txt strong {display:block; color:#000; font-size:26px; font-weight:600; line-height:26px;} .category-best-brand .banner-area ul li a .banner-txt em {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:8px; font-size:14px;} .category-best-brand .wrap-goods-list {float:right;} .category-best-brand .wrap-goods-list ul {width:500px;} .category-best-brand .flex-viewport {width:480px;} .category-best-brand .flex-control-nav {margin-top:37px; text-align:center;} .category-best-brand .flex-control-nav li {display: inline-block; width:10px; height:10px; margin:0 18px; font: 0/0 a; vertical-align:top;} .category-best-brand .flex-control-nav a {display:block; width:6px; height:6px; margin-top:2px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#000; font:0/0 a;} .category-best-brand .flex-control-nav a.flex-active {margin-top:0; border:2px solid #000; background-color: transparent;} .category-best-brand .flex-direction-nav {text-align:center;} .category-best-brand .flex-direction-nav li {display:inline-block;} .category-best-brand .flex-direction-nav .flex-prev, .category-best-brand .flex-direction-nav .flex-next {display:block; position:absolute; top:610px; width:8px; height:14px; background:url('../images/sprite.png') no-repeat; font:0/0 a;} .category-best-brand .flex-direction-nav .flex-prev {left:80px; margin-left:-20px; background-position:-634px -279px;} .category-best-brand .flex-direction-nav .flex-next {right:80px; margin-right:-20px; background-position:-642px -279px;} .category-best-brand .flex-direction-nav .flex-prev.flex-disabled, .category-best-brand .flex-direction-nav .flex-next.flex-disabled {opacity:0;} .category-best-brand .wrap-goods-list ul .goods-list {margin-top:20px;} .category-best-brand .wrap-goods-list ul .goods-list:nth-child(1), .category-best-brand .wrap-goods-list ul .goods-list:nth-child(2) {margin-top:0;} .category-best-brand .wrap-goods-list ul .goods-list:nth-child(3), .category-best-brand .wrap-goods-list ul .goods-list:nth-child(4) {margin-top:20px;} /* goods header */ .wrap-list-option {position:absolute; top:15px; right:0;} .wrap-list-option .select_class {display:inline-block; width:100px; border:0; vertical-align:middle;} /* .wrap-list-option .select_class input {color:#111;} .wrap-list-option .select_class:after {width:7px; height:4px; background-position:-610px -282px;} .wrap-list-option .select_class.active:after {background-position:-617px -282px;} .wrap-list-option .select_class div.selectbox-wrapper {display:block; overflow:auto; position:absolute; left:-1px; *right:0px; z-index:1000; width:100% !important; max-height:250px; margin:0; padding:0; border:0; background-color:rgba(255,255,255,0.92); text-align:left;} .wrap-list-option .select_class div.selectbox-wrapper ul {margin:2px 0; padding:0; list-style-type:none;} .wrap-list-option .select_class div.selectbox-wrapper ul li {padding:0 0 0 12px; border:0; font-family:'Graphik'; color:#000; font-size:11px; font-weight:200; line-height:23px;} .wrap-list-option .select_class div.selectbox-wrapper ul li.selected {background:none; text-decoration:underline;} .wrap-list-option .select_class div.selectbox-wrapper ul li.current {background:none; text-decoration:underline;} .wrap-list-option .selectbox {font-size:11px;} */ .wrap-list-option .select_class .sbHolder {position:relative; border:0; font-size:0; vertical-align:top;} .wrap-list-option .select_class .sbHolderDisabled{background-color:#eee;} .wrap-list-option .select_class .sbSelector {display:block; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:-1; margin:0; padding:6px 25px 7px 12px; color:#7b7b7b; font-family:'Graphik'; color:#111; font-size:10px; font-weight:200; border:0; text-overflow:ellipsis; white-space:nowrap; text-align:left; cursor:pointer;} .wrap-list-option .select_class .sbSelector:after {top:11px; width:0; height:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:4px solid #000;} .wrap-list-option .select_class .sbOptions {display:block; overflow:auto; position:absolute; left:0; *right:0px; z-index:1000; /*width:100% !important;*/ max-height:250px; margin:0; padding:0; border:0; background-color:rgba(255,255,255,0.92); text-align:left;} .wrap-list-option .select_class .sbOptions li {border:0;} .wrap-list-option .select_class .sbOptions a {padding-left:12px; border:0; color:#111; font-size:10px; font-weight:200;} .wrap-list-option .select_class .sbOptions .sbFocus {background:none; text-decoration:underline;} .wrap-list-option .list-option {display:inline-block; color:#111; font-size:11px; font-weight:200; line-height:26px;} .wrap-list-option .list-option em {margin:0 7px 0 19px; font-size:10px;} .wrap-list-option .list-option label {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; width:26px; height:26px; margin-left:4px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; line-height:28px; text-align:center;} .wrap-list-option .list-option label:hover, .wrap-list-option .list-option label.active {border:1px solid #000; line-height:26px;} .wrap-list-option .list-option input[type='radio'] {position:absolute; top:0; right:-999px; z-index:-1;} .goods-header {width:100%; border-bottom:1px solid #e1e1e1; padding-top:16px; padding-bottom:16px;} .goods-header:after {content:''; display:block; clear:both;} .goods-header h1 {float:left; padding-top:16px; color:#222; font-size:16px; font-weight:normal;} .line-nav {float:left; margin-top:19px; color:#666; font-weight:normal; text-align:right;} .line-nav a {position:relative; margin-left:6px; padding-left:12px;} .line-nav a, .line_nav b {color:#666; font-weight:normal;} .line-nav a + a:after {content:'>'; display:block; position:absolute; top:2px; left:0; font-family:'NanumGothic';} .wrap-line-nav {position:absolute; top:19px; left:0;} .wrap-line-nav .line-nav {margin:0 0 0 -17px;} .goods-sorting {float:right; margin-top:10px;} .wrap-sorting:after {content:''; display:block; clear:both;} .wrap-sorting > li {float:left; margin-left:10px;} .wrap-sorting > li:first-child {color:#666; line-height:26px;} .sorting-icon:after {content:''; display:block; clear:both;} .sorting-icon a {display:block; float:left; width:26px; height:26px; text-indent:-9999px;} .sorting-icon .blog {background:url('../images/btns/goods_buttom_type.gif') no-repeat 0 -25px;} .sorting-icon .icon {background:url('../images/btns/goods_buttom_type.gif') no-repeat -26px -25px;} .sorting-icon .blog.on {background:url('../images/btns/goods_buttom_type.gif') no-repeat 0 0;} .sorting-icon .icon.on {background:url('../images/btns/goods_buttom_type.gif') no-repeat -26px 0;} /* //goods header */ /* goods nav */ .cate-main-left {position:relative; z-index:10; width:calc(100% - 60px);} .wrap-subtit {position:relative;} .wrap-subtit h2 {float:left; font-size:14px; color:#222;} .cate-list, .color-list, .size-list, .price-list {padding:30px 0;} .brand-list {padding:75px 0 0 0;} .cate-list {padding-top:0;} .price-list > div {padding-top:20px;} .price-list .amount {margin-top:10px;} .price-list .amount input[type='text'] {border:0; font-size:13px;} .cate-list-box {overflow:hidden; max-height:300px;} .cate-list-box label {margin-left:12px; font-size:14px;} .cate-list-box li {margin-top:10px;} .cate-list-box li:first-child {margin-top:0;} .brand-list h2 {font-size:14px; line-height:1.1;} .brand-search-area {position:relative; margin-top:12px; border-bottom:1px solid #e9e8e8;} .brand-search-area input[type='text'] {width:166px; height:36px; color:#111; font-size:14px; line-height:20px; border:0;} .brand-search-area .search {position:absolute; top:0; right:0;} .brand-list .brand-clear {display:block; margin-top:12px; font-size:10px; font-weight:200;} .brand-list .scroll-area {padding:30px 0 0 0;max-height:673px;} /*.brand-list .scroll-area:after {content:''; display:block; width:100%; height:1px; background:#e5e5e5;}*/ .brand-list-box {overflow-y:auto; max-height:220px !important; padding-bottom:12px !important;} .brand-list-box.scroll-content{max-height:220px;} .brand-list-box .orderby {display:block; margin:21px 0 9px 0; color:#111; font-size:15px; font-weight:600; line-height:1;} .brand-list-box .orderby.best {font-size:13px; font-weight:400;} .brand-list-box .orderby:nth-child(1) {margin-top:0;} .brand-list-box .check-box-type1 label:before {margin-right:11px;} .brand-list-box label {color:#111; font-size:10px; font-weight:200;} /*.brand-list-box ul:last-child {padding-bottom:12px;}*/ .brand-list-box li {width:100%; line-height:1.1;} .brand-list-box li + li {margin-top:7px;} .brand-list-box li a {font-size:10px; font-weight:200;} .brand-list-box li .custom-check-type1 label:before {margin-right:12px;} .color-list-box {overflow:hidden; max-height:300px;} .color-list-box label {font-size:14px; margin-left:12px;} .color-list-box li {margin-top:10px;} .color-list-box li:first-child {margin-top:0;} .size-list-wrap {position:relative;} .size-list-wrap > div {position:absolute; top:30px; left:0; width:198px;} .size-list-wrap ul {float:left; width:100%;} .size-list-wrap ul li {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; float:left; width:58px; height:28px; margin:0 8px 8px 0; border:1px solid #ccc; color:#222; line-height:28px; text-align:center; cursor:pointer;} .size-buttom {border:1px solid #e1e1e1; background:#f1f1f1; width:98px; height:26px; display:block; text-align:center; line-height:26px;} .size-list-wrap li.on {border:2px solid #333333;} .wrap-nav-sub {position:relative;} .wrap-nav-sub h1 {font-size:14px; line-height:1.1;} .wrap-nav-sub .depth1 + .depth1 {margin-top:6px;} .wrap-nav-sub .depth1 > a {color:#555; font-size:12px; font-weight:400; line-height:1.1;} html[lang="ko"] .wrap-nav-sub .depth1.notosans a {font-family:'nanumBarun', sans-serif; letter-spacing:0;} .wrap-nav-sub .depth1 > a .active {font-weight:600;color:#003e9f;} #nav-sub {margin-top:20px;} .sub-category-layer {margin-top:9px; padding:0 0 14px 11px;} .sub-category-layer li + li {} .sub-category-layer a {color:#111; font-size:11px; font-weight:200; line-height:2;} .sub-category-layer a:hover, .sub-category-layer .active {color:#123ad4;} /* //goods nav */ /* goods list module */ .wrap-goods-list ul {width:1000px; margin-left:-20px;} .wrap-goods-list ul:after {content:''; display:block; clear:both;} .wrap-goods-list ul .goods-list {overflow:hidden; position:relative; float:left; max-width:339px;min-width:250px; margin:26px 0 0 20px;width:21.5%;} /*.wrap-goods-list ul .goods-list:nth-child(1), .wrap-goods-list ul .goods-list:nth-child(2), .wrap-goods-list ul .goods-list:nth-child(3), .wrap-goods-list ul .goods-list:nth-child(4) {margin-top:0;}*/ .wrap-goods-list ul .goods-link {display:block; width:100%;color:#555;position:relative;} .wrap-goods-list ul .thumb, .wrap-goods-list ul .bname, .wrap-goods-list ul .pname, .wrap-goods-list ul .wrap-price {display:block;} .wrap-goods-list ul .wrap-price {letter-spacing:normal;} /*이미지 세로 고정*/ .wrap-goods-list > ul > .goods-list > .thumb > a {padding-top:100%;overflow:hidden;display:flex;} .wrap-goods-list > ul > .goods-list > .thumb img {position:absolute;top:0;left:0;z-index:-1;} .wrap-goods-list > ul > .goods-list > .thumb {display:inline-block;} /*끝 */ .wrap-goods-list ul .wrap-set-sticker {z-index:1; position:absolute; bottom:10px; left:10px; font-size:0;} .wrap-goods-list ul .thumb {position:relative; display:table-cell; width:100%; height:auto; /*margin-bottom:18px;*/ text-align:center; vertical-align:middle;overflow:hidden;} .wrap-goods-list ul .thumb img {max-width:339px; max-height:339px;min-width:250px;width:100%;} .wrap-goods-list ul .bname {margin-top:20px; color:#111; line-height:1.2;} .wrap-goods-list ul .pname {overflow:hidden; max-height:40px; margin-top:5px; color:#5d5d5d; font-size:11px; font-weight:400; line-height:20px; word-break:break-word; -webkit-line-clamp: 2;-webkit-box-orient: vertical;display:-webkit-box;max-width:339px;min-width:250px;font-size:12px;} .wrap-goods-list ul .pname.ellipsis {max-height:26px;} .wrap-goods-list ul .pname.ellipsis .dotdotdot{overflow:hidden;width:100% !important;text-overflow:ellipsis;white-space:nowrap;} .wrap-goods-list ul .goods-link:hover .bname, /*.wrap-goods-list ul .goods-link:hover .pname {color:#123ad4; text-decoration:underline;}*/ .wrap-goods-list ul .bname, .wrap-goods-list ul .pname {overflow:hidden; width:100%; text-overflow:ellipsis; text-transform:uppercase; } .wrap-goods-list ul .bname {white-space:nowrap; letter-spacing:-.02rem;font-weight:600;color:#111;} .wrap-goods-list ul .bname .bname-style{font-weight:600;color:#111;letter-spacing:-.02rem;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:339px;min-width:250px;font-size:12px;} .wrap-goods-list ul .wrap-price {margin-top:12px; color:#000; font-size:14px;} .wrap-goods-list ul .wrap-price b{font-weight:600;} .wrap-goods-list ul .wrap-price .strike {margin-right:3px; color:#d6d6d6; font-size:14px; font-weight:200; text-decoration:line-through;} .wrap-goods-list ul .wrap-price .strike + b {color:#d9303b;display:inline-block;font-weight:600;float:left;margin-right:5px;} /*.wrap-goods-list ul .wrap-price b {font-weight:400;}*/ .wrap-goods-list .goods-list .soldout {display:inline-block;margin-top:5px;} .wrap-goods-list .goods-list .soldout em {font-size:11px;line-height: 14px;font-weight: 400;border: solid #a0a0a0 1px;padding: 2px 5px;color: #a0a0a0 !important;margin-top:10px;display:inline-block;letter-spacing:0;} .wrap-goods-list .goods-list-over {display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:10px; left:10px; right:10px; bottom:10px; padding-top:calc(100% - 155px); background:url('../images/bg_over.png') repeat; font:0/0 a; text-align:center; cursor:pointer;} .wrap-goods-list .goods-list-over a {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:60px; height:60px; margin:0 8px; padding-top:17px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#000; font:0/0 a; text-align:center;} .wrap-goods-list .goods-list-over a + a {padding-top:19px; background:#fff;} .wrap-goods-list .goods-list-over a:before {content:''; display:inline-block; width:20px; height:26px; background:url('../images/sprite.png') no-repeat -308px -72px;} .wrap-goods-list .goods-list-over a + a:before {width:28px; height:23px; background-position:-228px -108px;} .wrap-goods-list .goods-list-over a:hover {background-color:#123ad4;} .wrap-goods-list .goods-list-over a + a:hover {background-color:#123ad4;} .wrap-goods-list .goods-list-over a + a:hover:before {background-position:-266px -108px;} .wrap-goods-list .goods-list-over a + a.active {background-color:#fff;} .wrap-goods-list .goods-list-over a + a.active:before {background-position:-275px -140px;} .wrap-goods-list .favorite {position:absolute; top:22px; right:22px; display:block; min-width:24px; color:#111; font-size:12px; font-weight:400; line-height:23px; text-align:center;} .wrap-goods-list .favorite:before {content:''; display:block; width:24px; height:20px; margin:0 auto; background:url('../images/sprite.png') no-repeat -255px -333px; background-size:1000px;} .wrap-goods-list.column-type3 ul {width:1200px;margin-left:0px;} .wrap-goods-list.column-type3 ul .goods-list {max-width:386px;min-width:386px;margin:20px 21px 0 0;} .wrap-goods-list.column-type3 ul .thumb {width:386px; height:386px;} .wrap-goods-list.column-type3 ul .thumb img {max-width:386px; max-height:386px; width:100%; height:auto;} .wrap-goods-list.column-type3 ul .goods-list:nth-child(1), .wrap-goods-list.column-type3 ul .goods-list:nth-child(2), .wrap-goods-list.column-type3 ul .goods-list:nth-child(3) {margin-top:0;} .wrap-goods-list.column-type3 ul .goods-list:nth-child(3n) {margin-right:0;} .wrap-goods-list.column-type3 ul .goods-list-over, .wrap-goods-list.column-type3 ul .goods-list-over, .wrap-goods-list.column-type3 ul .goods-list-over {padding-top:calc(100% - 230px);} .wrap-goods-list.column-type4 ul {width:1200px;margin-left:0px;} .wrap-goods-list.column-type4 ul .goods-list {max-width:285px;min-width:285px;margin:20px 20px 0 0;} .wrap-goods-list.column-type4 ul .thumb {width:285px; height:285px;} .wrap-goods-list.column-type4 ul .thumb img {max-width:285px; max-height:285px;} .wrap-goods-list.column-type4 ul .goods-list-over, .wrap-goods-list.column-type4 ul .goods-list-over, .wrap-goods-list.column-type4 ul .goods-list-over {padding-top:calc(100% - 180px);} .wrap-goods-list.column-type4 ul .goods-list:nth-child(1), .wrap-goods-list.column-type4 ul .goods-list:nth-child(2), .wrap-goods-list.column-type4 ul .goods-list:nth-child(3), .wrap-goods-list.column-type4 ul .goods-list:nth-child(4) {margin-top:0;} .wrap-goods-list.column-type4 ul .goods-list:nth-child(4n) {margin-right:0;} .wrap-goods-list.column-type5 ul {width:1200px;margin-left:0px;} .wrap-goods-list.column-type5 ul .goods-list {max-width:226px;min-width:226px;margin:20px 17.5px 0 0;} .wrap-goods-list.column-type5 ul .thumb {width:226px; height:226px;} .wrap-goods-list.column-type5 ul .thumb img {max-width:226px; max-height:226px;min-width:226px;} .wrap-goods-list.column-type5 ul .goods-list-over, .wrap-goods-list.column-type5 ul .goods-list-over, .wrap-goods-list.column-type5 ul .goods-list-over {padding-top:calc(100% - 150px);} .wrap-goods-list.column-type5 ul .goods-list:nth-child(1), .wrap-goods-list.column-type5 ul .goods-list:nth-child(2), .wrap-goods-list.column-type5 ul .goods-list:nth-child(3), .wrap-goods-list.column-type5 ul .goods-list:nth-child(4), .wrap-goods-list.column-type5 ul .goods-list:nth-child(5) {margin-top:0;} .wrap-goods-list.column-type5 ul .goods-list:nth-child(5n){margin-right:0;} .wrap-goods-list.column-type4-complex5 ul {width:1200px;} .wrap-goods-list.column-type4-complex5 ul .goods-list {width:220px; height:313px; margin-top:20px;} .wrap-goods-list.column-type4-complex5 ul .thumb {width:220px; height:220px;} .wrap-goods-list.column-type4-complex5 ul .thumb img {max-width:220px; max-height:220px;} .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(1), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(2), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(3), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(4), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(5), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(6), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(7), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(8) {width:280px; height:374px;} .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(1), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(2), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(3), .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(4) {margin-top:0;} .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(3) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(4) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(5) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(6) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(7) .thumb, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(8) .thumb {width:280px; height:280px;} .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(3) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(4) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(5) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(6) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(7) .thumb img, .wrap-goods-list.column-type4-complex5 ul .goods-list:nth-child(8) .thumb img {max-width:280px; max-height:280px;} .wrap-goods-list.column-type3-complex4 ul {width:1200px;} .wrap-goods-list.column-type3-complex4 ul .goods-list {width:280px; height:374px; margin-top:20px;} .wrap-goods-list.column-type3-complex4 ul .thumb {width:280px; height:280px;} .wrap-goods-list.column-type3-complex4 ul .thumb img {max-width:280px; max-height:280px;} .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(1), .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(2), .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(3) {width:380px; height:473px; margin-top:0;} .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(3) .thumb {width:380px; height:380px;} .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list.column-type3-complex4 ul .goods-list:nth-child(3) .thumb img {max-width:380px; max-height:380px;} .wrap-goods-list.column-type3-complex5 ul {width:1200px;} .wrap-goods-list.column-type3-complex5 ul .goods-list {width:220px; height:313px; margin-top:20px;} .wrap-goods-list.column-type3-complex5 ul .thumb {width:220px; height:220px;} .wrap-goods-list.column-type3-complex5 ul .thumb img {max-width:220px; max-height:220px;} .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(1), .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(2), .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(3) {width:380px; height:473px; margin-top:0;} .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(3) .thumb {width:380px; height:380px;} .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list.column-type3-complex5 ul .goods-list:nth-child(3) .thumb img {max-width:380px; max-height:380px;} .no-content {padding:50px 0 60px 0 !important; font-size:14px; text-align:center !important;} .wrap-goods-list .no-content {position:relative;font-size:16px;color:#000;} .wrap-goods-list .no-content:after {content:"";position:absolute;top:120px;left:50%;margin-left:-31px;width:62px;height:72px;background:url('../images/sprite.png') no-repeat -108px -106px;} /* //goods list module */ .event-product-area .section-product-group .wrap-goods-list ul .pname { min-width:auto; } /* goods list 2017 module */ .wrap-goods-list-2017 ul {width:1000px; margin-left:-20px;} .wrap-goods-list-2017 ul:after {content:''; display:block; clear:both;} .wrap-goods-list-2017 ul .goods-list {overflow:hidden; position:relative; float:left; width:230px; margin:26px 0 20px 20px;} .wrap-goods-list-2017 ul .goods-list:nth-child(1), .wrap-goods-list-2017 ul .goods-list:nth-child(2), .wrap-goods-list-2017 ul .goods-list:nth-child(3), .wrap-goods-list-2017 ul .goods-list:nth-child(4) {margin-top:0;} .wrap-goods-list-2017 ul .goods-link {display:block; width:100%; height:75px; color:#555;} .wrap-goods-list-2017 ul .thumb, .wrap-goods-list-2017 ul .bname, .wrap-goods-list-2017 ul .pname, .wrap-goods-list-2017 ul .wrap-price {display:block;} .wrap-goods-list-2017 ul .wrap-price {letter-spacing:normal;} .wrap-goods-list-2017 ul .wrap-set-sticker {z-index:1; position:absolute; bottom:10px; left:10px; font-size:0;} .wrap-goods-list-2017 ul .thumb {position:relative; display:table-cell; width:230px; height:230px; margin-bottom:18px; text-align:center; vertical-align:middle;} .wrap-goods-list-2017 ul .thumb img {max-width:230px; max-height:230px;} .wrap-goods-list-2017 ul .bname {margin-top:20px; color:#111; line-height:1.2;} .wrap-goods-list-2017 ul .pname {overflow:hidden; max-height:26px; margin-top:5px; color:#555; font-size:11px; font-weight:200; line-height:1.27; word-break:break-word;} .wrap-goods-list-2017 ul .pname.ellipsis {max-height:26px;} .wrap-goods-list-2017 ul .goods-link:hover .bname, .wrap-goods-list-2017 ul .goods-link:hover .pname {color:#123ad4; text-decoration:underline;} .wrap-goods-list-2017 ul .bname, .wrap-goods-list-2017 ul .pname {overflow:hidden; width:100%; text-overflow:ellipsis; text-transform:uppercase; } .wrap-goods-list-2017 ul .bname {white-space:nowrap; letter-spacing:0.064em} .wrap-goods-list-2017 ul .wrap-price {margin-top:12px; color:#123ad4; font-size:12px;} .wrap-goods-list-2017 ul .wrap-price .strike {margin-right:3px; color:#d6d6d6; font-size:12px; font-weight:200; text-decoration:line-through;} .wrap-goods-list-2017 ul .wrap-price b {font-weight:400;} .wrap-goods-list-2017 .goods-list-over {display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:10px; left:10px; right:10px; bottom:10px; padding-top:calc(100% - 155px); background:url('../images/bg_over.png') repeat; font:0/0 a; text-align:center; cursor:pointer;} .wrap-goods-list-2017 .goods-list-over a {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:60px; height:60px; margin:0 8px; padding-top:17px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#000; font:0/0 a; text-align:center;} .wrap-goods-list-2017 .goods-list-over a + a {padding-top:19px; background:#fff;} .wrap-goods-list-2017 .goods-list-over a:before {content:''; display:inline-block; width:20px; height:26px; background:url('../images/sprite.png') no-repeat -308px -72px;} .wrap-goods-list-2017 .goods-list-over a + a:before {width:28px; height:23px; background-position:-228px -108px;} .wrap-goods-list-2017 .goods-list-over a:hover {background-color:#123ad4;} .wrap-goods-list-2017 .goods-list-over a + a:hover {background-color:#123ad4;} .wrap-goods-list-2017 .goods-list-over a + a:hover:before {background-position:-266px -108px;} .wrap-goods-list-2017 .goods-list-over a + a.active {background-color:#fff;} .wrap-goods-list-2017 .goods-list-over a + a.active:before {background-position:-275px -140px;} .wrap-goods-list-2017 .favorite {position:absolute; top:22px; right:22px; display:block; min-width:24px; color:#111; font-size:12px; font-weight:400; line-height:23px; text-align:center;} .wrap-goods-list-2017 .favorite:before {content:''; display:block; width:24px; height:20px; margin:0 auto; background:url('../images/sprite.png') no-repeat -255px -333px; background-size:1000px;} .wrap-goods-list-2017.column-type3 ul {width:1200px;} .wrap-goods-list-2017.column-type3 ul .goods-list {width:380px; height:473px; margin-top:20px;} .wrap-goods-list-2017.column-type3 ul .thumb {width:380px; height:380px;} .wrap-goods-list-2017.column-type3 ul .thumb img {max-width:380px; max-height:380px; width:100%; height:auto;} .wrap-goods-list-2017.column-type3 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type3 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type3 ul .goods-list:nth-child(3) {margin-top:0;} .wrap-goods-list-2017.column-type3 ul .goods-list-over, .wrap-goods-list-2017.column-type3 ul .goods-list-over, .wrap-goods-list-2017.column-type3 ul .goods-list-over {padding-top:calc(100% - 230px);} .wrap-goods-list-2017.column-type4 ul {width:1200px;} .wrap-goods-list-2017.column-type4 ul .goods-list {width:280px; height:374px; margin-top:20px;} .wrap-goods-list-2017.column-type4 ul .thumb {width:280px; height:280px;} .wrap-goods-list-2017.column-type4 ul .thumb img {max-width:280px; max-height:280px;} .wrap-goods-list-2017.column-type4 ul .goods-list-over, .wrap-goods-list-2017.column-type4 ul .goods-list-over, .wrap-goods-list-2017.column-type4 ul .goods-list-over {padding-top:calc(100% - 180px);} .wrap-goods-list-2017.column-type4 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type4 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type4 ul .goods-list:nth-child(3), .wrap-goods-list-2017.column-type4 ul .goods-list:nth-child(4) {margin-top:0;} .wrap-goods-list-2017.column-type5 ul {width:1200px;} .wrap-goods-list-2017.column-type5 ul .goods-list {width:220px; height:313px; margin-top:20px;} .wrap-goods-list-2017.column-type5 ul .thumb {width:220px; height:220px;} .wrap-goods-list-2017.column-type5 ul .thumb img {max-width:220px; max-height:220px;} .wrap-goods-list-2017.column-type5 ul .goods-list-over, .wrap-goods-list-2017.column-type5 ul .goods-list-over, .wrap-goods-list-2017.column-type5 ul .goods-list-over {padding-top:calc(100% - 150px);} .wrap-goods-list-2017.column-type5 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type5 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type5 ul .goods-list:nth-child(3), .wrap-goods-list-2017.column-type5 ul .goods-list:nth-child(4), .wrap-goods-list-2017.column-type5 ul .goods-list:nth-child(5) {margin-top:0;} .wrap-goods-list-2017.column-type4-complex5 ul {width:1200px;} .wrap-goods-list-2017.column-type4-complex5 ul .goods-list {width:220px; height:313px; margin-top:20px;} .wrap-goods-list-2017.column-type4-complex5 ul .thumb {width:220px; height:220px;} .wrap-goods-list-2017.column-type4-complex5 ul .thumb img {max-width:220px; max-height:220px;} .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(3), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(4), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(5), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(6), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(7), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(8) {width:280px; height:374px;} .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(3), .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(4) {margin-top:0;} .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(3) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(4) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(5) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(6) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(7) .thumb, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(8) .thumb {width:280px; height:280px;} .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(3) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(4) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(5) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(6) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(7) .thumb img, .wrap-goods-list-2017.column-type4-complex5 ul .goods-list:nth-child(8) .thumb img {max-width:280px; max-height:280px;} .wrap-goods-list-2017.column-type3-complex4 ul {width:1200px;} .wrap-goods-list-2017.column-type3-complex4 ul .goods-list {width:280px; height:374px; margin-top:20px;} .wrap-goods-list-2017.column-type3-complex4 ul .thumb {width:280px; height:280px;} .wrap-goods-list-2017.column-type3-complex4 ul .thumb img {max-width:280px; max-height:280px;} .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(3) {width:380px; height:473px; margin-top:0;} .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(3) .thumb {width:380px; height:380px;} .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list-2017.column-type3-complex4 ul .goods-list:nth-child(3) .thumb img {max-width:380px; max-height:380px;} .wrap-goods-list-2017.column-type3-complex5 ul {width:1200px;} .wrap-goods-list-2017.column-type3-complex5 ul .goods-list {width:220px; height:313px; margin-top:20px;} .wrap-goods-list-2017.column-type3-complex5 ul .thumb {width:220px; height:220px;} .wrap-goods-list-2017.column-type3-complex5 ul .thumb img {max-width:220px; max-height:220px;} .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(1), .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(2), .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(3) {width:380px; height:473px; margin-top:0;} .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(1) .thumb, .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(2) .thumb, .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(3) .thumb {width:380px; height:380px;} .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(2) .thumb img, .wrap-goods-list-2017.column-type3-complex5 ul .goods-list:nth-child(3) .thumb img {max-width:380px; max-height:380px;} .wrap-goods-list-2017 .no-content {position:relative;font-size:16px;color:#000;} .wrap-goods-list-2017 .no-content:after {content:"";position:absolute;top:120px;left:50%;margin-left:-31px;width:62px;height:72px;background:url('../images/sprite.png') no-repeat -108px -106px;} /* //goods list 2017 module */ /* goods view module */ .wrap-goods-view {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;position:relative;width:100%;margin-top:20px;display:inline-block;} .wrap-goods-view .goods-view-area {position:relative;} .wrap-goods-view .goods-view-area .wrap-view-item{width:600px;float:left;margin-right:47px;} .wrap-view-item .flexslider{overflow:hidden; position:relative;width:600px;height:600px;} .wrap-view-item .flexslider img{height:600px;} .wrap-view-item .flex-control-nav {position:absolute; top:246px;left:0;z-index:10;} .wrap-view-item .flex-control-nav li img {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:60px; height:60px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; opacity:0.7; cursor:pointer;} .wrap-view-item .flex-control-nav li img.flex-active {border:1px solid #000; opacity:1;} .wrap-view-item .flex-control-nav li + li {margin-top:25px;} .wrap-view-item .flex-direction-nav .flex-prev, .wrap-view-item .flex-direction-nav .flex-next {display:block; position:absolute; top:216px; left:23px; width:15px; height:10px; background:url('../images/sprite.png') no-repeat -568px -0; font:0/0 a;z-index:10} .wrap-view-item .flex-direction-nav .flex-prev {top:581px; background-position:-584px 0;} .wrap-view-item .flex-direction-nav .flex-prev.flex-disabled, .wrap-view-item .flex-direction-nav .flex-next.flex-disabled {opacity:0;} .goods-detail-area {min-width:100%;margin:0 auto;margin-top:30px;} .goods-detail-area .img {width:100%;} .wrap-other-color, .wrap-detail-info {margin:60px 0 120px 0;} .wrap-other-color h2, .wrap-detail-info h2 {font-size:18px; line-height:1.1;} .wrap-other-color .flexslider {position:relative;width:1060px;margin:0 auto;margin-top:25px;} .wrap-other-color .flexslider .thumb{display:table-cell; width:200px; height:200px; text-align:center; vertical-align:middle;} .wrap-other-color .flexslider .thumb img {max-width:200px; max-height:200px;} .wrap-other-color .flexslider .bname, .wrap-other-color .flexslider .pname, .wrap-other-color .flexslider .wrap-price {display:block;} .wrap-other-color .flexslider .bname{overflow:hidden;width:100%;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;margin-top:20px;font-size:12px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;} .wrap-other-color .flexslider .pname{font-weight:normal;white-space:nowrap;margin-top:10px;font-size:12px;color:#5d5d5d;letter-spacing:0;display: block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .wrap-other-color .flexslider .wrap-price{margin-top:10px;font-size:12px;font-weight:bold;} .wrap-other-color .flexslider .wrap-price .strike {margin-right:3px;} .wrap-other-color .flexslider .wrap-price .strike {color:#d6d6d6; font-size:14px; text-decoration:line-through;} .wrap-other-color .flexslider .wrap-price b span{font-weight:bold;letter-spacing:0;color:#000;font-family:'Helvetica Neue LT';} .wrap-other-color .flex-direction-nav .flex-prev, .wrap-other-color .flex-direction-nav .flex-next {position:absolute;width:25px;height:44px;top:75px;font:0/0 a;text-align:center;} .wrap-other-color .flex-direction-nav .flex-prev {left:-45px;} .wrap-other-color .flex-direction-nav .flex-next {right:-45px;} .wrap-other-color .flex-direction-nav .flex-prev:before{content:'';display:inline-block;width:25px;height:44px;background: url(../images/common/prev_arrow_01.png) no-repeat;} .wrap-other-color .flex-direction-nav .flex-next:before{content:'';display:inline-block;width:25px;height:44px;background: url(../images/common/next_arrow_01.png) no-repeat;} .wrap-other-color .flex-direction-nav .flex-prev.flex-disabled, .wrap-other-color .flex-direction-nav .flex-next.flex-disabled {display:block;} .wrap-other-color .flex-control-nav {display:none;} .wrap-detail-info table {width:100%; margin-top:15px;border-top:2px solid #000;border-bottom:2px solid #000;} .wrap-detail-info table th {padding:15px 35px; border-top:1px solid #e5e5e5; color:#000; font-weight:400; line-height:1.66; text-align:left;} .wrap-detail-info table td {padding:13px 0; border-top:1px solid #e5e5e5;color:#000; font-weight:400;line-height:1.66;} .wrap-goods-view .information{width:553px;display:inline-block;} .wrap-goods-view .information .wrap-goods-name{width:100%;} .wrap-goods-view .information .wrap-goods-name h1 a{font-size:14px;font-weight:bold;line-height:27px;color:#000;border-bottom:2px solid #000;display:inline-block;letter-spacing:0.025rem;} .wrap-goods-view .information .wrap-goods-name h1 .pname{display:block;font-size:18px;font-weight:300;color:#000;margin:15px 0;} .wrap-goods-view .information .wrap-goods-name h1 .pname .soldout-color{color:#A0A0A0;} .wraper-sns-share {display:inline-block; position:relative; width:40px; height:40px; margin-bottom:20px;} .wrap-sns-share {position:absolute; top:20px; left:0; width:40px;} .wraper-sns-share .wrap-sns-share {top:0;} .wrap-sns-share .share-icon, .wrap-sns-share .share-group a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;} .wrap-sns-share .share-group a:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat; vertical-align:top;} .wrap-sns-share .share-icon {padding-top:10px;} .wrap-sns-share .share-icon:before {content:''; display:inline-block; background:url('../images/common/sns_share01.png') no-repeat; vertical-align:top;width:25px;height:25px;} .wrap-sns-share .share-group {display:block; overflow:hidden; height:0; transition:height .2s ease; -webkit-transition:height .2s ease; -moz-transition:height .2s ease;} .wrap-sns-share .share-group a {padding-top:11px; border:1px solid transparent;} .wrap-sns-share .share-group a:hover {border-color:#000;} .wrap-sns-share .share-group .facebook {margin-top:5px;} .wrap-sns-share .share-group .facebook:before {width:9px; height:19px; background-position:-304px -468px;} .wrap-sns-share .share-group .nblog:before {width:20px; height:19px; background-position:-313px -468px;} .wrap-sns-share .share-group .urlcopy:before {width:20px; height:19px; background-position:-333px -468px;} .wrap-sns-share:hover .share-icon {background:transparent;} .wrap-sns-share:hover .share-group {height:130px;} .information .wrap-sns-share {position:absolute;top:7px;right:67px;width:40px;left:unset;} .information .wrap-sns-share .share-icon, .information .wrap-sns-share .share-group a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;padding:0;border:none;} .information .wrap-sns-share .share-icon:before{content:''; display:inline-block; background:url('../images/common/sns_share01.png') no-repeat; vertical-align:top;} .information .wrap-sns-share .share-group a:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat; vertical-align:top;} .information .wrap-sns-share .share-icon:before {width:23px;height:25px;} .information .wrap-sns-share .share-group {display:block; overflow:hidden; height:0; transition:height .2s ease; -webkit-transition:height .2s ease; -moz-transition:height .2s ease;} .information .wrap-sns-share .share-group a {padding-top:11px; border:1px solid transparent;} .information .wrap-sns-share .share-group a:hover {border-color:#000;} .information .wrap-sns-share .share-group .facebook {margin-top:5px;} .information .wrap-sns-share .share-group .facebook:before {width:9px; height:19px; background-position:-304px -468px;} .information .wrap-sns-share .share-group .nblog:before {width:20px; height:19px; background-position:-313px -468px;} .information .wrap-sns-share .share-group .urlcopy:before {width:20px; height:19px; background-position:-333px -468px;} .information .wrap-sns-share:hover .share-icon {background:transparent} .information .wrap-sns-share:hover .share-icon:before { background:url('../images/common/sns_share01.png') no-repeat; vertical-align:top;} .information .wrap-sns-share:hover .share-group {height:130px;} .wrap-goods-view .information .wrap-goods-name .wishlist{position:absolute;top:8px;right:10px;z-index:2; width:30px; height:25px;font:0/0 a;} .wrap-goods-view .information .wrap-goods-name .wishlist:before {content:'';display:block;width:30px;height:25px;background:url('../images/common/heart01.png') no-repeat;} .wrap-goods-view .information .wrap-goods-name .wishlist:hover, .wrap-goods-view .information .wrap-goods-name .wishlist.active {content:'';display:block;width:30px;height:25px;background:url('../images/common/heart02.png') no-repeat;} .wrap-goods-view .information .wrap-goods-name .wishlist:hover:before, .wrap-goods-view .information .wrap-goods-name .wishlist.active:before {content:'';display:block;width:30px;height:25px;background:url('../images/common/heart02.png') no-repeat;} .wrap-goods-view .wrap-relation {margin-top:15px} .wrap-goods-view .relation-price{padding-bottom:20px;border-bottom:1px solid #cecece;} .wrap-goods-view .relation-price .listprice .strike{text-decoration:unset;font-size:14px;font-weight:bold;letter-spacing:0;color:#d4d4d4;line-height:25px;} .wrap-goods-view .relation-price .dcprice-rate, .wrap-goods-view .relation-price .dcprice{font-size:18px;font-weight:bold;color:#000;letter-spacing:0;display:inline-block;} .wrap-goods-view .relation-price .dcprice-rate{margin-right:5px;} .wrap-goods-view .relation-price .point_price {color:#023ea0;} /*.wrap-goods-view .relation-price dl {width:100%;} .wrap-goods-view .relation-price dl + dl {margin-top:5px;} .wrap-goods-view .relation-price dl:after {content:''; display:block; clear:both;} .wrap-goods-view .relation-price dt, .wrap-goods-view .relation-price dd {float:left; color:#111;} .wrap-goods-view .relation-price dt {width:150px;} html[lang="en"] .wrap-goods-view .relation-price dt {width:120px;} .wrap-goods-view .relation-price dd {position:relative; width:105px; margin-top:-2px; font-size:15px;} html[lang="en"] .wrap-goods-view .relation-price dd {width:140px;} .wrap-goods-view .relation-price dd .strike {color:#d6d6d6; text-decoration:line-through;} .wrap-goods-view .relation-price dd .set-btn-type5 {height:16px; margin-left:10px; padding:0 6px; border-color:#e2e2e2; font-family:'Graphik Web'; font-size:9px; line-height:16px; vertical-align:-4px;} html[lang="en"] .wrap-goods-view .relation-price dd .set-btn-type5 {display:block; width:67px; margin-left:0;} .wrap-goods-view .relation-price dd .mancou-wrap {float:right;width:69px;height:24px;line-height:24px;background-color:#123ad4;text-align:center;margin-right:43px;} .wrap-goods-view .relation-price dd .mancou-wrap .mancoudowntext {color:#fff;font-size:12px;} .black-color {color:#000 !important;} .blue-color {color:#123ad4 !important;}*/ .wrap-goods-view .member-price{margin:20px 0;padding-bottom:20px;border-bottom:1px solid #cecece;} .wrap-goods-view .member-price dl {width:100%;} .wrap-goods-view .member-price dl dt, .wrap-goods-view .member-price dl dd{display:inline-block;letter-spacing:0;} .wrap-goods-view .member-price dl dt{font-size:12px;font-weight:300;color:#000;/*vertical-align:1px;*/} .wrap-goods-view .member-price dl dd{font-size:18px;font-weight:bold;color:#000;vertical-align:middle;margin-left:10px;} .wrap-goods-view .member-price dl .blue-color{color:#023ea0} .wrap-goods-view .member-price .mancou-btn{display:inline-block;text-decoration:none;color:#fff;font-size:12px;background:#023ea0;text-align:center;line-height:25px;width:80px;height:25px;margin-left:10px;vertical-align:2px;} .member-price .point_price {color:#023ea0;font-size:12px;vertical-align:top;line-height:28px;} .wrap-goods-view .relation-option {margin-top:17px; /*padding-bottom:200px; padding-bottom:22px; border-bottom:1px solid #e5e5e5;*/} .wrap-goods-view .relation-option dl {width:100%;} .wrap-goods-view .relation-option dl + dl {margin-top:5px;} .wrap-goods-view .relation-option dl:after {content:''; display:block; clear:both;} .wrap-goods-view .relation-option dt, .wrap-goods-view .relation-option dd{display:inline-block;font-size:12px;font-weight:200;letter-spacing:0;color:#5d5d5d;vertical-align:top;} .wrap-goods-view .relation-option dd{width:470px;} .wrap-goods-view .relation-option dd span{font-size:12px;font-weight:200;letter-spacing:0;color:#5d5d5d;} .wrap-goods-view .relation-option dl dt {width:80px;margin-bottom:0px;} /*html[lang="en"] .wrap-goods-view .relation-option dt {width:100px;} .wrap-goods-view .relation-option dd {position:relative; width:182px;} html[lang="en"] .wrap-goods-view .relation-option dd {width:160px;} html[lang="en"] .wrap-goods-view .relation-option dd u.br {display:inline;} .wrap-goods-view .relation-option dd .card-disc {margin-right:5px; color:#111; text-decoration:underline;}*/ .wrap-goods-view .option-area {margin-top:23px;} .wrap-goods-view .option-area:after {content:''; display:block; clear:both;} .wrap-goods-view .option-area dl {float:left; width:115px;} .wrap-goods-view .option-area dl + dl {margin:0;} .wrap-goods-view .option-area dt, .wrap-goods-view .option-area dd {float:none;} .wrap-goods-view .option-area dd {margin-top:7px;} .wrap-goods-view .option-area .wrap-option-control dt {padding:0;} .wrap-goods-view .tip-view {display:inline-block; width:18px; height:18px; margin-left:2px; background:url('../images/sprite.png') no-repeat -1062px -344px; font:0/0 a; vertical-align:top;} .wrap-goods-view .tip {display:none; position:absolute; top:0; left:0; z-index:101; width:210px; padding:25px 25px 16px; border:1px solid #000; background:#fff; color:#111; text-align:left;} .wrap-goods-view .tip.sticky {position:fixed;} .wrap-goods-view .box-layer-tip.active {display:block; position:fixed; top:0; left:50%; margin-left:-180px; z-index:1003;} .wrap-goods-view .tip.info-tip {display:none; position:fixed; top:0; left:50%; margin-left:-180px; z-index:1003; width:300px;} .wrap-goods-view .tip.info-tip img {max-width:300px; height:auto;} .wrap-goods-view .tip.info-tip .tip-title {margin-bottom:15px; padding-bottom:15px; border-bottom:2px solid #000;} .wrap-goods-view .tip.info-tip .desc-delv {overflow-x:hidden; overflow-y:auto; height:400px; margin:0; padding:0 20px;} .wrap-goods-view .tip.info-tip .close {position:absolute; top:26px; right:15px; font:0/0 a; cursor:pointer;} .wrap-goods-view .tip.info-tip .close:after {content:''; display:inline-block; width:17px; height:17px; background:url('../images/sprite.png') no-repeat -664px -342px;} .wrap-goods-view .tip.info-tip:after {display:none;} .wrap-goods-view .tip:after {content:''; display:block; position:absolute; top:-12px; right:30px; width:21px; height:12px; background:url('../images/sprite.png') no-repeat -616px -188px;} .wrap-goods-view .tip .tip-title {font-size:14px; font-weight:600;} .wrap-goods-view .tip .tip-title + ul {margin-top:20px;} .wrap-goods-view .tip li {position:relative; line-height:2;} .wrap-goods-view .tip .tip-price {position:absolute; top:0; right:0;} .wrap-goods-view .tip .tip-price strong {margin-right:5px;} .wrap-goods-view .tip .tip-total {margin-top:10px; padding-top:10px; border-top:1px solid #e9e8e8;} .wrap-goods-view .tip .tip-total strong {font-size:22px; font-weight:600;} .wrap-goods-view .tip .desc {margin-top:30px;color:#777; font-weight:200;} .wrap-goods-view .tip .desc-delv {margin-top:5px; color:#777; letter-spacing:-0.07em;} .wrap-goods-view .tip .tip-close {display:none; position:absolute; top:12px; right:12px; width:14px; height:14px; background:url('../images/sprite.png') no-repeat -95px 0; font:0/0 a;} .wrap-goods-view .gift-area {margin-top:8px;} .wrap-goods-view .gift-area .desc-gift {margin-top:8px; font-size:11px; font-weight:200; line-height:1;} .wrap-add-goods {margin-top:25px;} .wrap-add-goods .title {color:#111; font-size:13px; font-weight:800; line-height:1;} .wrap-add-goods .add-goods-name {display:block; margin:15px 0 7px 0; color:#111; line-height:1;} .wrap-price-option {margin-top:15px;margin-bottom:30px;} .wrap-price-option td .select_class{width:325px;} .wrap-price-option td .select_class input {width:100% !important;} .wrap-price-option td .select_class .sbHolder .sbSelector{padding:12px 25px 11px 12px;font-size:14px;font-weight:100;color:#000;border:1px solid #d4d4d4;font-family:'Helvetica Neue LT','Apple SD Gothic Neo', 'nanumBarun', sans-serif;} .wrap-price-option td .select_class .sbHolder .sbSelector:after{top:20px;height:6px;right:20px;} /*.wrap-price-option .option_table03 {margin-top:16px;}*/ .wrap-price-option .option_table03 .order_detail_rows > td{border-bottom:1px solid #d4d4d4;} .wrap-price-option .option_table03 .order_detail_rows:last-child > td{border-bottom:none;} .wrap-price-option dt {width:78px; padding-left:0; color:#111;} .wrap-goods-view .selected-list {width:100%; margin-top:10px;} .wrap-goods-view .selected-list li {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:242px; min-height:56px; padding:16px 0 0 12px; background:#f9f9f9; color:#111; font-size:11px; font-weight:600; line-height:1;} .wrap-goods-view .selected-list li.gift {padding-top:22px;} .wrap-goods-view .selected-list li + li {margin-top:2px;} .wrap-goods-view .selected-list li strong {display:block; margin-top:5px; font-weight:400;} .wrap-goods-view .selected-list .add-goods-name {display:block; margin:-9px 0 2px 0;} .wrap-goods-view .selected-list .option-position {position:absolute; top:50%; right:10px; margin-top:-12px;} .wrap-goods-view .selected-list .option-position dt {display:none;} .wrap-goods-view .selected-list .option-position .option-up-down {width:71px !important;} .wrap-goods-view .selected-list .option-position .option-up-down input[type='text'] {width:23px !important; height:23px; margin-left:24px; line-height:23px;} .wrap-goods-view .selected-list .option-up-down .up, .wrap-goods-view .selected-list .option-up-down .down {width:23px; height:23px;} .wrap-goods-view .selected-list .delete {display:block; position:absolute; top:50%; right:-15px; width:7px; height:7px; margin-top:-4px; background:url('../images/sprite.png') no-repeat -125px -6px; font:0/0 a;} #minicart .order_detail_rows .txt-sellout, #minicart .order_detail_rows .dimmed {display:none;} #minicart .order_detail_rows.sellout .dimmed {z-index:1; position:absolute; top:0; left:0; display:block; width:87%; height:100%; background:#f9f9f9; opacity:0.5;} #minicart .order_detail_rows.sellout .add-goods-name .txt-sellout {display:inline-block;} #minicart .order_detail_rows.sellout .option-goods-name .txt-sellout {display:inline-block;} #minicart .order_detail_rows.sellout #minicart_detail tr td:first-child {color:#ccc;} #minicart .order_detail_rows.sellout #minicart_detail .add-goods-name {color:#ccc;} #minicart .order_detail_rows.sellout #minicart_detail .total-p {color:#ccc !important;} #minicart_detail .add-goods-name {display:block;} #minicart_detail .total-p {display:inline-block;font-size:18px;font-weight:bold;color:#000;letter-spacing:0;vertical-align:middle;} #minicart_detail td {position:relative; background:#f9f9f9;} #minicart_detail tr td:first-child {padding-left:18px;font-size:14px;color:#000;line-height:0;font-weight:500;} #minicart_detail tr td:first-child span{display:inline-block;vertical-align:-5px;} #minicart_detail tr td:last-child {padding-top:3px;text-align:right;} #minicart_detail td .goods-num {position:absolute; top:15px; left:10px;} #minicart_detail td .option-position {margin:17px 0;} #minicart_detail td .num {float:left; margin:0 5px 10px 0; line-height:15px;} #minicart_detail .option-position .option-up-down {width:88px !important;} #minicart_detail .option-position .option-up-down input[type='text']{width:30px !important;height:30px;margin-left:29px;font-size:11px;font-family:'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif;padding:0;} #minicart_detail .option-up-down .up, #minicart_detail .option-up-down .down{width:30px;height:30px;} #minicart_detail .delete {display:inline-block;width:22px;height:22px;background:url('../images/common/ico_x01.png') no-repeat;font:0/0 a; vertical-align:middle;margin-right:18px;margin-left:10px;} .wrap-goods-view .wrap-goods-decision {text-align:right;background:#f7f7f7;display:none;} .wrap-goods-view .wrap-goods-decision.active{display:block;} .wrap-goods-view .wrap-goods-decision dl{line-height:23px;margin-top:23px;} .wrap-goods-view .wrap-goods-decision .minicart_total {margin-right:4px;} .wrap-goods-view .wrap-goods-decision .minicart_member_total {margin-right:4px;} .wrap-goods-view .wrap-goods-decision .minicart_total_mancou {margin-right:4px;} .wrap-goods-view .wrap-goods-decision dl:last-child{padding-bottom:23px;} .wrap-goods-view .total-price {width:100%; padding-top:23px; border-top:2px solid #000;} .wrap-goods-view .total-price:after {content:''; display:block; clear:both;} .wrap-goods-view .total-price dt, .wrap-goods-view .total-price dd {display:inline-block;vertical-align:middle;color:#000;} .wrap-goods-view .total-price dt {font-size:14px;letter-spacing:0px;font-weight:300;color:#5d5d5d;} .wrap-goods-view .total-price dd {width:104px;padding-right:21px; font-size:24px; font-weight:bold; line-height:23px;text-align:left;letter-spacing:0;margin-left:15px;} .wrap-goods-view .member-total-price{margin-top:23px;} .wrap-goods-view .member-total-price dt, .wrap-goods-view .member-total-price dd {display:inline-block;vertical-align:middle;color:#000;} .wrap-goods-view .member-total-price dt {font-size:14px;letter-spacing:0px;font-weight:300;color:#5d5d5d;} .wrap-goods-view .member-total-price dd {width:104px; padding-right:20px; font-size:24px; font-weight:bold; line-height:23px;text-align:left;letter-spacing:0;margin-left:15px;} .wrap-goods-view .mancou-price{margin-top:23px;} .wrap-goods-view .mancou-price dt, .wrap-goods-view .mancou-price dd {display:inline-block;vertical-align:middle;} .wrap-goods-view .mancou-price dt {font-size:14px;letter-spacing:0px;font-weight:300;} .wrap-goods-view .mancou-price dd {width:104px; padding-right:20px; font-size:24px; font-weight:bold; line-height:23px;text-align:left;letter-spacing:0;margin-left:15px;} .wrap-goods-view .point-price dt {display:inline-block;vertical-align:middle;} .wrap-goods-view .point-price dd {display:inline-block;text-align:left;} .wrap-goods-view .goods-decision {margin:23px 0;} .wrap-goods-view .goods-decision + div {margin-top:15px; border-top:1px solid #353842;} .wrap-goods-view .goods-decision .sect {display:block; font-size:0;} .wrap-goods-view .goods-decision .sect .set-btn-type1, .wrap-goods-view .goods-decision .sect .set-btn-soldout {width:50%;height:70px;font-size:18px !important;font-weight:bold;line-height:70px !important;} .wrap-goods-view .goods-decision .cart {width:50%;height:70px;border:none;background:#a0a0a0;font-size:18px !important;font-weight:bold;line-height:70px !important;color:#fff !important;} .wrap-goods-view .goods-decision .cart:before {/*content:'';*/display:block; width:20px; height:24px; margin:0 auto; background:url('../images/sprite.png') no-repeat -30px 0;} .wrap-goods-view .goods-decision .cart:hover:before {background-position:-279px -72px;} .wrap-goods-view .npay-area {margin-top:20px; padding-top:5px; border-top:1px solid #353842;} .wrap-goods-view .npay-area .npay_button_box, .wrap-goods-view .npay-area .npay_button_box2 {border-top:0 !important;} .wrap-goods-view .npay-area .npay_type_C_1_2, .wrap-goods-view .npay-area .npay_type_C_2_2 {width:260px !important; height:48px !important;} .wrap-goods-view .npay-area .npay_event {display:none !important;} .wrap-goods-view .information .goods-frame {overflow:scroll; width:100%; height:250px;} .wrap-goods-list ul .goods-list .newitem-wrap {width:24px;height:24px;position:relative;} .wrap-goods-list ul .goods-list .newitem-wrap > img {width:100%;} .goods-view-detail {position:relative;width:100%;padding-top:60px;margin-top:120px;} .goods-view-detail .goods-simple-view {display:none; position:fixed; top:0; left:0; z-index:100; width:100%; height:100px; background:#000;} .goods-view-detail .simple-view-inner {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:1180px; margin:0 auto; padding:22px 0 0 0;} .goods-view-detail .goods-simple-view .goods-info {width:100%;} .goods-view-detail .goods-simple-view .goods-info:after {content:''; display:block; clear:both;} .goods-view-detail .goods-simple-view .goods-info .thumb {float:left; width:56px; height:56px;} .goods-view-detail .goods-simple-view .goods-info .thumb img {width:56px; height:56px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .goods-view-detail .goods-simple-view .goods-info .information {float:left; padding-top:14px; margin-left:27px;} .goods-view-detail .goods-simple-view .goods-info .information span {color:#fff; font-size:13px; line-height:1.1;} .goods-view-detail .goods-simple-view .goods-info .information .pname {display:block; margin-bottom:6px; font-weight:600; word-break:break-word;} .goods-view-detail .goods-simple-view .goods-info .information .won {font-family:'nanumBarun'; font-size:13px; font-weight:400;} .goods-view-detail .goods-simple-view .goods-decision {position:absolute; top:33px; right:0;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type1, .goods-view-detail .goods-simple-view .goods-decision .set-btn-soldout, .goods-view-detail .goods-simple-view .goods-decision .set-btn-type2 {height:34px; font-size:12px !important; line-height:34px !important; vertical-align:top;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type1, .goods-view-detail .goods-simple-view .goods-decision .set-btn-soldout {min-width:122px;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type1 {background:#fff; color:#000 !important;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type1:hover {background:#fff; color:#000 !important;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type2 {border-color:#fff; background:#000; color:#f8f8f8 !important; line-height:32px !important;} .goods-view-detail .goods-simple-view .goods-decision .set-btn-type2:hover {background:#fff; color:#111 !important;} .goods-view-detail .goods-simple-view .goods-decision .wrap-set-btn {display:inline-block; position:relative; width:122px; margin-left:8px; vertical-align:middle;} .goods-view-detail .goods-simple-view .goods-decision .cart {min-width:89px;} .goods-view-detail .goods-simple-view .goods-decision .wishlist {position:absolute; top:0; right:0; min-width:34px; padding-top:10px;} .goods-view-detail .goods-simple-view .goods-decision .wishlist i {font:0/0 a;} .goods-view-detail .goods-simple-view .goods-decision .wishlist i:before {content:''; display:inline-block; width:17px; height:14px; background:url('../images/sprite.png') no-repeat -190px -72px; vertical-align:top;} .goods-view-detail .goods-simple-view .goods-decision .wishlist:hover i:before {background-position:0 0;} .goods-view-detail .goods-simple-view .goods-decision .wishlist.active {background:#fff;} .goods-view-detail .goods-simple-view .goods-decision .wishlist.active i:before {background-position:-190px -86px;} .goods-view-detail .goods-simple-view .goods-decision .wishlist.active:hover i:before {background-position:-190px -86px;} .goods-view-detail .navi-info {box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:absolute; top:0; left:0; width:100%; height:50px; border-top:2px solid #000;text-align:center;background:#ececec;overflow:hidden;} .goods-view-detail .navi-info a {float:left;font-size:14px;line-height:50px;letter-spacing:0;border-right:1px solid #c5c5c5;width:25%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .goods-view-detail .navi-info a:last-child{border:none;} .goods-view-detail .navi-info a.active {color:#000;font-weight:500;background:#fff;border:none;} .goods-view-detail.sticky .goods-simple-view {display:block;} .goods-view-detail.sticky .navi-info {position:fixed; top:100px; z-index:100;} .goods-view-detail.sticky.btm .goods-simple-view, .goods-view-detail.sticky.btm .navi-info {display:none;} /*.goods-view-detail.sticky.btm .goods-simple-view {position:absolute; top:auto; bottom:995px;} .goods-view-detail.sticky.btm .navi-info {position:absolute; top:auto; bottom:895px;}*/ .view-detail-area{position:relative;width:100%;margin:0 auto;padding-top:50px;display:none;} .view-detail-area-item{position:relative;width:100%;margin:0 auto;padding-top:100px;} .view-detail-area h2 {font-size:26px; font-weight:bold; letter-spacing:-0.25px; line-height:1;text-align:left;} .view-detail-area.brand-area {padding-top:0;display:block;} .view-detail-area.brand-area .wrap-brand-desc {padding-top:58px;} .view-detail-area.brand-area h2 {font-size:21px; letter-spacing:-0.25px;} .view-detail-area.brand-area .brand-desc {margin-top:20px; font-size:16px; line-height:1.75; text-align:center;} .view-detail-area.brand-area .btn-area {display:block; margin-top:35px; text-align:center;} .view-detail-area.brand-area .btn-area a {font-weight:400;} .view-detail-area-item.rel-item h2:after, .view-detail-area-item.rel-event h2:after, .view-detail-area-item.ret-delv h2:after {/*content:'';*/display:block; width:126px; background:url('../images/sprite.png') no-repeat -190px -308px; margin:25px auto 0 auto;} .view-detail-area-item.rel-item h2:after {height:28px;} .view-detail-area-item.rel-event h2:after {height:26px; background-position:-190px -336px;} .view-detail-area-item.ret-delv h2:after {height:25px; background-position:-190px -362px;} .view-detail-area-item.rel-item .wrap-goods-list {margin-top:30px;} .view-detail-area-item.rel-item .wrap-goods-list ul {width:1200px;} .view-detail-area-item.rel-item .wrap-goods-list ul .goods-list {width:220px; height:315px; margin-top:0;} .view-detail-area-item.rel-item .wrap-goods-list ul .thumb {width:220px; height:220px;} .view-detail-area-item.rel-item .wrap-goods-list ul .thumb img {max-width:220px; max-height:220px;} .view-detail-area-item.rel-event .rel-event-list {width:100%; margin-top:30px;} .view-detail-area-item.rel-event .rel-event-list:after {content:''; display:block; clear:both;} .view-detail-area-item.rel-event .rel-event-list li {float:left; width:380px; line-height:1.7;} .view-detail-area-item.rel-event .rel-event-list li a {display:block;} .view-detail-area-item.rel-event .rel-event-list li + li {margin-left:20px;} .view-detail-area-item.rel-event .rel-event-list li .thumb {position:relative; display:block; width:386px; height:253px;overflow:hidden;text-align:center;} .view-detail-area-item.rel-event .rel-event-list li .thumb img {width:386px;} .view-detail-area-item.rel-event .rel-event-list li .thumb .wrap-set-sticker{position:absolute; top:50%; left:50%; margin:-14px 0 0 -49px;display:none;} .view-detail-area-item.rel-event .rel-event-list li .thumb .wrap-set-sticker i {display:block; width:94px; height:24px; border:2px solid #070707; background:#fff; color:#000; font-size:11px; font-weight:600; line-height:24px; text-align:center;} .view-detail-area-item.rel-event .rel-event-list .thumb {display:block; width:380px; height:380px;overflow:hidden;} .view-detail-area-item.rel-event .rel-event-list .thumb img {width:380px;} .view-detail-area-item.rel-event .rel-event-list .event-detail{margin-top:29px;} .view-detail-area-item.rel-event .rel-event-list .event-detail .subject{font-size:18px;font-weight:500;letter-spacing:-1.1px;color:#000;display:block;} .view-detail-area-item.rel-event .rel-event-list .event-detail .bname{font-size:15px;font-weight:normal;letter-spacing:0.2px;color:#000;display:block;line-height:61px;} .view-detail-area-item.rel-event .rel-event-list .event-detail .event-date{font-size:14px;font-weight:600;letter-spacing:0.1px;color:#b5b5b6} .view-detail-area.revew .nav-section {width:100%; font-size:0; text-align:center;} .view-detail-area.revew .nav-section a {display:inline-block; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:162px; height:50px; padding-top:14px; border:3px solid #000; border-bottom:0; color:#111; font-size:24px; font-weight:600; line-height:1;} .view-detail-area.revew .nav-section a:hover:after, .view-detail-area.revew .nav-section a.active:after {content:''; display:block; position:absolute; bottom:-5px; left:30px; width:97px; height:3px; background:#000;} .view-detail-area.revew .nav-section a + a {margin-left:-3px;} .view-detail-area.revew .nav-section a + a:hover:after, .view-detail-area.revew .nav-section a + a.active:after {left:50px; width:55px;} .view-detail-area.revew {min-width:1200px; margin:0 auto;} .view-detail-area.revew .wrap-tab-cont {text-align:right;} .view-detail-area.revew .tab-cont {width:100%;margin-top:30px;} .view-detail-area.revew .menu-sorting {position:absolute; top:-37px; left:0;} .view-detail-area.revew .menu-sorting button {background:none; font-size:14px; line-height:1.1;} .view-detail-area.revew .menu-sorting button + button {margin-left:20px;} .view-detail-area.revew .menu-sorting button.active {color:#222;} .view-detail-area.revew .set-btn-write {width:199px;height:56px;border:3px solid #000;padding:0;font-size:15px;font-weight:bold;letter-spacing:0;border-radius:0;color:#000;background:#fff;line-height:50px;margin-right:30px;} .view-detail-area.revew .set-btn-write:before{content:unset;} .view-detail-area.revew .wrap-review-list {width:100%;border-top:4px solid #000;} #review-list-area{position:unset !important;height:auto !important;} .view-detail-area.revew .wrap-review-list ul {width:100%;min-height:0;position:unset;} .view-detail-area.revew .wrap-review-list ul li {position:unset !important;width:100%;border-bottom:1px solid #a0a0a0;text-align:left;} .view-detail-area.revew .wrap-review-list ul .list-inner {width:100%; padding:30px 0;margin-left:20px;} .view-detail-area.revew .wrap-review-list ul .date, .view-detail-area.revew .wrap-review-list ul .subject, .view-detail-area.revew .wrap-review-list ul .user-id, .view-detail-area.revew .wrap-review-list ul .text, .view-detail-area.revew .wrap-review-list ul .review {display:block; line-height:1.1;} .view-detail-area.revew .wrap-review-list ul .thumb {display:inline-block;margin-right:10px;} .view-detail-area.revew .wrap-review-list ul .thumb img {width:125px; height:125px;} .img-view-pop {position:relative;width:620px;height:678px;padding:50px;background:#fff;} .img-view-pop .popup-title {position:static;height:auto;line-height:auto;text-align:center;margin-bottom:28px;} .img-view-pop .popup-title h1 {font-size:20px;color:#111;font-weight:600;} .img-view-pop .popup-content {padding:0; text-align:center;} .img-view-pop .popup-content img {max-width:620px;max-height:620px;} .img-view-pop .close {position:absolute;top:0;right:-50px;width:50px;height:50px;background:#fff;font-size:0;} .img-view-pop .close:after {content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url('../images/sprite.png') no-repeat -95px 0px;} .view-detail-area.revew .wrap-review-list ul .date {color:#c8c8c8; font-weight:normal;font-size:12px;display:inline-block;} .view-detail-area.revew .wrap-review-list ul .subject{margin-top:35px; color:#222; font-size:18px; font-weight:600;} .view-detail-area.revew .wrap-review-list ul .user-id{margin-top:15px; color:#000;font-weight:normal;font-size:12px;display:inline-block;margin-right:5px;} .view-detail-area.revew .wrap-review-list ul .text {margin-top:30px; line-height:1.69;} .view-detail-area.revew .wrap-review-list ul .text img{display:none;} .view-detail-area.revew .wrap-review-list ul .btn-control-area {position:absolute; bottom:22px; right:10px;} .view-detail-area.revew .wrap-review-list .btn-area {display:block; margin-top:40px; text-align:center;} .view-detail-area.revew .wrap-review-list + .set-btn-write {position:absolute; top:-70px; right:0;} .view-detail-area.revew .review-best ul {min-height:auto;border:0;} .view-detail-area.revew .review-best ul li {position:static; width:100%;text-align:left;} .view-detail-area.revew .review-best ul .subject {width:100%;margin-top:35px;} .view-detail-area.revew .review-best ul .subject:after {content:''; display:inline-block; width:20px; height:18px; margin-left:7px; background:url('../images/sprite.png') no-repeat -326px -308px; vertical-align:-2px;} .view-detail-area.revew .review-best ul .text {font-size:14px;font-weight:300;color:#5d5d5d;} .view-detail-area.revew .review-write {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:10; padding-top:70px; background:#f9f9f9;padding-bottom:30px;} .view-detail-area.revew .review-write .set-btn-close {position:absolute;top:30px;right:30px;} .view-detail-area.revew .review-write .menu-write-type {font-size:0; text-align:center;} .view-detail-area.revew .review-write .menu-write-type a {display:inline-block; width:60px; margin:0 30px; color:#aaa; font-size:14px; line-height:1.1;} .view-detail-area.revew .review-write .menu-write-type a:before {content:''; display:block; width:60px; height:60px; margin-bottom:12px; background:url('../images/sprite.png') no-repeat -190px -403px;} .view-detail-area.revew .review-write .menu-write-type a + a:before {background-position:-310px -403px;} .view-detail-area.revew .review-write .menu-write-type a:hover:before, .view-detail-area.revew .review-write .menu-write-type a.active:before {background-position:-250px -403px;} .view-detail-area.revew .review-write .menu-write-type a + a:hover:before, .view-detail-area.revew .review-write .menu-write-type a + a.active:before {background-position:-370px -403px;} .view-detail-area.revew .review-write .menu-write-type a.active {color:#111;} .view-detail-area.revew .review-write .wrap-tab-cont{border:0;margin-top:60px;} .view-detail-area.revew .review-write .tab-cont {width:800px; margin:0 auto;margin-bottom:50px;} .view-detail-area.revew .review-write .common-write {position:relative; width:798px; margin:0 auto; border:1px solid #ececec; background:#fff;} .view-detail-area.revew .review-write .common-write table {width:100%;} .view-detail-area.revew .review-write .common-write th {color:#111; font-size:14px;text-align:center;} .view-detail-area.revew .review-write .common-write th {padding:0;} .view-detail-area.revew .review-write .common-write th.vtop {padding-top:15px; vertical-align:top;} .view-detail-area.revew .review-write .common-write input[type='text'] {height:58px; padding:0; border:0; font-size:14px; line-height:58px;} .view-detail-area.revew .review-write .common-write .error td input[type='text'] {border:0 !important;} .view-detail-area.revew .review-write .common-write .filebox {display:inline-block;} .view-detail-area.revew .review-write .common-write .upload-name {width:580px; font-size:14px;} .view-detail-area.revew .review-write .common-write .find-file {background:none; color:#111; font-size:13px; line-height:1.1; vertical-align:-3px;} .view-detail-area.revew .review-write .common-write .find-file:before {content:''; display:inline-block; width:12px; height:11px; margin-right:7px; background:url('../images/sprite.png') no-repeat -250px -468px;} .view-detail-area.revew .review-write .common-write .inner-textarea {padding-top:10px;} .view-detail-area.revew .review-write .common-write textarea {overflow:auto; width:100%; max-width:100%; height:125px; padding:5px 0 0 0; border:0; font-size:14px;} .view-detail-area.revew .review-write .common-write textarea:-ms-input-placeholder {color:#aaa; font-size:14px;} .view-detail-area.revew .review-write .common-write .error th, .view-detail-area.revew .review-write .common-write .error td {border:1px solid #e43a1e; border-width:1px 0;} .view-detail-area.revew .review-write .common-write .error th {border-left:1px solid #e43a1e; color:#e43a1e;} .view-detail-area.revew .review-write .common-write .error td {border-right:1px solid #e43a1e;} .view-detail-area.revew .review-write .common-write .error ::-webkit-input-placeholder {color:#e43a1e;} .view-detail-area.revew .review-write .common-write .error ::-moz-placeholder {color:#e43a1e;} .view-detail-area.revew .review-write .common-write .error ::placeholder {color:#e43a1e;} .view-detail-area.revew .review-write .common-write .error :-ms-input-placeholder {color:#e43a1e;} .common-write .byte-check {display:block; padding:15px 0 0 0; color:#aaa; text-align:right;} .view-detail-area.revew .review-write .common-write .byte-check {display:block; padding:15px 20px 15px 0; color:#aaa; text-align:right;} .view-detail-area.revew .review-write .common-write .set-star {position:absolute; bottom:19px; left:120px;} .view-detail-area.revew .review-write .write-tip {display:none; min-height:auto; margin-top:17px; border-top:0;} .view-detail-area.revew .review-write .write-tip li {padding-left:6px; position:relative; border:0; color:#aaa; font-size:11px; line-height:1.7;} .view-detail-area.revew .review-write .write-tip li:before {content:''; position:absolute; top:8px; left:0; width:1px; height:1px; background:#aaa;} .view-detail-area.revew .review-write .write-tip li + li {margin-top:2px;} .view-detail-area.revew .review-write .write-tip li a {color:#111; text-decoration:underline;} .view-detail-area.revew .review-write .set-btn-type1 {position:absolute; right:30px; bottom:30px;} .view-detail-area.qna .wrap-tab-cont{text-align:right;} .view-detail-area.qna .set-btn-write {width:199px;height:56px;border:3px solid #000;padding:0;font-size:15px;font-weight:bold;letter-spacing:0;border-radius:0;color:#000;background:#fff;line-height:50px;margin-right:30px;} .view-detail-area.qna .set-btn-write:before{content:unset;} .view-detail-area.qna .qna-list{width:100%;border-top:4px solid #000;margin-top:30px;} .view-detail-area.qna .qna-list li{position:relative; width:100%; border-bottom:1px solid #eee;text-align:left;} .view-detail-area.qna .qna-list li .hidden_area {display:none;} .view-detail-area.qna .qna-list .question, .view-detail-area.qna .qna-list .answer {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; padding-left:17px;} .view-detail-area.qna .qna-list .question{position:relative; font-size:12px;margin: 10px 0 30px;} .view-detail-area.qna .qna-list .answer {padding:28px 0 36px 44px; background:#f6f6f6; color:#5d5d5d;font-size:14px;line-height:26px;font-weight:300;7} .view-detail-area.qna .qna-list .question:before, .view-detail-area.qna .qna-list .answer:before {/*content:'';*/ display:block; position:absolute; top:15px; left:29px; width:30px; height:30px; background:url('../images/sprite.png') no-repeat -389px -368px;} .view-detail-area.qna .qna-list .answer:before {background-position:-419px -368px;} .view-detail-area.qna .qna-list .answer h1{font-size:18px;font-weight:bold;letter-spacing:-0.25px;line-height:58px;} .view-detail-area.qna .qna-list .subject {color:#ececec; font-size:18px;line-height:58px;font-weight:bold;} .view-detail-area.qna .qna-list .subject.complete{color:#040404} .view-detail-area.qna .qna-list .secret .question .subject:after{content:'';display:inline-block;width:16px;height:20px;margin-left:12px;background:url("../images/common/icon_02.png") no-repeat;vertical-align:-4px;} .view-detail-area.qna .qna-list .user-id {display:block;color:#040404;font-weight:normal;font-size:12px;letter-spacing:-0.3px;} .view-detail-area.qna .qna-list .date {color:#c8c8c8;margin:0 10px;border-left:1px solid #c8c8c8;padding:0 10px;} .view-detail-area.qna .qna-list .status {position:absolute; top:22px; right:30px;color:#a0a0a0;font-size:24px;font-weight:bold;letter-spacing:-0.24px;} .view-detail-area.qna .qna-list .status.complete {color:#040404;} .view-detail-area.qna .qna-list .qtxt {margin:30px 0;font-size:14px;line-height:48px;font-weight:300;color:#5d5d5d;} .view-detail-area.qna .qna-list .btn-control-area {position:absolute; bottom:20px; right:10px;} .view-detail-area.qna .qna-list + .set-btn-write {position:absolute; top:-62px; right:0;} .view-detail-area.qna .wrap-review-list ul .no-content, .view-detail-area.qna .qna-list .no-content {border-bottom:1px solid #222;color:#5d5d5d} .view-detail-area.qna .wrap-review-list ul .no-content {width:100%;} .view-detail-area.qna .wrap-review-list ul .no-content p:before, .view-detail-area.qna .qna-list .no-content p:before {/*content:'';*/ display:block; width:50px; height:46px; margin:0 auto 20px auto; background:url('../images/sprite.png') no-repeat -190px -468px;} .view-detail-area.qna .qna-write {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; z-index:10; padding:50px 0 120px 0; background:#f9f9f9;border-top:4px solid #000;margin-top:30px;} .view-detail-area.qna .qna-write .set-btn-close {position:absolute; top:30px; right:30px;} .view-detail-area.qna .qna-write .menu-write-type {font-size:0; text-align:center;} .view-detail-area.qna .qna-write .menu-write-type a {display:inline-block; width:60px; margin:0 15px; color:#aaa; font-size:14px; line-height:1.1;} .view-detail-area.qna .qna-write .menu-write-type a:before {content:''; display:block; width:60px; height:60px; margin-bottom:12px; background:url('../images/sprite.png') no-repeat -430px -403px;} .view-detail-area.qna .qna-write .menu-write-type a + a:before {background-position:-550px -403px;} .view-detail-area.qna .qna-write .menu-write-type a:hover:before, .view-detail-area.qna .qna-write .menu-write-type a.active:before {background-position:-490px -403px;} .view-detail-area.qna .qna-write .menu-write-type a + a:hover:before, .view-detail-area.qna .qna-write .menu-write-type a + a.active:before {background-position:-610px -403px;} .view-detail-area.qna .qna-write .menu-write-type a.active {color:#111;} .view-detail-area.qna .qna-write .wrap-tab-cont {border:0; margin-top:34px;} .view-detail-area.qna .qna-write .tab-cont {width:800px; margin:0 auto;} .view-detail-area.qna .qna-write .common-write {position:relative; width:798px; margin:0 auto; border:1px solid #ececec; background:#fff;} .view-detail-area.qna .qna-write .common-write table {width:100%;} .view-detail-area.qna .qna-write .common-write th {color:#111; font-size:14px;text-align:center;} .view-detail-area.qna .qna-write .common-write th {padding:0;} .view-detail-area.qna .qna-write .common-write th.vtop {padding-top:15px; vertical-align:top;} .view-detail-area.qna .qna-write .common-write input[type='text'] {height:58px; padding:0; border:0; line-height:58px;} .view-detail-area.qna .qna-write .common-write .find-file {background:none; color:#111; font-size:13px; line-height:1.1; vertical-align:middle;} .view-detail-area.qna .qna-write .common-write .find-file:before {content:''; display:inline-block; width:12px; height:11px; margin-right:7px; background:url('../images/sprite.png') no-repeat -250px -468px;} .view-detail-area.qna .qna-write .common-write textarea {overflow:auto; width:100%; max-width:100%; height:135px; padding:14px 0 0 0; border:0;} .view-detail-area.qna .qna-write .common-write .error th, .view-detail-area.qna .qna-write .common-write .error td {border:1px solid #e43a1e; border-width:1px 0;} .view-detail-area.qna .qna-write .common-write .error th {border-left:1px solid #e43a1e; color:#e43a1e;} .view-detail-area.qna .qna-write .common-write .error td {border-right:1px solid #e43a1e;} .view-detail-area.qna .qna-write .common-write .error ::-webkit-input-placeholder {color:#e43a1e;} .view-detail-area.qna .qna-write .common-write .error ::-moz-placeholder {color:#e43a1e;} .view-detail-area.qna .qna-write .common-write .error ::placeholder {color:#e43a1e;} .view-detail-area.qna .qna-write .common-write .error :-ms-input-placeholder {color:#e43a1e;} .view-detail-area.qna .qna-write .common-write .byte-check {display:block; padding:15px 20px 15px 0; color:#aaa; text-align:right;} .view-detail-area.qna .qna-write .common-write .error-txt {display:none !important;} .view-detail-area.qna .qna-write .common-write .set-star {position:absolute; bottom:19px; left:120px;} .view-detail-area.qna .qna-write .write-tip {min-height:auto; margin-top:17px; border-top:0;} .view-detail-area.qna .qna-write .write-tip li {position:static !important; border:0; color:#aaa; font-size:11px;} .view-detail-area.qna .qna-write .write-tip li:before {content:'· ';} .view-detail-area.qna .qna-write .write-tip li + li {margin-top:2px;} .view-detail-area.qna .qna-write .write-tip li a {color:#111; text-decoration:underline;} .view-detail-area.qna .qna-write .set-btn-type1 {position:absolute; right:30px; bottom:30px;} /* qna paging S */ .view-detail-area.qna #qna-pagging .prev-button, .view-detail-area.qna #qna-pagging .next-button{border-radius:unset;width:78px;height:33px;border:1px solid #5f5f5f;line-height:33px;} .view-detail-area.qna #qna-pagging .prev-button:before, .paging .next-button:before{content:none;display:inline-block;width:5px;height:9px;margin-top:7px;background: url(../images/sprite.png) no-repeat;vertical-align: top;} .view-detail-area.qna #qna-pagging .hidden, .blind, legend{position:unset;overflow:hidden;text-indent:unset;} .view-detail-area.qna #qna-pagging em:before, .paging a:before{content:none;} .view-detail-area.qna #qna-pagging em:after{content:none;} .view-detail-area.qna #qna-pagging .prev-button:hover em, .view-detail-area.qna #qna-pagging .next-button:hover em{color:#fff;} .view-detail-area.qna #qna-pagging em.on{font-size:24px;color:#003e9f;font-weight:400 !important} .view-detail-area.qna #qna-pagging em{font-size:13px;font-weight:300;letter-spacing:0.75px;vertical-align:-12px;} .view-detail-area.qna #qna-pagging a{font-size:24px;color:#5d5d5d;vertical-align:-12px;font-weight:200;} .view-detail-area.qna #qna-pagging em, .view-detail-area.qna #qna-pagging a{margin:0 4px;} /* qna paging E */ .view-detail-area.ret-delv .wrap-area{width:1200px; margin:35px auto 0 auto;} .view-detail-area.ret-delv .wrap-area:after {content:''; display:block; clear:both;} .view-detail-area.ret-delv .wrap-area .area {float:left; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:530px; min-height:589px; padding:58px 38px 40px 38px; border:1px solid #222; font-size:13px; line-height:1.69;} .view-detail-area.ret-delv .wrap-area .area + .area {float:right;} .view-detail-area.ret-delv .wrap-area h3 {color:#222; font-size:16px; line-height:1;} .view-detail-area.ret-delv .wrap-area p {margin-top:25px;} .view-detail-area.ret-delv .wrap-area ul {width:100%; margin-top:11px;} .view-detail-area.ret-delv .wrap-area li {position:relative; padding-left:14px;} .view-detail-area.ret-delv .wrap-area li:before {content:''; display:block; position:absolute; top:8px; left:0; width:4px; height:4px; background:url('../images/sprite.png') no-repeat -559px -296px;} .view-detail-area.ret-delv .wrap-area li + li {margin-top:13px;} .view-detail-area.ret-delv .wrap-area em {font-size:11px;} .best_review_wrap {margin-top:30px; border:1px solid #e1e1e1;} .best_review_wrap > dl.title {height:30px; padding:8px 0; border-bottom:1px solid #e1e1e1; line-height:30px;} .best_review_wrap > dl.title dt {float:left; margin-left:16px; color:#000; font-weight:bold;} .best_review_wrap > dl.title dt span {font-size:14px;} .best_review_wrap > dl.title dd {float:right; padding-right:16px;} .best_review_wrap .content_review {position:relative; margin:15px 0;} .best_review_wrap .content_review:after {content:''; display:block; clear:both;} .best_review_wrap .content_review:before {content:''; display:block; clear:both; position:absolute; top:0; left:50%; width:1px; height:100%; background:#e7e7e7;} .best_review_wrap .content_review > div {float:left; width:100%;} .best_review_wrap .content_review > div > dl {float:left; padding:15px 23px 15px 23px; border-bottom:1px solid #e7e7e7;} .best_review_wrap .content_review > div > dl dt {float:left; width:100px; font:0/0 a;} .best_review_wrap .content_review > div > dl dd {float:left; width:366px; margin-left:10px;} .best_review_wrap .content_review > div > dl dd .title {overflow:hidden; margin-bottom:14px; font-weight:bold; color:#000; text-overflow:ellipsis; white-space:nowrap;} .best_review_wrap .content_review > div > dl dd .text_content {height:32px; margin-bottom:14px; font-size:11px; line-height:1.5; word-break:break-all;} .best_review_wrap .content_review > div > dl dd .review_after {width:100%;} .best_review_wrap .content_review > div > dl dd .review_after:after {content:''; display:block; clear:both;} .best_review_wrap .content_review > div > dl dd .review_after .name {float:left;} .best_review_wrap .content_review > div > dl dd .review_after .img {float:right;} .view-detail-table {margin:40px 0 20px; border:1px solid #e1e1e1; border-bottom:0;} .view-detail-table table {width:100%;} .view-detail-table th , .view-detail-table td {border-bottom:1px solid #e1e1e1; line-height:1.6;} .view-detail-table th {padding:15px 0; padding-left:15px; background:#f3f3f3; color:#000; font-size:14px; font-weight:normal; text-align:left;} .view-detail-table td {padding:15px 0; padding-left:23px; font-size:14px;} .view-detail-review {padding:45px 0 23px; text-align:center;} .view-detail-review .title {margin-bottom:15px; color:#222; font-size:24px;} .view-detail-review .title-desc {line-height:1.6;} .goods_info_text {position:relative; padding-bottom:19px; border-bottom:1px solid #e1e1e1;} /* //goods view module */ /* shop > off_line_coupon_pop.htm */ .wrap-coupon-pop .off-line-coupon-title {margin-top:10px; padding:13px; background-color:#f7f7f7; border:1px solid #dcdada;} .wrap-coupon-pop .off-line-coupon-title input[type="text"] {width:250px; padding:7px 0; border:1px solid #e1e1e1;} .wrap-coupon-pop .off-line-coupon-title > span {color:#999;} .wrap-coupon-pop #coupon_zone h2 {padding:30px 0 12px 0; color:#000; font-size:14px;} .wrap-coupon-pop .return-cancel-content > span {display:block; margin:10px 0 20px 0;} .wrap-coupon-pop #coupon_zone > span:before, .wrap-coupon-pop .return-cancel-content > span:before {content:"*"; display:inline-block; padding-right:5px;} .wrap-coupon-pop .coupon-none {display:none;} .wrap-coupon-pop .btn-area {margin-top:30px; text-align:center;} .wrap-coupon-pop .btn-area a {width:150px;} /********************************** event **********************************/ [class|='subtit-bg'] {position:relative; width:324px; height:69px; margin:0 auto; padding:13px 68px 0 0; background-image:url('../images/sprite.png'); font-size:36px; font-weight:600; letter-spacing: 0.05em; line-height:1; text-align:center; box-sizing:border-box;} .subtit-bg-type1 {background-position:0 -1289px;} .subtit-bg-type2 {background-position:0 -1368px;} .subtit-bg-type3 {background-position:0 -1210px;} .subtit-bg-type1 em, .subtit-bg-type2 em, .subtit-bg-type3 em {display:block; position:absolute; top:4px; right:4px; width:64px; height:24px; color:#fff; font-size:10px; line-height:24px;} .subtit-bg-type1 em {background:#f72c2a;} .subtit-bg-type2 em {background:#ffde00;} .subtit-bg-type3 em {background:#0b5bb6;} /* new, best, sale goods */ .wrap-new-goods, .wrap-best-goods, .wrap-sale-goods {margin-top:50px;} .wrap-sale-goods {position:relative;} .wrap-sale-goods .caption {position:absolute;top:-16px;right:0;font-size:11px;color:#aaa;line-height:20px;text-align:right;} .wrap-sale-goods .wrap-goods-list {margin-top:40px;} .wrap-best-goods .wrap-goods-list {margin-top:40px;} .wrap-menu-condition-sort {width:100%;position:relative;} .menu-condition-sort {text-align:center;/* background:url('../images/tab_bg.gif');*/} .menu-condition-sort a {display:inline-block; position:relative; margin:0 30px; padding:20px 20px; height:3px; color:#555; font-size:14px; font-weight:600; line-height:1.1;} .wrap-menu-condition-sort .menu-condition-sort a.active, .wrap-menu-condition-sort .menu-condition-sort a:hover {color:#000;} .wrap-menu-condition-sort .menu-condition-sort a.active:before, .wrap-menu-condition-sort .menu-condition-sort a:hover:before {content:'';display:block;position:absolute;bottom:-5px;left:50%;margin-left:-50%;width:100%;height:2px;background:#000;} .wrap-menu-condition-sort .menu-condition-sort a{padding:20px 0px;margin:0 25px;color:#5d5d5d;} .wrap-menu-condition-sort .menu-condition-sort a.active{color:#000;} .wrap-menu-condition-sort .wrap-select-class {position:absolute; top:15px; right:0;} .wrap-menu-condition-sort .wrap-select-class .sbOptions {top:32px !important;} .wrap-menu-condition-sort .wrap-select-class .sbOptions .sbOptions {top:0 !important;} .wrap-sale-goods .menu-condition-sort {padding-right:330px;text-align:right;} .menu-condition-sort a.icon {padding-right:22px;} .menu-condition-sort a.icon:after {content:''; display:inline-block; position:absolute; top:22px; right:0; width:17px; height:14px; background:url('../images/sprite.png') no-repeat -190px -140px;} .menu-condition-sort a.active.icon:after, .menu-condition-sort a.icon:hover:after {background-position:-207px -140px;} .menu-condition-subsort {display:block; height:58px; border-bottom:1px solid #eee; font-size:0; text-align:center; white-space:nowrap;} .menu-condition-subsort a {display:inline-block; overflow:hidden; position:relative; max-width:219px; margin:0 30px; color:#555; font-size:14px; font-weight:600; line-height:60px;} .menu-condition-subsort a:first-child {margin-left:0;} .menu-condition-subsort a:last-child {margin-right:0;} .wrap-goods-list.best-type ul .goods-list {width:313px; height:542px; margin-top:20px;} .wrap-goods-list.best-type ul .goods-list:after {content:''; display:block; clear:both;} .wrap-goods-list.best-type ul .goods {position:relative; width:313px; height:313px;} .wrap-goods-list.best-type ul .thumb {width:313px; height:313px;} .wrap-goods-list.best-type ul .thumb img {max-width:313px; max-height:313px;} .wrap-goods-list.best-type ul .goods-list-over {top:15px; left:15px; width:283px; height:283px; padding-top:calc(100% - 202px);} .wrap-goods-list.best-type ul .goods-link {height:auto;} .wrap-goods-list.best-type ul .information {display:block; position:absolute; bottom:15px; left:15px; height:60px; width:283px; padding:16px 0 0 15px; background:#fff; box-sizing:border-box;} .wrap-goods-list.best-type ul .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;} .wrap-goods-list.best-type ul .bname, .wrap-goods-list.best-type ul .pname {width:183px;} .wrap-goods-list.best-type ul .bname {margin:0;} .wrap-goods-list.best-type ul .pname {white-space:nowrap;} .wrap-goods-list.best-type ul .wrap-price {position:absolute; top:-2px; right:15px; margin:0;} .wrap-goods-list.best-type ul .wrap-price .strike {position:absolute; top:23px; right:0; margin:0; font-size:11px;} .wrap-goods-list.best-type ul .wrap-set-sticker {top:15px; right:15px; left:auto; bottom:auto;} .wrap-goods-list.best-type ul .information.hover {background:#123ad4;} .wrap-goods-list.best-type ul .information.hover .bname, .wrap-goods-list.best-type ul .information.hover .pname, .wrap-goods-list.best-type ul .information.hover .wrap-price b {color:#fff;} .wrap-goods-list.best-type ul .information.hover .pname {opacity:0.5;} .wrap-goods-list.best-type ul .goods-link:hover .information {background:#123ad4;} .wrap-goods-list.best-type ul .goods-link:hover .bname, .wrap-goods-list.best-type ul .goods-link:hover .pname {color:#fff; text-decoration:underline;} .wrap-goods-list.best-type ul .goods-link:hover .pname {opacity:0.5;} .wrap-goods-list.best-type ul .goods-link:hover .wrap-price b {color:#fff;} .wrap-goods-list.best-type ul .wrap-best-review {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; height:228px; padding:24px 38px 0 38px; border:1px solid #eee; border-top:0;} .wrap-goods-list.best-type ul .wrap-best-review .date, .wrap-goods-list.best-type ul .wrap-best-review .subject, .wrap-goods-list.best-type ul .wrap-best-review .user-id, .wrap-goods-list.best-type ul .wrap-best-review .text, .wrap-goods-list.best-type ul .wrap-best-review .review {display:block; line-height:1.1;} .wrap-goods-list.best-type ul .wrap-best-review .date {color:#aaa; font-weight:200;} .wrap-goods-list.best-type ul .wrap-best-review .review-text-link:hover {text-decoration:underline;} .wrap-goods-list.best-type ul .wrap-best-review .subject {margin-top:10px; color:#222; font-size:16px; font-weight:600;} .wrap-goods-list.best-type ul .wrap-best-review .user-id {margin-top:9px; color:#555; font-weight:200; text-transform:uppercase;} .wrap-goods-list.best-type ul .wrap-best-review .text {overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:3; display:-webkit-box; -webkit-box-orient:vertical; word-wrap:break-word; max-height:60px; margin-top:12px; line-height:1.66;} .wrap-goods-list.best-type ul .wrap-best-review .thumb {display:none; width:80px; height:80px;} .wrap-goods-list.best-type ul .wrap-best-review .thumb img {width:80px; height:80px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .wrap-goods-list.best-type ul .wrap-best-review .review {margin-top:25px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1), .wrap-goods-list.best-type ul .goods-list:nth-child(8), .wrap-goods-list.best-type ul .goods-list:nth-child(15) {width:980px; height:490px; margin-top:20px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .goods, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .goods, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .goods {float:left; width:490px; height:490px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .thumb, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .thumb, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .thumb {width:490px; height:490px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .thumb img, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .thumb img {max-width:490px; max-height:490px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-set-sticker, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-set-sticker, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-set-sticker {top:20px; right:20px; bottom:auto; left:auto;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .goods-list-over, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .goods-list-over, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .goods-list-over {top:20px; left:20px; width:450px; height:450px; padding-top:calc(100% - 295px);} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .information, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .information, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .information {left:20px; bottom:20px; width:450px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .bname, .wrap-goods-list.best-type ul .goods-list:nth-child(1) .pname, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .bname, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .pname, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .bname, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .pname {width:322px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review {float:right; width:490px; height:490px; padding:50px 75px 0 75px; border:1px solid #eee; border-left:0; text-align:center;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .thumb, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review .thumb, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review .thumb {display:block; width:80px; height:80px; margin:37px auto 0 auto;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .subject, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review .subject, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review .subject {margin-top:16px; font-size:20px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .subject:after, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review .subject:after, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review .subject:after {content:''; display:inline-block; width:20px; height:18px; margin-left:7px; background:url('../images/sprite.png') no-repeat -326px -308px; vertical-align:-2px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .user-id, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review .user-id, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review .user-id {margin-top:12px;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .text, .wrap-goods-list.best-type ul .goods-list:nth-child(8) .wrap-best-review .text, .wrap-goods-list.best-type ul .goods-list:nth-child(15) .wrap-best-review .text {max-height:142px; font-size:14px; line-height:1.71;} .wrap-goods-list.best-type ul .goods-list:nth-child(1) {margin-top:0;} .wrap-goods-list.best-favorite-type ul .goods-list {margin-top:40px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1), .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) {width:480px; height:480px; margin-top:0;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .thumb, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .thumb {width:480px; height:480px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .thumb img, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .thumb img {max-width:480px; max-height:480px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .favorite, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .favorite {top:20px; right:20px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-list-over, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-list-over {top:20px; left:20px; width:440px; height:440px; padding-top:calc(100% - 290px);} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information {display:block; position:absolute; bottom:20px; left:20px; width:440px; height:86px; padding:25px 0 0 20px; background:#fff; box-sizing:border-box;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .info-inner, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:22px 0 0 19px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .pname {width:315px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .bname {margin:0; font-size:16px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .pname {font-size:12px; white-space:nowrap;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .wrap-price, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .wrap-price {position:absolute; top:22px; right:15px; margin:0;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .wrap-price .strike, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .wrap-price .strike {position:absolute; top:23px; right:0; margin:0; font-size:12px; font-weight:200;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .wrap-price b, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .wrap-price b {font-size:16px;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information.hover, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information.hover {background:#123ad4;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information.hover .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information.hover .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information.hover .wrap-price b, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information.hover .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information.hover .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information.hover .wrap-price b {color:#fff;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .information.hover .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .information.hover .pname {opacity:0.5;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-link:hover .information, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-link:hover .information {background:#123ad4;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-link:hover .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-link:hover .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-link:hover .bname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-link:hover .pname {color:#fff; text-decoration:underline;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-link:hover .pname, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-link:hover .pname {opacity:0.5;} .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(1) .goods-link:hover .wrap-price b, .wrap-goods-list.best-favorite-type ul .goods-list:nth-child(2) .goods-link:hover .wrap-price b {color:#fff;} .wrap-brand-list ul {overflow:hidden; width:1200px; margin-left:-20px;/* font-size:0;*/} .wrap-brand-list ul li {float:left; width:220px; height:311px; margin:30px 0 0 20px; vertical-align:top;} .wrap-brand-list ul li:nth-child(1), .wrap-brand-list ul li:nth-child(2), .wrap-brand-list ul li:nth-child(3), .wrap-brand-list ul li:nth-child(4), .wrap-brand-list ul li:nth-child(5), .wrap-brand-list ul li:nth-child(6) {margin-top:0;} .wrap-search-result-type2 .wrap-brand-list ul li:nth-child(6) {margin-top:30px;} .wrap-brand-list ul li.no-content {display:block; width:1180px; margin-top:0 !important; text-align:center;} #serch_brnad .wrap-brand-list ul li {margin-top:30px;} #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(1), #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(2), #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(3), #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(4), #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(5), #serch_brnad .wrap-brand-list .wrap-brand:first-child ul li:nth-child(6) {margin-top:60px;} .result-best-area .wrap-brand-list ul li {margin-top:35px;} .wrap-brand-list ul .thumb, .wrap-brand-list ul .bname, .wrap-brand-list ul .cname {display:block;} .wrap-brand-list ul .thumb {position:relative; width:220px; height:264px; background:#f5f5f5;} .wrap-brand-list ul .thumb img {width:220px; height:264px;} .wrap-brand-list ul .brand-name {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; padding:0 10px; color:#aaa; font-size:12px; font-weight:200; line-height:1.41; text-align:center;} .wrap-brand-list ul .wrap-set-sticker {position:absolute; bottom:10px; left:10px;} .wrap-brand-list ul .information {display:block;} .wrap-brand-list ul .bname {overflow:hidden; margin-top:17px; color:#111; font-size:12px; font-weight:400; letter-spacing: 0.064em; line-height:1.41; text-overflow:ellipsis; white-space:nowrap;} .wrap-brand-list ul .cname {overflow:hidden; margin-top:5px; color:#777; font-size:11px; font-weight:200; letter-spacing: 0.064em; line-height:1; text-overflow:ellipsis; white-space:nowrap;} .wrap-brand .brand-name {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; position:absolute; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); width:100%; padding:0 10px; color:#aaa; font-size:12px; font-weight:200; line-height:1.41; text-align:center;} /* event promotion */ .wrap-event-list {width:100%; margin-top:50px;} .wrap-event-list ul {width:100%;} .wrap-event-list ul:after {content:''; display:block; clear:both;} .wrap-event-list li {position:relative; float:left; width:375px;margin-right:37px;margin-bottom:92px;text-align:left;} .wrap-event-list li:nth-child(3n){margin-right:0;} .wrap-event-list .thumb, .wrap-event-list .status, .wrap-event-list .ename, .wrap-event-list .period {display:block;} .wrap-event-list .thumb{width:375px;height:245px;overflow:hidden;background:#ccc;} .wrap-event-list .thumb img {width:375px;} .wrap-event-list .status {margin-top:30px; color:#aaa; font-size:13px;} .wrap-event-list .ename{overflow:hidden; min-height:56px; max-height:84px; margin-top:10px; color:#000; font-size:18px; font-weight:500; line-height:1.5;text-align:left;letter-spacing:0;} .wrap-event-list .bname{text-align:left;line-height:4.0;color:#5d5d5d;font-size:12px;font-weight:500;letter-spacing:0;} .wrap-event-list .period {font-size:12px;color:#b5b5b6;font-weight:300;letter-spacing:0.1px;text-align:left;} .wrap-event-list .no-content {clear:both; float:none; width:100%; height:120px; padding-top:60px; color:#000;} .wrap-event-list .no-content:before {content:''; display:block; width:57px; height:57px; margin:0 auto 20px auto; background:url('../images/sprite.png') no-repeat -746px -485px;} .event-banner {margin-bottom:55px;} .event-banner.spot-banner img {width:100%;} .event-banner2 {margin-top:40px;} .event-banner3 {} .wrap-event-title {position:relative;text-align:center;} .wrap-event-title h1 {display:inline-block;color:#000;font-size:19px;font-weight:600;letter-spacing:-0.065em; line-height:66px;margin-left:51px;} .wrap-event-title h1 .brand-en{letter-spacing:0;} .wrap-event-title .wraper-share {position:relative; z-index:2; display:inline-block; width:40px; height:40px; margin-left:8px; vertical-align:top;float:right;} .wrap-event-title .wraper-share.center{margin-left:-45px;margin-top:-45px;float:none;} .wrap-event-title .wrap-sns-share{top:9px;} .wrap-event-title .periord {font-size:14px;color:#aaa; font-weight:200;line-height:1.1;margin-bottom:50px;} /* event 기획전 템플릿 S */ #event-item-area-01{clear:both;position:relative;width:590px;float:right;margin:15px 0} #event-item-area-01-a{clear:both;position:relative;width:1180px;margin:15px 0} #event-item-area-01-a .mask{position:absolute;top:0;width:100%;height:100%;background:-moz-linear-gradient(top, rgba(69,72,77,0.2) 65%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(69,72,77,0.2) 65%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(69,72,77,0.2) 65%,rgba(0,0,0,0.5) 100%);opacity:.4;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3345484d', endColorstr='#80000000',GradientType=0 );filter:alpha(opacity=10);-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out} #event-item-area-01-a .promotion{display:table !important;position:absolute;width:100%;bottom: 290px;z-index:2;vertical-align:middle;text-align: center;} #event-item-area-01-a .promotion .promotion-name{color: #fff;font-size:35px;font-weight:600;} #event-item-area-01-a .promotion .promotion-name .desc{display: block;margin-top:10px;font-size:16px;} #event-item-area-02{position:relative;width:590px;margin:15px 0} #event-item-area-02-a{position:relative;width:1180px;margin:15px 0} #event-item-area-03{clear:both;position:relative;width:1180px;margin:15px 0} #event-item-area-03 .event-slides-slick-a{width:1180px;} #event-item-area-03 .event-slides-slick-a img{width:100%;} #event-item-area-03 .event-slides-slick-b{width:1180px;} #event-item-area-03 .event-slides-slick-b img{width:100%;} #event-item-area-03 .slider-nav{position:relative; top:-52px; left:1080px;} #event-item-area-03 .slider-nav .slider-nav-prv-a img{width:52px; float:left;cursor:pointer;} #event-item-area-03 .slider-nav .slider-nav-nxt-a img{width:52px;cursor:pointer;} #event-item-area-03 .slider-nav .slider-nav-prv-b img{width:52px; float:left;cursor:pointer;} #event-item-area-03 .slider-nav .slider-nav-nxt-b img{width:52px;cursor:pointer;} #event-item-area-03 .slick-slide:hover img { transform: scale(1); -webkit-transform: scale(1);} #event-item-area-b-03{clear:both;width:1180px;height:648px;margin:15px 0} #event-item-area-b-03 .look-book-title{display:none;} #event-item-area-b-03 .detail-page-area{display:none;} #event-item-area-b-03 .look-book-inner{width:720px;float:left;} #event-item-area-b-03 .look-book-inner img{width:720px;} #event-item-area-b-03 .look-book-slides{position:relative;width:459px;float:left;} #event-item-area-b-03 .event-slides-slick-b{width:460px;} #event-item-area-b-03 .event-slides-slick-b img{width:460px;} #event-item-area-b-03 .look-book-slides .slider-nav{position:absolute; bottom:0; right:-1px;width:104px;display:none;} #event-item-area-b-03 .look-book-slides .slider-nav .slider-nav-prv-b img{width:52px; float:left;cursor:pointer;} #event-item-area-b-03 .look-book-slides .slider-nav .slider-nav-nxt-b img{width:52px;cursor:pointer;} #event-item-area-b-03 .slick-slide:hover img { transform: scale(1); -webkit-transform: scale(1);} #event-item-area-04{clear:both;position:relative;width:1180px;margin:100px 0;} #event-item-area-04 .product-info-sticker-area{float:left;width:150px;height:150px;text-align:center;background:#000;margin-left:100px;margin-right:50px;} #event-item-area-04 .product-info-sticker-area .product-info-sticker{font-weight: bold;color:#fff;font-size:30px;margin-top:40px;line-height:35px;} #event-item-area-04 .product-info-txt-area{margin-left:50px;} #event-item-area-04 .product-info-txt-area .product-info-title{font-size:30px;color:#000;font-weight:bold;height:75px;line-height:35px;padding-top:4px;} #event-item-area-04 .product-info-txt-area .product-info-content-data{margin-top:15px;font-size:18px;color:#000;font-weight:100;height:55px;overflow:hidden;} #event-item-area-05{clear:both;position:relative;width:1180px;margin:150px 0} #event-item-area-05 .video-info-content{text-align: center;} #event-item-area-05 .video-info-content .event-video-data{width:710px;height:400px;} #event-item-area-05 .video-info-content .video-content-data{font-size:14px;margin-top:20px;text-align:center;color:#898989;} #event-item-area-06{position:relative;width:1180px;height:648px;overflow:hidden;margin:15px 0} #event-item-area-06 .product-detail-title{text-align:center;padding-top:40px;color:#fff;font-size:30px;font-weight:bold;} #event-item-area-06 .detail-slides-slick{position:absolute; top:116px;width:100%;} #event-item-area-06 .detail-page-area{position:absolute;top:595px;width:35px;left:50%;margin-left:-15px;color:#fff;font-size:18px;font-weight:600;display:none;} #event-item-area-06 .detail-slides-slick .slick-dots {bottom:-80px;} #event-item-area-06 .detail-slides-slick .slick-dots li{display: inline-block;width: 10px; margin: 0 18px;height: 10px; font: 0/0 a;vertical-align: top;} #event-item-area-06 .detail-slides-slick .slick-dots li.slick-active button:before{width:8px;height:8px;background-color: transparent;border: 2px solid #000;margin-top:-1px;} #event-item-area-06 .detail-slides-slick .slick-dots li button:before{display:block;font-size:0px;width:6px;height:6px;color:#fff;border-radius:50%;-webkit-border-radius:50%;background: #fff;margin-top:2px;opacity:1;letter-spacing:0.04rem;} #event-item-area-06 .slick-slide{margin: 0px 20px;width:300px !important;} #event-item-area-06 .slick-slide img{width:300px !important;} #event-item-area-06 .slick-slide:hover img { transform: scale(1); -webkit-transform: scale(1);} #event-item-area-06 .slider-nav{position:absolute;bottom:30px;left:50%;margin-left:-50px;width:100px;display:none;} #event-item-area-06 .slider-nav .slider-nav-prv img{width:20px;float:left;cursor:pointer;} #event-item-area-06 .slider-nav .slider-nav-nxt img{width:20px;cursor:pointer;margin-left:60px;} #event-item-area-07{clear:both;position:relative;width:100%;margin:15px 0} #event-item-area-07 .event-guide-content{width:100%;} #event-item-area-07 .event-guide-content .event-guide-txt{float:left;color:#fff;font-size:25px;margin-top:100px;margin-left:100px;width:440px;} #event-item-area-07 .event-guide-content .event-guide-txt .event-guide-title{font-size:30px;font-weight:bold} #event-item-area-07 .event-guide-content .event-guide-txt .event-guide-barline{width:7px;height:3px;background:#fff;margin-top:25px;} #event-item-area-07 .event-guide-content .event-guide-txt .event-guide-maincopy{margin-top:25px;font-size:30px;letter-spacing:-0.4px;font-weight:600;line-height:36px;} #event-item-area-07 .event-guide-content .event-guide-txt .event-guide-detail{margin-top:35px;font-size:22px;font-weight:400;letter-spacing:-0.4px} #event-item-area-07 .event-guide-content .event-guide-img{float:left;margin-left:60px;margin:100px 60px 100px 100px;width:480px;} #event-item-area-07 .event-guide-content .event-guide-etc{position:absolute;width:90%;height:150px;font-size:13px;color:#fff;padding:0 5%;left:0px;top: 550px;} #event-item-area-07 .event-guide-content .event-guide-notice{clear:both;width:1180px;padding-bottom:100px;box-shadow: inset 0 0 0px 0 rgba(37, 35, 35, 0.2), inset 0 0 100px 100px rgba(47, 21, 21, 0.19)} #event-item-area-07 .event-guide-content .event-guide-notice .notice_inner{margin-left:100px;padding-top:50px;} #event-item-area-07 .event-guide-content .event-guide-notice .notice_inner p{color:#fff;font-size:16px;margin-bottom:15px;margin-left:-18px;font-weight:600;} #event-item-area-07 .event-guide-content .event-guide-notice .notice_inner ul li{color:#fff;font-size:16px;float:left;width:495px;list-style:disc !important;font-weight:400;letter-spacing:0.03rem} #event-item-area-07 .event-guide-content .event-guide-notice .notice_inner ul li:nth-child(even){margin-left:60px;} .event-banner .add-image-item-area{clear:both;position:relative;width:100%;margin-bottom:80px;text-align:center;} .event-banner .add-image-item-area > a {cursor:pointer;} .event-banner .add-image-item-area img{width:auto;} .event-banner2.left-type{float:left;margin-top:0;width:580px;} .event-banner2.left-type img{height:370px;} .wrap-goods-list.left-banner-type{margin-top:0;} .wrap-goods-list.left-banner-type ul{width:inherit;} .wrap-goods-list.left-banner-type ul .goods-list{width:275px;margin:26px 0 0 25px;} .wrap-goods-list.left-banner-type ul .thumb{width:275px;height:275px;} .wrap-goods-list.left-banner-type ul .thumb img{width:275px;height:275px;max-width:275px;max-height:275px;} .wrap-goods-list.left-banner-type ul .goods-list:nth-child(1), .wrap-goods-list.left-banner-type ul .goods-list:nth-child(2) { margin-top: 0px; } .wrap-goods-list.left-banner-type ul .goods-list:nth-child(3), .wrap-goods-list.left-banner-type ul .goods-list:nth-child(4) { margin-top: 26px; } .event-banner2.right-type{float:right;margin-top:0;width:580px;} .event-banner2.right-type img{height:370px;} .wrap-goods-list.right-banner-type{margin-top:0;} .wrap-goods-list.right-banner-type ul{width:inherit;} .wrap-goods-list.right-banner-type ul .goods-list{width:275px;margin:26px 0 0 25px;} .wrap-goods-list.right-banner-type ul .thumb{width:275px;height:275px;} .wrap-goods-list.right-banner-type ul .thumb img{width:275px;height:275px;max-width:275px;max-height:275px;} .wrap-goods-list.right-banner-type ul .goods-list:nth-child(1), .wrap-goods-list.right-banner-type ul .goods-list:nth-child(2) { margin-top: 0px; } .wrap-goods-list.right-banner-type ul .goods-list:nth-child(3), .wrap-goods-list.right-banner-type ul .goods-list:nth-child(4) { margin-top: 26px; } .wrap-goods-list.right-banner-type ul .goods-list:nth-child(3){ clear:both; } /* event 기획전 템플릿 E */ /* event 기획전 템플릿 2018-01-12 S */ #promotion-item-area-01{width:100%;min-height:300px;position:relative;z-index:10;margin-bottom:80px;} #promotion-item-area-01 .main-text-area{position:absolute;top:95px;z-index:9;} #promotion-item-area-01.full .main-text-area.left{left:19%;top:20%;} #promotion-item-area-01 .main-text-area.left{left:100px;} #promotion-item-area-01.full .main-text-area.center{width:100%;text-align:center;margin:0 auto;top:20%;} #promotion-item-area-01 .main-text-area.center{width:100%;text-align:center;margin:0 auto;} #promotion-item-area-01.full .main-text-area.right{right:19%;top:20%;} #promotion-item-area-01 .main-text-area.right{right:100px;text-align:right;} #promotion-item-area-01 .main-text-area.black{color:#000;} #promotion-item-area-01 .main-text-area.white{color:#fff;} #promotion-item-area-01 .main-text-area .main-title-text{font-size:42px;font-weight:bold;line-height:52px;letter-spacing:-0.03px;} #promotion-item-area-01.full .main-text-area .main-title-text{font-size:52px;font-weight:bold;line-height:60px;} #promotion-item-area-01 .main-text-area .sub-title-text{font-size:14px;font-weight:400;letter-spacing:0;margin-bottom:20px;} #promotion-item-area-01 .main-text-area .sub-title-text > .event-branden{font-size:14px;font-weight:600;letter-spacing:0;} #promotion-item-area-01 .main-text-area .sub-title-text > .divider{margin-left:10px;} #promotion-item-area-01 .main-text-area .sub-title-text > .notosans{margin-left:10px;font-family:'Noto Sans';font-weight:600;} #promotion-item-area-01.full .main-text-area .sub-title-text{font-size:21px;font-weight:400;margin-top:5%;} #promotion-item-area-01.full .main-text-area.center .sub-title-text{font-size:21px;font-weight:400;margin-top:1.5%;} #promotion-item-area-01 .main-text-area.black .text-line{height:1px;background:#000;width: 30px;margin: 70px auto;margin-bottom:-70px;} #promotion-item-area-01 .main-text-area.white .text-line{height:1px;background:#fff;width: 30px;margin: 70px auto;margin-bottom:-70px;} #promotion-item-area-01 .main-text-area .text-line{display:none;} #promotion-item-area-01 .main-text-area .bottom-title-text{font-size:14px;font-weight:600;margin-top:100px;letter-spacing:0;} #promotion-item-area-01.full .main-text-area .bottom-title-text{font-size:21px;font-weight:600;margin-top:43%;} #promotion-item-area-01.full .main-text-area.center .bottom-title-text{font-size:21px;font-weight:600;margin-top:11%;} .promotion-item-atype{clear:both;max-width:985px;position:relative;margin:0 auto;margin-bottom:80px;} .promotion-item-atype .event-slides-slick-c{width:100%;position:relative;margin:0 auto;} .promotion-item-atype .event-slides-slick-c img{max-width:1200px !important} .promotion-item-atype .event-slides-slick-c .slick-slide{text-align:center;} .promotion-item-atype .slider-nav{position:absolute;width:100%;top:43%;display:none;} .promotion-item-atype .slider-nav .slider-nav-prv-c{display:block;position:absolute;left:25px;} .promotion-item-atype .slider-nav .slider-nav-prv-c img{width:46px;cursor:pointer;} .promotion-item-atype .slider-nav .slider-nav-nxt-c{display:block;position:absolute;right:25px;} .promotion-item-atype .slider-nav .slider-nav-nxt-c img{width:46px;cursor:pointer;} .promotion-item-atype .slick-slide:hover img {transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:transform .35s;-o-transition:transform .35s;-moz-transition:transform .35s;-webkit-transition:transform .35s;} .promotion-item-atype .event-slides-slick-c .slick-dots{bottom:40px;} .promotion-item-atype .event-slides-slick-c .slick-dots li button:before{color:#fff;opacity:1;font-size:0;content:'';background:url("/data/aland_data/images/promotion/dots.png") no-repeat;} .promotion-item-atype .event-slides-slick-c .slick-dots li.slick-active button:before{content:'';background:url(/data/aland_data/images/promotion/dots_on.png) no-repeat;margin:-0.27rem -0.2rem 0 -0.2rem} .promotion-item-atype .event-slides-slick-c .slick-prev{left:25px;width:46px;height:80px;} .promotion-item-atype .event-slides-slick-c .slick-next{right:50px;width:46px;height:80px;} .promotion-item-atype .event-slides-slick-c .slick-prev:before, .promotion-item-atype .event-slides-slick-c .slick-next:before{opacity:1} .promotion-item-atype .event-slides-slick-c .slick-prev:before{content:'';display: inline-block;width:46px;height:80px;background: url(/data/aland_data/images/event/7854/arrow_left.png) no-repeat;} .promotion-item-atype .event-slides-slick-c .slick-next:before{content:'';display: inline-block;width:46px;height:80px;background: url(/data/aland_data//images/event/7854/arrow_right.png) no-repeat;} .promotion-item-atype .event-detail-area{width:100%;margin: 40px 0} .promotion-item-atype .event-detail-area .detail_title{width:450px;font-size:22px;font-weight:bold;color:#000;text-align:center;display: inline-block;vertical-align: top;} .promotion-item-atype .event-detail-area.look-book-text .detail_title{width:100%;margin-bottom:30px;} .promotion-item-atype .event-detail-area .detail_text{width:450px;font-size:14px;font-weight:200;color:#5d5d5d;text-align:left;display: inline-block;vertical-align: top;line-height:1.8} .promotion-item-atype .event-detail-area.look-book-text .detail_text{width:100%;text-align:center;} .promotion-item-btype{clear:both;width:1180px;position:relative;margin:0 auto;margin-bottom:80px;text-align:center;} .promotion-item-btype .slick-slide:hover img {transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:transform .35s;-o-transition:transform .35s;-moz-transition:transform .35s;-webkit-transition:transform .35s;} .promotion-item-btype .event-slides-slick-d-nav{width:990px;margin:0 auto;display:inline-block;} .promotion-item-btype .event-slides-slick-d-nav .lookbook-list{display:none;} .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-01, .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-02, .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-03, .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-04, .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-05{display:inline-block;width:190px;vertical-align:top;margin-right:6px} .promotion-item-btype .event-slides-slick-d-nav .lookbook-list-area-05{margin-right:0} .promotion-item-btype .event-slides-slick-d-nav li{display:inline-block;width:190px;margin-bottom:10px;cursor:pointer;position:relative;} .promotion-item-btype .event-slides-slick-d-nav li .mask{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.75);display:none;z-index:5} .promotion-item-btype .event-slides-slick-d-nav li:hover .mask{position:absolute;top:0px;left:0px;width:100%;height:100%;background:rgba(0,0,0,0.75);display:inline-block;z-index:5} .promotion-item-btype .event-slides-slick-d-nav li:hover .mask:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("/data/aland_data/images/promotion/layout_icon.png") no-repeat 50% 50%;background-size:40px;z-index:10;} /*.promotion-item-btype .event-layer-area .event-slides-slick-d-for{clear:both;position:relative;width:1180px;margin:0 auto;display:none;}*/ .event-layer-area{display:none;} .event-layer-area .event-slides-slick-d-for .slick-slide:hover img {transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);transition:transform .35s;-o-transition:transform .35s;-moz-transition:transform .35s;-webkit-transition:transform .35s;} .event-layer-area .slider-nav-d{position:absolute;width:100%;top:43%;} .event-layer-area .detail-page-area-d{position:absolute;bottom:-15px;width:35px;left:50%;margin-left:-15px;color:#000;font-size:18px;font-weight:600;} .event-layer-area .slider-nav-d .slider-nav-prv-d{display:block;position:absolute;left:-80px;} .event-layer-area .slider-nav-d .slider-nav-prv-d img{width:46px;cursor:pointer;} .event-layer-area .slider-nav-d .slider-nav-nxt-d{display:block;position:absolute;right:-80px;} .event-layer-area .slider-nav-d .slider-nav-nxt-d img{width:46px;cursor:pointer;} .event-layer-area .btn_close{position: absolute;top:0px;right:-300px;cursor:pointer;} .promotion-item-ctype{clear:both;width:1180px;position:relative;margin:0 auto;margin-bottom:80px;} .promotion-item-ctype .video-info-content{text-align: center;} .promotion-item-ctype .video-info-content .video-ifrm{width:1180px;height:500px;} .promotion-item-ctype .video-info-content .event-video-data{width:710px;height:400px;} .promotion-item-ctype .video-info-content .video-content-data{font-size:14px;margin-top:20px;text-align:center;color:#898989;} .event-product-area{clear:both;} .event-product-area .product-search{width:1180px;height:auto;margin:0 auto;text-align:center;clear:both;} .event-product-area .product-search h3{font-size:15px;color:#000;font-weight:bold;letter-spacing:0;padding-top:40px;} .event-product-area .product-search .product-price-search{width:850px;margin:auto;margin-top:30px;margin-bottom:40px;} .event-product-area .product-search .product-price-search .pointer{border:none;background-color:#fff;background:url(../images/common/icon_10.png) no-repeat;background-size:24px} .event-product-area .product-search .product-price-search .selected-bar{background-color:#22272d;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#22272d), to(#22272d));} .view-area {clear:both;} .view-area .product-search{width:1180px;height:auto;margin:0 auto;text-align:center;clear:both;} .view-area .product-search h3{font-size:15px;color:#000;font-weight:bold;letter-spacing:0;padding-top:40px;} .view-area .product-search .product-price-search{width:850px;margin:auto;margin-top:30px;margin-bottom:40px;} .view-area .product-search .product-price-search .pointer{border:none;background-color:#fff;background:url(../images/common/icon_10.png) no-repeat;background-size:24px} .view-area .product-search .product-price-search .selected-bar{background-color:#22272d;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#22272d), to(#22272d));} .section-product-group{width:1200px;height:auto;margin:0 auto;} .section-product-group .section-event-type1{margin-top:20px;margin-bottom:80px;} .section-product-group .section-event-type1 .menu-condition-sort{border:1px solid #787878;padding:0 56px;text-align:left;} .section-product-group .section-event-type1 .menu-condition-sort.one-group{text-align:center;} .section-product-group .section-event-type1 .menu-condition-sort a{display:inline-block;position:relative;width:160px;margin:0;padding:0 10px;height:auto;color:#000;font-size:14px;font-weight:300;line-height:47px;letter-spacing:0.04em;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;height:46px;} .section-product-group .section-event-type1 .menu-condition-sort a.active, .section-product-group .section-event-type1 .menu-condition-sort a:hover{font-weight:600;} .section-product-group .section-event-type1 .menu-condition-sort a.line-bottom{border-bottom:1px solid #eee;padding-bottom:10px;line-height:57px} .section-product-group .section-event-type1 .menu-condition-sort a.active:before, .section-product-group .section-event-type1 .menu-condition-sort a:before{content:'';display:block;position:absolute;top:17px;left:unset;right:0;width:1px;height:15px;background:#9f9f9f;} .section-product-group .section-event-type1 .menu-condition-sort a.line-bottom.active:before, .section-product-group .section-event-type1 .menu-condition-sort a.line-bottom:before{top:22px;} .section-product-group .section-event-type1 .menu-condition-sort a:nth-child(6n):before, .section-product-group .section-event-type1 .menu-condition-sort a.active:last-child:before, .section-product-group .section-event-type1 .menu-condition-sort a:last-child:before{content:unset} .section-product-group .section-event-type1 .menu-condition-sort.one-group a{line-height:54px;} .section-product-group .section-event-type1 .menu-condition-sort.one-group a.active:before, .section-product-group .section-event-type1 .menu-condition-sort.one-group a:before{top:20px;} /* event 기획전 템플릿 2018-01-12 E */ [class|='section-event'] {position:relative; margin-top:100px;} [class|='section-event'] h2 {font-size:26px; font-weight:800; line-height:1.1; text-align:center;} [class|='section-event'] .wrap-goods-list-2017 {margin-top:40px;} [class|='section-event'] .wrap-goods-list-2017.best-type {margin-top:40px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul {width:1200px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list {width:280px; height:515px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods {width:280px; height:280px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .thumb {width:280px; height:280px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .thumb img {max-width:280px; max-height:280px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list-over {width:250px; height:250px; padding-top:calc(100% - 185px);} [class|='section-event'] .wrap-goods-list-2017.best-type ul .information {width:250px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .bname, [class|='section-event'] .wrap-goods-list-2017.best-type ul .pname {width:150px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .wrap-best-review {height:235px} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) {width:1180px; height:590px; margin-top:0;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .goods {width:590px; height:590px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .thumb {width:590px; height:590px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .thumb img {max-width:590px; max-height:590px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .goods-list-over {width:550px; height:550px; padding-top:calc(100% - 345px);} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .information {width:550px;height:86px; padding:25px 0 0 20px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .bname, [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .pname {width:432px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .bname {font-size:16px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .pname {font-size:12px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .wrap-price {font-size:16px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .wrap-best-review {width:590px; height:590px; padding-top:93px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .wrap-best-review .thumb {width:80px; height:80px;} [class|='section-event'] .wrap-goods-list-2017.best-type ul .goods-list:nth-child(1) .wrap-best-review .thumb img {width:80px; height:80px;} [class|='section-event'] .wrap-goods-list {margin-top:40px;} [class|='section-event'] .wrap-goods-list.best-type {margin-top:40px;} [class|='section-event'] .wrap-goods-list.best-type ul {width:1200px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list {width:280px; height:515px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods {width:280px; height:280px;} [class|='section-event'] .wrap-goods-list.best-type ul .thumb {width:280px; height:280px;} [class|='section-event'] .wrap-goods-list.best-type ul .thumb img {max-width:280px; max-height:280px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list-over {width:250px; height:250px; padding-top:calc(100% - 185px);} [class|='section-event'] .wrap-goods-list.best-type ul .information {width:250px;} [class|='section-event'] .wrap-goods-list.best-type ul .bname, [class|='section-event'] .wrap-goods-list.best-type ul .pname {width:150px;} [class|='section-event'] .wrap-goods-list.best-type ul .wrap-best-review {height:235px} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) {width:1180px; height:590px; margin-top:0;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .goods {width:590px; height:590px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .thumb {width:590px; height:590px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .thumb img {max-width:590px; max-height:590px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .goods-list-over {width:550px; height:550px; padding-top:calc(100% - 345px);} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .information {width:550px;height:86px; padding:25px 0 0 20px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .bname, [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .pname {width:432px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .bname {font-size:16px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .pname {font-size:12px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-price {font-size:16px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review {width:590px; height:590px; padding-top:93px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .thumb {width:80px; height:80px;} [class|='section-event'] .wrap-goods-list.best-type ul .goods-list:nth-child(1) .wrap-best-review .thumb img {width:80px; height:80px;} .reply-write {width:1100px; margin:0 auto; padding:50px 0; background:#f9f9f9;} .reply-write .common-write {position:relative; width:798px; margin:0 auto; border:1px solid #ececec; background:#fff;} .reply-write .common-write table {width:100%;} .reply-write .common-write th {color:#111; font-size:14px; font-weight:600;} .reply-write .common-write th {padding:0;} .reply-write .common-write th.vtop {padding-top:15px; border-top:1px solid #ececec; vertical-align:top;} .reply-write .common-write th.vtop + td {border-top:1px solid #ececec;} .reply-write .common-write input[type='text'] {height:58px; padding:0; border:0; line-height:58px;} .reply-write .common-write .find-file {background:none; color:#111; font-size:13px; line-height:1.1; vertical-align:middle;} .reply-write .common-write .find-file:before {content:''; display:inline-block; width:12px; height:11px; margin-right:7px; background:url('../images/sprite.png') no-repeat -250px -468px;} .reply-write .common-write textarea {overflow:auto; width:100%; height:135px; padding:17px 0 0 0; border:0; color:#aaa; font-size:13px;} .reply-write .common-write textarea::placeholder {color:#aaa; font-size:13px;} .reply-write .common-write textarea::-webkit-input-placeholder {color:#aaa; font-size:13px;} .reply-write .common-write textarea::-moz-placeholder {color:#aaa; font-size:13px;} .reply-write .common-write textarea:-ms-input-placeholder {color:#aaa; font-size:13px;} .reply-write .common-write .error th, .reply-write .common-write .error td {border:1px solid #e43a1e; border-width:1px 0;} .reply-write .common-write .error th.vtop + td {border-top:1px solid #e43a1e;} .reply-write .common-write .error th {border-left:1px solid #e43a1e; color:#e43a1e;} .reply-write .common-write .error td {border-right:1px solid #e43a1e;} .reply-write .common-write .error ::-webkit-input-placeholder {color:#e43a1e;} .reply-write .common-write .error ::-moz-placeholder {color:#e43a1e;} .reply-write .common-write .error ::placeholder {color:#e43a1e;} .reply-write .common-write .error :-ms-input-placeholder {color:#e43a1e;} .reply-write .common-write .byte-check {display:block; padding:15px 20px 15px 0; color:#aaa; text-align:right;} .reply-write .common-write .upload_wrap {} .reply-write .common-write .upload_wrap .txt {display:inline-block;width:580px;height:58px;line-height:58px;color:#777;font-size:13px;color:#aaa;} .reply-write .common-write .upload_btn {position:relative;display:inline-block;width:70px;height:14px;} .reply-write .common-write .upload_btn .find-file {position:absolute;top:0;left:0;width:70px;height:14px;} .reply-write .common-write .upload_btn input {position:absolute;top:0;right:0;width:730px;height:20px;padding:0;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";cursor:pointer;z-index:1;} .reply-write .set-area-btn {margin-top:20px; padding:0; border:0;} .reply-write .set-area-btn .set-btn-type2-bg {min-width:136px;} .reply-list {width:1100px; margin:45px auto 0 auto; border:1px solid #eee; border-width:1px 0;} .reply-list li {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; padding:19px 0 18px 42px; color:#111; font-size:14px; line-height:1.7;} .reply-list li + li {border-top:1px solid #eee;} .reply-list .user-id, .reply-list .date {position:absolute; top:23px; font-size:12px; font-weight:200; line-height:1;} .reply-list .user-id {right:156px; color:#555;} .reply-list .date {right:38px; color:#aaa;} .reply-list p {width:760px;} .reply-list .reply-img {margin-top:35px;} .reply-list .reply-img img {max-width:100%;} .reply-list .set-area-btn {margin-top:20px; border-top:0; padding:0 10px 0 0; text-align:right;} .reply-list + .set-area-btn {border:0;} .reply-list + .set-area-btn i.arrow {font-weight:400;} .event-banner-complex-list {position:relative; width:100%; margin-top:100px;} .event-banner-complex-list .event-banner {margin:0; width:960px; height:1100px;} .event-banner-complex-list .event-banner img {width:960px; height:1100px;} [class|='event-banner-complex'] .flex-prev, [class|='event-banner-complex'] .flex-next {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; position:absolute; left:53px; width:44px; height:44px; padding-top:11px; border:2px solid #000022; font:0/0 a; text-align:center;} [class|='event-banner-complex'] .flex-prev {bottom:-46px;} [class|='event-banner-complex'] .flex-next {top:-84px;} [class|='event-banner-complex'] .flex-prev:before, [class|='event-banner-complex'] .flex-next:before {content:''; display:inline-block; width:14px; height:18px; background:url('../images/sprite.png') no-repeat;} [class|='event-banner-complex'] .flex-prev:before {background-position:-550px -264px;} [class|='event-banner-complex'] .flex-next:before {background-position:-550px -246px;} [class|='event-banner-complex'] .flex-prev:hover, [class|='event-banner-complex'] .flex-next:hover {background:#000022;} [class|='event-banner-complex'] .flex-prev:hover:before {background-position:-564px -264px;} [class|='event-banner-complex'] .flex-next:hover:before {background-position:-564px -246px;} .event-banner-complex-list .area-vertical-list {position:absolute; top:165px; right:0; margin:0;} .event-banner-complex-list-type2 {position:relative; width:100%; margin-top:100px;} .event-banner-complex-list-type2 .event-banner {margin-bottom:40px;} .event-banner-complex-list-type2 .event-banner img {width:100%;} .event-banner-complex-list-type2 .wrap-goods-list ul {margin:0;} .event-banner-complex-list-type2 .wrap-goods-list ul .goods-list {margin:0;} .event-banner-complex-list-type2 .flex-viewport {width:940px; height:315px; margin:0 auto;} .event-banner-complex-list-type2 .flex-prev {bottom:183px !important; left:0;} .event-banner-complex-list-type2 .flex-next {top:100% !important; left:100%; margin:-227px 0 0 -44px; } .event-banner-complex-list-type2 .flex-prev:before {width:18px; height:14px; background-position:-588px -246px;} .event-banner-complex-list-type2 .flex-next:before {width:18px; height:14px; background-position:-606px -246px;} .event-banner-complex-list-type2 .flex-prev:hover:before {background-position:-624px -246px;} .event-banner-complex-list-type2 .flex-next:hover:before {background-position:-642px -246px;} .event-banner-complex-list-type3 {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; margin-top:100px; padding-left:220px;} .event-banner-complex-list-type3 .event-banner {width:960px; height:1100px;} .event-banner-complex-list-type3 .event-banner img {width:960px; height:1100px;} .event-banner-complex-list-type3 .area-vertical-list {position:absolute; top:165px; left:0; margin:0;} .area-vertical-list {} .area-vertical-list .vertical-list-inner {position:relative; width:150px;} .area-vertical-list .wrap-goods-list {overflow:hidden; height:810px; margin:0 !important} .area-vertical-list .wrap-goods-list ul {width:150px; margin-left:0;} .area-vertical-list .wrap-goods-list ul .goods-list {float:none; width:150px; height:270px; margin-left:0;} .area-vertical-list .wrap-goods-list ul .goods-list .thumb {width:150px;height:150px;} .area-vertical-list .wrap-goods-list ul .goods-list .thumb img {max-width:150px;max-height:150px;} .area-vertical-list .wrap-goods-list ul .bname {margin-top:10px;} .area-vertical-list .wrap-goods-list ul .wrap-set-sticker {right:7px;} .area-vertical-list .wrap-goods-list .goods-list-over {padding-top:calc(100% - 105px)} .area-vertical-list .wrap-goods-list .goods-list-over a {width:48px; height:48px; margin:0 6px; padding-top:13px;} .area-vertical-list .wrap-goods-list .goods-list-over a + a {padding-top:16px;} .area-vertical-list .wrap-goods-list .goods-list-over a:before {content:''; display:inline-block; width:17px; height:21px; background:url('../images/sprite.png') no-repeat -336px -72px;} .area-vertical-list .wrap-goods-list .goods-list-over a + a:before {width:22px; height:18px; background-position:-228px -140px;} .area-vertical-list .wrap-goods-list .goods-list-over a + a:hover:before {background-position:-250px -140px;} .area-vertical-list .wrap-goods-list .goods-list-over a:hover {background-color:#123ad4;} .area-vertical-list .wrap-goods-list .goods-list-over a + a:hover {background-color:#123ad4;} .area-vertical-list .wrap-goods-list .goods-list-over a + a.active {background-color:#fff;} .area-vertical-list .wrap-goods-list .goods-list-over a + a.active:before {background-position:-383px -142px;} .area-vertical-list .prev, .area-vertical-list .next {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; display:block; position:absolute; left:53px; width:44px; height:44px; padding-top:11px; border:2px solid #000022; font:0/0 a; text-align:center;} .area-vertical-list .next {bottom:-46px;} .area-vertical-list .prev {top:-84px;} .area-vertical-list .prev:before, .area-vertical-list .next:before {content:''; display:inline-block; width:14px; height:18px; background:url('../images/sprite.png') no-repeat;} .area-vertical-list .next:before {background-position:-550px -264px;} .area-vertical-list .prev:before {background-position:-550px -246px;} .area-vertical-list .prev:hover, .area-vertical-list .next:hover {background:#000022;} .area-vertical-list .next:hover:before {background-position:-564px -264px;} .area-vertical-list .prev:hover:before {background-position:-564px -246px;} /* //event promotion list */ /* coupon */ .wrap-coupon-list {width:100%;} .wrap-coupon-list ul::after {content:''; display:block; clear:both;} .wrap-coupon-list li {float:left; width:200px; margin-bottom:20px;} .wrap-coupon-list li .thumb {width:200px; height:110px;} .wrap-coupon-list li .cinfo {display:block; margin-top:15px; padding:15px 0; border-top:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; text-align:center;} .wrap-coupon-list li .condition {display:block; margin-top:9px; text-align:center;} .wrap-coupon-list li .download {margin-top:16px; text-align:center;} .wrap-coupon-list li .download a:after {content:''; display:block; clear:both; position:absolute; top:6px; right:8px; width:11px; height:11px; background:url('/data/cowell_data/templet/cowell/images/common/coupon_down_icon.png') no-repeat 0 0;} .wrap-coupon-list .no-content {padding:80px 0;} /********************************** member **********************************/ .wrap-utill input[type='submit'] {font-weight:400;} .login-form-inner .wrap-tab-cont {margin-top:20px;} #location .area.not > a:after{display:none;} /* custom input */ [class^='custom-check'], [class^='custom-radio'] {display:inline-block !important; position:relative; z-index:95; line-height:1;} [class^='custom-check'] input[type='checkbox'], [class^='custom-radio'] input[type='radio'] {z-index:-1; width:0; height:0; display:none; -webkit-appearance:none; -moz-appearance:none; overflow:hidden; cliprect(0,0,0,0); border:0;} [class^='custom-check'] label:before, [class^='custom-radio'] label:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat;} [class^='custom-check'] .non-label, [class^='custom-radio'] .non-label {font:0/0 a;} .custom-check-type1 label:before {width:12px; height:12px; margin-right:5px; vertical-align:-1px;} .custom-check-type1 input[type='checkbox']:before, .custom-check-type1 input[type='checkbox'] + label:before {width:12px; height:12px; background-position:-327px -539px;} .custom-check-type1 input[type='checkbox']:checked:before, .custom-check-type1 input[type='checkbox']:checked + label:before {background-position:-310px -539px;} .custom-check-type2 label:before {width:16px; height:16px; margin-right:8px; vertical-align:-3px;} .custom-check-type2 input:before, .custom-check-type2 input + label:before {width:16px; height:16px; background-position:-281px -556px;} .custom-check-type2 input:checked:before, .custom-check-type2 input:checked + label:before {background-position:-260px -556px;} .custom-check-type3 label:before {width:20px; height:20px; margin-right:8px; vertical-align:-5px;} .custom-check-type3 input + label:before {width:20px; height:20px; background-position:-285px -531px;} .custom-check-type3 input:checked:before, .custom-check-type3 input:checked + label:before {background-position:-260px -531px;} .custom-radio-type1 label:before {width:13px; height:13px; margin-right:5px; vertical-align:-3px;} .custom-radio-type1 input:before, .custom-radio-type1 input + label:before {content:'';width:14px; height:14px; background-position:-208px -560px;} .custom-radio-type1 input[name=pay_method]:before, .custom-radio-type1 input[name=pay_method] + label:before {content:none;width:14px; height:14px; background-position:-208px -560px;} .custom-radio-type1 input:checked:before, .custom-radio-type1 input:checked + label:before {background-position:-192px -560px;} .custom-radio-type2 label:before {width:30px; height:30px; margin-right:8px;vertical-align:-10px;} .custom-radio-type2 input:before, .custom-radio-type2 input + label:before {content:'';width:30px; height:30px; background-position:-225px -521px;} .custom-radio-type2 input:checked:before, .custom-radio-type2 input:checked + label:before {background-position:-190px -521px;} [class^='custom2-check']{display:inline-block !important; position:relative; z-index:95; line-height:1;} [class^='custom2-check'] input[type='checkbox']{z-index:-1; width:0; height:0; display:none; -webkit-appearance:none; -moz-appearance:none; overflow:hidden; cliprect(0,0,0,0); border:0;} [class^='custom2-check'] label:before{content:''; display:inline-block; } [class^='custom2-check'] .non-label{font:0/0 a;} .custom2-check-type1 label:before {width:22px; height:22px; margin-right:8px; vertical-align:-3px;} .custom2-check-type1 input:before, .custom2-check-type1 input + label:before {width:22px; height:22px;background:url('/data/aland_data/images/icon/checkbox_btn_off.png') no-repeat;} .custom2-check-type1 input:checked:before, .custom2-check-type1 input:checked + label:before {background:url('/data/aland_data/images/icon/checkbox_btn.png') no-repeat;} .custom2-check-type2 label:before {width:22px; height:22px; margin-right:8px; vertical-align:-3px;} .custom2-check-type2 input:before, .custom2-check-type2 input + label:before {width:22px; height:22px;background:url('/data/aland_data/images/icon/icon_checkbox01_off.png') no-repeat;background-size:cover;background-position:center center;} .custom2-check-type2 input:checked:before, .custom2-check-type2 input:checked + label:before {background:url('/data/aland_data/images/icon/icon_checkbox01_on.png') no-repeat;background-size:cover;background-position:center center;} .custom2-check-type3 label:before {width:26px; height:26px; margin-right:8px; vertical-align:-3px;} .custom2-check-type3 input:before, .custom2-check-type3 input + label:before {width:26px; height:26px;background:url('/data/aland_data/images/icon/icon_checkbox01_off.png') no-repeat;} .custom2-check-type3 input:checked:before, .custom2-check-type3 input:checked + label:before {background:url('/data/aland_data/images/icon/icon_checkbox01_on.png') no-repeat;} /* login */ .wrap-login {width:100%; margin:0 auto; text-align:center;} .wrap-login input[type='text'], .wrap-login input[type='password']{display:block;width:100%;height:58px;padding:0 20px;border:1px solid #ddd;box-sizing:border-box;font-size:15px;letter-spacing:0;} .wrap-login input[type='text']:first-child {border-bottom:none;} .wrap-login input[class='sns-id'] {border-bottom:none;} html[lang="en"] .wrap-login input[type='text'] + input[type='text'], html[lang="zh"] .wrap-login input[type='text'] + input[type='text'] {border-top:none;} .wrap-login input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;} .wrap-login .set-btn-type1 {width:100%; margin-top:20px;height:60px;} .wrap-login .login-submit{width:100%;position:relative;cursor:pointer;} .wrap-login .login-submit:before{content: '';display: inline-block;width:30px;height:20px;background: url(../images/common/icon_03.png) no-repeat;position:absolute;top:8px;left:50%;z-index:100;transform:translate(-50%,0);} .wrap-login [class^='custom-check'], [class^='custom-radio']{font-size:12px;color:#5d5d5d;letter-spacing:0;} .wrap-login .custom-check-type1 label:before {width:20px; height:20px; margin-right:10px; vertical-align:-5px;} .wrap-login .custom-check-type1 input[type='checkbox']:before, .wrap-login .custom-check-type1 input[type='checkbox'] + label:before{width:20px;height:20px;background-position:-285px -531px;} .wrap-utill .save-id {margin-top:15px; text-align:right;} .wrap-utill .btn-area {margin-top:30px;} .wrap-utill .btn-area a {width:100%; border:1px solid #d6d6d6; min-width:230px;height:58px;} .wrap-utill .login-join .wrap-my-area .btn-area a {width:100%; border:1px solid #d6d6d6; min-width:230px;height:44px;} .wrap-utill .btn-area a + a {margin-top:0; margin-left:0;} .wrap-utill .btn-area .set-btn-type3:hover{background:transparent} .set-btn-type3 i.facebook{font-size:15px !important;color:#000 !important;font-weight:400;letter-spacing:0;line-height:43px;} .sns-login.btn-area .set-btn-type3 i.facebook{font-size:15px !important;color:#000 !important;font-weight:400;letter-spacing:0;line-height:55px;} .set-btn-type3 i.facebook:before {content:'';display:inline-block;width:68px;height:17px;background: url(../images/common/sns_text02.png) no-repeat;} .set-btn-type3 i.facebook:after {display:none;} .set-btn-type3 i.kakao{font-size:15px !important;color:#000 !important;font-weight:400;letter-spacing:0;line-height:58px;} .set-btn-type3 i.kakao:before {content:'';display:inline-block;width:61px;height:23px;background: url(../images/common/sns_text03.png) no-repeat;vertical-align:-4px;} .set-btn-type3 i.kakao:after {display:none;} .wrap-utill .login-function {margin:20px 0; text-align:center;} .wrap-utill .login-function a {font-size:12px !important; font-weight:400 !important;letter-spacing:0;color:#5d5d5d;} .wrap-utill .login-function a:before {content:''; display:inline-block; width:1px; height:10px; margin:0 10px -1px 10px; background:#ececec;} .wrap-utill .login-function a:first-child:before {display:none;} .wrap-utill .login-function a + a {margin-left:0;} html[lang="ko"] .wrap-utill .login-function a + a + a:before {width:1px; height:1px; margin:0 5px 0 3px; background:#111; vertical-align:middle;} .wrap-utill .login-inquery{width:100%; margin:25px 0 70px;font-size:12px;color:#a0a0a0;line-height:0;font-weight:200;} .wrap-utill .login-inquery:after{content:unset} .sns-account-inner .login-function:after {content:unset; display:block; width:32px; height:3px; margin:40px 0 0 99px; background:url('../images/sprite.png') no-repeat -190px -322px;} .join-area {width:100%; margin:0 auto; text-align:center;} .join-area p {font-size:12px;letter-spacing:0;color:#a0a0a0;font-weight:200;} .wrap-tab-cont .join-area h3 {font-size:15px;font-weight:600;letter-spacing:0;color:#000;} .join-area .set-btn-type2 {width:100%;height:60px;margin:25px 0 20px;border:none;line-height: 60px !important;font-size: 15px !important;letter-spacing:0;font-weight:400;background:#a0a0a0;color:#fff !important;} .wrap-login .non-member-login {display:none;} .wrap-login.order-pop .non-member-login {display:block;} .non-member-login .set-btn-type2 {display:block; width:100%;height:60px;margin:30px 0 0;color:#fff !important;background:#5d5d5d;border:none;line-height:60px !important;font-size:15px !important;letter-spacing:0;font-weight:300;} .non-member-login .desc {margin-top:30px; padding:0 25px; text-align:center;} .non-member-login .desc u.br {display:inline;} .sns-account-inner, .result-inner {display:none; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; padding:0; text-align:center;} .sns-account-inner h3, .find-id-inner h3, .find-pw-inner h3, .result-inner h3 {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; height:50px; margin:35px 0 40px; padding-top:19px; border:3px solid #000; border-bottom:0; color:#000; font-size:16px; font-weight:800; text-align:center; line-height:1;} .result-inner h3 + p {margin-bottom:20px;} .result-inner .result-pw-area, .result-inner .result-id-area{margin-top:55px;font-size:12px;color:#5d5d5d;font-weight:600;line-height:20px;letter-spacing:-0.25px;} .result-inner .btn-area .set-btn-type1{background:#fff;color:#000 !important;font-size:15px !important;font-weight:600;line-height:58px !important;letter-spacing:0;border: 1px solid #090909} .result-inner .btn-area .set-btn-type2{background:#fff;color:#a0a0a0 !important;font-size:15px !important;line-height:58px !important;letter-spacing:0;border: 1px solid #d6d6d6} .sns-account-inner h3 + h4 {margin-bottom:10px; color:#222; font-size:16px; font-weight:600; } .sns-account-inner .wrap-login {margin-top:30px;} .sns-account-inner .login-function:after {margin-top:30px;} .sns-account-inner .join-area {margin-top:40px;} .sns-account-inner .join-area h4 {margin-bottom:10px; font-size:16px; font-weight:600; letter-spacing:0.01em;}} .sns-account-inner .join-area p {margin:10px 0 15px;} .wrap-utill .error-txt {display:none;} .wrap-utill .error .error-txt {display:block;} /*.wrap-utill .error .error-txt {display:inline-block; width:100%; margin-top: 10px; color:#f94709; text-align:left;}*/ .wrap-utill .error .error-txt {margin:10px 0; color:#f94709; text-align:center;} .wrap-utill #tab02 .error .error-txt {margin-bottom:30px;} .wrap-utill .error .save-id {margin-top:;} /* search id password */ .find-id-inner {display:none;} .find-id-inner, .find-pw-inner {padding-bottom:65px;} .find-id-inner .sub-tit {margin:30px 0 24px; color:#777; font-weight:normal; text-align:center;} .find-id-inner .caption {margin-top:30px; text-align:center;} .find-id-inner .caption a, .find-pw-inner .caption a {font-size:12px; color:#123ad4; text-decoration:underline; line-height:1.5;} .find-id-inner .back, .find-pw-inner .back {position:fixed; bottom:0; right:-335px; width:335px; height:55px;line-height:55px;background:#000;color:#fff;font-size:14px;text-align:center;} .login-form.active .find-id-inner .back, .login-form.active .find-pw-inner .back {right:5px;} .find-id-inner .back:hover, .find-pw-inner .back:hover {color:#fff;} .find-id-inner .back span:before, .find-pw-inner .back span:before {content:"";display:inline-block;margin-right:10px;width:11px;height:15px;background:url('../images/sprite.png') no-repeat -666px -295px;vertical-align:-2px;} .find-box {width:100%; margin:20px 0 0;} .find-box li {padding:0; text-align:center;margin-bottom:20px;border:1px solid #d6d6d6;box-sizing:border-box;} .find-id-inner .find-box h3{height:auto;margin:36px 0 22px;border:none;font-size:15px;font-weight:bold;letter-spacing:-0.25px;padding:0;} .find-box h4 {margin:-10px 0 14px;font-size:12px;color:#5d5d5d;letter-spacing:0;line-height:21px;} .find-box h4.phone:before {content:unset; display:block; width:24px; height:34px; margin:0 auto 15px auto; background:url('../images/sprite.png') no-repeat -344px -517px;} .find-box h4.ipin:before {content:unset; display:block; width:28px; height:32px; margin:0 auto 15px auto; background:url('../images/sprite.png') no-repeat -373px -519px;} .find-box [class^='set-btn'] {min-width:98px; height:32px; font-size:12px !important; line-height:30px !important;} .find-pw-inner {display:block !important;} .find-pw-inner h3{height:auto;margin:55px 0 25px;border:none;font-size:15px;font-weight:bold;letter-spacing:-0.25px;padding:0;} .find-pw-inner h4 {margin-bottom:20px; color:#222; font-size:16px; font-weight:400; text-align:center;} .find-pw-inner .sub-tit {margin:30px 0 24px; color:#777; font-weight:normal; text-align:center;} .find-pw-inner .caption {margin-top:30px; text-align:center;} .find-pw-inner .wrap-login + h4:before {content:''; display:block; width:32px; height:3px; margin:40px 0 35px 114px; background:url('../images/sprite.png') no-repeat -190px -322px;} .find-pw-inner .wrap-login .search-submit{width:100%;position:relative;cursor:pointer;} .find-pw-inner .wrap-login .search-submit:before{content: '';display: inline-block;width:30px;height:20px;background: url(../images/common/icon_03.png) no-repeat;position:absolute;top:8px;left:50%;z-index:100;transform:translate(-50%,0);} .find-box .search-submit{width:100%;position:relative;cursor:pointer;} .find-box .search-submit:before{content: '';display: inline-block;width:30px;height:20px;background: url(../images/common/icon_03.png) no-repeat;position:absolute;top:8px;left:50%;z-index:100;transform:translate(-50%,0);} .find-box .search-submit .set-btn-type1{width:100%;margin-top:20px;height:60px;cursor:pointer;} /* .result-inner {display:block;} */ .result-box {margin:22px 0;padding:40px;background:#f7f7f7;color:#000;font-size:21px;font-weight:bold;letter-spacing:-0.25px;} .result-inner .fint-box {margin-top:0;} .find-box h4.email:before {content:unset; display:block; width:34px; height:25px; margin:0 auto 15px auto; background:url('../images/sprite.png') no-repeat -406px -526px;} .result-inner .find-box [class^='set-btn'] {min-width:145px;} .result-inner .find-box h4 {margin-bottom:0;margin-top:20px;} .result-inner .find-box h4 + span {display:block;margin-bottom:0px;font-size:15px;color:#5d5d5d;letter-spacing:0;line-height:38px;} .result-inner .btn-area:before {content:unset; display:block; width:32px; height:3px; margin:40px 0 35px 114px; background:url('../images/sprite.png') no-repeat -190px -322px;} .result-inner .btn-area, .result-inner .noti {margin-top:68px;} /* join-common */ .join-content h1 {font-size:26px; font-weight:600; text-align:center; letter-spacing:0.102em;} .join-content h2 {margin-top:90px; font-size:18px; font-weight:600; text-align:center; text-transform:uppercase;} .join-content .desc {margin-top:10px; color:#777; text-align:center;} .join-content .desc span {display:block; font-size:13px; font-weight:200; line-height:22px;} .join-content .desc span.desc-sns .br {display:inline;} .join-content .desc span.desc-agreement .br {display:inline;} .join-content .btn-area {text-align:center;} .join-content .btn-area a + a {margin-left:6px;} .join-content h2 + .btn-area {margin-top:30px;} .join-step {margin-top:25px; text-align:center;} .join-step li {display:inline-block; color:#111; font-size:14px; line-height:36px;} .join-step li.active {color:#111; font-weight:600;} .join-step li + li {margin-left:30px;} .join-step span {display:inline-block; width:34px; height:34px; margin-right:10px; border:2px solid #221e1f; border-radius:50%; background:#fff; font-weight:bold; text-align:center; letter-spacing:0;} .join-step li.active span {background:#111; color:#fff;} .join-step li em {display:inline-block; margin:0 3px;} /*join_agreement*/ .wrap-join-agreement {width:1180px; margin:0 auto;} .wrap-agreement-inner {margin-top:30px; margin-bottom:39px; padding:60px 190px; background:#fcfcfc;} .wrap-agreement-inner > h2:first-child {margin-top:0 !important;} .wrap-join-agreement .wrap-join-input {width:575px; margin:23px 0 0 60px;} .wrap-join-input .field-num input[type='text'] {width:145px !important;} .wrap-join-input .field-num input[type='text'] + input[type='text'] {margin-left:9px;} .wrap-join-agreement .wrap-join-input + .btn-area {margin-top:40px;} .set-btn-type3 i.mobile:before {width:15px; height:20px; background-position:-559px -322px; vertical-align:-5px;} .set-btn-type3:hover i.mobile:before {background-position:-600px -322px;} .set-btn-type3 i.mobile:after {display:none;} .set-btn-type3 i.ipin:before {width:16px; height:19px; background-position:-579px -323px; vertical-align:-5px;} .set-btn-type3 i.ipin:after {display:none;} .set-btn-type3:hover i.ipin:before {background-position:-620px -323px;} .join-content .cert-after {position:relative;} .join-content .cert-after a {border-color:#aaa;color:#aaa !important;} .join-content .cert-after a:hover {background:none;} .join-content .cert-after a.active {background:#133ad5;border-color:#133ad5;color:#fff !important;} .cert-after .set-btn-type3 i.mobile:before {background-position:-44px -347px;} .cert-after .set-btn-type3 i.ipin:before {background-position:-62px -347px;} .cert-after .set-btn-type3.active i.mobile:before {background-position:-600px -322px;} .cert-after .set-btn-type3.active i.ipin:before {background-position:-620px -323px;} .wrap-agreement-box {margin-top:30px;} .wrap-agreement-box + .wrap-agreement-box {margin-top:40px;} .wrap-agreement-box h3 {float:left; margin-bottom:10px; font-size:14px; font-weight:400;} .wrap-agreement-box h3:before {content:''; display:inline-block; width:4px; height:4px; margin:0 8px 3px 0; background:url('../images/sprite.png') no-repeat -559px -296px;} .wrap-agreement-box .check-area {float:right; color:#111;} .check-area input {vertical-align:-5px;} .wrap-agreement-box .agreement-box {clear:both; overflow-y:auto; height:170px; padding:20px; border: 1px solid #ddd; color:#aaa; font-weight:200;} .wrap-agreement-box .agreement-box p span {color:#aaa !important; font-family:'nanumBarun', dotum, sans-serif !important; font-weight:200;} .wrap-agreement-box .agreement-box h4 {font-weight:normal;color:#aaa;} .wrap-agreement-box .agreement-box > ul > li {margin-top:24px;padding-left:15px;} .wrap-agreement-box .agreement-box > ul > li > strong {margin-left:-15px;font-weight:200;} .wrap-agreement-box .agreement-box table {margin-top:20px;} .wrap-agreement-box .agreement-box tbody {padding:10px 0;border-bottom:1px solid #ddd;} .wrap-agreement-box .agreement-box th {padding:10px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-weight:200;} .wrap-agreement-box .agreement-box td {padding:10px 5px;} .wrap-agreement-box .agreement-box > ul ul li {position:relative;padding-left:8px;} .wrap-agreement-box .agreement-box > ul ul li:after {content:"";position:absolute;top:8px;left:0;width:4px;height:1px;background:#aaa;} .all-checkbox {margin-top:30px; color:#111; font-size:14px; text-align:center;} /* join_input */ .wrap-join-input {margin:30px 0 40px; padding:60px 234px 60px 234px; background:#fcfcfc;} .join-content .wrap-join-input h2 {margin-top:0;} .join-content .wrap-join-input h2.sect {margin-top:60px;} .wrap-join-input h2 + .common-write {margin:20px 0 0 -19px; width:650px;} .wrap-join-input .common-write {border-top:none;} .wrap-join-input .common-write th, .wrap-join-input .common-write td {border-bottom:none; /* line-height:42px; */} .wrap-join-input .common-write td.sex-type {padding-bottom:13px;} .wrap-join-input .common-write th {padding:22px 30px 0 0; font-weight:400; text-align:right !important; vertical-align:top;} html[lang="en"] .wrap-join-input .common-write th, html[lang="zh"] .wrap-join-input .common-write th {padding:19px 30px 0 0;} html[lang="zh"] .wrap-join-input .common-write .field-radio th {padding-top:0; vertical-align:middle;} html[lang="zh"] .wrap-join-input .common-write .field-radio td {padding-top:13px;} html[lang="en"] .wrap-join-input .common-write .field-radio th {padding-top:0; vertical-align:middle;} .wrap-join-input .common-write .field-radio th {padding-top:0; vertical-align:middle;} .wrap-join-input .common-write td * {vertical-align:middle;} .wrap-join-input .common-write td.hr {width:px; border-bottom:1px solid #e1e1e1;} .wrap-join-input .common-write input[type='text'], .wrap-join-input .common-write input[type='password'], .wrap-join-input .common-write input[type='file'] {width:100%; height:42px; padding: 0 0 0 20px; border:1px solid #ddd; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; color:#111; line-height:42px;} html[lang="en"] .wrap-join-input .common-write input[type='text'], html[lang="en"] .wrap-join-input .common-write input[type='password'], html[lang="en"] .wrap-join-input .common-write input[type='file'] {width:481px !important;} html[lang="en"] .wrap-join-input .common-write input[class='user_id'] {width:301px !important;} html[lang="zh"] .wrap-join-input .common-write input[class='user_id'] {width:353px !important;} /*.wrap-join-input .common-write input + label, .wrap-join-input .common-write input + label span {color:#111 !important;} */ .wrap-join-input .common-write td span {display:block; color:#cdcdcd; font-weight:200; line-height:20px;} .wrap-join-input .common-write td .custom-check-type3 {padding-left:28px;} .wrap-join-input .common-write td .custom-check-type3 input + label:before {margin-left:-28px;} .wrap-join-input .common-write td span span.font-en {display:inline;} .wrap-join-input .member-name {margin:15px 0; color:#111; font-size:13px;} .wrap-join-input td.sex-type span {color:#111; font-size:13px;} .wrap-join-input td.sex-type span.custom-radio-type2 label:before {margin-right:10px;} .wrap-join-input td.sex-type span.custom-radio-type2 + span {margin-left:30px;} .wrap-join-input .common-write td .notice span + span {margin-top:0px;} .wrap-join-input .common-write td .notice span + span .br {display:inline;} .wrap-join-input .common-write td.address .sect {margin-top:12px;} .wrap-join-input .common-write input[type="text"] {color:#111;} .wrap-join-input .common-write input[type="text"] ::placeholder {color:#aaa;} .wrap-join-input .common-write input[type="text"] ::-webkit-input-placeholder {color:#aaa;} .wrap-join-input .common-write input[type="text"] ::-moz-placeholder {color:#aaa;} .wrap-join-input .common-write input[type="text"] :-ms-input-placeholder {color:#aaa;} .wrap-join-input .common-write div.selectbox-wrapper ul li {padding:11px 2px 11px 9px; color:#aaa; font-size:14px;} .wrap-join-input .common-write .select_class {display:inline-block; width:157px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing:border-box;} html[lang="zh"] .wrap-join-input .common-write .select_class {width:156px;} .wrap-join-input .common-write .select_class + .select_class {margin-left:6px;} html[lang="zh"] .wrap-join-input .common-write .select_class + .select_class {margin-left:2px;} html[lang="en"] .wrap-join-input .common-write .select_class + .select_class {margin-left:2px;} .wrap-join-input .common-write .select_class .sbHolder {} .wrap-join-input .common-write .select_class .sbSelector {border-color:#ddd; padding-top:11px; padding-bottom:11px; font-size:14px; color:#111;} .wrap-join-input .common-write .select_class .sbSelector:after {top:18px;} .wrap-join-input .common-write .select_class .sbOptions {top:40px !important;} .wrap-join-input .common-write .select_class .sbOptions .sbOptions {top:0 !important;} .wrap-join-input .common-write .select_class .sbOptions a {padding:11px 3px 10px 12px;} .wrap-join-input .common-write .select_class input.selectbox {width:100% !important; border:none;} .wrap-join-input .common-write input[name^='pcs'], .wrap-join-input .common-write input[name^='tel'], .wrap-join-input .common-write input[name^='com_num'], .wrap-join-input .common-write input[name^='com_phone'], .wrap-join-input .common-write input[name^='com_tel'] {width:157px; margin-left:6px;} .wrap-join-input .common-write input[name^='com_num']:first-child {margin-left:0;} .wrap-join-input .common-write #mail_03 {display:inline-block; margin-top:0;} .wrap-join-input .common-write .at {display:inline-block; margin:0 4px; color:#212121; font-size:13px;} .wrap-join-input .common-write .select_class:after {top:18px;} .wrap-join-input .common-write td .notice {margin:10px 0 5px;} .wrap-join-input .common-write td .notice span {color:#c3c3c3;} .wrap-join-input .common-write input[type='text'] + .set-btn-type4 {margin-left:10px;} .set-btn-type3.fb {border:2px solid #3b579d; background-color:#3b579d; color:#fff !important;} .set-btn-type3.fb:hover {border:2px solid #3b579d; background-color:#3b579d; color:#fff !important;} .set-btn-type3.fb i:before {width:8px; height:14px; margin-right:6px; background-position:-483px -6px; vertical-align:-2px;} .set-btn-type3.fb i:after {display:none;} .sns-login.btn-area .set-btn-type3 i.naver{font-size:15px !important;color:#000 !important;font-weight:400;letter-spacing:0;line-height:55px;} .set-btn-type3 i.naver{font-size:15px !important;color:#000 !important;font-weight:400;letter-spacing:0;line-height:43px;} .set-btn-type3 i.naver:before {content:'';display:inline-block;width:58px;height:14px;background:url(../images/common/sns_text01.png) no-repeat;} .set-btn-type3 i.naver:after {display:none;} .wrap-join-input .sns-area {margin-top:30px;} .join-content .btn-area.certification [class^='set-btn-type'], .join-content .btn-area.sns-area [class^='set-btn-type'] {font-size:14px !important;} .wrap-join-input .sns-area + .btn-area {margin-top:100px;} .wrap-join-input .sns-area [class|="set-btn"] {font-weight:600;} .wrap-join-input .sns-area .na { background:#2db400 !important; } .wrap-join-input .sns-area .na i { color:white !important; } .wrap-join-input .sns-area .na i.naver:before {background-position:-512px -10px !important;} /* .wrap-join-input.biz-input {width:610px; margin-left:217px;} */ .wrap-join-input.biz-input h2 + .common-write {margin:20px 0 0 -49px;} .wrap-join-input.biz-input .common-write + .btn-area {margin-top:93px;} .wrap-join-input .biz-type span[class^='custom-radio'] + span[class^='custom-radio'] {margin-left:20px;} .wrap-join-input .biz-type span[class^='custom-radio'] + .sect {margin:5px 0 0 0;} .wrap-join-input .biz-type span[class^='custom-radio'] label {color:#111;} /* zipcode */ .zipcode-popup-box {position:relative; width:700px; background:#fff;} .zipcode-popup-box h1 {margin-bottom:35px; font-size:20px; line-height:1; text-align:center;} .zipcode-popup-box .close {display:block !importnat; position:absolute; top:0; right:-50px; width:50px; height:50px; background:#fff; text-align:center;} .zipcode-popup-box .close:before {content:''; display:inline-block; width:17px; height:17px; margin-top:16px; background:url(../images/sprite.png) no-repeat -664px -342px;} .zipcode-popup-box .popup-content {width:500px; margin:0 auto; padding-top:50px; height: 528px} .zipcode-popup-box .popup-content .noti {margin:35px 0 10px; color:#505050;} .zipcode-popup-box .common-table2 {width:100%;} .zipcode-popup-box .common-table2 th {height:48px; color:#212121; font-size:13px; font-weight:400; text-align:left;} .zipcode-popup-box .common-table2 td {text-align:left;} .zipcode-popup-box .common-table2 td a {display:block;} .zipcode-popup-box .common-table2 .no-content {padding:80px 0 !important; font-size:12px; text-align:center !important;} .zipcode-popup-box .paging img {margin:0 2px !important;} .zipcode-popup-box .paging span:first-child {margin-left:2px;} /* .zipcode-popup-box #__daum__layer_1 > iframe {height:360px !important;} */ .zipcode-content input[type='text'] {width:385px; margin-right:7px; padding:0 20px; border:1px solid #ddd; line-height:42px;} .zipcode-content .error-txt {display:none;} .zipcode-content .search-area.error input[type='text'] {border:1px solid #f94709;} .zipcode-content .search-area.error .error-txt {display:block; margin-top:6px; color:#f94709;} .popup-content .nav-section {width:100%; font-size:0; text-align:center;} .popup-content .nav-section a {display:inline-block; position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:135px; height:50px; padding-top:18px; border:3px solid #000; border-bottom:0; color:#111; font-size:16px; font-weight:800; line-height:1;} .popup-content .nav-section a:hover:after, .popup-content .nav-section a.active:after {content:''; display:block; position:absolute; bottom:-1px; left:35px; width:57px; height:3px; background:#000;} .popup-content .nav-section a + a {margin-left:-3px;} .popup-content .nav-section a + a:hover:after, .popup-content .nav-section a + a.active:after {left:26px; width:78px;} /*join end*/ .wrap-join-end {margin-top:30px; padding:100px 0 60px; background:#fcfcfc;} .wrap-join-end .end-box {margin:120px auto 0 auto; padding:425px 0px 0; background:url('../images/bg_joinend.gif') center 0 no-repeat; text-align:center;} .wrap-join-end .end-box h1 {margin-bottom:5px; font-size:46px; font-weight:800; letter-spacing:0.2em;} .wrap-join-end .end-box p {color:#111; font-size:18px; line-height:1.8;} html[lang="en"] .wrap-join-end .end-box p {font-weight:200;} .wrap-join-end .end-box a {margin-top:40px; font-weight:400;} /********************************** mypage **********************************/ .subtit-heading {border-top:1px solid #000; padding:25px 0 28px 18px;} .subtit-heading span {color:#666; font-size:14px; font-weight:normal;} .subtit-heading strong {display:block; margin-top:10px; color:#000; font-size:29px; font-weight:normal;} .menu-sub-left {width:100%;} .menu-sub-left dt {padding:13px 0 10px 15px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f6f6f6; font-weight:bold;} .menu-sub-left dt a {color:#000;} .menu-sub-left dd {padding:15px 0 15px 15px;} .menu-sub-left li + li {margin-top:15px;} .mypage-contents h2 {color:#000; font-size:18px; font-weight:600;} .mypage-contents h2 + table {margin-top:10px;} .mypage-contents .btn-list li + li {margin-top:5px;} .mypage-contents table {width:100%;} .mypage-contents td.status ul {margin-bottom:5px;} .mypage-contents .result-txt + table {margin-top:10px;} .mypage-contents .mypage-sub-btn input[type="submit"] {vertical-align:0;} .return-cancel2 table {width:100%;} .common-table2 th {font-size:12px;} .common-table2 td, .common-table3 td {line-height:1.4;} .option_pop_top02 {height:35px;} .info-recently-order .add-gift {margin-left:20px; padding:20px 0; border:1px solid #eee;} .info-recently-order .add-gift .pname {display:inline-block; padding-right:10px; font-weight:600;} .info-recently-order .add-gift .option {display:inline-block;} .info-recently-order .add-goods .pname {font-weight:800;} .info-recently-order .add-goods .option {margin-top:10px;} /* order-search */ .mypage-contents .order-search {margin-top:15px; border:1px solid #c8c8c8;} .mypage-contents .order-search th, .mypage-contents .order-search td {height:50px; background:#f9f9f9;} .mypage-contents .order-search tr + tr th, .mypage-contents .order-search tr + tr td {border-top:1px solid #c8c8c8;} .mypage-contents .order-search th {padding-left:20px; text-align:left;} .mypage-contents .order-search input[type="text"] {height:27px; padding:0 5px; border:1px solid #c8c8c8;} .mypage-contents .order-search td label + input[type="checkbox"] {margin-left:10px;} .mypage-contents .order-search tr.line-class > td, .order-search tr.line-class > th {border-bottom:1px solid #e2e2e2;} .mypage-contents .order-search tr.line-class > th span {word-break:break-all;} .mypage-contents .order-search tr > td.condition span {margin-left:18px;} .mypage-contents .order-search tr > td.condition span:first-child {margin-left:0;} .mypage-contents .order-search tr > td.order-day input[type='text'] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100% !important; padding:6px 0 6px 5px; border:1px solid #e1e1e1; background:#fff url('../images/common/day_icon.gif') right 4px no-repeat;} .mypage-contents .order-search tr > td.order-day .calrenda_btns {margin-left:5px;} /*mypage top*/ .wrap-shopping-info {width:100%;} .wrap-shopping-info .user-info {border:1px solid #e2e2e2; border-top:1px solid #494949; background:#f9f9f9; line-height:40px; text-align:center;} .shopping-info {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:10px 0; border:1px solid #e2e2e2; border-top:0;} .shopping-info:after {content:''; display:block; clear:both;} .shopping-info .area {float:left; width:217px; padding:0 29px; font:0/0 a;} .shopping-info .area + .area {border-left:1px dashed #bfbebe;} .shopping-info .area .def {display:inline-block; width:66px; padding-left:44px; background:url('../images/common/mypage_top_01.gif') no-repeat 0 50%; font-size:12px; font-weight:normal; line-height:49px;} .shopping-info .area + .area .def {background-image:url('../images/common/mypage_top_02.gif');} .shopping-info .area + .area + .area .def {padding-left:54px; background-image:url('../images/common/mypage_top_03.gif');} .shopping-info .area .desc {display:inline-block; width:97px; font-size:12px; line-height:49px; text-align:right;} .wrap-shopping-info .btn-area {margin-top:15px; text-align:center;} .wrap-shopping-info .notice {margin-top:20px; line-height:1.5;} /*mypage bottom*/ .wrap-user-favorite {margin-top:50px;} .wrap-user-favorite h2 {margin-left:2px; color:#000; font-size:16px;} .wrap-user-favorite .navi-tab {margin-top:20px;} .wrap-user-favorite .wrap-tab-cont {border:1px solid #dbdbdb; border-top:0;} .wrap-user-favorite .wrap-goods-list {padding:24px 24px;} .wrap-user-favorite .wrap-goods-list ul:after {content:''; display:block; clear:both;} .wrap-user-favorite .wrap-goods-list ul .goods-list {float:left; width:116px; margin:0; padding:0 20px;} .wrap-user-favorite .wrap-goods-list ul .historyList {position:absolute; top:0; left:0;} .wrap-user-favorite .wrap-goods-list ul .goods-list .thumb {display:table-cell; width:116px; height:116px;} .wrap-user-favorite .wrap-goods-list ul .goods-list .thumb img {max-width:116px; max-height:116px;} .wrap-user-favorite .wrap-goods-list .no-content {border:0;} .wrap-user-favorite .btn-area {border-top:1px dotted #dbdbdb; padding:15px 10px 15px 0; text-align:right;} /*mypage index*/ .wrap-order-overview {position:relative; margin-top:45px;} .wrap-order-overview h2 {color:#000;} .wrap-order-overview .desc {position:absolute; top:3px; right:0; color:#666; font-size:11px;} .order-overview {margin-top:15px; border:1px solid #e1e1e1;} .order-overview ol {border-bottom:1px solid #000; background:#f6f6f6;} .order-overview ol:after {content:''; display:block; clear:both;} .order-overview ol > li {float:left; width:85px; height:58px; padding:22px 0 0 18px; text-align:center;} .order-overview ol > li + li {margin-left:17px; padding-left:36px; background:url('../images/common/stats_arrow.png') no-repeat 0 22px;} .order-overview ol .status {display:block; margin-bottom:10px;} .order-overview ol .status + span {text-decoration:underline;} .order-overview ol .status + span a {font-size:18px;} .order-overview .process-view {display:inline-block; position:relative; top:-7px; left:192px; width:440px; height:101px; background-image:url('../images/common/stats_blit.png');} .order-overview .process-view span {position:absolute;} .order-overview .process-view .cs {top:19px; left:54px;} .order-overview .process-view .bp {top:59px; right:110px;} .order-overview .process-view .dk {top:58px; left:145px;} .order-overview .process-view .kw {top:21px; right:110px;} .order-overview .process-view strong {display:block; text-align:center;} .wrap-recently-order {position:relative; margin-top:45px;} .wrap-recently-order h2 {color:#000; font-size:16px;} .wrap-recently-order .btn-more {position:absolute; top:5px; right:0; color:#555; font-size:11px; text-decoration:underline;} .wrap-recently-order .common-table2 {width:100%; margin-top:20px;} .wrap-recently-order .common-table2 .order-id {display:block; margin:5px 0; font-size:11px;} .wrap-recently-order .common-table2 .order-id a {color:#181818;} .wrap-recently-order .common-table2 .sect {display:block; margin-top:5px;} .wrap-recently-order .common-table2 .inner-line {border-left:solid 1px #dfdede;} .wrap-recently-order .common-table2 .count {display:block; color:#090909; line-height:1.7;} .wrap-recently-order .common-table2 .shop-name {display:block; padding:7px 0; font-size:11px;} /* mileage */ .wrap-mileage {margin-top:49px;} .my-mileage-all {height:99px; margin:20px 0; background:url('../images/common/reserve_back.gif') no-repeat 0 0;} .my-mileage-all > div {position:relative; top:7px; height:85px; margin:0 7px; background-color:#fff; text-align:center;} .my-mileage-all > div:after {content:""; display:block; clear:both;} .wrap-mileage .common-table2 tbody td.txt-left {padding:0; color:#000;} .wrap-mileage .common-table2 td strong {color:#000;} .my-mileage-all ul:after {content:""; display:block; clear:both;} .my-mileage-all ul li {float:left; position:relative; width:22%; margin-top:20px; padding-left:20px;} .my-mileage-all ul li + li:before {content:""; position:absolute; top:10px; left:0; display:inline-block; width:17px; height:34px; background:url('../images/common/stats_arrow.png') no-repeat 0 0;} .my-mileage-all ul li strong {min-height:24px; color:#555; font-weight:normal;} .my-mileage-all ul li > span {display:block; margin-top:10px; color:#555; font-size:20px;} .mypage-sub-btn {margin:19px 0 35px; text-align:center;} .mypage-sub-btn input[type='submit'] {vertical-align:top;} .wrap-mileage .point-text {position:relative; margin:25px 0 11px 0; padding-left:18px; font-size:12px;} .wrap-mileage .point-text strong {color:#000;} .wrap-mileage .mypage-paging {margin-top:25px; text-align:center;} .wrap-box-sort .order-list {margin:-35px 0 12px 0; padding:0;} .wrap-box-sort .order-list form[name^="searchform"] {height:auto;} /* coupon */ .wrap-coupon {margin-top:49px;} .wrap-coupon .wrap-coupon-save {margin-top:20px; padding:22px 0 25px; background:#fafafa; border:2px solid #c8c8c8; text-align:center;} .wrap-coupon .wrap-coupon-save label {display:inline-block; margin-right:23px; font-size:14px; font-weight:400;} .wrap-coupon .wrap-coupon-save input[type="text"] {width:338px; padding:6px 0 6px 5px; border:1px solid #e1e1e1;} .wrap-coupon .wrap-coupon-save input[type="submit"] {height:29px; padding:6px 8px; background-color:#000; color:#fff; font-size:12px; text-align:center;} .wrap-coupon .wrap-coupon-save p {margin-top:13px; color:#666;} .wrap-coupon .wrap-coupon-search {padding:12px 0; text-align:right;} .wrap-coupon .wrap-coupon-search input[type="text"] {width:225px; padding:6px 0 6px 5px; border:1px solid #e1e1e1;} .wrap-coupon .wrap-coupon-search input[type="submit"] {padding:6px 8px; background-color:#000; color:#fff; font-size:12px; text-align:center;} .common-table2 thead th {text-align:center;} .common-table2 .coupon-apply {display:inline-block; width:68px; padding:6px 8px; background-color:#000; color:#fff; font-size:12px; text-align:center;} /* coupon-apply-popup */ .return-cancel2 {width:730px; background-color:#fff; zoom:1;} .return-cancel-content {margin-top:15px; padding:0 16px;} .return-cancel-content h2 {margin:15px 0;} .return-cancel-content ul {width:100%;} .return-cancel-content .select_class ul {width:auto;} .return-cancel-content ul:after {content:""; display:block; clear:both;} .return-cancel-content ul li {float:left; margin-right:5px;} .return-cancel-content .select_class ul li {float:none; margin-right:0;} .return-cancel-content p.notice {padding:10px 0;} /* coupon-down-popup */ .coupon-down-pop {position:relative; width:725px; background:#fff;} .coupon-down-pop .popup-title {height:auto; padding-top:35px;} .coupon-down-pop .popup-title h1 {margin:0; font-size:20px; font-weight:600; text-align:center;} .coupon-down-pop .popup-title .tit-desc {color:#111; font-size:14px; font-weight:200; line-height:1; text-align:center;} .coupon-down-pop .close {display:block !importnat; position:absolute; top:0; right:-50px; width:50px; height:50px; background:#fff; text-align:center;} .coupon-down-pop .close:before {content:''; display:inline-block; width:17px; height:17px; margin-top:16px; background:url('../images/sprite.png') no-repeat -664px -342px;} .coupon-down-pop .popup-content {width:603px; margin:0 auto; padding:38px 0 50px 0;} .coupon-down-pop .common-table2 {width:100%;} .coupon-down-pop .common-table2 th {color:#111; font-size:13px; text-align:left;} .coupon-down-pop .common-table2 td {line-height:1.5; text-align:left;} .coupon-down-pop .common-table2 th + th {padding:0 10px;} .coupon-down-pop .common-table2 th:last-child {padding:0 0 0 10px;} .coupon-down-pop .common-table2 th:first-child, .coupon-down-pop .common-table2 td:first-child {text-align:center;} .coupon-down-pop .common-table2 td + td {padding:20px 10px;} .coupon-down-pop .common-table2 td:last-child {padding:20px 0 20px 10px;} .coupon-down-pop .common-table2 td .set-coupon-type1.coupon-intable {margin:0;} .coupon-down-pop .custom-check-type1 label:before {margin:0; vertical-align:middle;} .coupon-down-pop .notice-coupon {margin-top:18px; font-weight:200; line-height:1; text-align:center;} .coupon-down-pop .notice-coupon .font-en {font-weight:200;} .coupon-down-pop .btn-area .set-btn-type2-bg {padding:0 50px;} /* premium */ .wrap-premium {margin:100px auto 0 auto; padding-top:50px; background:url('../images/common/primeum_title_bg.gif') no-repeat center 0;} .wrap-premium h1 {width:570px; margin:0 auto; color:#202020; font-size:35px; font-weight:500; line-height:1.5; text-align:center;} .wrap-premium h1 span {font-size:1.5em;} .wrap-premium p {width:470px; margin:15px auto 50px auto; padding-bottom:50px; background:url('../images/common/primeum_title_bg.gif') no-repeat center bottom; font-size:16px; line-height:1.5; text-align:center;} .btn-premiun-join {display:block; width:268px; margin:0 auto; background-color:#000; color:#fff !important; font-size:20px !important; font-weight:bold; line-height:60px; text-align:center;} .premiun-info {max-width:100%; margin:84px 0 90px; padding:31px 0 31px 185px; background:url('../images/common/primeum_info_back.gif') 0 0 no-repeat;} .premiun-info li {position:relative; margin-bottom:8px; padding-left:14px; color:#fff; font-size:14px;} .premiun-info li:after {content:""; display:block; clear:both; position:absolute; top:6px; left:0; width:2px; height:2px; background:#fff;} /* premium-list */ .wrap-premium-list {margin-top:50px;} .wrap-premium-list .premium-history {margin:20px 0 40px 0; padding:22px 0 25px; background-color:#fafafa; border:2px solid #c8c8c8; color:#000; font-size:16px; text-align:center;} .btn-premium-cancel {display:inline-block; width:62px; margin-top:6px; padding:3px; border:1px solid #f13650; color:#f13650 !important; font-size:11px; text-align:center;} /* s_goods_input */ .service-goods h2 {color:#000; font-size:16px;} .service-goods .cart-detail {margin-top:20px;} .wrap-infoinput-box {margin-top:40px;} .infoinput-box {margin-top:20px;} .infoinput-box {padding:10px 20px 32px; border:1px solid #e1e1e1;} .infoinput-box dl:after {content:""; display:block; clear:both;} .infoinput-box dl dt {float:left; width:146px; padding:15px; border-bottom:1px solid #dadada; color:#636363; font-weight:bold;} .infoinput-box dl dd {float:left; width:calc(100% - 208px); padding:15px; border-bottom:1px solid #dadada;} .infoinput-pay-table {min-height:230px;} .infoinput-pay-table th {height:44px; padding-left:16px; background-color:#f7fbfb; color:#000;} .infoinput-pay-table label {margin:0 25px 0 9px;} .infoinput-pay-table .card-pay > td {padding:0; border:0; text-align:left;} .infoinput-pay-table td.th-title02 {padding-left:15px; color:#636363; font-weight:bold;} .infoinput-pay-table td.th-title02 span {font-size:11px; font-weight:normal;} .card-pay .wrap-card-pay td, .rtime td {padding:13px 0; border-bottom:1px solid #e2e2e2;} .infoinput-pay-table ul.card-info li {line-height:20px;} .infoinput-pay-table ul.card-info li:before {content:"-"; display:inline-block;} .infoinput-pay-table ul.card-info li.card-info-last {position:relative; font-weight:bold;} .infoinput-pay-table ul.card-info li.card-info-last:before {content:""; position:absolute; left:0;} .wrap-service-goods .wrap-pay-method .common-write {margin-top:20px;} .pay-method-right {padding:10px 0 0 20px !important; border-left:1px solid #e2e2e2;} .pay-method-right .pay-final {margin-top:25px;} .pay-method-right dt {margin-bottom:14px; font-size:14px; font-weight:bold;} .pay-method-right dd strong {color:#ff6137; font-size:28px;} .pay-method-right .wrap-btns-payment {margin-top:18px;} .pay-method-right .wrap-btns-payment input[type="submit"] {display:inline-block; width:160px; height:50px; margin-bottom:8px; background-color:#000; color:#fff; font-size:16px; font-weight:bold; line-height:50px; text-align:center;} .pay-method-right .wrap-btns-payment a {display:inline-block; width:160px; height:50px; border:1px solid #858585; box-sizing:border-box; color:#666; font-size:16px; font-weight:bold; line-height:50px; text-align:center;} /* s_cart_detail*/ .common_cart > tbody > tr > td {border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; padding:15px 0px;} /* goods-info */ .wrap-recently-order .goods-info {overflow:hidden;} .wrap-recently-order .goods-info input[name^="order_check_"] {float:left; margin-right:5px;} .wrap-recently-order .common-table2 .date {display:block; margin:5px 0;} /* order_detail */ .order-number-box {position:relative; margin:10px 0 30px; padding:20px; border:1px solid #c8c8c8;} .order-number-box span {font-size:20px;} .order-number-box a {position:absolute; top:18px; right:20px;} .order-info {margin-bottom:30px;} .order-info table {width:100%;} .order-info .common-table3 th, .order-info .common-table3 td { padding-left: 20px;} .delivery-info.common-table3 {border-top:none !important;} .delivery-info.common-table3 th {text-align:center;} .delivery-info td {padding: 0!important;} .delivery-info td .delivery-addr {padding:20px; border-bottom:1px solid #e2e2e2;} .delivery-info td .delivery-addr span {display:block; margin:5px 0 0;} .delivery-info td div {padding:20px;} .delivery-info td div .title {margin-bottom:20px;} .delivery-info td input[type="text"] {width:400px; height:28px; margin:10px 5px 10px 0; padding:0 5px; border:1px solid #e1e1e1;} .delivery-info td a {height:28px; line-height:23px;} /* order_detail(mypage) > receipt_print */ .wrap-receipt-print .popup-title h1 {font-weight:600;} .wrap-receipt-print > p {padding:19px 16px 5px 16px; line-height:18px;} .wrap-receipt-print .receipt-print-box {padding:19px 16px 0 16px;} .wrap-receipt-print .receipt-print-box h2 {color:#000; font-size:14px;} .wrap-receipt-print .receipt-print-box h2 span {font-size:24px; font-weight:normal;} .wrap-receipt-print .receipt-print-box .common-table2 {margin-top:17px;} .wrap-receipt-print .receipt-print-box .common-table2 td {line-height:1.4;} .wrap-receipt-print .receipt-print-box .common-table2 td + td {border-left:1px solid #e1e1e1;} .wrap-receipt-print .receipt-print-box .common-table3 {width:100%; margin-top:17px;} .receipt-print-box > div {margin-top:30px; padding-top:16px; border-top:1px solid #000;} .receipt-print-box > ul {margin:40px 0 20px; padding-top:15px; border-top:1px solid #000;} .receipt-print-box > ul:after {content:""; display:block; clear:both;} .receipt-print-box > ul li {float:left;} .receipt-print-box > ul li > span {display:table-cell; height:90px; vertical-align:middle; } .receipt-print-box > ul li + li {width:375px; margin-left:10px; padding-left:10px; border-left:1px solid #e1e1e1;} .receipt-print-box > ul li + li th {padding-bottom:5px; font-weight:normal;} .receipt-print-box > ul li + li td {padding-bottom:5px; line-height:15px;} .wrap-receipt-print div.wrap-btn {text-align:center;} .wrap-receipt-print div.wrap-btn > a {display:inline-block; width:100px;} /* return_history(mypage) > return_cancel - receipt_print와 레이아웃 동일 */ .receipt-print-box .common-table3 span.information > span {margin:0;} .wrap-return-cancel div.wrap-btn {margin:25px 0;} /* order_cancel(mypage) */ .wrap-order-cancel {margin-top:20px;} .order-number-box strong {position:relative; top:-2px; color:#000; font-size:14px;} .wrap-order-cancel .common-table3 td {padding:10px;} .wrap-order-cancel .common-table3 td .select_class {width:248px; margin-bottom:5px;} .wrap-order-cancel .common-table3 td .select_class select {border:0;padding:0;height:19px;width:218px !important;} .wrap-order-cancel .common-table3 td textarea {width:100%; height:28px;} .wrap-order-cancel .common-table2 .goods-info .information {width:355px !important;} .wrap-order-cancel .common-table2 .floatBox {width:94px;margin:0 auto;} .wrap-order-cancel .common-table2 .option-up-down input[type="text"] {height:28px; margin-left:0 !important;} .wrap-order-cancel .common-table2 td.txt-order-status {color:#090909; font-size:14px; font-weight:bold; line-height:100%;} .wrap-order-cancel .notice {margin-top:10px;} .wrap-order-cancel table {width:100%; margin-top:15px; border-top: 1px solid #eee;} .wrap-order-cancel .cancel-type {margin-top:9px;} .wrap-order-cancel .cancel-type td {padding-top:20px;} .wrap-order-cancel .common-write tr:first-child th {padding-top:52px;} .wrap-order-cancel .common-write tr:first-child td {padding-top:37px;} .wrap-order-cancel .common-write th, .wrap-order-cancel .common-write td {border-bottom: none !important;} .wrap-order-cancel .common-write th {padding: 20px 30px 0 0; color: #111; font-size: 12px; font-weight: 400; vertical-align: top; text-align: right;} .wrap-order-cancel .common-write .select_class {width: 680px;} .wrap-order-status.wrap-order-cancel .common-write th, .wrap-order-status.wrap-order-cancel .common-write td {padding:7px 30px 0 14px; text-align:left;} .wrap-order-cancel .common-write.border-type {margin-top:9px; border-bottom:1px solid #222;} .wrap-order-cancel .common-write.border-type tr:last-child td {padding-bottom:30px;} .common-write.border-type .reason-txt {color:#777; line-height:2;} .wrap-order-history.claim-confirm .common-write tr:first-child td textarea, .wrap-order-cancel .common-write tr:first-child td textarea {width: 680px !important; margin-top:20px;} .wrap-order-cancel .common-write tr:first-child td textarea {padding:5px 0 0 20px; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td textarea::placeholder {color:#aaa; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td textarea::-webkit-input-placeholder {color:#aaa; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td textarea::-moz-placeholder {color:#aaa; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td textarea:-ms-input-placeholder {color:#aaa; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td .select-height-type .sbSelector {border-color:#ccc; padding:10px 25px 10px 20px; color:#aaa; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td .select-height-type .sbSelector:after {top:19px;} .wrap-order-cancel .common-write tr:first-child td .select-height-type .sbOptions {top:41px !important;} .wrap-order-cancel .common-write tr:first-child td .select-height-type .sbOptions .sbOptions {top:0 !important;} .wrap-order-cancel .common-write tr:first-child td .select-height-type .sbOptions a {padding:10px 2px 10px 20px; font-size:14px;} .wrap-order-cancel .common-write tr:first-child td.select-other .select-height-type .sbSelector, .wrap-order-cancel .common-write tr:first-child td.select-other textarea, .wrap-order-cancel .common-write tr:first-child td.select-other textarea::placeholder, .wrap-order-cancel .common-write tr:first-child td.select-other textarea::-webkit-input-placeholder, .wrap-order-cancel .common-write tr:first-child td.select-other textarea::-moz-placeholder, .wrap-order-cancel .common-write tr:first-child td.select-other textarea:-ms-input-placeholder {font-size:12px;} .wrap-order-history .btn-area {margin-top: 40px; padding: 0; border: none; text-align: center;} .wrap-order-history .btn-area.left-align {margin-top:20px; text-align:left;} .wrap-order-history .btn-area a, .wrap-order-history .btn-area input {vertical-align:middle;} .wrap-order-history .btn-area .set-btn-type3 {font-size:14px !important;} .wrap-order-history .common-table.table-recent th {padding-bottom:0;} .wrap-order-history.wrap-order-cancel .common-table.table-recent th {padding-bottom:60px;} .wrap-order-history.claim-confirm .common-table.table-recent th {padding-bottom:0;} .wrap-order-history .common-table.receipt-type th {padding-bottom:60px;} /*.wrap-order-history .common-write tr:first-child th {padding-top:50px !important;}*/ .wrap-order-history .common-write tr .refund-price {padding-right:20px; text-align:right;} .wrap-order-history .common-write tr .refund-price .font-en {font-weight:400;} .wrap-order-history .common-write .sale-detail {overflow:hidden; display:block; width:100%; margin-top:5px;} .wrap-order-history .common-write td .sale-detail:first-child {margin:0;} .wrap-order-history .common-write .sale-detail span {float:left;} .wrap-order-history .common-write .sale-detail em {float:right;} .wrap-order-history .common-write .set-btn-type5 {margin-left:5px; vertical-align:middle;} .wrap-order-status.wrap-order-cancel .btn-area {margin-top:55px;} .wrap-order-cancel .common-write.border-type {border-bottom:0 !important;} .wrap-order-status.wrap-order-cancel .common-write .select_class {width:192px !important;} .wrap-order-status.wrap-order-cancel .common-write .select-height-type .sbSelector {padding:3px 25px 3px 20px; font-size:12px;} .wrap-order-status.wrap-order-cancel .common-write .select-height-type .sbSelector:after {top:11px;} .wrap-order-status.wrap-order-cancel .common-write td input[type="text"] {width:425px !important;} .wrap-order-status.wrap-order-cancel section {margin-top:60px;} .wrap_return_cancel {width:880px; padding:30px 60px 50px; background:#fff; box-sizing:border-box;} /* return_cancel */ .wrap_return_cancel .popup-title {margin-bottom:40px;} .wrap_return_cancel .popup-title h1 {font-size:20px; font-weight:600; text-align:center;} .wrap_return_cancel .popup-content {max-height:60vh; padding:0 10px 0 0;} .wrap_return_cancel .popup-content .stit {padding-top:60px; color:#333; font-size:18px;} .wrap_return_cancel .popup-content .stit.return-cancel-type {padding-bottom:8px;} .wrap_return_cancel .popup-content .stit:first-child {padding-top:0;} .wrap_return_cancel .popup-content .box-order-info {height:60px; padding-top:20px; border:1px solid #eee; background:#fcfcfc; font-size:16px; text-align:center; box-sizing:border-box;} .wrap_return_cancel .popup-content .box-order-info span {color:#111; font-weight:bold;} .wrap_return_cancel .popup-content .box-order-info strong {color:#123ad4;} .wrap_return_cancel .popup-content .box-order-info em {color:#aaa; font-size:12px; font-weight:200;} .wrap_return_cancel .common-table th {text-align:center;} .wrap_return_cancel .common-table .return-cancel-type th {padding-bottom:20px;} .wrap_return_cancel .common-table tbody tr:first-child td {padding-top:40px;} .wrap_return_cancel .common-write {width:100%; border-top:1px solid #eee;} .wrap_return_cancel .common-write th, .wrap_return_cancel .common-write td {padding:0; border-bottom:none; font-size:12px; line-height:24px;} .wrap_return_cancel .common-write tr:first-child th, .wrap_return_cancel .common-write tr:first-child td {padding-top:40px;} .wrap_return_cancel .common-write th {padding-left:20px; font-weight:400; text-align:left; vertical-align:top;} .wrap_return_cancel .common-write tr .refund-price {text-align:right;} .wrap_return_cancel .common-write:last-child {border-bottom:1px solid #000;} .wrap_return_cancel .common-write:last-child tr:last-child th, .wrap_return_cancel .common-write:last-child tr:last-child td {padding-bottom:40px;} .wrap_return_cancel .write-type {border-bottom:1px solid #222;} .wrap_return_cancel .write-type th, .wrap_return_cancel .write-type td {padding:12px 0; border-top:1px solid #e9e8e8;} .wrap_return_cancel .write-type tr:first-child th, .wrap_return_cancel .write-type tr:first-child td {border-top:none;} .wrap_return_cancel .write-type tr:last-child th, .wrap_return_cancel .write-type tr:last-child td {padding-bottom:34px;} .wrap_return_cancel .write-type th {padding-left:20px;} .wrap_return_cancel .write-type:last-child {border-bottom:1px solid #000;} .wrap_return_cancel .close {display:block !important; position:absolute; top:0; right:-50px; width:50px; height:50px; background:#fff; text-align:center;} .wrap_return_cancel .close:before {content:''; display:inline-block; width:17px; height:17px; margin-top:16px; background: url('../images/sprite.png') no-repeat -664px -342px;} .wrap_return_cancel .inner-space {padding-bottom:3px;} /* receipt */ .document-cnt {overflow:hidden; margin-bottom:30px; border:1px solid #000;} .document-cnt li {float:left; width:276px; padding:15px 10px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; text-align:center;} .document-cnt li + li {border-left:1px solid #000;} .wrap-recently-order .common-table2 .name {text-align:left; line-height:1.5;} /* receipt - popup */ .popup-content h2 span {display:block; margin-top:5px; color:#636363; font-size:12px; font-weight:normal;} .popup-content .voucher-box {position:relative; padding:10px 0; border-top:1px solid #000; border-bottom:1px solid #e1e1e1;} .popup-content .voucher-box .voucher-select {padding-bottom:10px; border-bottom:1px solid #e1e1e1;} .popup-content .voucher-box .select_class {display:inline-block; width:150px; margin-top:10px;} .popup-content .voucher-box .voucher-input {position:absolute; width:485px; top:44px; right:0;} .popup-content .voucher-box .voucher-input input[type="text"] {height:28px; border:1px solid #e1e1e1;} /* refund_account */ /* .refund-info .common-table3 th, .refund-info .common-table3 td { padding-left: 20px;} .refund-info .common-table3 td input[type="text"] {padding:5px 5px; border:1px solid #e1e1e1;} */ .refund-info h2 {font-size:18px;} .mypage-contents .refund-info .common-write {width:100% !important; margin:10px 0 0 0; border-top:1px solid #e9e9e9 !important; border-bottom:1px solid #222 !important;} .mypage-contents .refund-info .common-write tr:first-child th {padding-top:55px;} .mypage-contents .refund-info .common-write tr:first-child td {padding-top:40px;} .mypage-contents .refund-info .common-write tr:last-child td {padding-bottom:40px;} .mypage-contents .refund-info .common-write .space {margin-left:30px;} .mypage-contents .mypage-sub-btn {margin:40px 0 60px 0;} .mypage-contents .mypage-sub-btn .set-btn-type3 {font-size:14px !important;} .mypage-contents .mypage-sub-btn [class|="set-btn"] {vertical-align:middle !important;} .common-table.refund-account {border-top:1px solid #eee; border-bottom:1px solid #000;} .common-table.refund-account th {padding:50px 0 35px 0; text-align:center;} .common-table.refund-account td {padding:15px 0;} .common-table.refund-account tr:last-child td {padding-bottom:35px;} .common-table.refund-account.popup-type {border-top:1px solid #222; border-bottom:1px solid #e5e5e5;} .common-table.refund-account.popup-type th {padding:15px 0; color:#111; font-size:13px;} .common-table.refund-account.popup-type td {padding:20px 0; border-top:1px solid #e5e5e5; color:#777; vertical-align:top;} .common-table.refund-account.popup-type .custom-check-type1 {width:12px; height:12px; margin-top:2px;} .common-table.refund-account .sect {display:block; margin-top:4px;} .common-table.refund-account .set-btn-type5 {vertical-align:middle;} .common-table.refund-account .del {display:inline-block; width:14px; height:14px; margin-left:35px; background:url('../images/sprite.png') no-repeat -95px 0; font:0/0 a; vertical-align:middle;} .no-content.refund-account {padding:80px 0 100px 0 !important; border-top:1px solid #eee; border-bottom:1px solid #000; color:#111; font-size:16px; line-height:1;} .no-content.refund-account:before {content:''; display:block; width:64px; height:61px; margin:0 auto; background:url('../images/sprite.png') no-repeat -1163px -485px;} .wrap-recently-order .order-btn .set-btn-type5 {position:absolute; top:20px; left:0; height:32px; padding:0 20px; font-size:12px; line-height:32px;} /* recent_view */ .wrap-recently-order .order-btn {margin-top:15px;} .wrap-recently-order .order-btn .space {margin:0 16px;} .mypage-contents h2 + nav {margin-top:10px;} /* wishlist */ .wrap-wishlist {margin-top:50px;} .wrap-wishlist .common-table2 {margin-top:20px;} .wrap-wishlist .common-table2 tbody td.txt-left {padding:15px 0 !important;} .wrap-wishlist .common-table2 tbody td p {padding:5px;} .wrap-wishlist .order-btn {margin-top:15px;} .wrap-wishlist .order-btn .space {margin:0 16px;} /* secession !last position! */ .wrap-secession {margin-top:50px;} .wrap-secession h2 {color:#000; font-size:16px;} .secession-msg {margin-top:20px; padding:22px 0 25px 0; border:2px solid #c8c8c8; background:#fafafa; line-height:1.6; text-align:center;} .secession-msg .msg {color:#000; font-size:24px;} .secession-msg [class|="condition"] {margin-top:10px;} .secession-msg [class|="condition"] li {font-size:14px;} .secession-msg [class|="condition"] li:before {content:''; display:inline-block; width:2px; height:2px; background:#7b7b7b; vertical-align:middle;} .secession-msg .condition-type2 {margin:0; padding-left:10px;} .secession-msg .condition-type2 li {text-align:left;} .secession-msg .condition-type2 li:before {margin-right:10px;} .secede-check {padding:14px 0 41px 10px; color:#555;} .secede-check input[type="checkbox"] {vertical-align:-4px;} .secede-check label {margin-left:5px;} .secession-check-member {} .secession-check-member table {width:100%;} .secession-check-member .common-write th {padding-left:10px; background:#f2f2f2;} .secession-check-member .common-write td {padding-left:15px;} .secession-check-member .common-write .select_class input[type="text"] {border:0;} .wrap-secession .btn-area {margin-top:20px; text-align:center;} .wrap-secession .btn-area input, .wrap-secession .btn-area a {vertical-align:middle;} /*my_goods_inquiry*/ .mypage_bbs {height:79px;} .mypage_bbs > div {height:65px;} .mypage_bbs > div dl {width:33.3%; padding-top:10px; padding-left:40px !important; margin-top:10px !important; background-position:right 3px !important; line-height:22px;} .ovt_class label {margin-right:18px;} /* my_goods_inquiry */ .wrap-my-goods-inquiry {margin-top:45px;} .wrap-my-goods-inquiry .my-mileage-all li {width:30%;} .wrap-my-goods-inquiry .common-table2 .information {width:240px !important;} .order-search input[name^="mini_search_"] {width:343px;} /* my_goods_inquiry_pop */ .my-goods-inquiry-pop {width:600px;} .my-goods-inquiry-pop .popup-content > span {display:block; padding:23px 0 13px 0;} .my-goods-inquiry-pop .popup-content > span > strong {color:#000; font-size:13px;} .my-goods-inquiry-pop .popup-content > span > span {color:#ff6137; font-size:23px; font-family:'Open Sans', sans-serif !important;} .my-goods-inquiry-pop .popup-content table {width:100%; background-color:#f6f6f6; border:1px solid #e1e1e1;} .my-goods-inquiry-pop .popup-content table td {padding:10px; line-height:15px;} .my-goods-inquiry-pop .popup-content table td a{display:inline-block; width:85px; height:85px; } .my-goods-inquiry-pop .popup-content table td strong {color:#000;} .my-goods-inquiry-list {border:1px solid #e2e2e2; border-top:1px solid #828282; word-break:break-all;} .my-goods-inquiry-list dt {padding:17px 0 13px 16px; font-size:12px; border-bottom:1px solid #e2e2e2;} .my-goods-inquiry-list dd {overflow-y:auto; height:75px; padding:0 0 27px 16px; color:#555; font-size:12px; line-height:2;} .my-goods-inquiry-pop span.inquiry-develop {padding:20px 0 10px 3px; color:#555; font-size:12px; font-weight:normal;} .my-goods-inquiry-pop span.inquiry-develop span {color:#555; font-size:12px; font-weight:bold;} .my-goods-inquiry-pop span.inquiry-develop strong {color:#636363;} .my-goods-inquiry-pop .btn-inquiry-wrap {padding:25px 0; text-align:center;} .my-goods-inquiry-pop .btn-inquiry-wrap input[type="submit"] {vertical-align:top;} /* mypage_bbs */ .wrap-mypage-bbs {margin-top:45px;} .wrap-mypage-bbs .my-mileage-all li {width:30%;} .common-table2 td.txt-word {line-height:15px; word-break:break-all;} .common-table2 td.txt-left {padding-left:27px; text-align:left;} /* review_bbs */ .wrap-recently-order .goods-info a {overflow:hidden;} .wrap-review-bbs.wrap-recently-order .goods-info .thumb {width:85px; height:auto;} .wrap-review-bbs.wrap-recently-order .goods-info .thumb img {width:85px; height:auto;} .wrap-review-bbs .common-table2 td.review-text {position:relative; padding-left:20px; text-align:left;} .wrap-review-bbs .common-table2 td.review-text > a {display:block;} .wrap-review-bbs .common-table2 td.review-text span:first-child {margin-right:20px;} .wrap-review-bbs .common-table2 td.review-text span.btn-after-view {position:absolute; bottom:-1px;} /* reseller-common */ .wrap-reseller-intro img, .reseller_join img {max-width:100%; width:auto; height:auto; margin:10px 0 50px 0;} .wrap-reseller-intro .common-table3 {width:100%;} .wrap-reseller-intro .common-table3 th, .wrap-reseller-intro .common-table3 td {padding:10px 0 10px 20px;} .wrap-reseller-intro .common-table3 td input[type="text"] {width:60%; padding:7px; border:1px solid #e1e1e1;} .wrap-reseller-intro .common-table3 .custom-select, .wrap-reseller-account .common-table3 .custom-select {width:130px; height:31px; border:1px solid #e1e1e1; vertical-align:middle;} /* reseller-common btn */ .wrap-reseller-intro > a, .wrap-reseller-request input[type="submit"], .reseller_join > a {display:block; width:160px; height:50px; margin:0 auto; color:#fff; font-size:18px; font-weight:bold; line-height:48px; text-align:center;} /* reseller_introduction */ .wrap-reseller-intro {margin:15px 0px;} .wrap-reseller-intro h2 {font-size:28px;} .wrap-reseller-intro div {width:830px; margin-top:20px;} .wrap-reseller-intro > a {background-color:#e41e25;} /* reseller_join */ .wrap-reseller-join.wrap-reseller-intro a {background-color:#ffffff; border:1px solid #000000; color:#000000 !important;} /* reseller_member */ .wrap-reseller-member form {margin-top:20px;} .wrap-reseller-member table {margin-top:40px;} .wrap-reseller-member input[type="submit"].search, .wrap-reseller-account input[type="submit"].search, .wrap-reseller-member input.search {display:block; width:80px; height:36px; margin:25px auto 0; background-color:#424242; color:#fff; font-size:14px; font-weight:bold; line-height:38px; text-align:center;} .wrap-reseller-member .common-table tbody td {padding:20px 0px; border-bottom:1px solid #e2e2e2; color:#555; text-align:center;} .wrap-reseller-member a.save { display:inline-block; width:55px; height:25px; font-size:12px; font-weight:normal; line-height:27px; background:#e41e25; color:#fff; } /* account_check */ .reseller-code {display:inline-block; width:818px !important; padding:10px 0 10px 10px; background:#ff9797; font-weight:bold;} .wrap-reseller-account form {margin-top:30px;} .wrap-reseller-account .common-table {margin-top:20px;} .wrap-reseller-account .common-table th {height:45px; line-height:normal;} .wrap-reseller-account .common-table td {padding:20px 0; border-bottom:1px solid #e1e1e1;} /* reseller_request */ .wrap-reseller-request .text_area_wrap {overflow-y:auto; width:auto !important; height:178px; padding:10px 22px; background-color:#f5f5f5; border:1px solid #e1e1e1; font-size:11px; line-height:140%; word-break:break-all;} .wrap-reseller-request .reseller_check {text-align:right;} .wrap-reseller-request .common-table3 {margin:25px 0;} .wrap-reseller-request .common-table3 .custom-select {width:190px !important; height:31px; border:1px solid #e1e1e1;} .wrap-reseller-request input[type="submit"] {background-color:#000000;} .wrap-reseller-request .reseller_agreement {width:100%; padding-top:12px;} .wrap-reseller-request .reseller_agreement:after {content:''; display:block; clear:both;} .wrap-reseller-request .reseller_agreement label {font-size:13px; color:#555555; margin-right:9px; font-weight:bold;} /*btns*/ .after_01 span {padding-left:12px; background:url('../images/common/after_img01.gif') no-repeat 0 0;} .after_02 span {padding-left:12px; background:url('../images/common/after_img02.gif') no-repeat 0 0;} /*order*/ .order_number_box {border:1px solid #c8c8c8; margin-bottom:30px; padding:20px 18px;} .order_number_box:after {content:''; display:block; clear:both;} .order_number_box strong {position:relative; top:-3px;} .order_info {border-top:1px solid #828282;} .order_info th, .order_info td {padding:15px 20px; border-bottom:1px solid #e2e2e2;} .order_info th {background:#f4f4f4; color:#555; text-align:left;} .order_info td {border-left:1px solid #e2e2e2;} /*addressbook*/ .addressbook_btn a {display:inline-block; margin:0 2px; width:52px; height:23px; line-height:23px;} .addressbook_btn a.first {border:1px solid #666666; background:#999999; color:#fff;} .addressbook_btn a.two {border:1px solid #999999; background:#fff; color:#666;} .addressbook_btn a.two span {padding-left:10px; background:url('../images/common/delete_class.gif') no-repeat 0 4px;} .add_style {background:black url('../images/common/add_class.gif') no-repeat 10px 10px;} /*review*/ .hidden_reply {display:none; background:#f6f6f6;} .hidden_reply_box {padding:0 20px; line-height:150%; text-align:center;} .hidden_reply_box:after {content:''; display:block; clear:both;} .btn_date {display:inline-block; width:55px; padding:7px 0 6px; border:1px solid #ddd; text-align:center;} .btn_date.today {background:#666; color:#fff;} /********************************** customer center **********************************/ /*왼쪽메뉴*/ .menu-sub-left-type2 {border-top:1px solid #e2e2e2;} .menu-sub-left-type2 li {border-bottom:1px solid #e2e2e2;} .menu-sub-left-type2 li a {display:block; padding-left:20px; color:#666; font-size:14px; line-height:45px;} .menu-sub-left-type2 li a:hover {color:#000;} .menu-sub-left-type2 li a.on {color:#000;} /*고객센터 메인*/ .bbs-title {overflow:hidden; padding-bottom:15px;} .bbs-title h2 {float:left;} .bbs-title a {float:right; text-decoration:underline;} .no-list {text-align:center;} .customer-top {border:1px solid #e1e1e1;} .customer-box {overflow:hidden; padding:15px; background:#f6f6f6; line-height:1.5;} .customer-box > p, .customer-box .customer-info {float:left; width:50%;} .customer-box > p {width:296px; min-height:61px; margin-left:35px; padding-left:68px; background:url('../images/common/customer_coll.png') no-repeat 0 10px;} .customer-box > p span {display:block;} .customer-box > p span:first-child {margin:5px 0;font-size:22px;} .customer-box > p span:last-child {color:#999; font-size:14px;} .customer-box .customer-info {width: 278px; padding-left:30px; border-left:1px solid #e1e1e1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .customer-info .cs-phone {color:#ff6137; font-size:32px;} .custom-search {padding:20px 0; text-align:center;} .custom-search * {display:inline-block;} .custom-search h2 {margin-right:30px; color:#000; font-size:16px; font-weight:normal;} .custom-search h2 span {font-size:20px;} .custom-search input[type="text"] {width:255px; height:35px; padding:0 10px; border:1px solid #e1e1e1;} .custom-search input[type="submit"] {width:59px; height:35px; margin-right:20px; background:#000; color:#fff; text-align:center;} .custom-search a {color:#666;} .custom-search a + a {position:relative; margin-left:6px; padding-left:12px;} .custom-search a + a:before {display:block; content:''; position:absolute; top:0; left:0; width:1px; height:13px; background:#999;} .customer-noti {margin:30px 0 20px; line-height:1.5; text-align:center; font-size:13px;} .customer-noti p {margin-bottom:10px; text-align:left;} .customer-mid {overflow:hidden;} .customer-mid > div {float:left; width:50%;} .customer-mid h2 {font-size:16px; color:#000;} .customer-mid .quick-box {overflow:hidden; margin-top:15px;} .customer-mid .quick-box li {float:left; width:120px; height:98px; border:1px solid #dadada; text-align:center;} .customer-mid .quick-box .m1 {background: url('../images/common/quick_m1.gif') no-repeat center 17px;} .customer-mid .quick-box .m2 {background: url('../images/common/quick_m2.gif') no-repeat center 15px;} .customer-mid .quick-box .m3 {background: url('../images/common/quick_m3.gif') no-repeat center 20px;} .customer-mid .quick-box li + li {margin-left:12px} .customer-mid .quick-box a {display:block; padding-top:70px; color:#6e6e6e; font-weight:600;} .customer-mid .notice li {position:relative; overflow:hidden; margin-bottom:15px; padding-left:18px;} .customer-mid .notice li:after {content:''; display:block; clear:both; position:absolute; top:6px; left:5px; width:2px; height:2px; background:#7b7b7b;} .customer-mid .notice li.no-list:after {display:none;} .customer-mid .notice li .title {float:left;} .customer-mid .notice li .date {float:right;} .faq {margin-top:15px;} .faq h2 {color:#000; font-size:16px;} .faq .bbs-title {border-bottom:1px solid #000;} .faq .faq-top li {height:39px; border-bottom:1px solid #dbdbdb; line-height:39px;} .faq .faq-top .rank {margin-left:25px; color: #000; font-size:15px; font-weight:bold;} .faq .faq-top .category {display:inline-block; width:120px; text-align:center;} .wrap-bbs-search {position:relative; margin:20px 0;} .wrap-bbs-search .bbs-search {position:absolute; top:-8px; right:0;} .wrap-bbs-search .bbs-search input[type="text"] {width:200px;} .wrap-bbs-search .bbs-search .select-class {position:relative; display:inline-block; vertical-align:middle;} .wrap-bbs-search .bbs-search .select-class .sbHolder {} .wrap-bbs-search .bbs-search .select-class .sbSelector {border-color:#e1e1e1; padding-top:4px; padding-bottom:4px;} .wrap-bbs-search .bbs-search .select-class .sbOptions {top:26px !important;} .wrap-bbs-search .bbs-search .select-class .sbOptions .sbOptions {top:0 !important;} .wrap-bbs-search .bbs-search input[name="search_word"] {height:28px; padding:0 5px; border:1px solid #e1e1e1;} .wrap-bbs-search .bbs-search input[type="submit"] {height:28px; line-height:28px;} /*****************************************************상품qna쓰기*************************************************************/ .modal_bg {background:url(../images/review_wrating_center.gif) repeat-y;width:702px;} .sub_c_line02 {background:url(../images/review_wrating_center01.gif) repeat-x;height:127px;} /*이름,비밀번호,제목,내용 (간격,높이 색)*/ .reveiw_title01 {height:32px;background:#f9f9f9;} .reveiw_title01 strong {margin-left:20px;} /*내용 영역 높이값*/ .reveiw_title02 {height:137px;} /*풋터 이미지 */ .down_img {background:url(../images/review_wrating_bottom.png) no-repeat;width:702px;height:26px;_background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/data/basic/templet/photoskin/images/review_wrating_bottom.png', sizingMethod='scale');} /*주문배송 조회*/ .order-check{width:650px;position:relative;} .order-check .order-check-close{position:absolute;top:11px;right:13px;} .order-check h2{padding:14px 0 10px 14px;background:#d20000;border-bottom:7px solid #bf0000;font-size:16px;color:#fff;} .order-check h3{padding:20px 0 15px 4px;font-weight:normal;} .order-check-wrap{padding:0 16px;} .order-check-wrap th{height:31px;background:#f7f7f7;border-top:1px solid #828282;border-bottom:1px solid #e2e2e2;font-size:11px;color:#7b7b7b;} .order-check-wrap td{padding:15px 0;text-align:center;border-bottom:1px solid #e2e2e2;} .order-check-wrap td.goods-img{} .order-check-wrap td.goods-img a{display:block;float:left;} .order-check-wrap td.goods-img div{float:left;width:145px;padding-left:15px;} .btn-close{padding:15px 0;text-align:center;background:#eaeaea;border-top:1px solid #dcdcdc;} .title_header strong.bbs_title {padding-bottom:30px; padding-left:12px; font-size:24px; display:block; font-weight:normal; color:#000;} /********************************** popoup **********************************/ .popup-title {position:relative; height:46px; line-height:46px; text-align:left;} .popup-title h1 {margin-left:20px; font-size:17px; font-weight:normal;} .popup-title a {position:absolute; top:0; right:-46px; font:0/0 a;} .option-info-detail dl {border-bottom:1px solid #e1e1e1;} .option-info-detail dl:after {content:''; display:block; clear:both;} .option-info-detail dl dt, .option-info-detail dl dd {float:left; padding:10px 0; line-height:1.4;} .option-info-detail dl dt {width:97px; padding-left:15px;} .option-info-detail dl dd {width:296px;} .option-info-detail #delivery_policy_template {margin-top:5px;} #cart_pop_wrap .goodsview_info_title {font-size:12px !important; color:grey !important; padding:8px 0px !important;} #cart_pop_wrap .goodsview_info_title span {margin-left:15px;} /* #cart_pop_wrap td { padding:8px 0px !important;} */ #cart_pop_wrap td {position:relative; padding-top:8px; padding-bottom:8px;} #cart_pop_wrap .big_line {display:none !important;} #cart_pop_wrap table {margin:0 !important;} .receipt-print-box {position:relative; padding:19px 16px 29px 16px; zoom:1;} .receipt-print-box .notice {margin-bottom:12px;} .receipt-print-box .common-write {width:100%;} .receipt-print-box .common-write th {background:#f4f4f4;} .receipt-print-box .common-write td {padding-left:15px;} .receipt-print-box .common-write .inner-check {padding:15px 0 15px 15px;} .receipt-print-box .common-write .space {margin-left:10px;} .receipt-print-box .common-write .select_class input[type="text"] {border:0;} .receipt-print-box .btn-area {margin:20px 0; text-align:center;} .receipt-print-box .common-table2 {width:100%;} .receipt-print-box .btn-area-type2 {margin-top:20px; text-align:right;} .receipt-print-box .btn-area-type3 {margin-top:20px; text-align:center;} /*return_cancel*/ .return_cancel {width:600px; background:#fff;} .return_cancel2 {width:730px; background:#fff;} /* product after write*/ .review-detail {padding:18px;} .review-detail .vm {text-align:right;} .review-detail p.tip {padding:11px 16px 0 16px; color:#7b7b7b; font-size:11px; letter-spacing:-1px;} .review-detail p.tip span {font-size:12px;} .review-detail .btn-area {padding:45px 0; text-align:center;} .review-goods {position:relative; margin-bottom:20px;} .review-goods div {width:100%;} .review-goods div:after {content:''; display:block; clear:both;} .review-goods div a {display:block;} .review-goods div .thumb {display:table-cell; float:left; width:80px; height:80px; text-align:center; vertical-align:middle;} .review-goods div .thumb img {max-width:80px; max-height:80px;} .review-goods div .information {display:block; float:left; margin-left:10px; line-height:1.6;} .review-goods div .pname {display:block; word-break:break-word;} .review-goods div .price {display:block; font-size:12px;} .review-goods .vm {position:absolute; right:0; bottom:0;} .review-input {position:relative;} .review-input table {width:100%;} .review-input th {background:#fff;} .review-input .write th {vertical-align:top;} .review-input .write div {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; padding:0 15px;} /* id password result */ .popup-content {padding:0 16px 16px 16px;} .popup-content h2 {font-size:14px; padding:20px 0px 17px; color:#000;} .search-important {padding:32px 0; background:#f3f3f3; color:#2a2a2a; font-size:14px; text-align:center;} .search-important span {margin:0 10px;} .popup-content .notice {padding:20px 0 17px 0; font-size:12px;} .search-type-box {padding:30px 0px; border:1px solid #e1e1e1; margin-bottom:15px;} .search-type-box:after {content:''; display:block; clear:both;} .search-type-box .box {float:left; width:50%; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-right:1px dotted #b4b4b4; padding:11px 0px 15px;} .search-type-box .box dt {font-size:16px; position:relative; padding-top:75px; margin-bottom:15px;} .search-type-box .box dt:after { background:url('../images/common/search_type_icon.png') 0 -1px no-repeat; content:''; display:block; clear:both; width:43px; height:43px; position:absolute; top:0; left:50%; margin-left:-21px;} .search-type-box .box dd {color:#666; font-size:16px; margin-bottom:18px;} .search-type-box .box + .box {float:right; width:50%; text-align:center; padding:11px 0px 15px;} .search-type-box .box + .box dt {font-size:16px; position:relative; padding-top:75px; margin-bottom:15px;} .search-type-box .box + .box dt:after { background:url('../images/common/search_type_icon.png') -70px 0px no-repeat; content:''; display:block; clear:both; width:26px; height:46px; position:absolute; top:0; left:50%; margin-left:-13px;} .search-type-box .box + .box dd {color:#666666; font-size:16px; margin-bottom:18px;} .popup-content .btn-area {margin-top:25px; text-align:center;} /* mypage password */ .wrap-edit-password {width:600px;} .wrap-edit-password .edit-password {padding:15px;} .wrap-edit-password .edit-password .br {display:inline;} .wrap-edit-password .desc {font-size:14px;} .wrap-edit-password .edit-form {margin-top:15px; padding:5px 0 5px 100px; border:1px solid #e1e1e1;} .wrap-edit-password .edit-form td {padding:5px 0;} .wrap-edit-password .edit-form input[type="password"] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:6px 0 6px 5px; border:1px solid #e1e1e1;} .wrap-edit-password .btn-area {margin-top:25px; text-align:center;} /********************************** index **********************************/ [class|='wrap-index'] {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; overflow:hidden; position:relative; width:100%;} [class|='wrap-index'] .inner {width:100%;margin:0 auto;} [class|='wrap-index'] .logoicon{display:inline-block; width:50px; height:35px; background:url('../images/sprite.png') no-repeat 20px -81px; background-size:406px;margin-left:-20px;vertical-align:-2px;} .wrap-index-promotion section {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; width:100%; min-width:1180px; max-width:1920px; height:280px; margin:0 auto;} .wrap-index-promotion section nav {position:absolute; top:35%; right:60px; z-index:3;} .wrap-index-promotion section nav a {display:block; color:#aaa; font-size:13px; letter-spacing:0.102em; line-height:24px; text-align:right;} .wrap-index-promotion section nav a.active {color:#000;} .wrap-index-promotion section .tab-cont {position:relative; width:100%;} .wrap-index-promotion section .spot-txt {position:absolute; top:109px; left:60px; z-index:2;} .wrap-index-promotion section .banner {display:block; position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; text-align:center;} .wrap-index-mpromotion.main-banner {overflow:hidden;position:relative;width:100%;height:850px;}/*에이랜드수정 2016-12-30*/ .wrap-index-mpromotion {overflow:hidden;position:relative;width:100%;height:576px;}/*에이랜드수정 2016-12-30*/ /* 2017-06-08 슬라이드 추가 S */ .wrap-index-mpromotion .slider {position:relative;width:100%;min-width:1200px;min-height:625px;overflow:hidden;margin-bottom:0 !important;} .wrap-index-mpromotion .slider .slick-list{height:625px !important;} .wrap-index-mpromotion .slider .slick-slide{height:625px;overflow:hidden;} .wrap-index-mpromotion .slider .slick-slide .banner-img{width:100%;height:auto;} .wrap-index-mpromotion .slider .slick-slide > a {display:inline-block;position:relative;} .wrap-index-mpromotion .slider .slick-slide .mask{position:absolute;top:0;width:100%;height:100%;} .wrap-index-mpromotion .slider > .slick-list > .slick-track > .slick-slide:hover > a > .mask {opacity:.8 !important;filter:alpha(opacity=80);-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;} /*.slick-slide:hover img {transform:scale(1.2);-o-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);transition:transform .35s;-o-transition:transform .35s;-moz-transition:transform .35s;-webkit-transition:transform .35s;}*/ .wrap-index-mpromotion > .slider > .slick-list > .slick-track > .slick-slide > a > .mask {background:-moz-linear-gradient(top, rgba(69,72,77,0.2) 65%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(top, rgba(69,72,77,0.2) 65%,rgba(0,0,0,0.5) 100%);background:linear-gradient(to bottom, rgba(69,72,77,0.2) 65%,rgba(0,0,0,0.5) 100%);opacity:.4;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3345484d', endColorstr='#80000000',GradientType=0 );filter:alpha(opacity=10);-webkit-transition:opacity .1s ease-in-out;transition:opacity .1s ease-in-out} .slick-slide img {transform:scale(1);-o-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);} .wrap-index-mpromotion.main-banner .slider .promotion{display:none;position:absolute;width:100%;top:50%;z-index: 2;vertical-align: middle;text-align:left;margin:0;transform:translate(0,-50%)} .wrap-index-mpromotion.main-banner .slider .promotion.left{left:15%;} .wrap-index-mpromotion.main-banner .slider .promotion.right{text-align:right;right:550px;} .wrap-index-mpromotion.main-banner .slider .promotion.center{text-align:center;right:12%;} .wrap-index-mpromotion .slider .promotion{display:table; position:absolute;width:100%;top:290px; z-index:2;vertical-align:middle; text-align:left;margin:150px 20px 0 35px;} .wrap-index-mpromotion .slider .promotion .promotion-thumb{/*width:28.386vw;height:11.459vw;*/display:inline-block;} .wrap-index-mpromotion .slider .promotion .promotion-thumb img{width:auto;} .wrap-index-mpromotion .slider .promotion-name .font-en {display:block; line-height:1;} .wrap-index-mpromotion .slider .promotion-name .desc {display:block;color:#fff; margin-top:10px; font-size:16px;} .wrap-index-mpromotion .slider .promotion .font-en {color:#fff; font-size:35px; font-weight:600;} .wrap-index-mpromotion .slider .promotion .period {display:inline-block;line-height:20px;font-size:16px;color:#fff;} .wrap-index-mpromotion .slider .pattern {display:none; position:absolute; top:50%; left:50%; width:478px; height:102px; margin:-42px 0 0 -230px;} .wrap-index-mpromotion .slider .pattern:before {content:''; position:absolute; left:0; bottom:-38px; width:128px; height:48px; background:url('../images/common/bg_period.png') no-repeat;} .wrap-index-mpromotion .slider .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:52px; height:79px;left:40px;} .wrap-index-mpromotion.main-banner .slider .slick-next {right:600px;width:52px;height:79px;} .wrap-index-mpromotion .slider .slick-next {right:40px;width:52px;height:79px;} .wrap-index-mpromotion .slider .slick-prev:before, .wrap-index-mpromotion .slider .slick-next:before {content:''; display:inline-block; width:46px; height:80px;background:url('../images/common/prev_arrow_02.png') no-repeat;} .wrap-index-mpromotion .slider .slick-next:before {background:url('../images/common/next_arrow_02.png') no-repeat;} .wrap-index-mpromotion .slider .slick-dots {bottom:10px;width:75%;} .wrap-index-mpromotion .slider .slick-dots li.slick-active button:before {background-color:transparent;border:1px solid #fff;border-radius:10px;width:10px;height:10px;margin-top:-1px;} .wrap-index-mpromotion .slider .slick-dots li button:before {color:#fff;background-color:#fff;content:'';border:1px solid #fff;border-radius:8px;width:8px;height:8px;} @media (min-width:1280px) and (max-width:1920px) { .wrap-index-mpromotion.main-banner .slider .slick-next {right:32vw !important;} .wrap-index-mpromotion .slider .slick-slide .banner-img{width:1920px !important;height:625px;} .wrap-index-mpromotion.main-banner .slider .promotion.right{text-align:right;right:30%;} .wrap-index-mpromotion.main-banner .slider .promotion.center{text-align:center;right:12%;} } @media (min-width:1280px) and (max-width:1500px) { .wrap-index-mpromotion.main-banner .slider .slick-next {right:32vw !important;} .wrap-index-mpromotion.main-banner .slider .promotion.right{text-align:right;right:33%;} .wrap-index-mpromotion.main-banner .slider .promotion.center{text-align:center;right:8%;} } @media (max-width:1279px) { .wrap-index-mpromotion.main-banner .slider .slick-next {right:405px !important;} .wrap-index-mpromotion.main-banner .slider .promotion.right{text-align:right;right:35%;} .wrap-index-mpromotion.main-banner .slider .promotion.center{text-align:center;right:5%;} } .hide {display:none;} /*.wrap-index-mpromotion .slider .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:3.9vw; height:3.9vw;left:61.9%;bottom:-1.95vw;top:unset;} .wrap-index-mpromotion .slider .slick-next {right:30.1%;width:3.9vw;height:3.9vw;bottom:-1.95vw;top: unset;} .wrap-index-mpromotion .slider .slick-prev:before, .wrap-index-mpromotion .slider .slick-next:before {content:''; display:inline-block; width:3.9vw; height:3.9vw;background:url('../images/common/prev_arrow_03.png') no-repeat;background-size:3.9vw 3.9vw;} .wrap-index-mpromotion .slider .slick-next:before {background:url('../images/common/next_arrow_03.png') no-repeat;background-size:3.9vw 3.9vw;}*/ /* 2017-06-08 슬라이드 추가 E */ .wrap-index-mpromotion .flexslider {overflow:hidden; position:absolute; top:0; left:50%; width:1920px; margin-left:-960px;} .wrap-index-mpromotion .flex-viewport {width:100%;} .wrap-index-mpromotion .slides li {overflow:hidden; position:relative; width:1920px; height:576px;}/*에이랜드수정 2016-12-30*/ .wrap-index-mpromotion .slides li .promotion {display:table !important; position:absolute;top:50%; left:50%; z-index:2; width:460px; height:84px; margin:-42px 0 0 -230px; background:#fff; vertical-align:middle; text-align:center;} .wrap-index-mpromotion .slides li .promotion-name {display:table-cell !important; font-size:13px; font-weight:200; vertical-align:middle;} .wrap-index-mpromotion .slides li .promotion-name .font-en {display:block; line-height:1;} .wrap-index-mpromotion .slides li .promotion-name .desc {display:block; margin-top:3px; font-size:14px;} .wrap-index-mpromotion .slides li .promotion .font-en {color:#111; font-size:21px; font-weight:800;} .wrap-index-mpromotion .slides li .promotion .period {display:inline-block; position:absolute; top:92px; left:0; width:114px; border:3px solid #000; background:#fff; line-height:34px;} .wrap-index-mpromotion .slides li .promotion .period.font-en {font-size:14px; letter-spacing:0.05em;} .wrap-index-mpromotion .slides li .pattern {display:none; position:absolute; top:50%; left:50%; width:478px; height:102px; margin:-42px 0 0 -230px;} .wrap-index-mpromotion .slides li .pattern:before {content:''; position:absolute; left:0; bottom:-38px; width:128px; height:48px; background:url('../images/common/bg_period.png') no-repeat;} .wrap-index-mpromotion .slides li .non-periord .pattern:before {display:none;} .wrap-index-mpromotion .slides li .pattern img {width:100%; height:100%;} .wrap-index-mpromotion li.half a.link {display:block; overflow:hidden; position:absolute; top:0;} .wrap-index-mpromotion li.half a:nth-child(1) {right:50%;} .wrap-index-mpromotion li.half a:nth-child(2) {left:50%;} .wrap-index-mpromotion .slides li.half .half-inner, .wrap-index-mpromotion .slides li .full-inner {display:table-cell; vertical-align:middle;} .wrap-index-mpromotion .flex-control-nav {position:absolute; bottom:28px; left:0; z-index:11; width:100%; height:10px; text-align:center;} .wrap-index-mpromotion .flex-control-nav li {display:inline-block; width:10px; margin:0 18px; height:10px; font:0/0 a; vertical-align:top;} .wrap-index-mpromotion .flex-control-nav a {display:block; width:12px; height:12px; margin-top:2px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff; font:0/0 a;} .wrap-index-mpromotion .flex-control-nav a.flex-active {margin-top:0; border:2px solid #000; background-color:transparent;} .wrap-index-mpromotion .flex-direction-nav {position:absolute; top:50%;margin-top:-50px; right:60px; z-index:10; height:0px; font:0/0 a;} .wrap-index-mpromotion .flex-direction-nav li {display:inline-block; width:auto; height:50px;} .wrap-index-mpromotion .flex-direction-nav .flex-prev, .wrap-index-mpromotion .flex-direction-nav .flex-next {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:52px; height:52px;} .wrap-index-mpromotion .flex-direction-nav .flex-next {margin-left:-2px;} .wrap-index-mpromotion .flex-direction-nav .flex-prev:before, .wrap-index-mpromotion .flex-direction-nav .flex-next:before {content:''; display:inline-block; width:52px; height:52px; background:url('../images/sprite.png') no-repeat -113px -333px; background-size:1000px;} .wrap-index-mpromotion .flex-direction-nav .flex-next:before {background-position:-170px -333px;} .wrap-index-mpromotion .flex-direction-nav .flex-prev:hover:before {background-position:-113px -390px;} .wrap-index-mpromotion .flex-direction-nav .flex-next:hover:before {background-position:-170px -390px;} /*에이랜드수정 2017-01-19*/ .wrap-index-mpromotion .flex-direction-nav > li.flex-nav-prev {float:left;} .wrap-index-mpromotion .flex-direction-nav > li.flex-nav-next {float:right;} .wrap-index-mpromotion .main-sub-banner-area{height:224px;/*min-width:1200px;*/width:69.285vw} /*.wrap-index-mpromotion .main-sub-banner-area li{float:left;padding:0px;margin:0px;max-width:665px;width:34.015vw;position:relative}*/ .wrap-index-mpromotion .main-sub-banner-area li{float:left;padding:0px;margin:0px;/*max-width:665px;*/width:50%;position:relative;height:224px;overflow:hidden;display:inline-block;} .wrap-index-mpromotion .main-sub-banner-area li .banner-img{height:224px;overflow:hidden;min-width:665px;width:100%;position:absolute;left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);} .wrap-index-mpromotion .main-sub-banner-area li .banner-img img{min-height:224px;width:100%;} .wrap-index-mpromotion .main-sub-banner-area li .text-thumb{display:table !important;position:absolute;width:100%;top:50%;transform:translate(0,-50%);z-index: 2;vertical-align: middle;text-align:left;margin:0 0 0 2.68vw;width:18.7vw;display:inline-block;} .wrap-index-mpromotion .main-sub-banner-area li .text-thumb img{width:100%;} [class|='menu-main'] {width:100%;font-size:0;margin:0 auto;} /* 2018_02_06 메인 개편 S */ .rangking-list-area{width:25.595%;min-height:767px;max-width:487px;position:absolute;top:62px;right:0;background:#fff;padding: 42px 2.22vw 10px 2.22vw;} .rangking-list-area .main-section-title{/*max-width:233px;*/font-size:28px;height:34px;font-weight:bold;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;text-align:left;color:#000000;width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:10px;} .rangking-list-area .rank-time-wrap {position:absolute;top:55px;right:2.2vw;} .rangking-list-area .rank-time-wrap > .rank-time-border {border:1px solid #e0e0e0;border-radius:13px;width:99px;height:26px;} .rangking-list-area .rank-time-wrap > .rank-time-border > .rank-time-container {line-height:28px;letter-spacing: normal;text-align:center;} .rangking-list-area .rank-time-wrap > .rank-time-border > .rank-time-container > .rank-time-style{font-size:12px;font-weight:bold;font-style:normal;font-stretch:normal;color:#5d5d5d;} .rangking-list-area .ranking-product-wrap{margin-top:32px;border-top:.5rem solid #000;} /*.rangking-list-area .ranking-product-wrap .product-wrap{padding:15px 0.65vw;border-bottom:1px solid #5d5d5d;height:106px;}*/ .rangking-list-area .ranking-product-wrap .product-wrap{padding:10px 0.65vw;border-bottom:1px solid #5d5d5d;height:97px;} .rangking-list-area .ranking-product-wrap .product-wrap.hide{display:none;} .rangking-list-area .ranking-product-wrap .product-wrap .ranking-no{font-size:15px;width:1.823vw;display:inline-block;vertical-align:top;color:#003e9f;font-weight:bold;letter-spacing:0;padding-top:35px;max-width:20px;} .rangking-list-area .ranking-product-wrap .product-wrap:nth-of-type(4) .ranking-no{font-size:15px;width:1.823vw;display:inline-block;vertical-align:top;color:#000;font-weight:bold;letter-spacing:0;padding-top:41px;max-width:20px;} .rangking-list-area .ranking-product-wrap .product-wrap:nth-of-type(5) .ranking-no{font-size:15px;width:1.823vw;display:inline-block;vertical-align:top;color:#000;font-weight:bold;letter-spacing:0;padding-top:41px;max-width:20px;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info{display:inline-block;margin-left:1.042vw;width:14.9vw;max-width:285px;overflow:hidden;margin-right:0.524vw;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .brand-name{margin-top:10px;width:14.9vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .brand-name .bname{font-size:12px;font-weight:bold;letter-spacing:0;color:#000;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-name{margin-top:5px;height:30px;width:14.9vw;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-name .pname{font-size:12px;color:#000;letter-spacing:0;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-price{text-align:left;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-price .wrap-price b{font-size:12px;color:#000;letter-spacing:0;font-weight:bold;} .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-price .wrap-price .red-color{color:#d9303b !important} .rangking-list-area .ranking-product-wrap .product-wrap .product-img{display:inline-block;vertical-align:-10px;max-width:100px;overflow:hidden;width:90px;} .rangking-list-area .ranking-product-wrap .product-wrap .product-img img{width:100%;} .rangking-list-area .morebtn-wrapper{text-align:center;background:#f5f5f5;padding:30px 0;} /*.rangking-list-area .morebtn-wrapper.hide{display:block;}*/ .rangking-list-area .morebtn-wrapper span{font-size:12px;font-weight:bold;letter-spacing:0;color:#000} @media (max-width:1523px){ .rangking-list-area .ranking-product-wrap .product-wrap .product-info{display:inline-block;margin-left:1.042vw;width:12.7vw;max-width:285px;overflow:hidden;margin-right:0.524vw;} } @media (max-width:1900px){ .rangking-list-area .ranking-product-wrap .product-wrap .product-info .product-name .pname {font-size: 12px;} } @media (min-width:1701px) and (max-width:1900px) { } @media (min-width:1481px) and (max-width:1700px) { } @media (max-width:1480px){ .rangking-list-area .rank-time-wrap{top:50px} .rangking-list-area .main-section-title{font-size:21px;} } @media (min-width:1194px) and (max-width:1220px) { .rangking-list-area{width:25.7%;} } [class|='wrap-index-main'] {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;position:relative;width:100%;margin-top:120px;} [class|='wrap-index-main'] .main-section-title{text-align:center;font-size:21px;letter-spacing:0;font-weight:bold;color:#000;margin-bottom:70px;} [class|='wrap-index-main'] .main-section-title:before {content:'';position:absolute;left:50%;margin-left:-35px;top:60px;width:70px;height:2px;background:#000;} [class|="wrap-index-main"] .main-section-contents{width:1200px;margin:0 auto;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper{width:1060px;margin:0 auto;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:25px;height:44px;left:-45px;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper .slick-next {right:-45px;width:25px;height:44px;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper .slick-prev:before{content:''; display:inline-block; width:25px; height:44px; background:url('../images/common/prev_arrow_01.png') no-repeat;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper .slick-next:before{content:''; display:inline-block; width:25px; height:44px; background:url('../images/common/next_arrow_01.png') no-repeat;} [class|="wrap-index-main"] .main-section-contents .swiper-wrapper .swiper-slide{margin:0 6px;} [class|="wrap-index-main"] .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list{width:200px;height:365px;overflow:hidden;background:#f3f3f3} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb{width:200px;} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb img{width:200px;margin:0 auto;} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .badge-wrap{margin:20px;height:40px;} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .badge-wrap .badge{font-size:15px;font-weight:500;color:#000;letter-spacing:0.025em;line-height:20px;} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .price-wrap{margin:0 20px;} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .price-wrap .price-rate, .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .price-wrap .price-dcprice{font-size:12px;font-weight:bold;color:#5d5d5d;letter-spacing:0} .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .price-wrap.red-color .price-rate, .MDPICK-wrapper .main-section-contents .wrap-goods-list .goods-list .price-wrap.red-color .price-dcprice{color: #d9303b !important;letter-spacing:0;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list{width:200px;height:340px;overflow:hidden;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb{width:200px;text-align:center;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb img{height:200px;margin:0 auto;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner{width:100%} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .bname{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .pname{margin-top:10px;font-size:12px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price b{font-size:12px;font-weight:bold;letter-spacing:0;color:#000;} .NEW-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .NEW-wrapper .main-section-contents .swiper-wrapper .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:25px;height:44px;left:-45px;top:112px;} .NEW-wrapper .main-section-contents .swiper-wrapper .slick-next {right:-45px;width:25px;height:44px;top:112px;} .ISSUE-wrapper .main-section-contents .swiper-wrapper .swiper-slide{} .ISSUE-wrapper .main-section-contents .exlink{width:301px;height:100px;overflow:hidden;background:#f3f3f3;padding:20px;display:inline-block;} .ISSUE-wrapper .main-section-contents .exlink .issue-banner{display:inline-block;} .ISSUE-wrapper .main-section-contents .exlink .issue-banner .wrap-image {width:100px;height:100px;display:inline-block;overflow:hidden;} .ISSUE-wrapper .main-section-contents .exlink .issue-banner .wrap-image .inner-image img{width:100%;} .ISSUE-wrapper .main-section-contents .issue-text{display:inline-block;margin-left:20px;vertical-align:top;} /*.ISSUE-wrapper .main-section-contents .exlink .issue-text .subtext-area{margin-top:10px;font-size:14px;color:#000;display:block;width:220px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/ .ISSUE-wrapper .main-section-contents .exlink .issue-text .subtext-area{margin-top:10px;font-size:11px;color:#5d5d5d;display:block;width:175px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600;} .ISSUE-wrapper .main-section-contents .exlink .issue-text .title-area{margin-top:10px;font-size:15px;color:#000;display:block;font-family: 'Helvetica Neue LT','Apple SD Gothic Neo', sans-serif !important;font-weight:500;width:175px} .SALE-wrapper .main-section-contents .swiper-wrapper .swiper-slide{} .SALE-wrapper .main-section-contents .swiper-slide > a {display:inline-block;position:relative;width: 341px;height:330px;overflow:hidden;background: #f3f3f3;} .SALE-wrapper .main-section-contents .wrap-image{width:100%;} .SALE-wrapper .main-section-contents .wrap-image .inner-image{width:100%;overflow:hidden;text-align:center;} .SALE-wrapper .main-section-contents .wrap-image .inner-image img{/*height:227px;*/width:100%;} .SALE-wrapper .main-section-contents .days-wrap{position:absolute;top:0;left:0;width:341px;height:246.6px;text-align:center;z-index:2;line-height:246.6px;display:inline-block;font-size:16.1px;} /*.SALE-wrapper .main-section-contents .days-wrap > .days-text-wrap {display:inline-block;font-size:1rem;}*/ .SALE-wrapper .main-section-contents .days-wrap > .days-text-wrap > .days-text-style {background-color:#d60a09;padding:5px 20px;font-family: 'Helvetica Neue LT','Apple SD Gothic Neo', sans-serif !important;font-weight:500;color:#fff;font-size:12px;} .SALE-wrapper .main-section-contents .text-wrap{margin:18px 20px;} .SALE-wrapper .main-section-contents .text-wrap .title{font-size:15px;font-family: 'Helvetica Neue LT','Apple SD Gothic Neo', sans-serif !important;font-weight:500;color: #000;letter-spacing: 0.025em;line-height: 24px;height:50px;} .SALE-wrapper .main-section-contents .text-wrap .text{margin-top:5px;font-size:11px;font-weight:500;color:#a0a0a0;letter-spacing:0;} .SELECTION-wrapper .main-section-contents .contents-wrap{width:100%;margin:0 auto;} .SELECTION-wrapper .main-section-contents .contents-wrap .contents{margin-bottom:80px;display:block;} .SELECTION-wrapper .main-section-contents .contents-wrap .contents:nth-child(3){margin-bottom:0px;} .SELECTION-wrapper .main-section-contents .contents-title{text-align:center;font-size:14px;font-weight:500;letter-spacing:0;margin-bottom:40px;color:#000;} .SELECTION-wrapper .main-section-contents .contents-title a{color:#000;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list{width:200px;height:320px;overflow:hidden;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb{width:200px} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb img{width:100%;height:200px;margin:0 auto;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner{width:100%} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .bname{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .pname{margin-top:10px;font-size:12px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price > b {font-size:14px;font-weight:bold;letter-spacing:0;color:#000;} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price > b > span {font-size:12px;font-weight:bold;letter-spacing:0;color:#000;font-family:'Helvetica Neue LT'} .SELECTION-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .SELECTION-wrapper .main-section-contents .swiper-wrapper .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:25px;height:44px;left:-45px;top:112px;} .SELECTION-wrapper .main-section-contents .swiper-wrapper .slick-next {right:-45px;width:25px;height:44px;top:112px;} .cart_total_cnt.hide {display:none !important;} .STORE-wrapper .main-section-contents .store-wrapper{width:341px;height:330px;overflow:hidden;background:#f3f3f3;display:inline-block;} .STORE-wrapper .main-section-contents .store-contents{width:100%;} .STORE-wrapper .main-section-contents .store-goods-img .thumb{width:341px;height:201px;overflow:hidden;text-align:center;} .STORE-wrapper .main-section-contents .store-goods-img .thumb img{width:341px;height:201px;} .STORE-wrapper .main-section-contents .store-goods-text-wrap{margin:20px 20px;} .STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap{display:inline-block;margin-left:20px;vertical-align:top;} /*.STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-tag-wrap{margin-top:5px;display:block}*/ .STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-tag-wrap{margin-top:0px;display:block} /*.STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-tag-wrap .store-tag{font-size:14px;color:#000;border:1px solid #747474;display:inline-block;padding:6px 10px 4px 10px;}*/ .STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-tag-wrap .store-tag{font-size:11px;color:#000;border:1px solid #747474;display:inline-block;padding:6px 10px 4px 10px;} /*.STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-pname{margin-top:10px;font-size:14px;color:#000;display:block;width:345px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}*/ .STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-pname{margin-top:13px;font-size:15px;color:#000;display:block;width:301px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:500;letter-spacing:0;} .STORE-wrapper .main-section-contents .store-wrapper .store-contents .store-goods-text-wrap .store-badge{margin-top:0px;font-size:15px;color:#000;display:block;font-weight:500;letter-spacing:0;} .STAFF-wrapper .main-section-contents .staff-wrapper{width:200px;height:420px;overflow:hidden;} .STAFF-wrapper .main-section-contents .largeimg-wrapper{width:100%;height:283px;position:relative;} .STAFF-wrapper .main-section-contents .largeimg-wrapper .staff-img-wrap{width:200px;height:283px;overflow:hidden;text-align:center;} .STAFF-wrapper .main-section-contents .largeimg-wrapper .staff-img-wrap img{width:200px;height:283px;} .STAFF-wrapper .main-section-contents .staff-wrapper .largeimg-wrapper .staff-overlay{position:absolute;bottom:20px;left:20px;font-size:14px;font-weight:500;color:#fff;display:none;} .STAFF-wrapper .main-section-contents .staff-wrapper .largeimg-wrapper .staff-overlay .staff-name .dimmed-name{background:rgba(0,0,0,0.5);display:inline-block;padding:0 10px;} .STAFF-wrapper .main-section-contents .staff-wrapper .largeimg-wrapper .staff-overlay .second-row{display:inline-block;background:rgba(0,0,0,0.5);margin-top:0.1rem;padding:0 10px;} .STAFF-wrapper .main-section-contents .staff-wrapper .largeimg-wrapper .staff-overlay .second-row .staff-height{float:left;} .STAFF-wrapper .main-section-contents .bottom-wrapper{width:200px;height:201px;position:relative;} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list{width:100px;height:100px;float:left;background:#f3f3f3} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list .product-wrap{width:100px;height:100px;overflow:hidden;text-align:center;} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list .product-wrap img{height:100px;} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap{margin-top:10px;font-size:12px;font-weight:bold;color:#000;letter-spacing:0;} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap span{font-weight:bold;letter-spacing:0;} .STAFF-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap .red-color{color:#d9303b !important;letter-spacing:0;} .LOOKBOOK-wrapper .main-section-contents .lookbook-wrapper{width:341px;height:650px;overflow:hidden;} .LOOKBOOK-wrapper .main-section-contents .largeimg-wrapper{width:100%;height:482px;position:relative;} .LOOKBOOK-wrapper .main-section-contents .largeimg-wrapper .lookbook-img-wrap{width:341px;height:482px;overflow:hidden;text-align:center;} .LOOKBOOK-wrapper .main-section-contents .largeimg-wrapper .lookbook-img-wrap img{width:342px;height:482px;} .LOOKBOOK-wrapper .main-section-contents .lookbook-wrapper .largeimg-wrapper .staff-overlay{position:absolute;bottom:20px;left:20px;font-size:14px;font-weight:500;color:#fff;} .LOOKBOOK-wrapper .main-section-contents .lookbook-wrapper .largeimg-wrapper .staff-overlay .staff-name .dimmed-name{background:rgba(0,0,0,0.5);display:inline-block;padding:0 10px;} .LOOKBOOK-wrapper .main-section-contents .lookbook-wrapper .largeimg-wrapper .staff-overlay .second-row{display:inline-block;background:rgba(0,0,0,0.5);margin-top:0.1rem;padding:0 10px;} .LOOKBOOK-wrapper .main-section-contents .lookbook-wrapper .largeimg-wrapper .staff-overlay .second-row .staff-height{float:left;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper{width:387px;height:201px;position:relative;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list{width:114px;height:114px;float:left;background:#f3f3f3} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list .product-wrap{width:114px;height:113px;overflow:hidden;text-align:center;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list .product-wrap img{height:114px;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap{margin-top:10px;font-size:12px;font-weight:bold;color:#000;letter-spacing:0;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap span{font-weight:bold;letter-spacing:0;} .LOOKBOOK-wrapper .main-section-contents .bottom-wrapper .thumb-list .price-wrap .red-color{color:#d9303b !important;letter-spacing:0;} .BRAND-wrapper .main-section-contents .content-area{width:520px;margin:0 auto;} .BRAND-wrapper .main-section-contents .content-area:nth-child(2n){margin-right:0;left:610px;} .BRAND-wrapper .main-section-contents .left-content-area{width:520px;margin:0 auto;float:left;margin-left:70px;margin-right:20px;} .BRAND-wrapper .main-section-contents .right-content-area{width:520px;margin:0 auto;float:left;} .BRAND-wrapper .main-section-contents .brand-data-area{display:none;} .BRAND-wrapper .main-section-contents .content-area .brand-banner{width:520px;} .BRAND-wrapper .main-section-contents .content-area .brandbanner-wrap{width:520px;height:299px;overflow:hidden;text-align:center;background:#f3f3f3;} .BRAND-wrapper .main-section-contents .content-area .brandbanner-wrap img{height:299px;} .BRAND-wrapper .main-section-contents .content-area .brand-header{padding:35px;background:#f3f3f3;} .BRAND-wrapper .main-section-contents .content-area .brand-header .brand-name{font-size:21px;font-weight:600;color:#000;letter-spacing:0;} .BRAND-wrapper .main-section-contents .content-area .brand-header .brand-text-wrap{margin-top:20px;} .BRAND-wrapper .main-section-contents .content-area .brand-header .brand-text-wrap .brand-text{font-size:14px;font-weight:200;line-height:24px;color:#5d5d5d;letter-spacing:0} .BRAND-wrapper .main-section-contents .content-area .brand-contents{width:520px;height:340px;overflow:hidden;background:#f3f3f3;margin-bottom:20px;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list{margin:0 35px 10px 35px;height:90px;overflow:hidden;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .thumb{width:80px;display:inline-block;vertical-align:top;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .thumb img{height:80px;margin:0 auto;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link{display:inline-block;vertical-align:top;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner{display:inline-block;margin:15px 30px;width:336px;white-space:nowrap;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner .bname{font-size:12px;font-weight:bold;letter-spacing:0;color:#000;display:block;height:14px;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner .pname{font-size:12px;color:#000;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price{margin-top:5px;display:block;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price b{font-size:12px;font-weight:bold;letter-spacing:0;color:#000;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .BRAND-wrapper .main-section-contents .content-area .brand-contents .morebtn{text-align:right;margin-right:45px;font-size:14px;font-weight:bold;letter-spacing:0;} .BRAND-wrapper .main-section-contents .content-area .brand-contents .morebtn a{color:#000;} /* 2018_02_06 메인 개편 E */ /* 2018_03_21 내가 좋아하는 브랜드 S */ .BRAND-wrapper .main-section-contents .like-brand-content{width:1060px;margin:0 auto;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list{width:520px;float:left;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list{margin-right:20px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list:nth-child(2n){margin-right:0;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content{width:100%;height:80px;background:#f3f3f3} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brandbanner-wrap{display:inline-block;width:58px;height:58px;overflow:hidden;margin:12px 15px 0 15px } .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brandbanner-wrap img{width:58px;height:58px;border-radius:30px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-name-info{display:inline-block;vertical-align:top;margin-top:20px} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-name-info .brand-name{font-size:14px;color:#000;font-weight:600;letter-spacing:0;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-name-info .brand-kr{font-size:12px;color:#5d5d5d;font-weight:200;letter-spacing:0;line-height:22px} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info{display:inline-block;vertical-align:top;width:100px;height:25px;margin:33px 15px 0 0 ;float:right;text-align:right;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info .wishlist{font:0/0 a;margin-top:0;display:inline-block;vertical-align:-6px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info .wishlist:before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/common/heart01.png) no-repeat;background-size:20px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info .wishlist:hover:before, .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info .wishlist.active:before{content:'';display:inline-block;width:20px;height:20px;background:url(../images/common/heart02.png) no-repeat;background-size:20px 17px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .brand-content .brand-like-info span{font-size:12px;letter-spacing:0;font-weight:400;color:#5d5d5d;margin-left:5px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide{margin-top:18px} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list{float:left;margin-right:12px;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list:nth-child(3){margin-right:0;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list{width:165px;height:350px;overflow:hidden;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .thumb{width:165px} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .thumb img{width:100%;height:165px;margin:0 auto;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner{width:100%} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .bname{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .pname{margin-top:10px;font-size:12px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .wrap-price > b {font-size:14px;font-weight:bold;letter-spacing:0;color:#000;} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .wrap-price > b > span {font-size:12px;font-weight:bold;letter-spacing:0;color:#000;font-family:'Helvetica Neue LT'} .BRAND-wrapper .main-section-contents .like-brand-content .like-brand-list .swiper-slide .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list{width:200px;height:340px;overflow:hidden;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb{width:200px;text-align:center;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .thumb img{height:200px;margin:0 auto;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner{width:100%} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .bname{margin-top:20px;font-size:12px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .pname{margin-top:10px;font-size:12px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price b{font-size:12px;font-weight:bold;letter-spacing:0;color:#000;} .ONLYALAND-wrapper .main-section-contents .wrap-goods-list .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .ONLYALAND-wrapper .main-section-contents .swiper-wrapper .slick-prev{display:block; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;width:25px;height:44px;left:-45px;top:112px;} .ONLYALAND-wrapper .main-section-contents .swiper-wrapper .slick-next {right:-45px;width:25px;height:44px;top:112px;} /* 2018_03_21 내가 좋아하는 브랜드 E */ /* 2018_05_14 에이랜드 NEWS S */ .ALANDNEWS-wrapper .main-section-contents .news-wrap{width:1060px;margin:0 auto;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper{width:518px;height:80px;border-bottom:1px solid #d4d4d4;float:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper:nth-child(1), .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper:nth-child(2){border-top:1px solid #d4d4d4;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper:nth-child(even){margin-left: 11.5px;float:right;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper:nth-child(odd){margin-right: 11.5px;float:left;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-img{width:56px;height:56px;overflow:hidden;display:inline-block;margin:12px 2px;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-img img{width:56px;height:56px;border-radius:50%;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-info{display:inline-block;margin:25px 15px;vertical-align:top;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-info span{display:block;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-info .news-brand{font-size:12px;color:#000;font-weight:600;letter-spacing:0;} .ALANDNEWS-wrapper .main-section-contents .news-wrap .news-wrapper .news-info .news-contents{font-size:12px;color:#000;letter-spacing:0;line-height:22px;} /* 2018_05_14 에이랜드 NEWS E */ .menu-main-type2 {margin-top:2px;} .menu-main-type2 a {display:inline-block; min-width:26px; margin:0 3px; padding:0 7px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; font-size:13px; line-height:40px;} .menu-main-type2 a.active {background:#000; color:#fff;} .main-best {position:relativewidth:100%;padding:80px 0 100px;border-bottom:1px solid #dedede;} .main-best .menu-main {width:1177px;border-bottom:1px solid #dedede;text-align:center;} .main-best .menu-main a {overflow:hidden; display:inline-block; position:relative;width:234px; height:40px;color:#555; font-size:15px;line-height:44px;border-left:1px solid #dedede;border-top:1px solid #dedede;vertical-align:middle;} .main-best .menu-main a em{padding-left:5px;font-size:17px;display:none;} .main-best .menu-main a:hover, .main-best .menu-main a.active {color:#fff;background:#1d40ba} .main-best .menu-main a:hover em, .main-best .menu-main a.active em{display:inline;} .main-best .menu-main a.last {border-right:1px solid #dedede} .main-best .menu-main a:hover:after, .main-best .menu-main a.active:after {content:'';background:#1d40ba} .main-best .main-goods-list{width:1180px;margin:0 auto;} .main-bestbrand {position:relative; width:100%; height:400px;} .main-bestbrand h2 {position:absolute; top:30px; left:50%; z-index:10; margin-left:-590px; font-weight:600;} .main-bestbrand h2 em {display:inline-block; padding:0 29px; border:3px solid #000; background:#fff; font-size:24px; line-height:44px; letter-spacing:0.15em;} .main-bestbrand h2 em + em {display:block; clear:left; width:36px; margin-top:-3px; padding:0 16px; font-size:13px; line-height:23px; letter-spacing:0.10em;} .wrap-index-bestbrand-full {width:100%;} .wrap-index-bestbrand-full .slides li {position:relative; height:400px; text-align:center;} .wrap-index-bestbrand-full .slides li {background-size:cover; background-repeat:no-repeat; background-position:center center;} .wrap-index-bestbrand-full .flexslider .slides > li .item-link {display:inline-block !important; position:relative; z-index:2; min-width:400px; padding-top:268px; font:0/0 a; vertical-align:top;} .wrap-index-bestbrand-full .flexslider .slides > li .item-link a {margin:0 40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%;} .wrap-index-bestbrand-full .flexslider .slides > li .item-link a img {border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; width:80px;} .wrap-index-bestbrand-full .flex-direction-nav {font:0/0 a;} .wrap-index-bestbrand-full .flex-direction-nav {font:0/0 a;} .wrap-index-bestbrand-full .flex-direction-nav .flex-prev, .wrap-index-bestbrand-full .flex-direction-nav .flex-next {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; top:170px; width:52px; height:52px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-prev {left:50%; margin-left:-590px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-next {right:50%; margin-right:-590px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-prev:before, .wrap-index-bestbrand-full .flex-direction-nav .flex-next:before {content:''; display:inline-block; width:52px; height:52px; background:url('../images/sprite.png') no-repeat -113px -333px; background-size:1000px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-next:before {background-position:-170px -333px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-prev:hover:before {background-position:-113px -390px;} .wrap-index-bestbrand-full .flex-direction-nav .flex-next:hover:before {background-position:-170px -390px;} .wrap-index-bestbrand-full .flex-control-nav {position:absolute; left:0; bottom:14px; width:100%; height:10px; text-align:center;} .wrap-index-bestbrand-full .flex-control-nav li {display:inline-block; width:10px; margin:0 18px; height:10px; font:0/0 a; vertical-align:top;} .wrap-index-bestbrand-full .flex-control-nav a {display:block; width:6px; height:6px; margin-top:2px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; background:#fff; font:0/0 a;} .wrap-index-bestbrand-full .flex-control-nav a.flex-active {margin-top:0; border:2px solid #000; background-color:transparent;} .main-brand {position:relative; width:100%; padding:70px 0 80px;border-bottom:1px solid #dedede;} .main-brand h2 {width:1180px;margin:0 auto;font-size:32px;text-align:left;font-weight:100;} .main-brand .menu-main {width:1180px;margin-top:-40px;text-align:right;} .main-brand .menu-main a {display:inline-block; position:relative; height:36px; margin:0 0 0 25px; color:#000000; font-size:12px; line-height:36px;vertical-align:top;} .main-brand .menu-main a:hover, .main-brand .menu-main a.active {color:#1f32b8;} .main-brand .menu-main a:hover:after, .main-brand .menu-main a.active:after {content:''; display:block; position:absolute; bottom:7px; left:0; width:100%; height:1px; background:#1f32b8;} .main-brand .main-brand-goods-list{width:1185px;margin:0 auto;} .main-selection {position:relative; width:100%; padding:70px 0 80px;background:#f5f5f5;border-bottom:1px solid #dedede;} .main-selection h2 {width:1180px;margin:0 auto;font-size:32px;text-align:left;font-weight:100;} .main-selection h2 span{font-size:39px;vertical-align:2px;} .main-selection .menu-main {width:1180px;margin-top:-40px;text-align:right;} .main-selection .menu-main a {display:inline-block; position:relative; height:36px; margin:0 0 0 25px; color:#000000; font-size:12px; line-height:36px;vertical-align:top;} .main-selection .menu-main a:hover, .main-selection .menu-main a.active {color:#1f32b8;} .main-selection .menu-main a:hover:after, .main-selection .menu-main a.active:after {content:''; display:block; position:absolute; bottom:7px; left:0; width:100%; height:1px; background:#1f32b8;} .main-selection .main-selection-goods-list{width:1180px;margin:0 auto;} .list-placeholder {margin-top:30px;} .list-placeholder .wrap-goods-list ul {width:1200px;} .list-placeholder .wrap-goods-list ul .goods-list {width:278px; height:278px; margin-top:20px;border:1px solid #dedede;} .list-placeholder .wrap-goods-list ul .thumb {width:278px; height:278px; overflow:hidden;} .list-placeholder .wrap-goods-list ul .thumb img {max-width:278px; max-height:278px; /*width:100%;*/height:278px;} .list-placeholder .wrap-goods-list ul .goods-list-over {top:15px; left:15px; right:15px; bottom:20px; width:250px; height:245px; padding-top:calc(100% - 185px);} .list-placeholder .wrap-goods-list .goods-list-over a:before, .list-placeholder .wrap-goods-list .goods-list-over a + a:before {background-size:1000px;} .list-placeholder .wrap-goods-list .goods-list-over a:before {background-position:-284px -390px;} .list-placeholder .wrap-goods-list .goods-list-over a + a:before {background-position:-284px -333px;} .list-placeholder .wrap-goods-list .goods-list-over a + a:hover:before {background-position:-317px -356px;} .list-placeholder .wrap-goods-list .goods-list-over a + a.active {background-color:#fff;} .list-placeholder .wrap-goods-list .goods-list-over a + a.active:before {background-position:-284px -356px;} .list-placeholder .wrap-goods-list ul .goods-link {height:auto;} .list-placeholder .wrap-goods-list ul .information {display:block; position:absolute; bottom:20px; left:15px; width:250px; height:60px; background:#fff;} .list-placeholder .wrap-goods-list ul .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:14px 0 0 15px;} .list-placeholder .wrap-goods-list ul .bname, .list-placeholder .wrap-goods-list ul .pname {width:164px;} .list-placeholder .wrap-goods-list ul .bname {margin:0;} .list-placeholder .wrap-goods-list ul .pname {white-space:nowrap;} .list-placeholder .wrap-goods-list ul .wrap-price {position:absolute; top:12px; right:15px; margin:0;} .list-placeholder .wrap-goods-list ul .wrap-price .strike {position:absolute; top:0px; right:0; margin:0;font-size:11px;} .list-placeholder .wrap-goods-list ul .wrap-price b {position:absolute; top:19px; right:0; margin:0;color:#1a3eb9} .list-placeholder .wrap-goods-list ul .information.hover {background:#123ad4;} .list-placeholder .wrap-goods-list ul .information.hover .bname, .list-placeholder .wrap-goods-list ul .information.hover .pname, .list-placeholder .wrap-goods-list ul .information.hover .pname .DAY-STICKER, .list-placeholder .wrap-goods-list ul .information.hover .wrap-price b {color:#fff !important;} .list-placeholder .wrap-goods-list ul .information.hover .pname {opacity:0.5;} .list-placeholder .wrap-goods-list ul .goods-link:hover .information {background:#123ad4;} .list-placeholder .wrap-goods-list ul .goods-link:hover .bname, .list-placeholder .wrap-goods-list ul .goods-link:hover .pname .DAY-STICKER, .list-placeholder .wrap-goods-list ul .goods-link:hover .pname {text-decoration:underline;color:#fff !important;} .list-placeholder .wrap-goods-list ul .goods-link:hover .pname {opacity:0.5;} .list-placeholder .wrap-goods-list ul .goods-link:hover .wrap-price b {color:#fff;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) {width:578px;height:578px;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .thumb {width:578px; height:578px;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .thumb img {max-width:578px; max-height:578px;height:578px;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over {top:20px; right:20px; bottom:20px; left:20px; width:540px; height:540px;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over {padding-top:calc(100% - 340px);} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .information {left:20px; width:540px;} .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .bname, .list-placeholder .wrap-goods-list ul .goods-list:nth-child(1) .pname {width:422px; text-overflow:ellipsis;} .list-placeholder-type2 {position:relative; width:100%; margin-top:40px;} .list-placeholder-type2 .wrap-goods-list ul {width:1200px; min-height:570px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list {width:180px; height:auto;margin:20px 0 0 20px;} .list-placeholder-type2 .wrap-goods-list ul .thumb {width:178px; height:178px;border:1px solid #dedede;} .list-placeholder-type2 .wrap-goods-list ul .thumb img {max-width:178px; max-height:178px;} .list-placeholder-type2 .wrap-goods-list ul .goods-link {height:auto;} .list-placeholder-type2 .wrap-goods-list ul .information {display:block;width:180px; height:60px;text-align:left;} .list-placeholder-type2 .wrap-goods-list ul .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:20px 0 0 0px;} .list-placeholder-type2 .wrap-goods-list ul .bname, .list-placeholder-type2 .wrap-goods-list ul .pname {width:130px;} .list-placeholder-type2 .wrap-goods-list ul .bname {margin:0;} .list-placeholder-type2 .wrap-goods-list ul .bname, .list-placeholder-type2 .wrap-goods-list ul .pname {white-space:nowrap;} .list-placeholder-type2 .wrap-goods-list ul .wrap-price {position:absolute; top:20px; right:5px; margin:0;} .list-placeholder-type2 .wrap-goods-list ul .wrap-price .strike {position:absolute; top:-1px; right:0; margin:0;font-size:11px;} .list-placeholder-type2 .wrap-goods-list ul .wrap-price b {position:absolute; top:16px; right:0; margin:0;color:#1a3eb9} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) {position:absolute; top:0px; left:400px; width:380px; height:auto; margin:0;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .thumb {width:380px; height:380px;border:none;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .thumb img {max-width:380px; max-height:380px;height:380px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a {width:60px; height:60px; padding-top:16px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a + a {padding-top:19px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a + a:hover {background-color:#123ad4;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a + a:hover:before {background-position:-266px -108px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a + a.active {background-color:#fff;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over a + a.active:before {background-position:-275px -140px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .information {display:block;width:380px; height:112px;background:#000;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:40px 0 0 20px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .bname, .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .pname {width:280px;color:#fff;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .bname {margin:0;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .wrap-price {position:absolute; top:12px; right:20px; margin:0;color:#fff;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .wrap-price .strike {position:absolute; top:27px; right:0; margin:0;font-size:11px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .wrap-price b {position:absolute; top:45px; right:0; margin:0;color:#fff} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(2) {margin-top:0;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(3) {margin-top:0;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(4) {margin:0 0 0 420px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(5) {margin-top:0;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(8) {margin-left:420px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over {padding-top:calc(100% - 124px);} .list-placeholder-type2 .wrap-goods-list .goods-list-over a {width:48px; height:48px; margin:0 6px; padding-top:14px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a {padding-top:16px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a:before {width:17px; height:21px; background-position:-336px -72px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a:before {width:22px; height:18px; background-position:-228px -140px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a:hover {background-color:#123ad4;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a:hover:before {background-position:-250px -140px;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a.active {background-color:#fff;} .list-placeholder-type2 .wrap-goods-list .goods-list-over a + a.active:before {background-position:-383px -142px;} .list-placeholder-type3 {position:relative; width:100%; margin-top:40px;} .list-placeholder-type3 .wrap-goods-list ul {width:1200px;height:250px;} .list-placeholder-type3 .wrap-goods-list ul .goods-list {width:180px; height:auto;margin:0 0 0 20px;} .list-placeholder-type3 .wrap-goods-list ul .thumb {width:180px; height:180px;} .list-placeholder-type3 .wrap-goods-list ul .thumb img {max-width:178px;max-height:250px;border:1px solid #dedede;} .list-placeholder-type3 .wrap-goods-list ul .goods-link{text-align:left;height:50px;} .list-placeholder-type3 .wrap-goods-list ul .pname {max-height:26px; margin-top:20px; color:#555; font-size:11px; font-weight:200; line-height:1.27;} .list-placeholder-type3 .wrap-goods-list ul .goods-link:hover .bname, .list-placeholder-type3 .wrap-goods-list ul .goods-link:hover .pname {color:#123ad4; text-decoration:underline;} .list-placeholder-type3 .wrap-goods-list ul .pname {overflow:hidden; width:100%;height:35px;text-transform:uppercase; } .list-placeholder-type3 .wrap-goods-list ul .wrap-price {margin-top:10px; color:#111; font-size:12px;} .list-placeholder-type3 .wrap-goods-list ul .wrap-price .strike {margin-right:3px; color:#d6d6d6; font-size:11px; font-weight:200; text-decoration:line-through;} .list-placeholder-type3 .wrap-goods-list ul .wrap-price b {font-weight:400;color:#123ad4} .list-placeholder-type3 .wrap-goods-list ul .goods-list:nth-of-type(1) {width:180px; height:auto;} .list-placeholder-type3 .wrap-goods-list ul .goods-list:nth-of-type(1) .thumb {width:180px;height:215px;} .list-placeholder-type3 .wrap-goods-list ul .goods-list:nth-of-type(1) .thumb img {width:180px;height:215px;} .list-placeholder-type3 .wrap-goods-list ul .goods-list:nth-of-type(1) .information .bname {margin-top:21px;} .category-pick .list-placeholder-type2 {position:relative; width:100%; margin-top:30px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul {width:996px; min-height:480px; margin-left:-16px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list {width:150px; height:229px; margin:20px 0 0 16px;} .category-pick .list-placeholder-type2 .wrap-goods-list .goods-list-over {padding-top:calc(100% - 109px);} .category-pick .list-placeholder-type2 .wrap-goods-list ul .thumb {width:150px; height:150px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .thumb img {max-width:150px; max-height:150px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .bname, .category-pick .list-placeholder-type2 .wrap-goods-list ul .pname {margin-top:9px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .wrap-price {margin-top:6px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) {position:absolute; top:42px; left:332px; width:316px; height:436px; margin:0;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .thumb {width:316px; height:316px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .thumb img {max-width:316px; max-height:316px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .bname {margin-top:50px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(2) {margin-top:0;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(3) {margin-top:0;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(4) {margin:0 0 0 348px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(5) {margin-top:0;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(8) {margin-left:348px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over {padding-top:calc(100% - 230px);} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) a + a {padding-top:19px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) a:before {width:20px; height:26px; background-position:-308px -72px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) a + a:before {width:28px; height:23px; background-position:-228px -108px;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) a + a:hover {background-color:#fff;} .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) a + a:hover:before {background-position:-275px -140px;} .category-pick .list-placeholder-type2 .wrap-goods-list ul .goods-list:nth-child(1) .goods-list-over {padding-top:calc(100% - 198px);} /*.spot-category .wrap-goods-list .goods-list-over {top:15px; left:15px; width:200px; height:200px; padding-top:30%;}*/ .spot-category .wrap-goods-list .goods-list-over a + a:before {width:28px; height:23px; background-position:-228px -108px;} .spot-category .wrap-goods-list .goods-list-over a + a:hover {background-color:#2747c2;} .spot-category .wrap-goods-list .goods-list-over a + a:hover:before {background-position:-266px -108px;} .spot-category .wrap-goods-list .goods-list-over a + a.active {background-color:#fff;} .spot-category .wrap-goods-list .goods-list-over a + a.active:before {background-position:-275px -140px;} /*Event Section*/ .spot-category .wrap-goods-list .list-type2{width:1180px;margin-left:-17px;} .spot-category .wrap-goods-list .list-type2 .goods-list{width:315px;margin:0 0 0 17px} .spot-category .wrap-goods-list .list-type2 .thumb{width:315px;height:315px;} .spot-category .wrap-goods-list .list-type2 .thumb img{max-width:315px;max-height:315px;} .spot-category .wrap-goods-list .list-type2 .bname{color:#183fb1;} .spot-category .wrap-goods-list .list-type2 .pname{max-height:30px;line-height:1.5;} .spot-category .more{display:block; box-sizing:border-box; width:100%;text-align:right;margin-top:-20px;color:#000;} /*Hot Item Section*/ .spot-category .wrap-goods-list .list-type3{width:1180px;} .spot-category .wrap-goods-list .list-type3 .goods-list{margin:0 0 0 20px} .spot-category .wrap-goods-list .list-type3 .information {display:block;width:230px; height:60px;text-align:left;} .spot-category .wrap-goods-list .list-type3 .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:20px 0 0 0px;} .spot-category .wrap-goods-list .list-type3 .bname, .spot-category .wrap-goods-list .list-type3 .pname {width:150px;} .spot-category .wrap-goods-list .list-type3 .bname {margin:0;} .spot-category .wrap-goods-list .list-type3 .bname, .spot-category .wrap-goods-list .list-type3 .pname {white-space:nowrap;} .spot-category .wrap-goods-list .list-type3 .wrap-price {position:absolute; top:20px; right:0px; margin:0;} .spot-category .wrap-goods-list .list-type3 .wrap-price .strike {position:absolute;right:0; margin:0;font-size:11px;} .spot-category .wrap-goods-list .list-type3 .wrap-price b {position:absolute; top:17px; right:0; margin:0;color:#1a3eb9} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1){width:480px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .thumb {width:480px; height:480px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .thumb img {max-width:480px; max-height:480px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a {width:60px; height:60px; padding-top:16px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a + a {padding-top:19px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a + a:hover {background-color:#123ad4;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a + a:hover:before {background-position:-266px -108px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a + a.active {background-color:#fff;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-list-over a + a.active:before {background-position:-275px -140px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .goods-link{height:105px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .information {position:absolute;display:block;width:480px; height:105px;background:#000;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .info-inner {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative; padding:35px 0 0 20px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .bname, .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .pname {width:280px;color:#fff;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .bname {margin:0;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .wrap-price {position:absolute; top:12px; right:20px; margin:0;color:#fff;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .wrap-price .strike {position:absolute; top:24px; right:0; margin:0;font-size:11px;} .spot-category .wrap-goods-list .list-type3 .goods-list:nth-child(1) .wrap-price b {position:absolute; top:42px; right:0; margin:0;color:#fff} .main-social {padding-top:60px;height:400px;} .main-social h2 {width:1180px;margin:0 auto;font-size:32px;text-align:left;font-weight:100;} .main-social .menu-main {width:1180px;margin-top:-40px;text-align:right;} .main-social .menu-main a {display:inline-block; position:relative; height:36px; margin:0 0 0 25px; color:#000000; font-size:12px; line-height:36px;vertical-align:top;} .main-social .menu-main a:hover, .main-social .menu-main a.active {color:#1f32b8;} .main-social .menu-main a:hover:after, .main-social .menu-main a.active:after {content:''; display:block; position:absolute; bottom:7px; left:0; width:100%; height:1px; background:#1f32b8;} .main-social .main-social-goods-list{width:1180px;margin:0 auto;} .main-social .social-list {width:1180px; margin:40px 0 0 0;} .main-social .social-list:after {content:''; display:block; clear:both;} .main-social .social-list li {position:relative; float:left; width:235px; height:235px;} .main-social .social-list li .thumb {display:table-cell;position:relative; width:235px; height:235px; text-align:center; vertical-align:middle;overflow:hidden;} .main-social .social-list li .thumb img {/*width:235px;*/ height:235px;margin:auto;} .main-social .social-list li .alander {display:inline-block; position:absolute; top:163px; left:50%; width:160px; height:33px; margin-left:-80px; background:url('../images/sprite.png') no-repeat -500px -346px; color:#fff; font-size:13px; font-weight:800; letter-spacing: 0.256em; text-align:center;} .main-social .btn-area {display:block; text-align:center;} .main-social .set-btn-more {margin:0 auto;} /******************************************************************** modify complete */ .set_goods_content {margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #e1e1e1;} .set_goods_content > dl {display:table; table-layout:fixed; width:100%;} .set_goods_content > dl > dt, .set_goods_content > dl > dd {display:table-cell;} .set_goods_content > dl > dt {width:240px;} .set_goods_content > dl > dt > img {width:100%;} .set_goods_content > dl > dd {position:relative; width:auto; padding-left:33px; vertical-align:top;} .goods_brand {margin:5px 0 10px;} .goods_brand a {color:#222; font-size:16px;} .goods_name {margin-bottom:20px;} .goods_name a {color:#222; font-size:16px;} .goods-name {margin-bottom:20px;} .goods-name a {color:#222; font-size:16px;} .nosize_price {color:#999; font-size:14px; margin-bottom:10px;} .nosize_price span {font-size:13px;} .price {font-size:26px;} .set_roll_box {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:absolute; bottom:0; left:0; width:100%; height:160px; padding-left:33px;} .list_3depth_promotion_goods dd.list_price{height:16px;} .main_unbg{top:-55px;} .set_goods {cursor:pointer; width:116px; line-height:0; font-size:0; margin-right:12px; float:left;} .bbs_type_list {border-bottom:1px solid #e1e1e1; padding:15px 0;} .price_wrap {margin-bottom:12px; text-align:center; cursor:pointer;} .price_wrap b, .price_wrap s {margin:0 2px;} .price_wrap s {color:#999999; font-size:14px;} .price_wrap b {font-weight:normal; font-size:14px;} .price_wrap span {font-size:13px;} .review_icon {text-align:center;} .review_icon span {margin-left:5px; color:#666;} .add_box_gap {float:left; height:1px; width:100% !important;} .add_box_goodsbox {display:none; overflow:hidden; position:relative; float:left; width:100% !important; height:0;} .add_box_goodsbox .goods_preview {padding:49px 17px;} .add_box_goodsbox:after {content:''; display:block; clear:both; position:absolute; top:0; left:0; width:100%; height:2px; background:black;} .add_box_goodsbox:before {content:''; display:block; clear:both; position:absolute; top:0; left:0; width:100%; height:2px; background:black;} .goods_preview {position:relative;} .goods_preview:after {content:''; display:block; clear:both;} .goods_preview .goods_info_box > dl > dt {width:430px !important;} .goods_preview .goods_info_box > dl > dt .goods_img {width:340px !important;} .goods_preview .goods_info_box > dl > dd {padding-left:18px;} .goods_preview .goods_info_box > dl > dt .add_img_wrap {padding:0 !important;} .goods_preview .Jhslider_JH_wrap .arrow_g.prev {top:-29px !important;} .goods_preview .Jhslider_vertical_common {height:322px !important;} .goods_preview .Jhslider_JH_wrap .arrow_g.next {bottom:-18px !important;} .preview_buttom {display:block; position:absolute; top:0; right:0; width:46px; height:46px; background:url('../images/btns/popup_close_buttom2.png') no-repeat 0 0; text-indent:-9999px; cursor:pointer;} /* event */ .event_titleh2 {padding:32px 0 20px; border-bottom:1px solid #e1e1e1; color:#000; font-size:20px; font-weight:bold; text-align:center;} .event_goods {position:relative; width:100%;} .event_goods:after {content:''; display:block; clear:both;} .event_goods ul {width:100%;} .event_goods ul li.event_goods_wrap {display:inline-block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:24.7%; padding:0 15px; margin:27px 0 49px;} .go_tops {position:absolute; top:-25px; right:3px;} .event_goods ul li dt a img {height:auto !important;} .event_goods ul li dt {position:relative; margin-bottom:18px;} .event_goods ul li dt > div {display:none; position:absolute; left:0; bottom:0; z-index:999; background-color:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); font-size:12px; line-height:1.6; text-align:center;} .event_goods ul li dt > div > table div {position:relative; padding:25px 0 9px; color:#fff; cursor:pointer;} .event_goods ul li dt > div > table div.preview:after{content:''; display:block; clear:both; position:absolute; top:9px; left:30px; width:22px; height:14px; background:url('../images/common/goods_mouse_btn.png') no-repeat -1px -1px;} .event_goods ul li dt > div > table div.cart:after {content:''; display:block; clear:both; position:absolute; top:9px; left:32px; width:20px; height:15px; background:url('../images/common/goods_mouse_btn.png') no-repeat -2px -17px;} .event_goods ul li dt > div > table div.wishlist:after {content:''; display:block; clear:both; position:absolute; top:9px; left:50%; margin-left:-7px; width:15px; height:13px; background:url('../images/common/goods_mouse_btn.png') no-repeat -4px -35px;} .event_goods ul li dd .cur-text , .new_goods_list > ul > li > dl > dd .cur-text {overflow:hidden; height:35px; line-height:1.5; text-overflow:ellipsis;} .events_info_box {position:relative; padding:25px 14px;} .events_info_box > dl {display:table; table-layout:fixed; width:100%; margin-top:10px;} .events_info_box > dl:first-child {margin-top:0;} .events_info_box > dl > dt, .events_info_box > dl > dd {display:table-cell;} .events_info_box > dl > dt {width:115px;} .events_info_box > dl > dd {width:auto; color:#1b1b1b;} .events_info_box a {position:absolute; right:8px; bottom:22px;} .event_content_box {margin:60px 0;} .ask_text {padding:30px 0 16px 2px; border-top:1px solid #e2e2e2; color:#000; font-size:20px; font-weight:bold;} .reply_box_box {border:1px solid #dcdada; background:#fafafa; padding:15px 19px;} .text_area_box {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:100%; padding:10px; border:1px solid #b9b9b9;} .reply_box_box input[type='submit'] {width:100%; height:65px; background:black; color:#fff; font-size:16px; text-align:center;} .reply_box_content td {position:relative; padding:18px 0; border-bottom:1px solid #e2e2e2; color:#7b7b7b;} .reply_box_content dt {margin-bottom:11px;} .reply_box_content dd {padding-right:15px; color:#636363; line-height:1.5;} .crystal {display:inline-block; width:19px; height:18px; background:url('../images/common/goods_event_01.gif') no-repeat 0 0; text-indent:-9999px;} .deletion {display:inline-block; position:relative; width:18px; height:18px; margin-left:10px; padding-left:15px; background:url('../images/common/goods_event_02.gif') no-repeat 15px 0; text-indent:-9999px;} .deletion:after {content:''; display:block; clear:both; position:absolute; top:3px; left:0; width:1px; height:12px; background:#969696;} .reply_box_content .btn_box {position:absolute; top:18px; right:15px;} .promotion_wrap {position:relative; margin-top:30px;} .promotion_wrap .promotion_list_box {width:1080px;} .promotion_wrap .promotion_list_box > ul {float:left; width:100%;} .promotion_wrap .promotion_list_box > ul > li {float:left; width:330px; margin-right:30px; margin-bottom:30px; border:1px solid #dadada; text-align:center;} .promotion_wrap .promotion_list_box > ul > li dt {margin-bottom:15px; font:0/0 a;} .promotion_wrap .promotion_list_box > ul > li dt img {max-width:100%;} .promotion_wrap .promotion_list_box > ul > li dd .title {padding-bottom:13px; border-bottom:1px dotted #b4b4b4; color:#000; font-size:14px; font-weight:bold; text-align:center;} .promotion_wrap .promotion_list_box > ul > li dd .event_info {line-height:35px;} .promotion_wrap .promotion_list_box > .event_list > li dd .title {border-bottom:none; font-weight:normal;} .event_h4 {padding:55px 0 19px 6px; color:#000; font-size:20px; font-weight:bold;} .promotion_banner {} .promotion_banner > div.left h5 {color:#000; font-size:16px; margin-bottom:19px;} .promotion_banner > div {float:left} .promotion_banner > div.left {width:761px; padding:23px 24px; background:#f1f1f1;} .promotion_banner > div.right {padding-left:23px;} .promotion_banner li {font:0/0 a;} .promotion_banner > div.right h5 {margin-bottom:13px; margin-top:22px; color:#000; font-size:16px;} .promotion_banner > div.right p {padding-bottom:13px; color:#7b7b7b;} .promotion_banner > div.right > ul > li:first-child {border-top:0;} .promotion_banner > div.right li {border-top:1px solid #dadada;} .event_title2 {padding:50px 0 30px; text-align:center;} .event_title2 h2 {margin-bottom:15px; color:#000; font-size:36px; font-weight:normal; text-align:center;} .event_title2 p {display:inline-block; position:relative; color:#666; font-size:14px;} .event_title2 a {position:absolute; right:-120px; top:-10px;} .event_btn a span {position:relative; padding-left:20px;} .event_btn a span:after {content:''; display:block; clear:both; position:absolute; top:1px; left:0; width:14px; height:13px; background:url('../images/common/add_wishlist_btn.png') no-repeat 0 0;} .promotion_group {position:relative; border:1px solid #e1e1e1; border-bottom:0; background:#f9f9f9;} .promotion_group:after {content:''; display:block; position:absolute; left:0; bottom:0; z-index:99; width:100%; height:1px; background:#e1e1e1;} .promotion_group ul {position:relative; top:-1px; left:-1px; width:1050px;} .promotion_group li {width:262.5px; position:relative; float:left; line-height:45px; height:45px; z-index:89;} .promotion_group li a {display:block; position:absolute; top:0; left:0; width:263.5px; height:46px; border:1px solid #e1e1e1; background:#fff; text-align:center;} .promotion_group li:hover {z-index:900;} .promotion_group li:hover a {border:1px solid #000; z-index:999; font-weight:bold;} .promotion_group li.on {z-index:900;} .promotion_group li.on a {border:1px solid #000; z-index:999; font-weight:bold;} /*.table_header {float:right;}*/ .infoinput_box {padding:10px 20px 32px;} /*coupon modal*/ .coupon_pop {width:660px;} .off_line_coupon_pop {width:600px;} .off_line_coupon_title {padding:13px; border:1px solid #dcdada; background:#f7f7f7;} .btn_close_after {position:absolute; top:50%; right:10px; margin-top:-15px;} .review_premium dt {width:88px; font:0/0 a;} .review_premium dd {margin-left:10px;} .bord_premium_after {position:relative;} .bord_premium_after .btn-after-view {position:absolute; right:13px; bottom:-1px; cursor:pointer;} .btn-after-view {display:block; position:relative; width:64px; height:19px; padding-right:10px; border:1px solid #d3d3d3; line-height:19px; text-align:center;} .btn-after-view.on {background:#fff;} .btn-after-view.on:after {content:''; display:block; clear:both; position:absolute; top:50%; right:5px; width:7px; height:4px; margin-top:-3px; background:url('../images/common/review_point.gif') 0 0 no-repeat;} .btn-after-view.off {background:#f6f6f6;} .btn-after-view.off:after {content:''; display:block; clear:both; position:absolute; top:50%; right:5px; width:7px; height:4px; margin-top:-3px; background:url('../images/common/review_point.gif') no-repeat 0 -4px;} .infoinput_content .tab_bg01 td {border:solid 1px #b9b9b9; color:#000; font-weight:normal; text-align:center; cursor:pointer;} .infoinput_content .tab_bg01 td.c_tab_on {padding:8px 0; border-bottom:solid 1px #fff; background:#fff; color:#555; font-weight:bold; font-size:11px;} .infoinput_content .tab_bg01 td.c_tab_off {padding:9px 0; border-bottom:1px solid #b9b9b9; background:#fff; color:#7b7b7b; font-size:11px; font-weight:normal;} /* search */ #container .wrap-search-field .search-input {border:4px solid #000;border-top:none;border-left:none;border-right:none;height:70px;width:940px;} #container .wrap-search-field .search-input input[type='text'] {height:56px;line-height:56px;padding:0 60px 0 4px;font-size:38px;font-weight:600;margin-top:10px;} #container .wrap-search-field .search-input button {width:43px;height:44px;background: url(/data/aland_data/images/icon/icon_05.png) no-repeat;background-size:43px 44px;top:8px;} #container .wrap-search-field .rank-area {position:relative;left:0;width:940px;margin-left:5px;} #container .wrap-search-field .rank-area h2 {float:left;} #container .wrap-search-field .rank-area .rank-cut {overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} #container .wrap-search-field .rank-area .rank-cut ul li {float:left;} #container .wrap-search-field .rank-area .rank-cut ul li a {padding:0 10px 0 10px;} .wrap-search-field {position:relative; z-index:2; width:100%; margin-bottom:100px;} .wrap-search-field .search-input {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; position:relative; width:581px; height:60px; margin:0 auto; border:1px solid #000;} .wrap-search-field .search-input.active {border-color:#123ad4;} .wrap-search-field .search-input input[type='text'] {width:100%; height:58px; padding:0 60px 0 37px; color:#111; font-size:24px; font-weight:200; line-height:56px;} .wrap-search-field .search-input button {display:inline-block; position:absolute; top:15px; right:12px; width:29px; height:28px; background:url('../images/sprite.png') no-repeat -424px -32px; font:0/0 a;} .wrap-search-field .rank-area {position:absolute; top:0; left:50%; z-index:3; width:230px; margin-left:315px; border:1px solid #000; background:#fff;} .wrap-search-field .rank-area.close {border-color:transparent;} .wrap-search-field .rank-area h2 {padding:22px 0 0 5px; font-size:12px; font-weight:800; line-height:1;margin-right:10px;} /*.wrap-search-field .rank-area h2:after {content:''; display:inline-block; width:9px; height:5px; margin:5px 0 0 26px; background:url('../images/sprite.png') no-repeat -592px -195px; vertical-align:top;}*/ .wrap-search-field .rank-area.close h2:after {background-position:-592px -190px;} .wrap-search-field .rank-area ul {width:100%; margin-top:15px;} .wrap-search-field .rank-area ul li + li {border-top:1px solid #ededed;} .wrap-search-field .rank-area ul li a {display:block; overflow:hidden; height:40px; padding:0 24px 0 24px; color:#111; line-height:40px; white-space:nowrap; text-overflow:ellipsis;} /*.wrap-search-field .rank-area ul li a:hover {background:#000; color:#fff;}*/ /*.wrap-search-field .rank-area ul li.active a {background:#000; color:#fff;}*/ .wrap-search-field .close .rank-cut {overflow:hidden; height:14px; margin-top:22px; line-height:1;} .wrap-search-field .close .rank-cut ul {margin:0;} .wrap-search-field .close .rank-cut ul li {border:0;} .wrap-search-field .close .rank-cut ul li a {height:14px; color:#777; font-size:12px; line-height:1;} .wrap-search-field .close .rank-cut ul li.active a {color:#777; background:transparent;} .search-result-msg {position:absolute; top:-110px; left:0;} .search-result-msg #search_display_text {display:inline-block; max-width:200px; text-transform:uppercase;} .wrap-search-result {position:relative; width:100%; margin-top:85px;} .wrap-search-result:after {content:''; display:block; clear:both;} .wrap-search-result .menu-category {float:left; width:150px;} .wrap-search-result .menu-category a {display:block; color:#555; font-size:11px; line-height:1;} .wrap-search-result .menu-category a + a {margin-top:13px;} .wrap-search-result .menu-category a em {margin-left:4px; color:#aaa; font-size:10px;} .wrap-search-result .menu-category a:hover span, .wrap-search-result .menu-category a.active span {text-decoration:underline;} .wrap-search-result .list-area {position:relative; float:right;} .wrap-search-result .list-area .wrap-list-option {top:-69px;} .wrap-search-result .no-reulst-message, .wrap-search-result-type2 .no-reulst-message {height:232px; border-bottom:1px solid #000; color:#111; font-size:16px; line-height:1.75; text-align:center;} .wrap-search-result .no-reulst-message:before, .wrap-search-result-type2 .no-reulst-message:before {content:''; display:block; margin:0 auto 15px auto; width:67px; height:61px; background:url('../images/sprite.png') no-repeat -811px -264px;} .wrap-search-result-type2 {position:relative; width:100%; margin-top:85px;} .wrap-search-result-type2 .search-result-msg {} .wrap-search-result-type2 .wrap-goods-list ul .goods-list {height:279px;} .result-best-area {margin-top:55px;} .result-best-area h2 {font-size:26px; font-weight:600; line-height:1; text-align:center;} .result-best-area .wrap-goods-list {margin-top:35px;} .result-best-area .wrap-goods-list ul {width:1182px; margin:0;} .result-best-area .wrap-goods-list .no-content {width:1180px; margin-left:20px;} .result-best-area .wrap-goods-list {margin-top:35px;} .result-best-area .wrap-goods-list li:nth-child(5n) {margin:0 0 0 0;} .result-best-area .wrap-goods-list li {width:221px; margin:20px 19px 0 0;} .result-best-area .wrap-goods-list ul .thumb img {max-width:221px; max-height:221px;} .result-best-area .wrap-brand-list ul li:nth-child(6) {margin-top:35px;} /********************************** bbs_templet **********************************/ .wrap-board .btn-right {margin-top:20px; text-align:right;} .btn-area-type2 {overflow:hidden; margin-top:10px;} .btn-area-type2 input[type="submit"] {vertical-align:1px;} /* bbs-list */ .wrap-board .common-table2 {width:100%;} .wrap-board .common-table2 td {padding:10px 0;} .wrap-board .common-table2 .notice td {padding:3px 0;} .wrap-board .common-table2 .subject {text-align:left;} /* bbs-read */ .wrap-qna-comment {padding:15px; border-top:1px solid #e1e1e1; background:#f4f4f4;} .qna-comment {overflow:hidden;} .qna-comment + .qna-comment { margin-top:15px;} .qna-comment .comment-txt {float:left;} .qna-comment .comment-txt img {margin-right:10px;} .qna-comment .write-info {float:right;} #pass_check {margin-top:10px;} #pass_check input[type="password"] {height: 28px; margin-top:10px; padding: 0 5px; border: 1px solid #e1e1e1;} #pass_check .btn-area {display:inline-block; vertical-align:-4px;} #pass_check .btn-area input, #pass_check .btn-area a {display:inline-block; width:45px; height:28px; border:1px solid #e1e1e1; border-radius:3px; text-align:center; vertical-align:middle; line-height:28px;} /* faq */ .faq-list {border-top:1px solid #000; line-height:1.5;} .faq-list dt {padding:15px; border-bottom:1px solid #e1e1e1; background: url('../images/common/btn_read.png') no-repeat right 17px; cursor:pointer;} .faq-list .faq-group {display:inline-block; width:150px; text-align:center;} .faq-list dd {display:none; position:relative; padding:15px 15px 15px 55px;; background:#f4f4f4;} .faq-list dd span {position:absolute; top:15px; left:15px;} /* 일반포토 구매후기 */ .common-table2 .comment {text-align:left; line-height:1.5;} .common-table2 .comment .star {margin-right:5px; vertical-align:-2px;} .after-read-table {width:100%; border:1px solid #dbdbdb; background:#f6f6f6;} .after-read-table td {position:relative; padding:15px 0; vertical-align:top;} .after-read-table .thumb {display:inline-block; width:85px; height:85px; margin-left:15px;} .after-read-table .thumb img {width:100%; height:auto;} .after-read-table .btn { position:absolute; bottom:15px; left:0;} .after-assessment {padding-left:20px; border-left:1px dotted #a2a2a2; text-align:left;} .after-assessment li {padding:5px 0; color:#7b7b7b;} .after-assessment li + li {margin-top:7px;} .after-assessment li span.title {display:inline-block; width:35px; font-weight:bold;} .after-assessment li span.star {vertical-align:-2px;} .wrap-read-content {margin-top:20px;} .wrap-read-content .read-title {position:relative; padding:10px; border-top:1px solid #000; border-bottom:1px solid #e1e1e1; vertical-align:2px;} .wrap-read-content .read-title strong {margin-right:5px;} .wrap-read-content .read-title div {display:inline-block;} .wrap-read-content .read-title .date {position:absolute; top:11px; right:0;} .wrap-read-content .read-content {position:relative; padding:10px 10px 20px 10px;} .wrap-read-content .read-content .add-file {position:absolute; top:0; right:0;} .wrap-read-content .read-content .add-file a {display:block;} .wrap-read-content .read-content .add-file a + a {margin-top:5px;} .wrap-read-content .read-content .bbs-file {margin:10px 0;} .wrap-read-content .read-content .bbs-content {min-height:200px;} .wrap-read-content .read-content .recommend {line-height:29px;} .wrap-read-content .read-content .recommend img {vertical-align:middle;} /* next/prev */ .bbs-nav {border-top:1px solid #e1e1e1;} .bbs-nav li {position:relative; padding:5px 15px; border-bottom:1px solid #e1e1e1; line-height:25px;} .bbs-nav li * {vertical-align:middle;} .bbs-nav li > div {display:inline-block;} .bbs-nav li strong {display:inline-block; width:60px;} .bbs-nav li .date {position:absolute; top:5px; right:15px;} /* input-file custom */ .filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } /* named upload */ .filebox .upload-name { display: inline-block; width: 250px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background: none; } .filebox .upload-name-modal { display: inline-block; width: 250px; font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; background: none; } .wrap-join-input .filebox .upload-name {padding-left:0.75em;} .wrap-join-input .filebox .find-file {display:inline-block; min-width:108px; height:32px; border:1px solid #222; box-sizing:border-box; background:none; color:#111; font-size:13px; line-height:32px; vertical-align:middle; text-align:center;} .wrap-join-input .filebox .find-file:before {content:''; display:inline-block; width:12px; height:11px; margin-right:7px; background:url('../images/sprite.png') no-repeat -250px -468px;} .wrap-join-input .filebox input[type="button"] {display:none; width:7px; height:7px; background:url("../images/sprite.png") no-repeat -389px -472px; vertical-align:-webkit-baseline-middle; text-indent:-9999px; cursor:pointer;} /********************************** cart **********************************/ .wrap-cart h1 {font-size:28px;font-weight:bold;text-align:left;color:#000;display:inline-block} .wrap-cart p.noti em a {text-decoration:underline;} .subtit-cont-type2 {margin-top:12px; text-align:center;} .subtit-cont-type2 .sequential-no {display:inline-block;} .subtit-cont-type2 .sequential-title {margin-left:5px; letter-spacing:0;display:inline-block;} .subtit-cont-type2 li {display:inline-block; color:#555; font-size:14px; line-height:36px; letter-spacing:-0.1em;} .subtit-cont-type2 li.active {color:#111; font-weight:600;} .subtit-cont-type2 li + li {margin-left:30px;} .subtit-cont-type2 span {display:inline-block; width:34px; height:34px; margin-right:10px; border:2px solid #221e1f; border-radius:50%; background:#fff; font-family:'Graphik Web','Apple SD Gothic Neo', 'nanumBarun', sans-serif; font-weight:800; line-height:35px; text-align:center;} .subtit-cont-type2 li.active span {background:#111; color:#fff;} .subtit-cont-type2 li em {display:inline-block; margin:0 3px;} .login-status {margin-top:10px; padding:0 0 10px 10px; background:url('../images/common/diagonal_line.png') repeat-x 0 bottom; color:#636363; line-height:39px;} .login-status .check-status {margin-right:28px;} .login-status .check-status span {font-weight:normal;} .cart-information {overflow:hidden; margin-top:30px;position:relative;} /*html[lang="en"] .cart-information {border-top:1px solid #e9e8e8;}*/ .cart-information h2 {/* margin-right:20px !important; */ border-bottom:4px solid #000; padding-bottom:10px; color:#000; font-size:21px; font-weight:600;width:831px;} /*.cart-information form {position:relative;}*/ .cart-information .keep-period {margin-top:16px;} .cart-information .cart-detail {position:relative; width:831px; margin-bottom:95px; /*border-right:1px solid #e9e8e8; box-sizing:border-box;*/} .cart-information .cart-sum {position:absolute; top:0; right:0px; } .cart-information .cart-sum .border-wrap {width:272px; padding:40px 30px 0; border: 4px solid #000; } .cart-information .cart-sum.sticky {position:fixed; top:118px; right:50% !important; z-index:50; margin-right:-600px; background:#fff;} .cart-information .cart-sum.btm {position:absolute;top:auto !important;bottom:0;/*margin-right:-301px;*/} .wrap-cart.non-memtype .cart-information {position:relative; margin-top:60px; border-top:1px solid #e9e8e8;} .wrap-cart.non-memtype .cart-information .cart-sum {top:0; right:0;} .wrap-cart.non-memtype .cart-information .cart-sum.fixed {top:100px; right:50%;} .wrap-cart.non-memtype .cart-information .cart-sum.btm {position:absolute;top:auto;bottom:100px;right:0;margin-right:0;} .wrap-cart.non-memtype2 .cart-information .cart-sum {top:280px;} .wrap-cart.non-memtype2 .cart-information .cart-sum.fixed {top:118px; right:50%;} .wrap-cart.non-memtype2 .cart-information .cart-sum.btm {position:absolute;top:auto;bottom:100px;margin-right:0;} .cart-information .cart-sum .wrap-sum h3 {font-size:24px; font-weight:700;padding-bottom:16px;border-bottom:1px solid #000;} .cart-information .cart-sum .wrap-sum ul {margin-top:25px; margin-bottom:40px;} .cart-information .cart-sum .wrap-sum ul li {font-size:14px;letter-spacing:-0.25px;line-height:30px;overflow:hidden;position:relative;color:#000;} .cart-information .cart-sum .wrap-sum ul li + li {margin-top:8px;} .cart-information .cart-sum .wrap-sum ul li .sum {position:absolute; top:0; right:0;} .cart-information .cart-sum .wrap-sum ul li .sum span{font-size:24px;font-weight:600;letter-spacing:0;} .cart-information .cart-sum .wrap-sum ul li .sum .point {padding-left:4px;} .cart-information .cart-sum .wrap-sum ul li.total {margin:20px 0 0; padding:61px 0 3px; border-top:1px solid #f1f1f1;} html[lang="en"] .cart-information .cart-sum .wrap-sum ul li.total, html[lang="zh"] .cart-information .cart-sum .wrap-sum ul li.total {margin:20px 0 36px !important; padding:40px 0 0; border-top:1px solid #f1f1f1; border-bottom:none;} .cart-information .cart-sum .wrap-sum ul li.total .reserve {position:absolute; top:77px; right:0;text-transform:uppercase;} .cart-information .cart-sum .wrap-sum ul li.total .reserve span {color:#aaa;} .cart-information .cart-sum .wrap-sum ul li.total .sum {top:52px; font-size:16px;} html[lang="en"] .cart-information .cart-sum .wrap-sum ul li.total .sum, html[lang="zh"] .cart-information .cart-sum .wrap-sum ul li.total .sum {top:30px; font-size:24px; font-weight:600;} .cart-information .cart-sum .wrap-sum ul li.total .sum span {font-size:24px; font-weight:600;} .cart-information .cart-sum .wrap-sum ul li.total.non-total {margin:44px 0 50px;} html[lang="ko"] .wrap-cart .wrap-payment-info .payment-price .wrap-sum .coupon-type, html[lang="ko"] .cart-information .cart-sum .wrap-sum .coupon-type {margin-top:20px; padding-top:20px; border-top:1px solid #f1f1f1;} /*.cart-information .cart-sum .wrap-sum .coupon-type .sum {top:20px;}*/ .cart-information .cart-sum .wrap-sum .coupon-type dl {overflow:hidden;} html[lang="ko"] .cart-information .cart-sum .wrap-sum .coupon-type dl {float:right; width:130px;} .cart-information .cart-sum .wrap-sum .coupon-type dt, .cart-information .cart-sum .wrap-sum .coupon-type dd {float:left;} .cart-information .cart-sum .wrap-sum .coupon-type dt {display:inline-block; width:50%; color:#777;} html[lang="ko"] .cart-information .cart-sum .wrap-sum .coupon-type dt {width:65px;} .cart-information .cart-sum .wrap-sum .coupon-type dd {width:50%;text-align:right;} html[lang="ko"] .cart-information .cart-sum .wrap-sum .coupon-type dd {width:65px;} .cart-information .cart-sum .btn-area {margin:0 0 0px -30px;} .cart-information .cart-sum .btn-area a {width:300px;} .cart-information .cart-sum .btn-area a + a {margin-top:5px;} .cart-information .btn-area {clear:both; margin-top:40px; text-align:center;} .cart-information .naver-pay {width:236px; margin-top:20px;margin-left:auto;margin-right:auto;} .cart-goods-info {text-align:left;} .cart-goods-info:after {content:''; display:block; clear:both;} .cart-goods-info .thumb {display:inline-block; overflow:hidden; width:86px; height:86px; margin-top:-8px; text-align:center; font:0/0 a;} .cart-goods-info .thumb img {max-width:86px;} .cart-goods-info .information {display:inline-block; width:160px; padding-left:20px; vertical-align:top;} .cart-goods-info.space-type .information {width:450px;} .cart-goods-info .pstatus {display:block; margin-bottom:3px;} .cart-goods-info .pname, .cart-goods-info .pdesc {display:block; word-break:break-word;} .cart-goods-info .pname a {color:#111; font-weight:400;} .cart-goods-info .pdesc a {color:#777; font-size:11px; font-weight:200; letter-spacing:0.064em;} .cart-goods-info .pname.add-prod a {font-weight:800;} .cart-goods-info .option-info {display:block; margin-top:10px; font-size:12px; font-weight:200;} .cart-goods-info .option-change {margin-top:8px;} .cart-detail-inner:after {content:''; display:block; clear:both;} .cart-detail-inner h2 {margin:15px 0 11px 0;} .cart-detail-inner h2.sect-area {margin:30px 0 50px 0;} .cart-detail-inner .view_gift {text-align:center;} .order-btn {clear:both; position:absolute; width:880px; padding:20px 0 30px 0; border-top:1px solid #000;} .order-btn [class^='custom-check'] {margin-right:5px; vertical-align:-3px;} .order-btn a + a {margin-left:7px;} /*.order-btn .delete_sold_out {position:absolute; top:20px; right:0;}*/ .order-return-info{margin-top:60px;position:relative} .order-return-info #return-info-view{display:none;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:absolute;bottom:317px;right:384px;width:280px;height:230px;padding:38px 1px 0 19px;border:1px solid #000;background:#fff;} .order-return-info #return-info-view h2{font-size:14px;font-weight:800;line-height:1.1;text-transform:uppercase;} .order-return-info #return-info-view ul{margin-top:20px;} .order-return-info #return-info-view ul li{font-size:12px;font-weight:800;line-height:1.5;} .order-return-info #return-info-view ul li .margin-10{margin-left:10px;} .order-return-info #return-info-view .close{position:absolute;top:15px;right:15px;width:14px;height:14px;background: url(../images/sprite.png) no-repeat -95px 0;font-size:0;} .cart-detail-inner {/* margin-bottom:40px; padding-bottom:40px; */padding:50px 0 0 0;margin-bottom:40px;} .sect-area + .cart-detail-inner {margin-bottom:40px;} .box-cart-pay {width:831px; margin-right:20px;; padding:27px 22px 27px 0; box-sizing:border-box; background:#f5f5f5; color:#303030; font-weight:400; text-align:right;} .box-cart-pay strong {margin-left:15px; font-size:16px; font-weight:600;} .box-cart-pay p + p {margin-top:7px; color:#bebebe;} .box-cart-pay p + p span {color:#505050;} .cart-pay-table {border:1px solid #838383;} .cart-pay-table table {width:100%;} .cart-pay-table th {height:40px; border-bottom:1px dotted #bfbebe; border-left:1px dotted #bfbebe; background:#f8f8f8; color:#666666; font-size:14px; font-weight:normal; line-height:40px; text-align:left;} .cart-pay-table th span {margin-left:22px;} .cart-pay-table td {position:relative; height:75px; border-left:1px dotted #bfbebe; text-align:right;} .cart-pay-table th:first-child, .cart-pay-table td:first-child {border-left:0;} .cart-pay-table td span {margin-right:26px; color:#000; font-size:16px;} .cart-pay-table td span strong {font-size:24px;} .cart-pay-table td img {position:absolute; top:50%; right:-12px; margin-top:-12px;} .cart-pay-table .total {font-size:30px;} .cart-pay-info {height:40px; border-top:1px dotted #bfbebe; line-height:40px;} .cart-pay-info .benefit {color:#fff; font-size:11px; padding:0; margin:0 5px 0 10px;} .cart-pay-info .vm {font-size:12px;} .cart-pay-info .t-sum {color:#2a2a2a;} .cart-pay-info .order {font-size:11px;} .cart-pay-table2 {margin-top:30px; border:1px solid #838383;} .cart-pay-table2 table {width:100%;} .cart-pay-table2 th {height:40px; background:#f8f8f8; border-bottom:1px dotted #bfbebe; border-left:1px dotted #bfbebe; color:#666666; font-size:14px; font-weight:normal; line-height:40px; text-align:left;} .cart-pay-table2 th span {margin-left:22px;} .cart-pay-table2 .infoinput-re td {position:relative; height:75px; padding-right:26px; border-left:1px dotted #bfbebe; text-align:right;} .cart-pay-table2 .infoinput-re td img {position:absolute; top:50%; right:-12px; margin-top:-12px;} .cart-pay-table2 .infoinput-re th:first-child, .cart-pay-table2 .infoinput-re .parent_td:first-child {border-left:0;} .cart-pay-table2 .infoinput-re img.sum {vertical-align:middle;} .cart-pay-table2 .infoinput-re .pay-box dd {font-size:21px;} .cart-pay-table2 .infoinput-re .total-detail {color:#03848c;} .cart-pay-table2 .total-area {font-size:16px;} .cart-pay-table2 .total-area .total {font-size:30px;} .infoinput-text-box {color:#000; font-size:16px;} .infoinput-text-box strong {font-size:24px;} .infoinput-text-box .d-price strong, .infoinput-text-box .d-price span {font-size:12px;} .benefit_info {border-top:1px solid #bfbebe;} .wrap-infoinput-area {margin-top:23px;} .wrap-infoinput-area:after {content:''; display:block; clear:both;} .infoinput-content {margin-top:30px;} .infoinput-content .cart-goods-info .information {vertical-align:middle;} .infoinput-content .btn-area {margin-top:50px; text-align:center;} .infoinput-content .cart-sum .total {margin-bottom:0 !important; border-bottom:none !important;} .infoinput-content .wrap-agreement {margin-bottom:50px;} .infoinput-content .wrap-agreement .box-agreement {overflow-y:auto; min-height:170px; margin:20px 0 10px; padding:20px; border:1px solid #ddd; color:#aaa;} .infoinput-content .wrap-agreement .noti {margin-top:8px;} .infoinput-content .wrap-agreement.non-mem-type {width:860px; margin:0} .non-memtype .infoinput-content {overflow:visible;} .non-memtype .infoinput-content .non-mem-container {position:relative;width:860px; padding-right:19px; border-right:1px solid #e9e8e8;} .non-memtype .infoinput-content .non-mem-container .abs-title {position:absolute; top:-40px; left:0; border:0;} .non-memtype .cart-information .cart-detail {border-right:0;} .wrap-infoinput-agree .custom-check-type3 label {display:block; padding-left:28px;} .wrap-infoinput-agree .custom-check-type3 label:before {margin-left:-28px;} .wrap-infoinput-agree .agree-txt-wrap {position:relative; height:35px; margin-top:10px; padding:10px 5px 10px 10px; border:1px solid #e5e5e5; cursor:pointer; box-sizing:border-box; } .wrap-infoinput-agree .agree-txt-wrap span {display:block; height:15px; overflow:hidden;} .wrap-infoinput-agree .agree-txt-wrap.selected {height:auto;} .wrap-infoinput-agree .agree-txt-wrap.selected span {height:140px;} .wrap-infoinput-agree .agree-txt-wrap.selected dl {height:108px !important;} .wrap-infoinput-agree .agree-txt-wrap:after {position:absolute; top:15px; right:12px; content:''; width:10px; height:6px; background:url('../images/sprite.png') no-repeat -587px -15px; font:0/0 a; cursor:pointer;} .wrap-infoinput-agree .agree-txt-wrap.selected:after {background-position:-571px -15px;} .wrap-infoinput-agree .agree-txt-wrap strong {display:block; margin-bottom:15px; padding-right:5px; color:#111; font-size:11px; font-weight:400;} .wrap-infoinput-agree dl {margin-top:15px; margin-right:5px !important;} .wrap-infoinput-agree dl dd + dt {margin-top:10px;} .wrap-infoinput-agree dl dt, .wrap-infoinput-agree dl dd {color:#aaa; font-size:11px;} .wrap-infoinput-agree .custom-check-type2 input[type='checkbox']:before {top:0;} .infoinput-sale h2, .infoinput-payment h2 {margin-bottom:0;} .infoinput-sale .no-member .wrap-input, .infoinput-sale .no-member .wrap-input input {background:#fcfcfc; color:#ccc !important;} .infoinput-sale .no-member .desc {color:#ccc !important;} .infoinput-sale .txt-coupon {margin-bottom:7px;} .infoinput-sale .no-member th {color:#ccc !important;} .infoinput-sale .no-coupon th {height:58px; padding-top:0 !important; color:#ccc !important; line-height:58px;} .infoinput-sale .no-coupon td {color:#ccc; font-weight:200 !important;} .infoinput-sale .no-coupon-txt {display:none;} .infoinput-sale .no-coupon .no-coupon-txt {display:inline-block;} .infoinput-sale .no-coupon .coupon {display:none;} .infoinput-sale .coupon-desc {margin-top:15px; color:#777; font-size:14px; font-weight:200; line-height:20px;} .infoinput-sale .coupon-desc li .br {display:inline-block;} .infoinput-sale .common-write {width:100%; margin-left:-10px !important;} .infoinput-content .common-write{min-width:585px; margin:40px 0 0 50px; border-top:none;} html[lang="en"] .infoinput-content .common-write, html[lang="zh"] .infoinput-content .common-write {margin-left:0; border-top:none;} .infoinput-content .common-write th, .infoinput-content .common-write td {border-bottom:none;font-size:14px;} .infoinput-content .common-write th {padding:20px 30px 0 0; color:#000; font-weight:400; text-align:right; vertical-align:top;} .infoinput-content .common-write td {width:459px;} .infoinput-content .common-write td .sbHolder {} .infoinput-content .common-write td .sbSelector {margin-left:0; padding-top:12px; padding-bottom:12px; border-color:#e1e1e1;} .infoinput-content .common-write td .sbSelector:after {top:18px;} .infoinput-content .common-write td .sbOptions {top:40px !important;} .infoinput-content .common-write td .sbOptions .sbOptions {top:0 !important;} .infoinput-content .common-write td .add-caption {margin-top:6px;} .infoinput-content .common-write td .add-caption .custom-check-type3 {margin-left:0; color:#aaa;} .infoinput-content .common-write .deli-coupon .no-coupon-txt {margin-top:14px;} .infoinput-content .common-write .deli-coupon .non-coupon-desc {margin-top:31px; color:#777; font-size:12px; font-weight:200;} .infoinput-content .delivery-info p {margin-top:10px;} html[lang="en"] .infoinput-content .delivery-info p {font-weight:200;} html[lang="en"] .infoinput-content .delivery-info p strong {font-weight:400;} html[lang="zh"] .infoinput-content .delivery-info p strong {font-weight:800;} /* mypage sleep_member(휴면해지) S */ .wrapper-sleep-member{width:100%;margin:0 auto;} .wrapper-sleep-member .inner {width:100%;margin:0 auto; } .wrapper-sleep-member .img_box { text-align:center; margin-top:98px; } .wrapper-sleep-member .img_box img { width:96px; height:96px; } .wrapper-sleep-member .comment_box { text-align:center; margin-top:60px; } .wrapper-sleep-member .comment_box p { margin-top:16px; font-size:15px; letter-spacing:-1px;} .wrapper-sleep-member .comment_box p .bold { font-weight:bold; } .wrapper-sleep-member .check_box {pwidth:100%; padding-top:68px;margin:0 auto;} .wrapper-sleep-member .check_box .check_boxA {width:100%;text-align:center; } .wrapper-sleep-member .check_box .check_boxA a {display:block;width:400px; height:64px; background:#000; color:#fff; line-height:64px; text-decoration:none; font-size:15px;margin: 0 auto;} .wrapper-sleep-member .check_box .check_boxA a:hover {width:400px; height:60px; background:#fff; color:#000; line-height:60px; text-decoration:none; font-size:15px; border:2px solid #000;margin: 0 auto;} /* mypage sleep_member(휴면해지) E */ /* store map-list(스토어 리스트) S */ .wrap-store-list{width:100%;margin:0 auto;border-top:1px solid #dcdcdc;} .wrap-store-list .store-map{width:67%;height:640px;float:left;overflow:hidden;} .wrap-store-list .store-section{display:inline-block;width:33%;overflow:hidden;} .wrap-store-list .store-list li {position:relative; padding:35px 50px 35px 64px; border-bottom:1px solid #e5e5e5;line-height:1;} .wrap-store-list .store-list li.active{background:#f6f6f6;} .wrap-store-list .store-list li:last-child{border-bottom:none;} .wrap-store-list .store-list .division{position:absolute;top:36px;left:30px;color:#bfbfbf; font-size:16px;font-weight:bold;letter-spacing:0;} .wrap-store-list .store-list .store-line{width:2px;height:1.3rem;background:#eaeaea;display:inline-block;margin-top:0.18rem;vertical-align:top;} .wrap-store-list .store-list .store-info{margin-left:10px;display:inline-block;} .wrap-store-list .store-list .sname, .wrap-store-list .store-list .time, .wrap-store-list .store-list .tag {display:block;} .wrap-store-list .store-list .sname {color:#000; font-weight:bold;font-size:18px;letter-spacing:-0.25px;} .wrap-store-list .store-list .time {margin-top:10px;color:#5d5d5d;font-weight:normal;line-height:20px;font-size:12px;} .wrap-store-list .store-list .tag {margin-top:1.5rem;color:#000;font-weight:normal;font-size:14px;line-height:1;} .wrap-store-list .store-list .store-favorite{display:inline-block;vertical-align:top;text-align:left;float:right;} .wrap-store-list .store-list .store-favorite .favor-btn img{vertical-align:bottom;width:20px;} .wrap-store-list .store-list .store-favorite .favor-count{font-size:16px;color:#5d5d5d;font-weight:normal;margin-left:8px;letter-spacing:0;} .wrap-store-list .store-list .store-favorite .favor-count.active{color:#d82934} .wrap-store-list .store-list .store-icon{background:url("../images/aland/icon_store_new.png") no-repeat center;background-size:1.5rem 1.5rem;margin-left:.7rem;padding:0.3rem 1.5rem 0.3rem 0;} .store-map-marker{background:url("/data/aland_data/images/icon/map_icon_off.png") no-repeat center;background-size:45px;width:50px;height:67px;text-align:center;} .store-map-marker.on{background:url("/data/aland_data/images/icon/map_icon_on.png") no-repeat center;background-size:45px;width:50px;height:67px;text-align:center;} .store-map-marker .number{color:#fff;font-size:14px;line-height:55px;font-weight:600;letter-spacing:-0.25px;} .map-store-info-area{width:280px;margin:25px;} .map-store-info-area .store_name{color:#000;display:block;font-size:21px;font-weight:bold;margin-bottom:22px;letter-spacing:-0.25px;} .map-store-info-area .address, .map-store-info-area .tel{color:#5d5d5d} .map-store-info-area .tel{margin-top:10px;} .map-store-info-area .more{font-weight:600;color:#000;margin:30px 0;} .map-store-info-area .address, .map-store-info-area .tel, .map-store-info-area .more{font-size:14px;display:block;letter-spacing:-0.25px;} .store-detail {width:750px;margin:0 auto;border-top:1px solid #000;background:#f5f5f5} .store-detail .wrap-store-detail{width:100%;;display:inline-block;} .store-detail .shop-img .slick-dots{bottom:20px;} .store-detail .shop-img .slick-dots li{width:24px;} .store-detail .shop-img .slick-dots li button:before{color:#fff;opacity:1;font-size:0;content:'';background:url("/data/aland_data/images/promotion/dots.png") no-repeat;background-size:10px;} .store-detail .shop-img .slick-dots li.slick-active button:before{content:'';background:url(/data/aland_data/images/promotion/dots_on.png) no-repeat;margin:-3px 0 0;background-size:15px;} .store-detail .shop-img img, .store-detail .shop-map img {width:750px} .store-detail .shop-map {margin-top:2.5rem;} .store-detail .store-info-area{width:33%;display:inline-block;vertical-align:top;} .store-detail .shop-info{margin-top:2rem;} .store-detail .shop-info .store-name{margin:50px 50px 0;} .store-detail .shop-info .store-name .name, .store-detail .shop-info .store-name .favor-btn, .store-detail .shop-info .store-name .favor-count{display:inline-block} .store-detail .shop-info .store-name .name{font-size:28px;font-weight:bold;color:#000;letter-spacing:-0.25px;} .store-detail .shop-info .store-name .store-favorite{display:inline-block;margin-top:10px;text-align:left;float:right;} .store-detail .shop-info .store-name .favor-btn img{vertical-align:-3px;width:20px;} .store-detail .shop-info .store-name .favor-count{margin-left:8px;font-size:16px;font-weight:normal;color:#5d5d5d} .store-detail .shop-info .time, .store-detail .shop-info .address, .store-detail .shop-info .tel {display:block} .store-detail .shop-info .time {font-size:1.8rem; font-weight:800; line-height:1;} .store-detail .shop-info .tel {font-size:14px;color:#5d5d5d;margin:10px 50px 0;} .store-detail .shop-info .address {margin:20px 50px 0;color:#5d5d5d;font-size:14px;letter-spacing:0;} .store-detail .store-line{width:58px;height:2px;background:#000;margin:30px 50px;} .store-detail .floor-list {margin:0 50px;} .store-detail .floor-list li {font-size:12px;color:#a0a0a0;font-weight:200;line-height:2.5;} .store-detail .floor-list .operation{color:#000;margin-bottom:20px;font-weight:600;letter-spacing:0;} .store-detail .store-etc-area{margin:30px 50px;} .store-detail .store-etc-area span{display:inline-block;} .store-detail .store-etc-area a{display:inline-block;width:198px;height:68px;border:1px solid #000;text-align:center;font-size:14px;font-weight:bold;color:#000;line-height:70px;letter-spacing:0;} .store-detail .store-etc-area span img{height:3.12rem;} .store-detail .notice-list{width:100%} .store-detail .notice-list ul{border-top:1rem solid #f2f2f2} .store-detail .notice-list li{margin:0 auto;} .store-detail .notice-list img{width:100% !important;height:auto !important;} .store-detail .notice-list .board-layout-01 .detail-title{margin:2rem;font-size:1.625rem;font-weight:600;color:#000;letter-spacing:-0.025rem} .store-detail .notice-list .board-layout-01 .detail-content{margin:0 2rem;font-size:1.1rem;color:#5d5d5d;line-height:2rem;} .store-detail .notice-list .board-layout-01 .detail-content:last-child{margin-bottom:3rem;} .store-detail .notice-list p, .store-detail .notice-list span{font-size:1.2rem !important;} .brand-store-wrap{width:565px;} .brand-store-wrap .store-title{font-size:21px;font-weight:bold;letter-spacing:0;color:#000;} .brand-store-wrap .store-info{margin-top:0.5rem;color:#5d5d5d;} .brand-store-wrap .store-info li{font-size:1rem;} .brand-store-wrap .store-info .store-home-btn{border:1px solid #003e9f;border-radius:25px;width:4.5rem;font-size:0.8rem;color:#003e9f;font-weight:bold;line-height:1.8rem;margin: 1rem 0;display:inline-block;text-align:center;} .brand-store-wrap .brand-line{height:2px;background:#000;width:58px;margin:25px 0 45px;} .store-info-list{width:100%;margin-bottom:100px;} .store-info-list ul{} .store-info-list ul:nth-child(1){border-top:none} .store-info-list ul:nth-child(1) .floor-text{margin-bottom:20px;} .store-info-list .floor-text{margin-left:15px;font-size:12px;color:#c7c7c7;letter-spacing:0.3px;font-weight:300;margin-bottom:15px;margin-top:25px;} .store-info-list dl{border-top:1px solid #d4d4d4;padding:20px 0;} .store-info-list ul li dl:last-child{border-bottom:1px solid #d4d4d4;} .store-info-list dl .brand-name{font-size:14px;color:#000;font-weight:600;margin-left:15px;} .store-info-list dl .brand-kr-name{font-size:12px;color:#5d5d5d;margin-left:15px;} /* store map-list(스토어 리스트) E */ /* brand-list(브랜드 리스트) S */ .brand-list-area{margin:25px 50px 0;} .brand-list-area .wrap-brand-sort{position:unset;} .brand-list-area .wrap-brand-sort .inner-brand-sort{width:100%;position:relative;margin-bottom:35px;} .brand-list-area .wrap-brand-sort .inner-brand-sort .menu-condition-sort{text-align:left;margin-left:10px;} .brand-list-area .wrap-brand-sort .inner-brand-sort .menu-condition-sort a{display:inline-block;font-size:21px;color:#a0a0a0;letter-spacing:1.4px;font-weight:100;margin:0 35px 0 0;padding:0;height:auto;} .brand-list-area .wrap-brand-sort .inner-brand-sort .menu-condition-sort a.active{color:#000;font-weight:200;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search{position:absolute;top:-8px;right:0;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search .search-input{display:inline-block;width:300px;border-bottom:2px solid #000;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search .search-input input[type="text"]{width:235px;font-size:12px;letter-spacing:-0.5px;color:#000;font-weight:100;padding:0 6px 10px;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search .search-input .search-null{width:257px !important;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search .search-input .btn-search{background:url(../images/icon_search.png) no-repeat;width:28px;height:28px;vertical-align:10px;font-size:0;display:inline-block;margin-left:10px;} .brand-list-area .wrap-brand-sort .inner-brand-sort .brand-search .search-input .btn-reset{background:url(../images/icon_x.png) no-repeat;background-size:20px;width:20px;height:20px;vertical-align:9px;font-size:0;display:inline-block;} .brand-list-area .wrap-brand-sort .brand-sort{margin-top:10px;line-height:40px;} .brand-list-area .wrap-brand-sort .brand-sort a{display:inline-block;width:35px;height:35px;border:1px solid #bebebe;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:#5d5d5d;font-size:12px;font-weight:normal;text-align:center;line-height:34px;border-radius:0;} .brand-list-area .wrap-brand-sort .brand-sort a.key-all{width:75px;} .brand-list-area .wrap-brand-sort .brand-sort a.key-etc{width:58px;} .brand-list-area .wrap-brand-sort .brand-sort a.active, .brand-list-area .wrap-brand-sort .brand-sort a:hover{background:#5d5d5d;color:#fff;} .brand-list-area .wrap-brand-list{width:100%;margin:75px 0 100px;} .brand-list-area .wrap-brand-list h3{font-size:48px;font-weight:bold;color:#000;position:relative;margin-bottom:25px;} .brand-list-area .wrap-brand-list h3:before{content:'';background:#000;position:absolute;height:2px;width:22px;bottom:0px;left:6px;} .brand-list-area .wrap-brand-list ul{width:100%;margin:0px;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item{width:24%;float:left;margin:0 0 50px 0;height:auto;padding-right:1%;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item .wrap-name{height:auto;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item .wrap-name .bname{font-size:18px;line-height:30px;font-weight:bold;color:#000;letter-spacing:0;width:100%;margin:0px;max-height:unset;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item .bcate{width:100%;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;font-size:12px;color:#5d5d5d;font-weight:300;letter-spacing:0.05rem;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item .store-area{width:100%;overflow:hidden;margin-top:14px;} .brand-list-area .wrap-brand-list .wrap-brand .brand-item .store-area a{display:inline-block;border:1px solid #5d5d5d;padding:5px 10px;font-size:10px;color:#5d5d5d;letter-spacing:0;margin:3px 2px 3px 0} /* brand-list(브랜드 리스트) E */ /* brand-detail(브랜드 상세) S */ .brand-detail{width:100%;margin:0 auto;padding-bottom:60px;border-bottom:none;position:unset;text-align:unset;} .brand-detail .brand-info-type1{width:100%;} .brand-detail .brand-info-type1 .brand-img{display:inline-block;width:580px;overflow:hidden;height:auto;margin-left:50px;} .brand-detail .brand-info-type1 .brand-img img{width:100%;height:auto;} .brand-detail .brand-info-type1 .brand-info-inner{display:inline-block;position:relative;padding:0 0 0 34px;vertical-align:top;} .brand-detail .brand-info-type1 .brand-info-inner h1{font-size:36px;font-weight:bold;letter-spacing:0;color:#000;margin-top:10px;} .brand-detail .brand-info-type1 .wrap-sns-share {position:absolute;top:57px;right:120px;width:40px;left:unset;} .brand-detail .brand-info-type1 .wrap-sns-share .share-icon, .brand-detail .brand-info-type1 .wrap-sns-share .share-group a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;padding:0;border:none;} .brand-detail .brand-info-type1 .wrap-sns-share .share-icon:before{content:''; display:inline-block; background:url('../images/common/sns_share01.png') no-repeat; vertical-align:top;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group a:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat; vertical-align:top;} .brand-detail .brand-info-type1 .wrap-sns-share .share-icon:before {width:23px;height:25px;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group {display:block; overflow:hidden; height:0; transition:height .2s ease; -webkit-transition:height .2s ease; -moz-transition:height .2s ease;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group a {padding-top:11px; border:1px solid transparent;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group a:hover {border-color:#000;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group .facebook {margin-top:5px;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group .facebook:before {width:9px; height:19px; background-position:-304px -468px;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group .nblog:before {width:20px; height:19px; background-position:-313px -468px;} .brand-detail .brand-info-type1 .wrap-sns-share .share-group .urlcopy:before {width:20px; height:19px; background-position:-333px -468px;} .brand-detail .brand-info-type1 .wrap-sns-share:hover .share-icon {background:transparent} .brand-detail .brand-info-type1 .wrap-sns-share:hover .share-icon:before { background:url('../images/common/sns_share01.png') no-repeat; vertical-align:top;} .brand-detail .brand-info-type1 .wrap-sns-share:hover .share-group {height:130px;} .brand-detail .brand-info-type1 .heart{display:inline-block;width:100px;height:25px;margin-top:30px;} .brand-detail .brand-info-type1 .heart span{font-size:16px;letter-spacing:0;font-weight:500;color:#5d5d5d;margin-left:5px;} .brand-detail .brand-info-type1 .wishlist{font:0/0 a;margin-top:0;display:inline-block;vertical-align:-6px;} .brand-detail .brand-info-type1 .wishlist:before {content:'';display:inline-block;width:20px;height:20px;background:url('../images/common/heart01.png') no-repeat;background-size:20px;} .brand-detail .brand-info-type1 .wishlist:hover, .brand-detail .brand-info-type1 .wishlist.active {content:'';display:inline-block;width:20px;height:20px;background:url('../images/common/heart02.png') no-repeat;background-size:20px;} .brand-detail .brand-info-type1 .wishlist:hover:before, .brand-detail .brand-info-type1 .wishlist.active:before {content:'';display:inline-block;width:20px;height:20px;background:url('../images/common/heart02.png') no-repeat;background-size:20px 17px;} .brand-detail .brand-info-type1 .wishlist i:before{content:unset;} .brand-detail .brand-cate{color:#5d5d5d;font-size:14px;letter-spacing:0;line-height:32px;} .brand-detail .brand-info-line{background:#000;width:60px;height:2px;margin:58px 0 20px;} .brand-detail .brand-info-type2 .brand-info-line{display:none} .brand-detail .desc{margin-top:0;font-size:14px;line-height:28px;letter-spacing:0;color:#5d5d5d;} .wrap-relative-brand{float:right;width:258px;height:685px;padding:15px 0 0 19px;margin-right:40px;border-left: 1px solid #d7d7d7;} .wrap-relative-brand h2{text-align:left;font-size:18px;font-weight:600;color:#000;letter-spacing:0;} .wrap-relative-brand .relative-list{width:100%;margin:0 auto;margin-top:20px;} .wrap-relative-brand .relative-list .slick-slide{width:240px !important;margin-right:10px;} .wrap-relative-brand .relative-list .thumb{display:block;width:226px;height:132px;margin-bottom:14px;overflow:hidden;} .wrap-relative-brand .relative-list .thumb img{width:226px;} .wrap-relative-brand .relative-list .information{width:226px;overflow:hidden;} .wrap-relative-brand .relative-list .swiper-slide{margin-bottom:35px;width:226px;} .wrap-relative-brand .relative-list .swiper-slide:last-child{margin-bottom:0px;} .wrap-relative-brand .relative-list .title{margin-top:14px;font-size:12px;letter-spacing:-0.25px;color:#5d5d5d;font-weight:400;} .wrap-relative-brand .relative-list .slick-next, .wrap-relative-brand .relative-list .slick-prev{width:30px;height:30px;top:-33px;} .wrap-relative-brand .relative-list .slick-prev{left:unset;right:8%;} .wrap-relative-brand .relative-list .slick-next{right:4%;} .wrap-relative-brand .relative-list .slick-prev:before, .wrap-relative-brand .relative-list .slick-next:before {content:''; display:inline-block; width:30px;height:30px;} .wrap-relative-brand .relative-list .slick-prev:before{background:url('/data/aland_data/templet/enterprise/images/common/prev_arrow_04.png') no-repeat;} .wrap-relative-brand .relative-list .slick-next:before{background:url('/data/aland_data/templet/enterprise/images/common/next_arrow_04.png') no-repeat;} /* brand-detail(브랜드 상세) E */ /* infoinput(주문정보) S */ .wrap-order-member .area{margin-top:55px;margin-right:20px;padding-bottom:30px;border-bottom:1px solid #ccc;} .wrap-order-member .area .wrap-delivery-info .check-area{bottom:10px} .wrap-order-member .area .wrap-delivery-info{position:relative;border-bottom:none;margin-right:0;} .infoinput-content .common-write td .noti{color:#5d5d5d;font-size:12px;} .wrap-order-member .wrap-infoinput-area{margin-top:55px;} .infoinput-pay{border:none;} .infoinput-pay .pay-informaion .kakao-info-title{font-size:20px;color:#000;display:inline-flex;line-height:32px;} .infoinput-pay .pay-informaion .kakao-info-title .kakao-info-icon{width:80px;background:url("../images/common/kakao_info_icon.png") no-repeat;background-size:80px;height:34px;display:inline-block;padding-right:15px;} .infoinput-pay .pay-informaion .kakao-info-link{float:right;} .wrap-order-member .navi-tab.pay-tab a{background:#dddddd;border-right:1px solid #fff;line-height:1.6} .wrap-order-member .navi-tab.pay-tab a.active{background:#3c3c3c} .wrap-order-member .navi-tab.pay-tab a.active:nth-child(5){background:#f7cf46} .wrap-order-member .navi-tab.pay-tab a.active:before{content:unset;} .wrap-order-member .navi-tab.pay-tab a label{color:#5d5d5d;font-size:15px;letter-spacing:-0.25px;font-weight:500;} .wrap-order-member .navi-tab.pay-tab a #pay_method_card_kakao + label{font-size:0px;} .wrap-order-member .navi-tab.pay-tab a #pay_method_card_kakao + label:before{content:'';position:absolute;top:0;left:-24px;width:60px;background:url("../images/common/payment_icon_large.png") no-repeat;background-size:48px;} .wrap-order-member .navi-tab.pay-tab a.active label{color:#fff;} .wrap-order-member .pay-informaion p{font-size:12px;color:#5d5d5d;letter-spacing:-0.25px;} .wrap-order-member .pay-informaion p strong{color:#000;} .wrap-order-member .pay-informaion .set-btn-type4{height:45px;padding:0 30px;line-height:45px;font-size:12px !important} .wrap-order-member .infoinput-sale .no-coupon th{color:#000 !important} .wrap-order-member .custom2-check-type2 label:before{vertical-align:-8px} .infoinput-content .common-write input[name^='zipcode1'] + a{margin-left:-3px;} .infoinput-content .common-write .set-btn-type4{height:44.5px;line-height:43px;font-size:14px !important;letter-spacing:-0.25px;} .infoinput-content .common-write .wrap-input{font-size:14px;color:#000;letter-spacing:-0.25px} .infoinput-content .common-write td span.desc{color:#ccc;margin-right:20px;} .infoinput-content .common-write td .custom-check-type3 label{font-size:14px;color:#000;letter-spacing:-0.25px} .infoinput-sale .coupon-desc{color:#5d5d5d;letter-spacing:-0.25px;font-size:12px;} .infoinput-content .common-write .deli-coupon .no-coupon-txt{margin-top:12px;} .wrap-order-member .delivery-tab-area{width:840px;margin-top:15px;display:inline-block;border-bottom:1px solid #000;height:49px;} .wrap-order-member .delivery-tab-area li{float:left;height:48px;width:144px;text-align:center;line-height:48px;font-size:14px;letter-spacing:-0.25px;color:#cccccc;cursor:pointer;border-top:1px solid #cccccc;border-right:1px solid #cccccc;} .wrap-order-member .delivery-tab-area li.active{border:1px solid #000;border-bottom:1px solid #fff;margin-left:-1px;margin-right:-1px;color:#000} .wrap-order-member .delivery-tab-area li:nth-child(1).active{margin-left:0} .delivery-select-area{float:right;margin-top:-2px;} .delivery-select-area .set-btn-type5{background:#3c3c3c;color:#fff !important;width:112px;height:36px;font-size:12px;line-height:36px;font-weight:300;} .cart-information .cart-sum .wrap-sum ul{margin-bottom:20px;} .cart-information .cart-sum .wrap-sum ul li.total{font-size:14px;color:#000;letter-spacing:-0.25px;margin:20px 0 0;padding:20px 0 55px;border-top:1px solid #000;border-bottom:1px solid #000 !important;} .cart-information .cart-sum .wrap-sum ul li.total .sum{top:17px;} .cart-information .cart-sum .wrap-sum ul li.total .sum span{font-size:28px;color:#000;line-height:38px;letter-spacing:0;font-weight:600;} .cart-information .cart-sum .wrap-sum ul li.total .reserve{top:60px;font-size:12px;letter-spacing:-0.5px} .cart-information .cart-sum .wrap-sum ul li.total .reserve span{color:#000;font-size:12px;letter-spacing:-0.5px} .wrap-infoinput-agree .custom-check-type3 label{font-size:14px;font-weight:500;letter-spacing:-0.25px;color:#000;} .wrap-infoinput-agree .custom-check-type3 label span{font-size:14px;font-weight:500;letter-spacing:-0.25px;} .wrap-infoinput-agree .custom2-check-type2 label:before{vertical-align:-8px} .cart-information .cart-sum .btn-area{margin:20px -30px -20px;} .cart-information.infoinput-content .cart-sum .btn-area a{width:100%;height:70px;font-size:24px !important;font-weight:bold;letter-spacing:-0.5px;line-height:75px !important;} .wrap-cart.non-memtype .cart-information{border-top:none;} .non-memtype .infoinput-content .non-mem-container{padding-right:0px;width:831px;border-right:none;} .infoinput-content .wrap-agreement.non-mem-type{width:831px;} .wrap-agreement.non-mem-type .custom2-check-type2 label:before{vertical-align:-6px;} .wrap-pay-method [class^='custom-check'] label:before, [class^='custom-radio'] label:before{content:unset;} .cart-information.infoinput-content h2{width:auto;border-bottom:4px solid #000;padding-left:0px;} .cart-information.infoinput-content .wrap-infoinput-area{margin-right:20px;} .cart-information.infoinput-content .wrap-pay-method{border-top: 1px solid #ccc} .wrap-order-member .area .wrap-delivery-info h2{display:block;border-bottom:4px solid #000} /* infoinput(주문정보) E */ /* ajax 시 로딩 표현 */ .ajaxloading {width: 100%;position: relative;min-width: 35px;min-height: 35px;display: inline-block;height: 100%;background: url(/data/aland_data/images/spinner.gif);background-size:auto 300%;background-position: center;background-repeat: no-repeat;} /* //ajax 시 로딩 표현 */ span.twoline-clip { max-height: 4.3rem; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; } /* graphicer S*/ .graphicer-main-area{position:fixed;top:76px;width:100%;height:100%;margin:0 auto;overflow:hidden} .graphicer-main-area .graphicer-list-area{position:relative;float:left;width:50%;height:100%;margin:0 auto;} .graphicer-main-area .graphicer-content-area{position:relative;float:left;width:50%;overflow:visible;} .graphicer-main-area .graphicer-list-area .graphicer-full-logo{position:absolute;top:50%;width:50%;transform: translate(0%,-50%);left:4vw;} .graphicer-main-area .graphicer-list-area .graphicer-title-area{position:absolute;top:50%;transform:translate(0,-50%);right:8%;width:22%;max-height:50%;text-align:right;overflow:hidden;} .graphicer-main-area .graphicer-list-area .graphicer-title-area .graphicer-title{font-size:36px;letter-spacing:-0.025em;font-weight:600;line-height:2.8vw;color:#e7e7e7;cursor:pointer;} .graphicer-main-area .graphicer-list-area .graphicer-title-area .graphicer-title img{height:1.8vw;vertical-align:middle;} .graphicer-main-area .graphicer-list-area .graphicer-title-area .graphicer-title.active{color:#000;} .graphicer-main-area .graphicer-list-area .graphicer-title-bar-area{position:absolute;top:50%;transform:translate(0,-50%);width:6%;height:4px;background:#000;right:0px;} .graphicer-main-area .graphicer-content-area .graphicer-content-link{cursor:pointer;} .graphicer-main-area .graphicer-content-area{cursor:pointer;} .graphicer-main-area .graphicer-content-area .graphicer-content{display:inline-block;width:100%;cursor:pointer;} .graphicer-main-area .graphicer-content-area .graphicer-content img{width:100%;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat{position:relative;width:100%;height:4px;background:#b6b6b6;bottom:4px;margin-bottom:-4px;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area{position:absolute;top:-45px;left:1%;display:none;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area.end{display:block;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area .goal-icon{width:60px;display:inline-block;color:#fff;font-size:14px;font-weight:600;letter-spacing:0.025em;vertical-align:top;background: url(../images/common/marker_01.png) no-repeat;vertical-align:top;width:60px;height:37px;text-align:center;line-height:29px;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area .goal-icon.end{background: url(../images/common/marker_03.png) no-repeat;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area.right .goal-icon{background: url(../images/common/marker_02.png) no-repeat;margin-left:-60px;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .goal-icon-area.right .goal-icon.end{background: url(../images/common/marker_04.png) no-repeat;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .graphicer-goal-rat-active{position:absolute;top:0px;width:1%;background:#d82934;height:4px;z-index:1;} .graphicer-main-area .graphicer-content-area .graphicer-content .graphicer-goal-rat .graphicer-goal-rat-active.end{background:#000;} .graphicer-content .graphicer-goal-rat{position:relative;width:100%;height:4px;background:#b6b6b6;bottom:4px;margin-bottom:-4px;} .graphicer-content .graphicer-goal-rat .goal-icon-area{position:absolute;top:-45px;left:1%;display:none;} .graphicer-content .graphicer-goal-rat .goal-icon-area.end{display:block;} .graphicer-content .graphicer-goal-rat .goal-icon-area .goal-icon{width:60px;display:inline-block;color:#fff;font-size:14px;font-weight:600;letter-spacing:0.025em;vertical-align:top;background: url(../images/common/marker_01.png) no-repeat;vertical-align:top;width:60px;height:37px;text-align:center;line-height:29px;} .graphicer-content .graphicer-goal-rat .goal-icon-area .goal-icon.end{background: url(../images/common/marker_03.png) no-repeat;} .graphicer-content .graphicer-goal-rat .goal-icon-area.right .goal-icon{background: url(../images/common/marker_02.png) no-repeat;margin-left:-60px;} .graphicer-content .graphicer-goal-rat .goal-icon-area.right .goal-icon.end{background: url(../images/common/marker_04.png) no-repeat;} .graphicer-content .graphicer-goal-rat .graphicer-goal-rat-active{position:absolute;top:0px;width:1%;background:#d82934;height:4px;z-index:1;} .graphicer-content .graphicer-goal-rat .graphicer-goal-rat-active.end{background:#000;} .goods-view-bigbanner{width:100%;margin:0 auto;position:relative;} .goods-view-bigbanner img{width:100%;} .goods-view-bigbanner .gooods-view-share-area{width:1200px;margin:0 auto;} .goods-view-bigbanner .sns-share-area{width:980px;position:absolute;top:20px;left:50%;transform:translate(-50%,0);text-align:right;margin-left:-20px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share {position:relative;display:inline-block;top:unset} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-icon, .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group a {display:block; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:40px; height:40px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; font:0/0 a; text-align:center;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group a:before {content:''; display:inline-block; background:url('../images/sprite.png') no-repeat; vertical-align:top;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-icon {padding-top:10px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-icon:before {content:''; display:inline-block; background:url('../images/common/sns_share02.png') no-repeat; vertical-align:top;width:40px;height:40px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group {display:block; overflow:hidden; height:0; transition:height .2s ease; -webkit-transition:height .2s ease; -moz-transition:height .2s ease;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group a {padding-top:11px; border:1px solid transparent;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group a:hover {border-color:#000;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group .facebook {margin-top:15px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group .facebook:before {width:9px; height:19px; background-position:-304px -468px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group .nblog:before {width:20px; height:19px; background-position:-313px -468px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share .share-group .urlcopy:before {width:20px; height:19px; background-position:-333px -468px;} .goods-view-bigbanner .sns-share-area .wrap-sns-share:hover .share-icon {background:transparent;} .goods-view-bigbanner .sns-share-area .wrap-sns-share:hover .share-group {height:140px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area{position:relative;width:980px;height:160px;margin:0 auto;bottom:85px;background:#fff;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat{position:relative;width:100%;height:4px;background:#b6b6b6;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area{position:absolute;top:-45px;left:1%;display:none;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area.end{display:block;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area .goal-icon{width:60px;display:inline-block;color:#fff;font-size:14px;font-weight:600;letter-spacing:0.025em;vertical-align:top;background: url(../images/common/marker_01.png) no-repeat;vertical-align:top;width:60px;height:37px;text-align:center;line-height:29px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area .goal-icon.end{background: url(../images/common/marker_03.png) no-repeat;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area.right .goal-icon{background: url(../images/common/marker_02.png) no-repeat;margin-left:-60px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .goal-icon-area.right .goal-icon.end{background: url(../images/common/marker_04.png) no-repeat;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .graphicer-goal-rat-active{position:absolute;top:0px;width:1%;background:#d82934;height:4px;z-index:1;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-goal-rat .graphicer-goal-rat-active.end{background:#000;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info{width:978px;height:155px;border:1px solid #c5c5c5;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .thumb{display:inline-block;margin:15px;width:125px;height:125px;vertical-align:top;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .thumb img{width:100%;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info{display:inline-block;margin:15px 0;width:565px;vertical-align:top;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info span{display:block;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info .bname{font-weight:600;color:#242424;letter-spacing:0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;line-height:22px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info .pname{color:#242424;font-weight:400;letter-spacing:0;line-height:22px;word-break:break-word;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:14px;margin-top:5px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info .wrap-price{color:#242424;font-weight:600;letter-spacing:0;font-size:18px;margin-top:5px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info .delivery-price{color:#000;color:#242424;letter-spacing:0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:22px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-info .delivery-date{color:#5d5d5d;font-size:12px;letter-spacing:0;margin-top:15px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .product-line{display:inline-block;vertical-align:top;margin:15px 0;width:1px;height:125px;background:#c5c5c5;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .graphicer-product-buynow{display:inline-block;margin:15px 0;width:248px;height:125px;text-align:center;font-size:28px;font-weight:600;color:#000;letter-spacing:0;line-height:125px;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .graphicer-product-buynow:hover {color:#123ac0;} .wrap-goods-view .goods-view-bigbanner .graphicer-product-info-area .graphicer-product-info .graphicer-status{position:absolute;top:0px;text-align:center;width:978px;height:155px;background:#fff;opacity:.9;font-size:28px;color:#000;font-weight:600;letter-spacing:0.025em;line-height:160px;} .wrap-goods-view .goods-view-area-graphicer{width:1200px;margin:0 auto;text-align:center;} .wrap-goods-view .goods-view-area-graphicer .information{width:980px;display:inline-block;} .wrap-goods-view .goods-view-area-graphicer .information .relation-option{text-align:left;} .wrap-goods-view .goods-view-area-graphicer .information .goods-view-detail{padding-top:0px;margin-top:0px;} .wrap-goods-view .goods-view-area-graphicer .information .board-layout-02{position:relative;} .wrap-goods-view .goods-view-area-graphicer .information .board-layout-02 .detail-btn{width:126px;height:38px;display:inline-block;border:1px solid #000;position:absolute;top:83px;right:5px;cursor:pointer;font-size:12px;color:#000;line-height:38px;font-weight:600;letter-spacing:-0.05em;} .wrap-goods-view .goods-view-area-graphicer .information .board-layout-02 .detail-btn:after{content:'';background:url("/data/aland_data/images/icon/PC_arrow.png") no-repeat;width:27px;height:7px;background-size:27px 7px;margin-left:10px;display:inline-block;margin-right:0;} .wrap-goods-view .goods-view-area-graphicer .information .goods-view-detail .grafiker-history{display:none;width:100%;/*position:absolute;*/top:0;background:#fff;} .wrap-goods-view .goods-view-area-graphicer .information .goods-view-detail .grafiker-history .btn_close{width:62px;height:62px;position:relative;left:50%;transform:translate(-50%,0);cursor:pointer;} .wrap-goods-view .goods-view-area-graphicer .information .goods-view-detail .grafiker-history img{width:100% !important;height:auto !important;} .cart-information.graphicer-infoinput-content{margin-top:0;margin-bottom:-17px;} .graphicer-infoinput-content .wrap-order-member{width:748px;border:1px solid #000;} .graphicer-infoinput-content .wrap-order-member .area{margin:55px 30px 0;padding:0;border-bottom:1px solid #5d5d5d;} .graphicer-infoinput-content .wrap-order-member .area.no-opt{border-bottom:none;} .graphicer-infoinput-content .area h2{width:auto;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area{margin:25px 0;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .thumb{display:inline-block;width:125px;height:125px;vertical-align:top;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .thumb img{width:100%;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data{display:inline-block;vertical-align:top;margin-left:20px;width:540px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data.no-opt{width:auto} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data span{display:block;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .bname{font-weight:600;color:#242424;letter-spacing:0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:14px;line-height:22px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .pname{color:#242424;font-weight:400;letter-spacing:0;line-height:22px;word-break:break-word;overflow:hidden;width:100%;white-space:nowrap;text-overflow:ellipsis;font-size:14px;margin-top:5px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price{color:#242424;font-weight:600;letter-spacing:0;font-size:18px;margin-top:5px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .delivery-price{color:#000;color:#242424;letter-spacing:0;display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:12px;line-height:22px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .delivery-date{color:#5d5d5d;font-size:12px;letter-spacing:0.025em;margin-top:15px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option{margin:30px 0;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option table{table-layout:unset;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option .relation-option.expose{border-top: 1px solid #5d5d5d;border-bottom: 1px solid #5d5d5d;margin-top:20px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option .order_detail_rows table{table-layout:unset !important;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option .order_detail_rows #minicart_detail td{background:unset;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option .order_detail_rows #minicart_detail .total-p{float:unset;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .product-info-data .wrap-price-option .option_total_price{display:none !important;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .wrap-price-no-option{display:inline-block;float:left;margin:30px 20px 10px 0px;} .graphicer-infoinput-content .wrap-order-member .product-info-data-area .wrap-price-no-option .wrap-option-control dt{font-size:0;width:0;padding:0;} .graphicer-infoinput-content .wrap-order-member .product-total-price{margin:25px 15px;text-align:right;} .graphicer-infoinput-content .wrap-order-member .product-total-price .order-total-text{font-size:14px;color:#000;letter-spacing:-0.025em;display:inline-block;vertical-align:middle;} .graphicer-infoinput-content .wrap-order-member .product-total-price .order-total-price{display:inline-block;font-size:28px;font-weight:600;color:#000;letter-spacing:0;margin:0 15px;vertical-align:middle;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area input[type='radio']{width:16px;height:16px;background:#fff;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li{margin:22px 0;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-radio, .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-info-area{display:inline-block;vertical-align:middle;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-info-area span{display:block;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-radio{margin-left:5px;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-info-area{margin-left:15px;line-height:30px;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-info-area .address-user-info{font-size:14px;font-weight:600;color:#000;letter-spacing:-0.025em;} .graphicer-infoinput-content .wrap-order-member .wrap-delivery-list-area li .address-info-area .address-info{font-size:12px;color:#5d5d5d;letter-spacing:-0.025em;} .graphicer-infoinput-content .wrap-order-member .common-write{margin:0 0 55px 0; border-top:none;display:none;} .graphicer-infoinput-content .wrap-order-member .common-write.non_order{display:block;} .graphicer-infoinput-content .wrap-order-member .common-write input[type='text']{height:44px;padding:0 20px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;} .graphicer-infoinput-content .wrap-order-member .common-write input[name^='pcs'], .infoinput-content .common-write input[name^='tel']{width:147px;} .graphicer-infoinput-content .wrap-order-member .common-write input[name^='zipcode1'] + a{margin-left:-3px;vertical-align: middle;} .graphicer-infoinput-content .wrap-order-member .common-write .set-btn-type4{height:44.5px;line-height:43px;font-size:14px !important;letter-spacing:-0.25px;} .graphicer-infoinput-content .wrap-order-member .common-write th, .graphicer-infoinput-content .wrap-order-member .common-write td {border-bottom:none;font-size:14px;} .graphicer-infoinput-content .wrap-order-member .common-write th {padding:20px 30px 0 0; color:#000; font-weight:400; text-align:right; vertical-align:top;} .graphicer-infoinput-content .wrap-order-member .common-write td {width:459px;} .graphicer-infoinput-content .wrap-order-member .common-write td .sbHolder {} .graphicer-infoinput-content .wrap-order-member .common-write td .sbSelector {margin-left:0; padding-top:12px; padding-bottom:12px; border-color:#e1e1e1;} .graphicer-infoinput-content .wrap-order-member .common-write td .sbSelector:after {top:18px;} .graphicer-infoinput-content .wrap-order-member .common-write td .sbOptions {top:40px !important;} .graphicer-infoinput-content .wrap-order-member .common-write td .sbOptions .sbOptions {top:0 !important;} .graphicer-infoinput-content .wrap-order-member .common-write td .add-caption {margin-top:6px;} .graphicer-infoinput-content .wrap-order-member .common-write td .add-caption .custom-check-type3 {margin-left:0; color:#aaa;} .graphicer-infoinput-content .wrap-order-member .common-write .deli-coupon .no-coupon-txt {margin-top:14px;} .graphicer-infoinput-content .wrap-order-member .common-write .deli-coupon .non-coupon-desc {margin-top:31px; color:#777; font-size:12px; font-weight:200;} .graphicer-infoinput-content .wrap-order-member .delivery-info p {margin-top:10px;} .graphicer-infoinput-content .wrap-order-member .wrap-pay-method{width:unset;border-top:none;} .graphicer-infoinput-content .wrap-order-member .wrap-pay-method .pay-method{margin-top:20px;} .graphicer-infoinput-content .wrap-order-member .wrap-pay-method .pay-method .pay-informaion{padding:35px 0;} .graphicer-infoinput-content .wrap-order-member .infoinput-result{text-align:center;margin:50px 0 70px;} .graphicer-infoinput-content .wrap-order-member .infoinput-result .infoinput-btn{width:246px;height:75px;background:#000;display:inline-block;color:#fff;font-size:21px;font-weight:600;line-height:75px;cursor:pointer;} .graphicer-infoinput-content .wrap-order-member .infoinput-result .infoinput-btn:hover{color:#123ac0;} .payment-result-area{width:748px;height:506px;margin:0 auto;border:1px solid #000;position:relative;} .payment-result-area .graphicer-result-logo{margin:44px 42px;} .payment-result-area .graphicer-result-logo img{width:50%;} .payment-result-area .graphicer-result-text{position:absolute;width:100%;top:50%;transform:translate(0,-50%);text-align:center;margin-top:60px;} .payment-result-area .graphicer-result-text .payment-result-title{font-size:24px;font-weight:600;color:#000;letter-spacing:-0.025em;margin-bottom:44px;line-height:34px;} .payment-result-area .graphicer-result-text .payment-result-content{font-size:12px;color:#5d5d5d;letter-spacing:-0.025em;line-height:22px;} /* graphicer E*/ /* mailing config S*/ .ranking-warp{padding:0 56px;margin:0 auto;} .ranking-warp .ranking-left-area{width:330px;margin-right:14px;float:left;} .ranking-warp .product-item-big{display:block;margin-bottom:20px;} .ranking-warp .product-item-big .goods-list{width:100%;} .ranking-warp .product-item-big .goods-list .thumb{width:330px;height:330px;overflow:hidden;position:relative;display:inline-block;} .ranking-warp .product-item-big .goods-list img{width:330px;height:330px;overflow:hidden;} .ranking-warp .product-item-big .goods-list .thumb .rank-icon{position:absolute;top:10px;left:10px;z-index:1;background: url("http://a-land.co.kr/data/aland_data/images/mail/ranking_icon_big.png") no-repeat;width:110px;height:110px;text-align:center;} .ranking-warp .product-item-big .goods-list .thumb .rank-icon .rank-label{color:#fff;letter-spacing:0;font-size:18px;display:block;margin-top:34px;} .ranking-warp .product-item-big .goods-list .thumb .rank-icon .rank-cnt{color:#fff;font-size:32px;font-weight:600;letter-spacing:0;display:block;} .ranking-warp .product-item-big .goods-list .goods-link-inner{width:330px;overflow:hidden;display:inline-block;} .ranking-warp .product-item-big .goods-list .goods-link-inner .bname{margin-top:20px;font-size:14px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;overflow:hidden;text-overflow:ellipsis;} .ranking-warp .product-item-big .goods-list .goods-link-inner .pname{margin-top:10px;font-size:14px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;text-overflow:ellipsis;} .ranking-warp .product-item-big .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .ranking-warp .product-item-big .goods-list .goods-link-inner .wrap-price > b > span{font-size:14px;font-weight:bold;letter-spacing:0;color:#003e9f} .ranking-warp .product-item-big .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .ranking-warp .product-item-middle{width:160px;display:inline-block;float:left;margin-bottom:20px;} .ranking-warp .product-item-middle .goods-list{width:100%;} .ranking-warp .product-item-middle .goods-list .thumb{width:160px;height:160px;overflow:hidden;position:relative;display:inline-block;} .ranking-warp .product-item-middle .goods-list img{width:160px;height:160px;overflow:hidden;} .ranking-warp .product-item-middle .goods-list .thumb .rank-icon{position:absolute;top:10px;left:10px;z-index:1;background: url("http://a-land.co.kr/data/aland_data/images/mail/ranking_icon_middle.png") no-repeat;width:54px;height:54px;text-align:center;} .ranking-warp .product-item-middle .goods-list .thumb .rank-icon .rank-label{color:#fff;letter-spacing:0;font-size:8px;display:block;margin-top:17px;} .ranking-warp .product-item-middle .goods-list .thumb .rank-icon .rank-cnt{color:#fff;font-size:16px;font-weight:600;letter-spacing:0;display:block;} .ranking-warp .product-item-middle .goods-list .goods-link-inner{width:160px;overflow:hidden;display:inline-block;} .ranking-warp .product-item-middle .goods-list .goods-link-inner .bname{margin-top:20px;font-size:14px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ranking-warp .product-item-middle .goods-list .goods-link-inner .pname{margin-top:10px;font-size:14px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ranking-warp .product-item-middle .goods-list .goods-link-inner .wrap-price{margin-top:10px;display:block;} .ranking-warp .product-item-middle .goods-list .goods-link-inner .wrap-price > b > span{font-size:14px;font-weight:bold;letter-spacing:0;color:#003e9f} .ranking-warp .product-item-middle .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .ranking-warp .product-item-small{display:block;border-top:1px solid #f4f4f4;clear:both;padding:8px 0;} .ranking-warp .product-item-small.last{border-bottom:1px solid #f4f4f4;} .ranking-warp .product-item-small .goods-list{width:100%;height:100px;} .ranking-warp .product-item-small .goods-list .thumb{width:100px;height:100px;overflow:hidden;position:relative;display:inline-block;} .ranking-warp .product-item-small .goods-list img{width:100px;height:100px;overflow:hidden;} .ranking-warp .product-item-small .goods-list .thumb .rank-icon{position:absolute;top:0px;left:0px;z-index:1;background:#000;width:23px;height:23px;text-align:center;} .ranking-warp .product-item-small .goods-list .thumb .rank-icon .rank-label{color:#fff;letter-spacing:0;font-size:8px;display:block;margin-top:17px;display:none;} .ranking-warp .product-item-small .goods-list .thumb .rank-icon .rank-cnt{color:#fff;font-size:14px;font-weight:600;letter-spacing:0;display:block;line-height:24px;} .ranking-warp .product-item-small .goods-list .goods-link-inner{margin-left:15px;width:210px;overflow:hidden;display:inline-block;vertical-align:top;} .ranking-warp .product-item-small .goods-list .goods-link-inner .bname{margin-top:10px;font-size:14px;font-weight:600;letter-spacing:0;color:#000;display:block;height:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .ranking-warp .product-item-small .goods-list .goods-link-inner .pname{margin-top:5px;font-size:14px;color:#5d5d5d;letter-spacing:0;display:block;line-height:21px;} .ranking-warp .product-item-small .goods-list .goods-link-inner .wrap-price{margin-top:5px;display:block;} .ranking-warp .product-item-small .goods-list .goods-link-inner .wrap-price > b > span{font-size:14px;font-weight:bold;letter-spacing:0;color:#003e9f} .ranking-warp .product-item-small .goods-list .goods-link-inner .wrap-price .red-color{color:#d9303b !important} .ranking-warp .ranking-right-area{width:330px;margin-left:14px;float:right;} /* mailing config E*/ /* 새로운 NBS */ .grid li { margin:0 !important; display: block; float: left; padding: .5rem !important; width: 50% !important; opacity: 1; } .grid li.shown, .no-js .grid li, .no-cssanimations .grid li { opacity: 1; } .grid li a, .grid li img { outline: none; border: none; display: block; max-width: 100%; } /* Effect 1: opacity */ .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } @-webkit-keyframes fadeIn { 0% { } 100% { opacity: 1; } } @keyframes fadeIn { 0% { } 100% { opacity: 1; } } /* Effect 2: Move Up */ .grid.effect-2 li.animate { -webkit-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } @-webkit-keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); opacity: 1; } } @keyframes moveUp { 0% { } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } /* Effect 3: Scale up */ .grid.effect-3 li.animate { -webkit-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } @-webkit-keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes scaleUp { 0% { } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /* Effect 4: fall perspective */ .grid.effect-4 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); transform: translateZ(400px) translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } @-webkit-keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 0% { } 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } /* Effect 5: fly (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-5 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50% -300px; transform-origin: 50% 50% -300px; -webkit-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } @-webkit-keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 6: flip (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-6 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } @-webkit-keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { } 100% { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } } /* Effect 7: helix (based on http://lab.hakim.se/scroll-effects/ by @hakimel) */ .grid.effect-7 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } @-webkit-keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 0% { } 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } /* Effect 8: */ .grid.effect-8 { -webkit-perspective: 1300px; perspective: 1300px; } .grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } @-webkit-keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes popUp { 0% { } 70% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } /*@media screen and (max-width: 900px) { .grid li { width: 50%; } } @media screen and (max-width: 400px) { .grid li { width: 100%; } }*/ .ajaxloading-masonry { width: 100%; position: absolute; left: 0px; min-width: 35px; bottom: 2rem; opacity: 1 !important; min-height: 35px; display: inline-block; /* height: 100%; */ height: 3rem; background: url(/data/aland_data/images/spinner.gif); background-size: auto 8rem; background-position: center; background-repeat: no-repeat; } /* 새로운 NBS 끝 */ /* 상품 후기 블로그 URL */ .viral-area {display:inline-block;width:100%;margin-top:30px;text-align:center;} .viral-area > a {display:inline-block;border:solid 1px #dddddd;width:630px;height:152px;} .viral-area > a > .viral-wrap {display:inline-block;width:586px;margin-left:22px;margin-right:22px;margin-top:22px;height:130px;} .viral-area > a > .viral-wrap > .viral-img {display:inline-block;position:relative;width:108px;float:left;overflow:hidden;height:108px;} .viral-area > a > .viral-wrap > .viral-img > img {width:100%;} .viral-area > a > .viral-wrap > .viral-contents {display:inline-block;width:456px;height:108px;margin-left:22px;overflow:hidden;} .viral-area > a > .viral-wrap > .viral-contents > .viral-title {display:inline-block;font-size:18px;font-weight:600;height:28px;line-height:28px;text-align:left;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:456px;} .viral-area > a > .viral-wrap > .viral-contents > .viral-title > span {letter-spacing:0px !important;font-weight:600;} .viral-area > a > .viral-wrap > .viral-contents > .viral-desc > span {display:-webkit-box;display: -ms-flexbox; display: box;font-size:15px;height:51px;line-height:21px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;width:456px;color:#989898;vertical-align:top;word-break:break-all;-webkit-box-orient:vertical;text-align:left;} .viral-area > a > .viral-wrap > .viral-contents > .viral-desc {display:inline-block;margin-top:7px;} .viral-area > a > .viral-wrap > .viral-contents > .viral-badge {display:inline-block;float:left;height:18px;width:60px;margin-top:5px;} .viral-area > a > .viral-wrap > .viral-contents > .viral-badge > span {display:inline-block;background-color:#969696;width:60px;height:18px;line-height:18px;font-size:12px;color:#fff;text-align:center;} /* 후기 블로그 URL 끝 */ .menu-inner .newbadge {position:relative;} /*.menu-inner .newbadge:after {content:'';display:block;background:url('https:/data/aland_data/images/icon/icon_new.png') no-repeat;width:11px;height:11px;position:relative;margin-left:5px;margin-top:2px;float:right;}*/ .menu-inner .newbadge:after {content:'';display:block;background:url('/data/aland_data/images/icon/icon_new.png') no-repeat;width:11px;height:11px;position:relative;margin-left:5px;margin-top:2px;float:right;} .member-price > dl > dd > .detail-coupon-price {font-size: 18px;font-weight: bold;letter-spacing: 0;line-height: 28px;vertical-align: top;} .download-coupon-icon > img {width:100%;} .download-coupon-icon {position: relative;width: 16px;line-height: 16px;display: inline-block;padding-left: 12px;margin-top: 5px;vertical-align: top;} .download-coupon-wrap {border:1px solid #000;display:inline-block;margin-left:10px; } .download-coupon-text {line-height: 25px;font-size: 12px;padding-right: 10px;color: #000;margin-left: 9px;vertical-align: top;}