@charset "utf-8"; @import "jquery-ui.css"; @import "base.css"; /************************************************** PCMA 메인 : S **************************************************/ /* Billboard 배너 */ .billboard {width:100%; margin-top:0 !important; overflow:hidden;} .billboard .lSSlideOuter {position:relative; padding-bottom:32px;} .billboard .lSSlideWrapper {position:relative;} .billboard ul {position:relative; width:100%; height:660px;} .billboard ul > li {display:block; width:100%; height:660px; text-align:center; overflow:hidden;} .billboard ul > li > img, .billboard ul > li > a:not(.play) > img {position:absolute; left:50%; width:auto; height:660px; transform:translate(-50%, 0);} .billboard .lSSlideWrapper .lightSlider > li {display:block; float:left; width:100%; height:660px; text-align:center; overflow:hidden;} .billboard .lSSlideWrapper .lightSlider > li > a:not(.play) > img {position:absolute; left:50%; width:auto; height:100%; transform:translate(-50%, 0);} .billboard .lSFade .lslide {position:absolute; top:0; left:0; opacity:0; filter:Alpha(Opacity=0); visibility:hidden; /* support:IE8 */} .billboard .lSFade .lslide.active {opacity:1; filter:Alpha(Opacity=100); visibility:visible; /* support:IE8 */ z-index:1;} .billboard .lSPager {position:absolute; margin-top:20px; width:100%; text-align:center; z-index:2;} .billboard .lSPager ul, .billboard .lSPager li {display:inline;} .billboard .lSPager li a {display:inline-block; margin:0 5px; width:12px; height:12px; text-indent:-9999px; background:#ccc; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .billboard .lSPager li.active a {width:24px; background:#5b1eaa;} .billboard .lSAction a {position:absolute; top:50%; margin-top:-43px; width:45px; height:85px; background:url("../images/base/bg_lSAction.png") no-repeat; cursor:pointer; z-index:3;} .billboard .lSAction a.lSPrev {left:60px; background-position:left center !important;} .billboard .lSAction a.lSNext {right:60px; background-position:right center !important;} .wrap.main:not(.inshop) .billboard .lSAction a.lSPrev {left:280px;} .inshop .billboard ul, .inshop .billboard ul > li, .inshop .billboard ul > li > img, .inshop .billboard ul > li > a:not(.play) > img, .inshop .billboard .lSSlideWrapper .lightSlider > li {height:880px;} .wrap nav.themeB + .snb + script + .contents .billboard .lSAction a {background-image:url("../images/ui/bg_lSAction_white.png") !important;} .billboard .video .player {display:none; position:absolute; margin-top:-330px; margin-left:-587px; top:50%; left:50%; width:1174px; height:660px; z-index:10;} .billboard .video .player i.close {top:0; right:-36px; width:36px; height:36px; background:url('../images/ui/btn_player_close.gif')} .billboard .video .player iframe {width:100%; height:100%; background:#000;} .billboard .video .player .banner {display:inline-block; position:absolute; bottom:20px; right:20px; padding:10px 18px; text-align:left; line-height:16px; color:#fff; font-size:12px; background:#111; opacity:0.8; box-shadow: 0 0 2px #fff;} .billboard .video .dimed {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:#f3f3f3;} .ssf .billboard .video .player {margin-left:-477px;} @media only all and (max-width:1680px) { /* .billboard .video .player {margin-top:-281px; margin-left:-500px; width:999px; height:562px;} .ssf .billboard .video .player {margin-left:-390px;} */ } @media only all and (max-width:1280px) { .billboard .video .player {margin-top:-227px; margin-left:-402px; width:804px; height:454px;} .ssf .billboard .video .player {margin-left:-292px;} } /* Fader */ .fader {width:100%; padding-bottom:44px;} .fader .lSSlideOuter {position:relative;} .fader .lSSlideWrapper {position:relative;} .fader ul {position:relative;} .fader ul > li {display:block; width:100%; text-align:center; overflow:hidden;} .fader .lSSlideWrapper .lightSlider > li {display:block; float:left; width:100%; text-align:center; overflow:hidden;} .fader .lSFade .lslide {position:absolute; top:0; left:0; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */} .fader .lSFade .lslide.active {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ z-index:1;} .fader .lSPager {position:absolute; margin-top:18px; width:100%; text-align:center; z-index:2;} .fader .lSPager ul, .fader .lSPager li {display:inline;} .fader .lSPager li a {display:inline-block; margin:0 3px; width:8px; height:8px; text-indent:-9999px; background:#ccc;} .fader .lSPager li.active a {background:#444;} .fader .lSAction a {position:absolute; margin-top:12px; width:18px; height:18px; background:url("../images/base/bg_datepicker.png") no-repeat; cursor:pointer; z-index:3;} .fader .lSAction a.lSPrev {left:0; background-position:left center;} .fader .lSAction a.lSNext {right:0; background-position:right center;} .fader.arrow .lSAction a {position:absolute; top:50%; margin-top:-43px; width:45px; height:85px; background:url("../images/base/bg_lSAction.png") no-repeat; cursor:pointer; z-index:3;} .fader.arrow .lSAction a.lSPrev {left:30px; background-position:left center;} .fader.arrow .lSAction a.lSNext {right:30px; background-position:right center;} /* Slider_pager */ .slider_pager .lSSlideOuter {position:relative;} .slider_pager .lSSlideWrapper {position:relative; overflow:hidden;} .slider_pager .lSSlideWrapper .lSSlide > li {float:left;} .slider_pager .lSAction a {position:absolute; top:50%; margin-top:-62px; width:45px; height:85px; background:url("../images/base/bg_lSAction.png") no-repeat; cursor:pointer; z-index:3;} .slider_pager .lSAction a.lSPrev {left:30px; background-position:left center;} .slider_pager .lSAction a.lSNext {right:30px; background-position:right center;} .slider_pager .lSPager {position:absolute; margin-top:36px; width:100%; text-align:center; z-index:2;} .slider_pager .lSPager ul, .slider_pager .lSPager li {display:inline;} .slider_pager .lSPager li a {display:inline-block !important; margin:0 3px; width:8px; height:8px; text-indent:-9999px; background:#ccc;} .slider_pager .lSPager li.active a {background:#444;} /* Our Picks */ .ourpicks .lSSlideOuter {position:relative;} .ourpicks .lSSlideWrapper {position:relative; /*slide = overflow:hidden;*/} .ourpicks h3 {margin-bottom:40px;} .ourpicks > ul {position:relative; width:100%;} .ourpicks > ul:after {display:block; clear:both; content:"";} .ourpicks > ul > li {position:absolute;} .ourpicks > ul.list > li {position:relative;} .ourpicks ul > li {float:left; width:100%;} .ourpicks ul > li > ul > li {position:relative; float:left; width:33.33%;} .ourpicks ul > li > ul:after {display:block; clear:both; content:"";} .ourpicks.type_C ul > li > ul > li {position:relative; float:left; width:25%;} .ourpicks.type_C ul > li > ul > li:first-child, .ourpicks.type_C ul > li > ul > li:nth-child(4) {width:50%;} .ourpicks.type_C ul > li > ul > li:nth-child(5) {margin:-25% 0 0;} .ourpicks.type_C ul > li > ul > li:nth-child(6) {margin:-25% 0 0 25%;} .ourpicks ul > li > ul > li.txt_white a:after {display:block; content:" "; position:absolute; top:0; width:100%; height:100%; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%); opacity:0.2; z-index:1;} .ourpicks ul > li > ul > li.txt_white span, .ourpicks ul > li > ul > li.txt_white em {color:#fff; /*text-shadow:0 1px 2px rgba(0, 0, 0, 20);*/} .ourpicks ul > li > ul > li span {position:absolute; bottom:79px; left:50px; width:calc(100% - 100px); line-height:38px; color:#111; font-size:32px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; z-index:2;} .ourpicks ul > li > ul > li em {position:absolute; bottom:47px; left:50px; width:calc(100% - 100px); line-height:22px; color:#111; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; z-index:2;} .ourpicks .lSFade .lslide {position:absolute; top:0; left:0; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */} .ourpicks .lSFade .lslide.active {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ z-index:1;} .ourpicks .lSAction a {position:absolute; top:50%; margin-top:-40px; width:80px; height:80px; background:url("../images/ui/bg_lSAction.png") no-repeat left top; cursor:pointer; z-index:3;} .ourpicks .lSAction a.lSNext {right:0; background-position:right top} @media only all and (max-width:1680px) { .ourpicks ul > li > ul > li span {left:40px; width:calc(100% - 80px);} .ourpicks ul > li > ul > li em {left:40px; width:calc(100% - 80px);} } @media only all and (max-width:1280px) { .ourpicks ul > li > ul > li span {left:50px; width:calc(100% - 100px);} .ourpicks ul > li > ul > li em {left:50px; width:calc(100% - 100px);} /* .ourpicks ul > li > ul > li:nth-child(1n+5) {display:none;} */ .ourpicks ul > li > ul > li {width:50%;} .ourpicks.type_C ul > li > ul > li {position:relative; float:left; margin:0 !important; width:33.33%;} .ourpicks.type_C ul > li > ul > li:first-child {width:66.66%;} .ourpicks.type_C ul > li > ul > li:nth-child(3) {width:33.34%;} .ourpicks.type_C ul > li > ul > li:nth-child(4) {width:33.33%;} } .ourpicks.type_D ul > li {position:relative;} .ourpicks.type_D ul > li > ul > li {position:relative; float:left; width:50%;} .ourpicks.type_D ul > li > ul > li span {display:block; position:relative; margin:13px 0 43px; bottom:0px; left:0px; width:100%; line-height:32px; color:#111; font-size:24px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; z-index:2;} .ourpicks.type_D ul > li > ul > li .play {margin-top:-99px !important;} /* contents */ .wrap .contents section {margin-top:80px;} .wrap:not(.fixed) .contents section {margin-top:60px;} .wrap .contents section:first-child {margin-top:0;} .wrap .contents.evt section.flow + section, .wrap .contents.evt section.flow + div + section, .wrap .contents.get_st section.flow + section, .wrap .contents.get_st section.flow + div + section {margin-top:54px;} .wrap .contents.evt .date {margin-top:39px;} .wrap .contents.evt .date + section, .wrap .contents.evt .date + section {margin-top:-21px;} .wrap .contents section > h3 {display:inline-block; margin:0 0 40px; height:50px; line-height:50px; color:#111; font-size:32px !important;} .wrap.main .contents section > h3 {margin-left:60px;} .wrap.main .contents section > h3 > small {margin-left:20px; color:#999; font-size:18px;} .wrap .contents section > .sort {margin-top:18px; float:right;} .wrap.main .contents section > .sort, .wrap.inshop .contents section > .sort {margin-right:60px;} .wrap .contents section > .sort ul li {float:left; line-height:26px; font-size:20px;} .wrap .contents section > .sort ul li + li {margin-left:30px;} .wrap .contents section > .sort ul li.on {border-bottom:2px solid #5b1eaa;} .wrap .contents section > .sort a {color:#777;} .wrap .contents section > .sort ul li.on a {color:#5b1eaa;} /* .wrap .contents p {text-align:center;} */ .wrap .contents p .view_more {display:inline-block; padding-right:20px; width:144px; height:46px; line-height:46px; color:#111; border:1px solid #111; background:url('../images/ui/bg_arrow_down_dark.png') no-repeat 120px center;} .wrap .contents p .view_more.up {background:url('../images/ui/bg_arrow_up_dark.png') no-repeat 120px center;} .wrap .contents p .view_more.right {background:url('../images/ui/bg_arrow_right_dark.png') no-repeat 126px center;} .wrap .contents p .view_more:before {content:"VIEW MORE";} :lang(zh) .wrap .contents p .view_more:before {content:"查看更多";} .wrap .contents p + section {margin-top:60px;} .wrap .contents h1 + p {margin-top:25px; color:#444; line-height:24px;} .wrap .contents .sub_txt + section {margin-top:60px;} .wrap.main .contents section > .list_goods, .wrap.main .contents section > .list_review {padding:0 60px;} .wrap .contents section .tit_wrap {padding-bottom:54px;} .wrap .contents section .tit_wrap.check {padding-top:138px; background:url("../images/ui/bg_fin_check02.png") no-repeat 2px 46px;} .wrap .contents section .tit_wrap.warn {padding-top:138px; background:url("../images/ui/bg_warn02.png") no-repeat 12px 46px;} .wrap .contents section .tit_wrap h2 {padding-bottom:30px; font-size:38px; color:#111; line-height:48px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .wrap .contents section .tit_wrap.check h2, .wrap .contents section .tit_wrap.warn h2 {padding-bottom:0;} .wrap .contents section .tit_wrap p {margin-top:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#444; line-height:28px; text-align:left;} .wrap .contents section .tit_wrap p + p {color:#8e8e8e;} .wrap .contents section .tit_wrap p em {color:#5b1eaa;} .wrap .contents section .tit_wrap ul {margin-top:35px} .wrap .contents section .tit_wrap ul li {margin-top:16px; font-size:16px; height:16px; line-height:16px;} .wrap .contents section .tit_wrap ul li span {display:inline-block; width:75px; font-size:13px; color:#8e8e8e;} .wrap .contents section .tit_wrap ul li b {display:inline-block; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .wrap .contents section .tit_wrap ul li b strong {display:inline-block; margin-right:6px; color:#5b1eaa;} .wrap .contents section .tit_wrap + .submit_order {margin-top:0; padding-top:60px; border-top:1px solid #444;} .wrap .contents section .tit_wrap + .submit_order a.btn {width:180px;} .wrap .contents section .tit_wrap .txt {margin-top:20px; font-size:14px; color:#444; line-height:22px;} .wrap .contents section .tit_wrap .txt_warn {margin-top:30px; font-family:'SSF_Regular','NotoSans_kr_Regular'; font-size:14px; color:#8e8e8e; line-height:24px;} .wrap .contents section .tit_wrap + .form_wrap {padding-bottom:70px; border-bottom:1px solid #e5e5e5;} .wrap .contents section.item_typeA > .list_goods > ul > li a .txt {display:block; margin-bottom:40px; height:142px;} .wrap .contents section.item_typeA > .list_goods > ul > li a .txt > span {display:block; margin:24px 0 10px; max-height:84px; line-height:42px; color:#111; font-size:36px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden;} .wrap .contents section.item_typeA > .list_goods > ul > li a .txt > em {display:block; max-height:48px; line-height:24px; color:#444; font-size:16px; overflow:hidden;} .wrap .contents section.item_typeB > .list_goods > ul > li img {margin-left:15%; width:78%;} .wrap .contents section.item_typeB > .list_goods > ul > li a .txt {display:block; margin-top:-52px; margin-bottom:40px; height:142px;} .wrap .contents section.item_typeB > .list_goods > ul > li a .txt > span {display:block; margin:24px 0 10px; max-height:84px; line-height:42px; color:#111; font-size:36px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden;} .wrap .contents section.item_typeB > .list_goods > ul > li a .txt > em {display:block; max-height:48px; line-height:24px; color:#444; font-size:16px; overflow:hidden;} .wrap .contents section.item_typeC > .list_goods {padding:0;} .wrap .contents section.item_typeC > .list_goods > ul {margin:0;} .wrap .contents section.item_typeC > .list_goods > ul > li {margin:0; width:33.33%;} .wrap .contents section.item_typeC > .list_goods > ul > li a .txt {position:absolute; bottom:0; padding:40px 50px; width:calc(100% - 120px); color:#111;} .wrap .contents section.item_typeC > .list_goods > ul > li a .txt.white {color:#fff;} .wrap .contents section.item_typeC > .list_goods > ul > li a .txt > span {display:block; margin:24px 0 10px; max-height:84px; line-height:42px; font-size:36px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden;} .wrap .contents section.item_typeC > .list_goods > ul > li a .txt > em {display:block; width:100%; line-height:24px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap .contents section.item_special > .list_goods {padding:0;} .wrap .contents section.item_special > .list_goods > ul {margin:0;} .wrap .contents section.item_special > .list_goods > ul > li {margin:0; width:50%;} .wrap .contents section.item_special > .list_goods > ul > li a .txt {position:absolute; bottom:0; padding:50px; width:calc(100% - 120px); color:#111;} .wrap .contents section.item_special > .list_goods > ul > li a .txt.white {color:#fff;} .wrap .contents section.item_special > .list_goods > ul > li a .txt > span {display:block; position:relative; margin:24px 0 10px; width:100%; line-height:42px; font-size:36px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap .contents section.item_special > .list_goods > ul > li a .txt > em {display:block; width:100%; line-height:32px; font-size:24px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap .contents section.shop_info .banner {position:relative; width:100%; height:170px; overflow:hidden;} .wrap.main .contents section.shop_info .banner {margin:0 60px; width:calc(100% - 120px);} .wrap .contents section.shop_info .banner img {position:absolute; left:50%; margin-left:-960px; width:1920px; height:160px;} .wrap .contents section.instagram h3 {padding-left:56px; font-size:36px; background:url("../images/ui/ico_instagram.png") no-repeat left center;} .wrap .contents section.instagram .tag a {position:absolute; margin-top:-60px; right:0; width:60px; height:60px;} .wrap .contents section.instagram .tag .balloon {display:block; position:absolute; right:0; bottom:55px; height:0; margin-right:23px; padding-bottom:7px; background:url('../images/ui/bg_tag_balloon.png') no-repeat right bottom; opacity:0; transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} .wrap .contents section.instagram .tag .balloon span {display:inline-block; margin-right:-23px; padding:8px 10px; color:#fff; background:#282726; cursor:default;} .wrap .contents section.instagram .tag:hover .balloon {display:block; height:35px; opacity:1;} .wrap .contents section.product .banner {position:relative; width:100%; height:660px; overflow:hidden;} .wrap .contents section.product .banner.h510 {height:510px;} .wrap .contents section.product .banner > ul {position:absolute; left:50%; transform:translate(-50%, 0);} .wrap .contents section.product .banner img {width:auto;} .wrap .contents section.product .banner + .sort {margin:30px 60px; width:calc(100% - 120px); text-align:right;} .wrap .contents section.product .banner + .sort ul {display:inline-block;} .wrap .contents section.product .banner + .sort:after {display:block; clear:both; content:'';} .wrap .contents section.product .banner + .list_goods {margin-top:60px;} @media only all and (max-width:1680px) { .wrap .contents section.top_sellers > .list_goods > ul > li:nth-child(1n+9), .wrap .contents section.click_now > .list_goods > ul > li:nth-child(1n+9), .wrap .contents section.new_in > .list_goods > ul > li:nth-child(1n+9), .wrap .contents:not(.search) section.recommend > .list_goods > ul > li:nth-child(1n+5), .wrap .contents section.item_typeA > .list_goods > ul > li:nth-child(1n+5), .wrap .contents section.item_typeB > .list_goods > ul > li:nth-child(1n+5), .wrap .contents section.on_sale > .list_goods > ul > li:nth-child(1n+5), .wrap .contents section.instagram > .list_goods > ul > li:nth-child(1n+5) {display:none;} } @media only all and (max-width:1280px) { .wrap .contents section.top_sellers > .list_goods > ul > li:nth-child(1n+7), .wrap .contents section.click_now > .list_goods > ul > li:nth-child(1n+7), .wrap .contents section.new_in > .list_goods > ul > li:nth-child(1n+7), .wrap .contents:not(.search) section.recommend > .list_goods > ul > li:nth-child(1n+4), .wrap .contents section.item_typeA > .list_goods > ul > li:nth-child(1n+4), .wrap .contents section.item_typeB > .list_goods > ul > li:nth-child(1n+4), .wrap .contents section.on_sale > .list_goods > ul > li:nth-child(1n+4), .wrap .contents section.instagram > .list_goods > ul > li:nth-child(1n+4) {display:none;} } /* Banner Marketing*/ .wrap .contents section.marketing {position:relative; margin-top:90px; width:100%; height:360px; overflow:hidden;} .wrap .contents section.marketing > a {position:absolute; left:50%; margin-left:-960px;} .wrap .contents section.marketing > a img {width:auto;} /* Banner Categoty*/ .wrap .contents section.category {position:relative; margin-top:0 !important; width:100%; height:540px; overflow:hidden;} .wrap .contents section.category.h400 {margin-top:80px !important; height:400px;} .wrap .contents section.category > div {position:absolute; left:50%; margin-left:-960px;} .wrap .contents section.category > div > img {width:auto;} section.special {margin-top:90px !important;} .promotion .banner {position:relative; width:100%; height:300px; overflow:hidden;} .promotion .banner a img {position:absolute; left:50%; margin-left:-960px; width:auto;} .promotion .banner + .benefits {margin-top:10px;} .promotion .benefits {width:100%; text-align:center; background:#f4f0f8;} .promotion .benefits > ul {display:inline-block; padding:50px 0;} .promotion .benefits > ul:after {display:block; clear:both; content:"";} .promotion .benefits > ul > li {float:left; text-align:left;} .promotion .benefits > ul > li + li {margin-left:100px;} .promotion .benefits > ul > li img {float:left; margin-right:20px; width:80px; height:80px; background:#333;} .promotion .benefits > ul > li span {display:inline-block; width:170px; line-height:24px; color:#111; font-size:16px; word-wrap:break-word; word-break:keep-all;} .promotion .benefits > ul > li em {display:block; line-height:24px; color:#8e8e8e; font-size:13px;} /************************************************** PCMA 메인 : E **************************************************/ /************************************************** PCMB 회원 : S **************************************************/ .join {width:520px;} .join.full {width:100%;} .join .tabs .tab li {width:50%;} /* 회원가입 > 유형선택 */ .join .select_type {display:inline-block; width:100%; text-align:center;} .join .select_type a {display:inline-block; padding:55px 40px; width:355px; text-align:left; color:#fff;} .join .select_type a.member {background:#444;} .join .select_type a.online {margin-left:20px; background:#8e8e8e;} .join .select_type a em {display:block; line-height:26px; font-size:18px;} .join .select_type a span {display:block; margin-top:10px; line-height:36px; font-size:28px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .join .select_type .list_wrap ul {display:inline-block; width:435px; text-align:left; vertical-align:top;} .join .select_type .list_wrap ul + ul {margin-left:20px;} .join .benefit {margin-top:90px;} .join .benefit > div {display:block; border-top:1px solid #e5e5e5;} .join .benefit > div h3 {display:inline-block; vertical-align:top; margin:56px 0 0 40px; width:290px; color:#111; font-size:22px;} .join .benefit > div h3 em {display:block; margin-bottom:5px; color:#444; line-height:20px; font-size:14px; font-family:'SSF_Regular','NotoSans_kr_Regular';} .join .benefit > div ul {display:inline-block; margin:30px 0;} .join .benefit > div ul li {display:table; width:600px; padding:30px 0;} .join .benefit > div ul li img {display:inline-block; width:164px; height:94px;} .join .benefit > div ul li img + img {margin-top:10px;} .join .benefit > div ul li div {display:table-cell; width:388px; vertical-align:middle;} .join .benefit > div ul li div p {color:#444; line-height:26px; font-size:18px; padding-bottom:6px;} .join .benefit > div ul li div span {color:#8e8e8e; line-height:20px; font-size:14px; font-weight:normal;} .join .benefit > div > p {display:inline-block; margin:24px 0 0 320px; line-height:22px; color:#8e8e8e;} .join .benefit > div > a.btn {display:inline-block; margin:15px 0 0 320px;} /* 로그인 & 비회원(주문조회) */ .join .list_wrap {margin-top:48px;} .join .list_wrap ul li {color:#959595;line-height:20px} .join .list_wrap li a {display:block; margin-top:5px; padding-left:6px; color:#959595;} .join .save_id {margin-top:13px; color:#8e8e8e; font-size:12px;} .join .login_sns {margin-top:63px; border-top:1px solid #111;} .join .login_sns h4 {margin-top:35px; line-height:26px; color:#555; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .join .login_sns .submit {margin-top:25px;} .join .login_sns .submit a + a {margin-left:65px;} .join .link {margin-top:50px; border-top:1px solid #e5e5e5;} .join .link .submit {margin-top:30px;} .join .link .submit a {display:inline-block; height:35px; line-height:35px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .join .link .submit a + a {margin-left:100px;} .join .nonmember {margin-top:35px;} .join .nonmember p {display:inline-block; width:343px; padding-top:5px; line-height:20px; color:#888; font-size:12px;} .join .nonmember .submit {margin-top:0; float:right; width:162px;} .join .nonmember .submit a {display:block; float:none; height:38px; border-color:#d5d5d5; line-height:38px;} .join .center_info {margin-top:80px; padding:23px 0; background-color:#f5f5f5; color:#5e5e5e; text-align:center;} .join .center_info span {display:inline-block; margin-right:16px; padding-left:24px; background:url("../images/ui/bg_phone.png") no-repeat 0 center;} :lang(en) .join .center_info span {padding-left:0; background-image:none;} :lang(zh) .join .center_info span {padding-left:0; background-image:none;} .join .link_info {margin-top:35px; padding:40px 40px 0; border-top:1px solid #e5e5e5; text-align:center} .join .form_wrap + .link_info {border:0 none;} .join .link_info p {display:inline-block; width:300px; margin-top:15px; line-height:20px; color:#888; text-align:left; vertical-align:top;} .join .link_info .submit {display:inline-block; margin-top:0; width:136px} .join .link_info .submit a {display:block; float:none; height:38px; border-color:#d5d5d5; line-height:38px;} /* 아이디 & 비밀번호 찾기 */ .join .serach_wrap {margin-top:70px; padding-bottom:18px;} .join .serach_wrap:after {display:block; clear:both; content:"";} .join .serach_wrap h4 {font-size:18px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Regular";} .join .serach_wrap p {margin-top:14px; color:#8e8e8e; line-height:22px;} .join .serach_wrap .search_id {float:left; width:342px; } .join .serach_wrap .search_id ul {margin-top:14px;} .join .serach_wrap .search_id ul li {color:#444; line-height:22px;} .join .serach_wrap .search_pw {float:left; width:342px; padding-top:20px;} .join .serach_wrap .submit {margin-top:0; float:right;} .join .serach_wrap .submit a.btn {width:104px; height:78px; font-size:16px; line-height:78px;} .join .serach_wrap .submit a.btn.big {height:119px; line-height:119px;} :lang(en) .join .serach_wrap .submit.type_2 a.btn {padding:5px 10px; line-height:26px;} /* 회원가입 본인인증 */ .join .certify > h4 {margin:55px 0 36px 0; margin-bottom:36px; line-height:26px; font-size:18px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .join .certify p {margin-bottom:28px; color:#444;} .join .certify p a {display:inline-block; margin-top:0; border-bottom:1px solid #444;} .join .certify .remote_wrap {margin-bottom:28px;} .join .certify + h4 {margin-top:55px; font-size:18px; font-family: 'SSF_Bold','NotoSans_kr_Medium'; color:#111;} .join .certify .fin {display:none;} .join .certify.valid a {display:none;} .join .certify.valid .fin {display:block;} .join .certify + .form_wrap, .join .form_wrap + .form_wrap {margin-top:60px; padding-top:55px; border-top:1px solid #444;} /* 회원가입 정보입력 */ .form_wrap.option {padding-top:10px; border-top:1px solid #d5d5d5;} .form_wrap.option .checkbox label {position:relative; margin-right:0;} .form_wrap.option .checkbox .dis-check + label {min-width:auto; padding-right:34px !important;} .form_wrap.option .checkbox .remote {position:absolute; top:0; right:0; width:34px; height:34px; background:url("../images/base/bg_sel_remote.png") no-repeat 0 0; vertical-align:top} .form_wrap.option .checkbox .remote.on {background-position:0 -34px;} .form_wrap.option .checkbox.all-group label {padding-right:0;} .form_wrap.option .checkbox.dis-group {display:block;} .join .form_wrap .fin_check {display:none;} .join .form_wrap.valid_fbook .submit, .join .form_wrap.valid_naver .submit {display:none;} .join .form_wrap.valid_fbook .facebook, .join .form_wrap.valid_naver .naver {display:block;} .join .form_wrap > h4 {margin-bottom:36px; line-height:26px; font-size:18px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .join .form_wrap > h4 em {display:inline-block; margin-left:72px; font-family:'SSF_Regular','NotoSans_kr_Regular'; font-size:12px; color:red;} .join .form_wrap > p {color:#444;} .join .form_wrap > ul {margin-top:50px; padding-top:30px; border-top:1px solid #e5e5e5;} .join .form_wrap > ul > li .checkbox label {min-width:175px; letter-spacing:-0.5px; padding-right:0;} .join .form_wrap .submit {margin-top:30px;} .join .form_wrap .submit a + a {margin-left:65px;} .join .form_wrap.option > h4 {margin-bottom:16px;} .join .form_wrap.option > ul {margin-top:0; padding:0 0 40px; border-top:0; border-bottom:1px solid #e5e5e5;} .join .form_wrap.option > ul > li .item {vertical-align:top; color:#444;} .join .form_wrap.option > ul > li .list_wrap {margin-top:12px; color:#959595;} .join .form_wrap.option > ul > li p {color:#959595;} .join .form_wrap.option > ul > li small {float:right; color:#959595; font-size:12px;} .join .form_wrap .fin_check {padding:25px 0 10px 0; text-align:center;} .join .form_wrap .fin_check span {display:inline-block; height:16px; padding-left:32px; background:url("../images/ui/bg_fin_check.png") no-repeat 0 center; background-size:22px auto; color:#444; line-height:16px;} .join .form_wrap .link_right {margin-top:36px;} .join .form_wrap .link_right a {float:right; color:#8e8e8e;} .join .form_wrap .link_right + .list_wrap {margin-top:15px;} .join .form_wrap {margin-top:70px; padding-top:0; border:0 none;} .join .form_wrap:after {display:block; clear:both; content:"";} .join .form_wrap .ipt_list {float:left; width:342px; margin-top:0; padding-top:0; border:0 none;} .join .form_wrap .ipt_list li {padding:0;} .join .form_wrap .ipt_list li + li {padding-top:20px;} .join .form_wrap .ipt_list li {padding:0;} .join .form_wrap .ipt_list li > p {display:block; margin-top:5px; height:20px;} .join .form_wrap .ipt_list + .submit {margin-top:0; float:right;} .join .form_wrap .ipt_list + .submit a.btn {width:124px; height:78px; padding:5px 16px; font-size:16px; line-height:78px;} .join .form_wrap .ipt_list + .submit a.btn.big {height:119px; padding:12px 16px; line-height:119px;} :lang(en) .join .form_wrap .ipt_list + .submit.type_2 a.btn {padding:5px 10px; line-height:26px;} .join .form_wrap .ipt_list + .submit.type_1 a.btn {height:24px; line-height:24px;} .join .agree_terms {margin-top:60px; text-align:center;} .join .agree_terms .submit {width:100%; text-align:center;} .join .agree_terms .submit a.btn {padding:12px 54px;} #agree_online, #agree_privacy, #agree_membership, #agree_auto_buying, #agree_address {margin-top:20px; height:150px; text-align:left; background:#f5f5f5; overflow-y:auto;} #agree_marketing {margin:10px 0; height:150px; text-align:left; background:#f5f5f5; overflow-y:auto;} /**/ .join.full .fin_wrap h2 {font-size:26px; color:#111; line-height:32px;} .join.full .fin_wrap .sub_txt {margin-top:15px; font-size:18px; color:#444;} .join.full .fin_wrap .info_center {margin-top:65px; text-align:center;} .join.full .fin_wrap .info_center strong {display:block; height:16px; margin-bottom:30px; font-size:18px; color:#444; line-height:16px;} .join.full .fin_wrap .info_center .txt_coupon {display:inline-block; font-size:20px; color:#8e8e8e; line-height:40px;} .join.full .fin_wrap .info_center .txt_coupon span {display:block;} .join.full .fin_wrap .info_center .submit {margin-top:70px;} .join.full .fin_wrap .info_center .submit a {width:148px; height:40px; font-size:16px; line-height:40px;} .join.full .coupon_wrap {margin-top:80px;} .join.full .coupon_wrap ul {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .join.full .coupon_wrap ul:after {display:block; clear:both; content:"";} .join.full .coupon_wrap li {float:left; width:50%; padding:40px 0 40px 60px; box-sizing:border-box;} .join.full .coupon_wrap li a {display:block;} .join.full .coupon_wrap li img {width:auto;} .join.full .coupon_wrap li span {display:inline-block; margin-left:16px; width:225px; color:#444; vertical-align:middle;} .join.full .coupon_wrap .btns {margin-top:20px;} /************************************************** PCMB 회원 : E **************************************************/ /**************************************** 주문정보 테이블 : S *****************************************/ .grid_wrap.goods .checkbox > label {margin-right:0; height:20px; line-height:20px;} .grid_wrap.goods .checkbox > label i {margin-top:0;} .grid_wrap.goods {margin-top:36px; font-size:12px;} .grid_wrap.goods th {margin-top:36px; padding:12px 0; line-height:20px; color:#8e8e8e; vertical-align:top; font-size:13px; font-weight:normal; background:#fff; border:0; border-bottom:1px solid #959595; text-align:center;} .grid_wrap.goods td {padding:25px 0; color:#8e8e8e; vertical-align:middle; text-align:center; border-left:0; border-right:0;} .grid_wrap.goods td > img, .grid_wrap.goods td > a > img {margin-right:18px; float:left; width:100px;} .grid_wrap.goods .add {width:17px; height:23px; background:url("../images/ui/bg_arrow_low.png") no-repeat 0 25px;} .grid_wrap.goods .add .checkbox {display:none;} .grid_wrap.goods .info {display:block; padding-right:10px; width:100%; max-width:350px; text-align:left; overflow:hidden;} .grid_wrap.goods .info strong {display:block; margin-bottom:24px; font-size:16px; color:#111; line-height:14px;} .grid_wrap.goods .info .brand, .grid_wrap.goods .info .name, .grid_wrap.goods .info .option {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#8e8e8e;} .grid_wrap.goods .info .brand, .grid_wrap.goods .info .name {line-height:20px; color:#111; font-size:14px;} .grid_wrap.goods .info .name {margin-bottom:15px;} .grid_wrap.goods .info .option {line-height:18px; font-size:13px;} .grid_wrap.goods .info .option .color {display:inline-block; line-height:18px; vertical-align:middle;} .grid_wrap.goods .info .option .color span {display:inline-block; width:12px; height:12px;} .grid_wrap.goods .info .free_fitting {margin-top:10px} .tbl_goods .info .option .color span {display:inline-block; vertical-align:middle; width:12px; height:12px;} .grid_wrap.goods .info a.btn {margin-top:14px; padding:0; width:72px; font-size:12px;} .grid_wrap.goods .status span {display:block; width:100%;} .grid_wrap.goods .status span + span {margin-top:8px;} .grid_wrap.goods a.btn + .quantity {position:absolute; margin-left:5px;} .grid_wrap.goods .quantity {display:inline-block; margin-top:14px; border:1px solid #e5e5e5;} .grid_wrap.goods .quantity input[type=number] {margin:0; padding:0 5px; height:25px; line-height:25px; font-size:12px; border:0;} .grid_wrap.goods .quantity em {font-size:12px;} .grid_wrap.goods .quantity .minus, .grid_wrap.goods .quantity .plus {top:3px; height:18px; line-height:18px; font-size:12px;} .grid_wrap.goods .quantity .plus {left:61px; right:auto;} .grid_wrap.goods .quantity .apply {display:inline-block; padding:0 12px 0 6px; vertical-align:middle; color:#444; font-family:'SSF_Bold','NotoSans_kr_Medium';} .grid_wrap.goods .txt-quantity {display:block; margin-top:8px; color:#111;} .grid_wrap.goods a.btn {display:inline-block; padding:1px 0; width:108px; font-size:12px;} .grid_wrap.goods .soldout {display:block; margin-top:8px; color:#5b1eaa;} .grid_wrap.goods .benefits {display:inline-block; min-width:160px; text-align:left; color:#444; font-family:'SSF_Bold','NotoSans_kr_Medium';} .grid_wrap.goods .benefits span {float:right; margin-left:10px;} .grid_wrap.goods .benefits .group_discount {display:inline-block; margin:0 auto; padding-left:30px; color:#5b1eaa; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/ico_group_discount.png") no-repeat left center;} .grid_wrap.goods .benefits p + .group_discount, .grid_wrap.goods .benefits p + .free_fitting {margin:15px auto 0;} .grid_wrap.goods .shipping span {display:block;} .grid_wrap.goods .price {font-size:15px; color:#444; font-family:'SSF_Bold','NotoSans_kr_Demilight';} .grid_wrap.goods td:last-child a.btn {min-width:72px;} :lang(en) .grid_wrap.goods td:last-child a.btn, :lang(zh) .grid_wrap.goods td:last-child a.btn {padding-top:5px; padding-bottom:5px; height:auto; line-height:16px;} .grid_wrap.goods td:last-child a.btn + a.btn {margin-top:4px;} .grid_wrap.goods td:last-child a.btn.alarm {padding:6px 0; height:32px; line-height:16px; border-color:#444; background-color:#444; color:#fff;} :lang(en) .grid_wrap.goods td:last-child a.btn.alarm {height:auto;} .grid_wrap.goods .post_info {padding-top:50px; text-align:left; color:#111; font-size:13px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .grid_wrap.goods .post_info > span {display:inline-block; width:124px;} .tabs .grid_wrap.goods th span:not(.date) + span {margin-left:15px;} .tabs .grid_wrap.goods th span .btn {width:80px; height:18px; margin-left:10px; padding:0; border-color:#d5d5d5; font-size:11px; color:#777; line-height:18px; vertical-align:middle;} .tabs .grid_wrap.goods th .date {display:inline-block; width:120px; color:#111; font-size:16px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .tabs .grid_wrap.goods th .shop {margin-left:5px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .tabs .grid_wrap.goods th > a {float:right; padding-right:12px; color:#8e8e8e; background:url("../images/ui/bg_step_arr.png") no-repeat 100% 50%; background-size:6px auto;} .tabs .grid_wrap.goods th a.map {display:inline-block; float:none; margin-left:8px; padding:0 10px; height:18px; line-height:18px; vertical-align:bottom; color:#444; font-size:11px;} .page {margin-top:30px;} /**************************************** 주문정보 테이블 : E *****************************************/ /**************************************** PCCT 장바구니 & PCOD 주문결제 : S *****************************************/ /* 주문금액 */ .calc {padding:70px 0; text-align:center;} .calc > span {display:inline-block; line-height:36px; text-align:center; font-size:26px; font-family:'SSF_Bold','NotoSans_kr_Medium'; vertical-align:top;} .calc > span > i {display:block; margin-top:5px; line-height:32px; color:#444; font-size:14px;} .calc > span > span {display:block; font-family:'SSF_Bold','NotoSans_kr_Medium'; color:#8e8e8e; font-size:12px; line-height:10px;} .calc > span.minus, .calc > span.plus, .calc > span.total {padding-left:80px; background:url("../images/ui/bg_calc.gif") no-repeat;} .calc > span.minus {background-position:30px -40px;} .calc > span.plus {background-position:30px 26px;} .calc > span.total {color:#5b1eaa; font-family:'SSF_Bold','NotoSans_kr_Regular'; background-position:30px -104px;} .calc > span.minus .arrow {margin:5px auto 0; width:68px;} .calc > span.minus .arrow .balloon {display:none;} .calc > span.minus .arrow.toggle {padding-right:21px; background:url("../images/ui/bg_arrow_down.png") no-repeat right center; cursor:pointer;} .calc > span.minus .arrow.toggle .balloon {display:none; position:absolute; margin-left:-138px; padding-top:9px; width:360px; text-align:center; background:url('../images/ui/bg_balloon.gif') no-repeat center top;} .calc > span.minus.on .arrow.toggle {background-image:url("../images/ui/bg_arrow_up.png");} .calc > span.minus.on .arrow.toggle .balloon {display:block;} .calc > span.minus .arrow.toggle .balloon .detail {display:inline-block; padding:10px 18px; background:#444;} .calc > span.minus .arrow.toggle .balloon .detail span {display:block; min-width:180px; font-size:12px; line-height:20px; color:#d5d5d5; text-align:left;} .calc > span.minus .arrow.toggle .balloon .detail span:first-child, .calc > span.minus .arrow.toggle .balloon .detail span:first-child em {color:#fff; font-family:'SSF_Bold','NotoSans_kr_Medium';} .calc > span.minus .arrow.toggle .balloon .detail span b {display:inline-block; overflow:hidden; width:100px; height:20px; line-height:20px; text-overflow:ellipsis; white-space:nowrap; vertical-align:top;} .calc > span.minus .arrow.toggle .balloon .detail span em {margin-left:20px; float:right;} /* 주문버튼 */ .submit_order {margin-top:50px; text-align:center;} .submit_order a.btn {padding:16px 110px; font-size:16px; font-family:'SSF_Bold','NotoSans_kr_Regular';} .submit_order a.btn span {color:#e6cfff;} .submit_order.none .btn {border-color:#d5d5d5; background-color:#d5d5d5;} .submit_order.none em {display:block; margin-top:15px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#444; line-height:30px;} .submit_order.none p {font-size:12px; color:#444; line-height:20px;} .submit_order.none dl {display:block; margin:10px auto; width:280px; border-bottom:1px solid #e5e5e5;} .submit_order.none dl dt {display:block; width:280px; height:30px; line-height:30px; color:#444; font-size:12px; border-top:1px solid #e5e5e5;} .submit_order.none dl dt span {display:inline-block; float:left; padding-left:40px; width:80px; text-align:center; color:#8e8e8e;} /* PCCT 장바구니 */ :lang(en) .wrap .contents section.cart > h3, :lang(zh) .wrap .contents section.cart > h3 {position:absolute; margin-top:-70px; font-size:18px;} .cart .tabs .tab li {width:25%;} .cart .tabs .tab.third li {width:33.33%;} .cart .order_set {margin-top:60px;} .cart .order_set .grid_wrap.goods .info .name {max-width:240px;} .cart .order_set .grid_wrap.goods td:last-child a.btn {display:block; width:70px;} .cart .order_set .grid_wrap.goods td .ordermade {display:block; margin-top:12px; line-height:15px; text-align:left; color:#777; font-size:11px;} .cart .order_set .grid_wrap.goods td .ordermade strong {color:#111;} .cart .tabs p.info {display:block; position:absolute; margin-top:-30px; padding-left:30px; height:25px; line-height:22px; color:#5b1eaa; font-size:18px; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/exc_mark_r.png") no-repeat left center;} .cart .tabs i.info {display:block; margin-top:60px; padding-left:30px; line-height:20px; font-family:'SSF_Bold','NotoSans_kr_Regular'; background:url("../images/ui/ico_i.png") no-repeat left center;} .cart .submit {margin-top:20px; height:28px; text-align:right;} .cart .submit p {line-height:28px; color:#8e8e8e; font-size:12px;} .cart .submit a.btn {float:left; padding:5px 30px; height:18px; line-height:18px; font-size:12px;} .cart .bill {margin-top:70px;} .cart .ad_banner {margin-top:100px;} /* PCOD 주문결제 */ section.order .grid_wrap.goods .info .name {max-width:240px;} section.order .grid_wrap.goods + .caution {margin-top:25px;} section.order div > h4 {margin-top:56px; line-height:26px; font-size:18px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.order div > h4 a {float:right; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:14px; color:#8e8e8e; line-height:26px;} section.order .confirm_wrap {margin-top:70px; border-top:1px solid #444;} section.order .confirm_wrap.type_1 {margin-top:0; border:0 none;} section.order .confirm_wrap h5 {margin-top:40px; color:#444; font-size:14px;} section.order .confirm_wrap .txt {margin-top:30px; line-height:20px; color:#8e8e8e;} section.order .confirm_wrap .list_wrap {margin-top:30px; color:#8e8e8e;} section.order .confirm_wrap .certify {margin:45px auto 0; width:520px;} section.order .confirm_wrap .checkbox {display:block; margin-top:40px; color:#333;} section.order .confirm_wrap .checkbox a {float:right; font-family:'SSF_Bold','NotoSans_kr_Medium'; color:#8e8e8e; line-height:34px;} section.order .confirm_wrap .checkbox a span {display:none;} section.order .confirm_wrap .checkbox a span:first-child {display:block;} section.order .confirm_wrap .checkbox.on a span:first-child {display:none;} section.order .confirm_wrap .checkbox.on a span:last-child {display:block;} section.order .confirm_wrap .mCS {display:none; margin-top:30px; height:150px; text-align:left; background:#f5f5f5;} section.order .confirm_wrap.type_1 .mCS {display:block;} section.order .confirm_wrap .on + .mCS {display:block;} section.order .confirm_wrap + .confirm_wrap {padding-top:20px; border-top:1px solid #e5e5e5;} section.order .confirm_wrap + .confirm_wrap > h4 {margin-top:0;} section.order .form_wrap {margin-top:70px; border-top:1px solid #444;} section.order .form_wrap + .form_wrap {margin-top:45px;} section.order .form_wrap > ul {margin-top:20px; width:540px;} :lang(en) section.order .form_wrap > ul, :lang(zh) section.order .form_wrap > ul {margin-top:20px; width:800px;} :lang(en) section.order .form_wrap > ul > li .item, :lang(zh) section.order .form_wrap > ul > li .item {width:200px;} :lang(en) section.order .form_wrap > ul > li > p, :lang(zh) section.order .form_wrap > ul > li > p {color:#8e8e8e; font-size:12px;} :lang(en) section.order .form_wrap > ul > li > .select + .select, :lang(zh) section.order .form_wrap > ul > li > .select + .select {margin-left:28px;} :lang(en) section.order .form_wrap > ul > li > .input_box input + input, :lang(zh) section.order .form_wrap > ul > li > .input_box input + input {margin-left:28px;} /* section.order .form_wrap > ul > li {padding:4px 0;} */ section.order .form_wrap > ul > .division + .division {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;} section.order .form_wrap > ul > li .item {vertical-align:top;} section.order .form_wrap > ul > li .shop {position:relative; width:100%; vertical-align:middle;} section.order .form_wrap > ul > li .shop em {display:inline-block; width:362px; line-height:24px; word-wrap:break-word; word-break:keep-all;} section.order .form_wrap > ul > li .shop i.map {float:right;} section.order .form_wrap > ul > li .mine {position:absolute; color:#8e8e8e; margin-left:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; vertical-align:top;} section.order .form_wrap > ul > li .mine + .input_box {width:150px;} section.order .form_wrap > ul > li a.btn {display:inline; padding:6px 20px 7px;} section.order .form_wrap > ul > li .input_box + a.btn {display:inline-block; width:58px; height:19px; margin-left:20px; line-height:19px; vertical-align:top;} :lang(en) section.order .form_wrap > ul > li .input_box + a.btn {width:auto;} :lang(zh) section.order .form_wrap > ul > li .input_box + a.btn {width:auto;} section.order .form_wrap > ul > li .input_box + .checkbox {margin-left:17px;} section.order .form_wrap > ul > li .input_box + .checkbox label {margin:0; width:100px;} section.order .form_wrap > ul > li .outside {position:absolute; margin-left:420px !important; color:#8e8e8e;} section.order .form_wrap > ul > li .outside.caution {height:35px; line-height:35px; color:#5b1eaa; background-position:left 8px;} section.order .form_wrap > ul > li .input_box.type_1 {padding-bottom:45px;} section.order .form_wrap > ul > li .input_box .desc {position:absolute; left:0; width:820px;} section.order .form_wrap > ul > li .input_box .desc a {color:#959595;} section.order .form_wrap > ul > li .checkbox > label, .radio > label {line-height:29px;} section.order .form_wrap > ul.type_1 > li .input_box {width:190px;} section.order .form_wrap > ul > li .item .arrow {display:inline-block; width:10px; height:6px; margin-left:7px; background:url("../images/ui/arrow_down.png") no-repeat 0 0; background-size:10px auto; vertical-align:middle;} section.order .form_wrap > ul > li.on .balloon {display:block;} section.order .form_wrap > ul > li .balloon {display:none; position:absolute; z-index:100; padding:17px 20px; width:290px; background-color:#fff; border:1px solid #111; text-align:center;} section.order .form_wrap > ul > li .balloon li {position:relative;padding-left:10px; font-size:12px; color:#8e8e8e; text-align:left; line-height:19px;} section.order .form_wrap > ul > li .balloon li:before {position:absolute; top:9px; left:0; width:2px; height:2px; background-color:#8e8e8e; content:'';} section.order .packing {margin-top:45px; border-top:1px solid #444;} section.order .packing > p {margin-top:30px; line-height:20px; color:#8e8e8e;} section.order .packing > ul {margin-top:30px; padding:15px 0; border-top:1px solid #e5e5e5;} section.order .packing > ul > li {padding:15px 0; line-height:35px;} section.order .packing > ul > li .info {display:inline-block; min-width:450px; vertical-align:middle;} section.order .packing > ul > li .info .brand {display:block; line-height:20px;} section.order .packing > ul > li .info .name {display:block; line-height:20px; color:#8e8e8e;} section.order .packing > ul > li .info .option {display:block; line-height:20px; color:#8e8e8e;} section.order .packing > ul > li > i {margin-left:30px;} section.order .packing .checkbox > label {margin:0;} section.order .packing .checkbox > label > i {margin-right:25px;} section.order .packing .checkbox + i {margin-left:0;} section.order .payment {border-top:1px solid #444;} section.order .payment .tabs {margin-top:40px;} section.order .payment .tabs .tab {height:60px; border:0;} section.order .payment .tabs .tab li {width:20%; height:60px; line-height:60px; border:1px solid #e5e5e5; border-right:0; box-sizing:border-box; border-collapse:collapse;} section.order .payment .tabs .tab li:last-child {border-right:1px solid #e5e5e5;} :lang(en) section.order .payment .tabs .tab li, :lang(zh) section.order .payment .tabs .tab li {width:25%;} section.order .payment .tabs .tab li > a, section.order .payment .tabs .tab li > label {display:block; height:58px; line-height:58px; color:#8e8e8e; font-size:14px; border-bottom:0; text-align:center;} section.order .payment .tabs .tab li > a.on, section.order .payment .tabs .tab li > label.on {color:#fff; background:#5b1eaa;} section.order .payment .tabs .tab li > a.on span, section.order .payment .tabs .tab li > label.on span {padding-left:26px; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/bg_selected.png") no-repeat left center;} section.order .payment .tabs > div {margin-top:15px;} section.order .payment .tabs .checkbox + .btn {float:right;} section.order .payment .tabs .list_wrap {padding-top:15px;} section.order .payment .tabs .list_wrap > ul > li {color:#8e8e8e; text-indent:-7px;} section.order .payment .checkbox > label, section.order .payment .radio > label {color:#8e8e8e; margin-right:40px;} section.order .bill {margin-top:70px; padding-top:70px; border-top:1px solid #e5e5e5;} section.order .bill + .list_wrap {margin-top:24px; color:#959595; font-size:13px;} section.order .agree {margin-top:45px;} section.order .agree h4 {margin-bottom:30px;} section.order .agree .remote {display:inline-block; vertical-align:middle; padding-right:25px; width:auto; height:auto; color:#8e8e8e; font-size:14px; background:url("../images/base/bg_base.png") no-repeat right -300px;} section.order .agree .remote.on {background-position:right -350px;} section.order .agree .remote_wrap {margin:18px 0 0 28px !important; color:#8e8e8e; font-size:13px;} /* 수선 결제페이지 */ section.order .form_wrap + .payment {margin-top:45px;} section.order .payment .pay_wrap {margin-top:35px;} section.order .payment .pay_wrap .radio_box {display:inline-block; vertical-align:middle;} section.order .payment .pay_wrap .radio_box:after {display:block; clear:both; content:'';} section.order .payment .pay_wrap .radio_box li {float:left; width:190px; height:60px; line-height:60px; border:1px solid #e5e5e5; border-right:0; box-sizing:border-box; border-collapse:collapse;} section.order .payment .pay_wrap .radio_box li:last-child {border-right:1px solid #e5e5e5;} section.order .payment .pay_wrap .radio_box li > label {display:block; height:58px; line-height:58px; color:#8e8e8e; font-size:14px; border-bottom:0; text-align:center;} section.order .payment .pay_wrap .radio_box li input[type=radio]:checked + label {color:#fff; background:#5b1eaa;} section.order .payment .pay_wrap .radio_box li input[type=radio]:checked + label span {padding-left:26px; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/bg_selected.png") no-repeat left center;} section.order .payment .pay_wrap .checkbox {margin-left:36px; vertical-align:middle;} section.order .payment .pay_wrap .checkbox label {color:#333;} :lang(en) section.order .agree .checkbox label {margin-top:10px;} :lang(en) section.order .agree .checkbox label {line-height:20px; color:#444;} :lang(en) section.order .payment, :lang(zh) section.order .payment {margin-top:40px;} :lang(en) section.order .payment .tabs .tab li:first-child a, :lang(zh) section.order .payment .tabs .tab li:first-child a {padding:11px 0; height:36px; line-height:18px;} :lang(en) section.order .payment .tabs .tab li:first-child a span, :lang(zh) section.order .payment .tabs .tab li:first-child a span {display:inline-block; text-align:left;} :lang(en) section.order .form_wrap li:last-child .input_box, :lang(zh) section.order .form_wrap li:last-child .input_box {margin-top:15px;} :lang(en) section.order .form_wrap li:last-child .list_wrap, :lang(zh) section.order .form_wrap li:last-child .list_wrap {margin-top:15px; color:#8e8e8e; font-size:13px;} /* 주문완료 */ section.order .line_wrap {padding:60px 0;} section.order .tit_wrap + .line_wrap {border-top:1px solid #e5e5e5;} section.order .line_wrap + .line_wrap {border-top:1px solid #444;} section.order .line_wrap h3 {height:16px; font-size:18px; color:#111; line-height:16px;} section.order .line_wrap p {margin-top:36px; font-size:16px; color:#111; line-height:24px;} section.order .line_wrap p.sub_txt {margin-top:10px; font-size:13px; color:#8e8e8e;} section.order .line_wrap p b {font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.order .line_wrap p .shop {margin-left:10px; padding:8px 12px 8px 32px; background:url("../images/ui/ico_map_small.png") no-repeat 11px 50%; border:1px solid #e5e5e5; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:12px; color:#111; line-height:12px;} section.order .line_wrap p + p {margin-top:24px;} section.order .line_wrap p span {display:block;} section.order .line_wrap p b + span {display:inline-block; margin-left:5px;} section.order .line_wrap .desc {font-size:14px; color:#444;} section.order .line_wrap .txt_info {margin-top:36px; font-size:16px; color:#8e8e8e; line-height:24px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.order .line_wrap .txt_info strong {color:#444;} section.order .line_wrap dl {margin-top:25px;} section.order .line_wrap p + dl {border-top:1px solid #e5e5e5;} section.order .line_wrap dl dt, section.order .line_wrap dl dd {height:20px; line-height:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.order .line_wrap dl dt {padding-top:25px; color:#444;} section.order .line_wrap dl dd {color:#8e8e8e;} section.order .line_wrap .item_info {margin-top:36px} section.order .line_wrap .item_info li {padding-top:10px;} section.order .line_wrap .item_info li i, section.order .line_wrap .item_info li span {display:inline-block; height:12px; line-height:12px;} section.order .line_wrap .item_info li i {width:145px;} section.order .line_wrap .item_info li i {color:#8e8e8e;} section.order .line_wrap .item_info li span {color:#111; text-align:right} section.order .line_wrap .list_wrap {margin-top:30px} section.order .line_wrap .list_wrap li {margin-top:4px; color:#8e8e8e;} section.order .line_wrap .list_wrap li:first-child {margin-top:0;} section.order .line_wrap .submit_order {margin-top:55px;} section.order .line_wrap .submit_order a.btn {margin:0 5px;} :lang(en) section.order .line_wrap .submit_order a.btn {width:238px; padding:16px 20px;} section.order .line_wrap + .ad_recommend {margin-top:45px;} section.order .line_wrap .bill {border:0 none; margin-top:0; padding-top:0} section.order .line_wrap .bill .credit_card {display:inline-block; padding-bottom:16px; color:#8e8e8e;} section.order .line_wrap .bill .credit_card em {margin-left:10px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.order .line_wrap .bill .gray_box {margin-top:0;} section.order .line_wrap h3 + .bill {margin-top:40px;} section.order .line_wrap .input_select {display:block; width:100%; margin-top:40px;} section.order .line_wrap .input_select input {border:0 none; background:url("../images/ui/arrow_down.png") no-repeat 100% 50%; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#444;} section.order .line_wrap .input_select ul {width:100%;} section.order .line_wrap.receiver {border-color:#444;} section.order .line_wrap.receiver .toggle {display:block; background:url("../images/ui/arrow_down.png") no-repeat 100% 50%; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#444;} section.order .line_wrap.receiver div {display:none;} section.order .line_wrap.receiver.on div {display:block;} section.order .line_wrap.receiver div p {margin:15px 0; padding-top:25px; border-top:1px solid #e5e5e5; font-size:13px; color:#8e8e8e;} section.order .line_wrap.receiver div .btn {width:48px; height:18px; font-size:12px; vertical-align:middle; color:#333; line-height:18px;} section.order .line_wrap .order_list {margin-top:40px;} section.order .line_wrap .order_list li {display:table; padding:25px 0; border-bottom:1px solid #f7f7f7;} section.order .line_wrap .order_list li:first-child {border-top:1px solid #f7f7f7;} section.order .line_wrap .order_list li .info {display:table-cell; width:380px; max-width:380px; vertical-align:middle;} section.order .line_wrap .order_list li .info .brand, section.order .line_wrap .order_list li .info .time {display:block; overflow:hidden; height:20px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:14px; color:#111; line-height:20px; white-space:nowrap; text-overflow:ellipsis;} section.order .line_wrap .order_list li .info .name {display:block; overflow:hidden; height:20px; margin-top:5px; font-size:14px; color:#8e8e8e; line-height:20px; white-space:nowrap; text-overflow:ellipsis;} section.order .line_wrap .order_list li .info .time {color:#5b1eaa;} section.order .line_wrap .order_list li .info .time + .name {font-size:13px;} section.order .line_wrap .order_list li .fitting {display:table-cell; padding-left:65px; vertical-align:middle; color:#5b1eaa;} section.order .line_wrap .order_list li .fitting + .info {padding-left:64px;} section.order .line_wrap .order_list li .status {display:table-cell; padding-left:65px; vertical-align:middle; color:#444;} section.order .ad_banner {margin-top:100px;} /* 사은품 */ section.order .freebie {margin-top:45px; padding:50px 0; border-top:1px solid #444; border-bottom:1px solid #444;} section.order .freebie h4 {margin-top:0 !important; line-height:18px !important;} section.order .freebie ul:after {display:block; clear:both; content:'';} section.order .freebie ul li {display:block; float:left; padding:40px 0; width:50%; height:132px; border-bottom:1px solid #f7f7f7;} section.order .freebie ul:last-child li {padding-bottom:0 !important; border-bottom:0 !important;} section.order .freebie ul li img {display:block; float:left; width:100px; height:132px;} section.order .freebie ul li .info {display:block; float:left; padding:20px 25px; width:280px;} section.order .freebie ul li .info span {display:inline-block; max-height:44px; line-height:22px; overflow:hidden;} section.order .freebie ul li .info .txt-quantity {display:block; margin-top:20px; color:#8e8e8e;} section.order .submit_order a.btn {margin:0 5px;} /**************************************** PCCT 장바구니 & PCOD 주문결제 : E *****************************************/ /*********************************************** PCMP 마이페이지 : S ************************************************/ section.mypage .tabs .tab li {width:25%;} section.mypage .tabs .grid_wrap.goods th {text-align:left;} :lang(en) section.mypage .tabs .tab li, :lang(zh) section.mypage .tabs .tab li {width:33.33%;} /* 메인 */ section.mypage .info_wrap {padding:70px 0; border-top:2px solid #282828; border-bottom:2px solid #282828;} section.mypage .info_wrap .basic:after, section.mypage .info_wrap .extend:after {display:block; clear:both; content:"";} section.mypage .info_wrap .basic .left {display:inline-block; color:#111;} section.mypage .info_wrap .basic .left h2 {font-size:32px; line-height:28px;} section.mypage .info_wrap .basic .left span {display:block; margin-top:26px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; line-height:14px;} section.mypage .info_wrap .basic .right {float:right; width:590px; padding-bottom:50px;} section.mypage .info_wrap .basic .right .grade {display:inline-block; width:290px;} section.mypage .info_wrap .basic .right .grade span {display:block; color:#444; line-height:12px;} section.mypage .info_wrap .basic .right .grade h3 {margin-top:20px; font-size:48px; color:#111; line-height:46px;} section.mypage .info_wrap .basic .right .grade h3 a {display:inline-block; padding-right:25px; background:url("../images/ui/bg_arrow_right02.png") no-repeat 100% 50%; font-size:36px; color:#959595;} section.mypage .info_wrap .basic .right .grade h3 + a {display:inline-block; margin-top:20px; font-size:16px; color:#959595; line-height:14px;} section.mypage .info_wrap .extend .left {display:inline-block; padding-top:48px} section.mypage .info_wrap .extend .count > a {display:block; margin-top:12px; font-size:30px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#111; line-height:30px;} section.mypage .info_wrap .extend .count label {display:inline-block; position:relative; width:78px; height:20px; margin-left:10px; border:1px solid #d5d5d5; vertical-align:middle;} section.mypage .info_wrap .extend .count label input[type=checkbox] + .slider {position:absolute; top:-1px; left:39px; z-index:10; width:40px; height:22px; background-color:#959595; transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} section.mypage .info_wrap .extend .count label input[type=checkbox]:checked + .slider {top:-1px; left:-1px; background-color:#5b1eaa;} section.mypage .info_wrap .extend .count label span + span {position:relative; z-index:20; float:left; width:50%; height:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:11px; color:#fff; line-height:20px; text-align:center;} section.mypage .info_wrap .extend .right {float:right; width:590px; padding-top:47px; border-top:1px solid #e9e9e9;} :lang(en) section.mypage .info_wrap .basic, :lang(zh) section.mypage .info_wrap .basic {float:left;} :lang(en) section.mypage .info_wrap .extend .right, :lang(zh) section.mypage .info_wrap .extend .right {padding-top:0; border-top:0;} :lang(en) section.mypage .info_wrap .extend .right ul .count, :lang(zh) section.mypage .info_wrap .extend .right ul .count {margin-left:230px;} section.mypage .info_wrap .extend .right ul .count {display:inline-block; margin-left:32px;} section.mypage .info_wrap .extend .right ul .count > a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} section.mypage .info_wrap .extend .right ul .count:first-child > a {max-width:176px;} section.mypage .info_wrap .extend .right ul .count:nth-child(2) > a {max-width:156px;} section.mypage .info_wrap .extend .right ul .count:nth-child(3) > a {max-width:60px;} section.mypage .info_wrap .extend .right ul .count:nth-child(4) > a {max-width:80px;} section.mypage .info_wrap .extend .right ul .count:first-child {margin-left:0;} section.mypage .order_wrap h4 {padding-top:95px; font-size:18px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; line-height:26px;} section.mypage .grid_wrap.goods .order_th {text-align:left;} section.mypage .grid_wrap.goods .order_th span {display:inline-block; margin-left:15px; color:#444;} section.mypage .grid_wrap.goods .order_th span em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .grid_wrap.goods .order_th span.fitting {color:#50507a;} section.mypage .grid_wrap.goods .order_th span.fitting em {margin-right:5px; padding:2px 10px 3px; font-size:12px; font-family:'SSF_Regular','NotoSans_kr_Regular'; border:1px solid #50507a;} section.mypage .grid_wrap.goods .order_th .date {width:100px; margin-left:0; font-size:16px; color:#111;} section.mypage .grid_wrap.goods .order_th .btn_arr {float:right; padding-right:14px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; color:#8e8e8e;} section.mypage .grid_wrap.goods .order_th .btn {margin-left:15px; padding:0; width:80px; height:18px; font-size:11px; color:#777; vertical-align:middle; line-height:18px;} section.mypage .grid_wrap.goods .order_th .order_to {margin-top:12px; line-height:22px;} section.mypage .grid_wrap.goods .order_th .order_to .name {margin-left:0; color:#444; font-size:13px;} section.mypage .grid_wrap.goods .order_th .order_to .name em {display:inline-block; margin-left:10px;} section.mypage .grid_wrap.goods .order_th .order_to > a {float:right; width:93px; padding-right:18px; color:#8e8e8e; font-size:13px; background:url("../images/base/bg_base.png") 99px -299px no-repeat;} section.mypage .grid_wrap.goods .order_th .order_to.on > a {background-position:99px -349px;} section.mypage .grid_wrap.goods .order_th .order_to .detail {display:none; position:absolute; margin-top:12px; padding:20px; width:920px; line-height:22px; color:#444; font-size:13px; background:#f3f3f3; z-index:1} section.mypage .grid_wrap.goods .order_th .order_to.on .detail {display:block;} section.mypage .grid_wrap.goods .order_th .order_to .detail .btn {float:right; margin-top:7px; width:110px; height:29px; vertical-align:middle; font-size:12px; color:#444; vertical-align:middle; line-height:29px;} /* 수선, 문의·활동 내역 */ section.mypage .history_wrap h4 {padding-top:95px; font-size:18px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; line-height:26px;} section.mypage .history_wrap h4 span {display:inline-block; width:50%;} section.mypage .history_wrap + .history_wrap h4 {padding-top:60px; border-top:1px solid #444;} section.mypage .history_wrap .repair_list {margin-top:45px; padding-bottom:70px;} section.mypage .history_wrap .repair_list p {font-size:14px; color:#8e8e8e; line-height:24px; text-align:left;} section.mypage .history_wrap .ask_list {margin-top:45px; padding-bottom:35px; border-bottom:1px solid #e5e5e5;} section.mypage .history_wrap .ask_list li {display:inline-block; width:190px;} section.mypage .history_wrap .ask_list li:nth-child(2) {margin-right:100px;} :lang(en) section.mypage .history_wrap .ask_list li, :lang(zh) section.mypage .history_wrap .ask_list li {width:170px; margin-right:0 !important;} :lang(en) section.mypage .history_wrap .ask_list li:last-child, :lang(zh) section.mypage .history_wrap .ask_list li:last-child {width:80px; margin-right:0 !important;} section.mypage .history_wrap .ask_list li span {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:13px; color:#444; line-height:16px;} section.mypage .history_wrap .ask_list li a {display:inline-block; margin-top:15px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:32px; color:#111; line-height:30px;} section.mypage .history_wrap .hint_area {padding:40px 0; border-bottom:1px solid #e5e5e5} section.mypage .history_wrap .hint_area:after {display:block; clear:both; content:"";} section.mypage .history_wrap .hint_area .left {float:left;} section.mypage .history_wrap .hint_area .left em {display:block; font-size:13px; color:#444; line-height:14px;} section.mypage .history_wrap .hint_area .left p {display:block; margin-top:10px; font-size:12px; color:#777; line-height:12px;} section.mypage .history_wrap .hint_area .right {float:right; padding-top:4px;} section.mypage .history_wrap .hint_area .right span {display:inline-block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:20px; color:#111; vertical-align:middle;} section.mypage .history_wrap .hint_area .right .btn {padding:0; width:109px; height:26px; margin-left:20px; font-size:12px; line-height:26px; text-align:center; vertical-align:middle;} /* 주문 하단 스텝 */ section.mypage .step_wrap, section.mypage .list_wrap {margin-top:80px;} section.mypage .step_wrap h3 {font-size:18px; color:#111;} section.mypage .step_wrap img {margin-top:50px; width:auto;} section.mypage .step_wrap ol {margin-top:36px;} section.mypage .step_wrap ol:after {display:block; clear:both; content:"";} section.mypage .step_wrap ol li {float:left; width:172px; height:206px; margin:35px 0 0 50px; padding-right:30px; background:url("../images/ui/bg_step_arr.png") no-repeat right 91px} section.mypage .step_wrap ol li:nth-child(4n-3) {margin-left:0px;} section.mypage .step_wrap ol li:last-child {background-image:none;} section.mypage .step_wrap ol li .number {display:block; font-size:34px; color:#777; line-height:24px;} section.mypage .step_wrap ol li em {display:block; margin-top:18px; font-size:20px; color:#111; line-height:20px;} section.mypage .step_wrap ol li p {height:54px; margin-top:18px; font-size:13px; color:#333; line-height:20px; text-align:left;} section.mypage .step_wrap ol li span {display:block; font-size:12px; color:#8e8e8e;} section.mypage .step_wrap.col3 ol li {padding-right:76px; width:210px;} section.mypage .step_wrap.col3 ol li:nth-child(4n-3) {margin-left:50px;} section.mypage .step_wrap.col3 ol li:nth-child(3n+1) {margin-left:0;} section.mypage .step_wrap.col3 ol li:nth-child(3n) {background-image:none;} :lang(en) section.mypage .step_wrap ol li {height:266px;} :lang(zh) section.mypage .step_wrap ol li {} :lang(en) section.mypage .step_wrap ol li span, :lang(zh) section.mypage .step_wrap ol li span {margin-top:10px; word-wrap:break-word; word-break:keep-all;} section.mypage .step_wrap ul {margin-top:80px} section.mypage .step_wrap ul:after {display:block; clear:both; content:"";} section.mypage .step_wrap ul li {position:relative; float:left; width:172px; margin-left:20px; padding-top:65px; background:url("../images/ui/bg_step_arr.png") no-repeat 127px 65px} section.mypage .step_wrap ul li:after {position:absolute; top:0; left:0; width:46px; height:46px; background:url("../images/ui/bg_step.png") no-repeat 0 0; content:'';} section.mypage .step_wrap ul li:nth-child(2):after {background-position:0 -46px} section.mypage .step_wrap ul li:nth-child(3):after {background-position:0 -92px} section.mypage .step_wrap ul li:nth-child(4):after {background-position:0 -138px} section.mypage .step_wrap ul li:nth-child(5):after {background-position:0 -184px} section.mypage .step_wrap ul li em {display:block; font-size:20px; color:#111; line-height:20px} section.mypage .step_wrap ul li p {margin-top:18px; font-size:13px; color:#333; line-height:20px; text-align:left;} section.mypage .step_wrap ul li span {display:block; position:relative; padding-top:42px; font-size:12px; color:#8e8e8e;} section.mypage .step_wrap ul li span:after {position:absolute; top:15px; left:0; width:20px; height:1px; background-color:#d5d5d5; content:'';} section.mypage .step_wrap ul li:last-child {background-image:none;} section.mypage .form_wrap.center {padding-top:50px; text-align:center;} section.mypage .form_wrap.center .sub_txt {display:block; font-size:16px; color:#111; line-height:24px;} section.mypage .form_wrap.center .input_box {display:inline-block; width:300px; margin-top:26px;} section.mypage .form_wrap.center ul {margin-top:26px;} section.mypage .form_wrap.center ul {display:inline-block; width:385px;} section.mypage .form_wrap.center ul li .item {width:85px; text-align:left;} section.mypage .form_wrap.center ul li .input_box {margin-top:0;} section.mypage .form_wrap.center ul li .input_box .skills {top:0; margin-top:3px;} section.mypage .form_wrap.center ul li .txt {text-align:left;} section.mypage .form_wrap.center .w460 {width:460px;} section.mypage .form_wrap.center .w460 .item {width:100px;} section.mypage .form_wrap.center .w460 .input_box {width:330px;} section.mypage .form_wrap.center .submit a {width:148px;} /* 주문 상세 */ section.mypage .btn_more {margin-top:40px; text-align:center;} section.mypage .btn_more .btn {width:108px; height:18px; font-size:12px; color:#111; line-height:18px;} section.mypage .btn_more .btn span {display:inline-block; padding-right:18px; background:url("../images/ui/bg_arrow_down.png") no-repeat 100% 50%; background-size:10px auto;} section.mypage .tit_order {height:22px; font-size:22px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; line-height:22px;} section.mypage .tit_outside {margin:30px 0 0 !important; height:22px; font-size:18px !important; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; line-height:22px;} section.mypage .tit_outside small {margin-left:30px;} section.mypage .tit_outside + .goods.grid_wrap {margin-top:10px;} section.mypage .gray_box {position:relative; margin-top:40px; padding:40px; background-color:#f7f7f7;} section.mypage .gray_box dl:after {display:block; clear:both; content:"";} section.mypage .gray_box dl + img {margin-top:50px;} section.mypage .gray_box dt {clear:both; float:left; width:75px; color:#777; line-height:30px;} section.mypage .gray_box dd {float:left; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#111; line-height:30px;} section.mypage .gray_box dd span {display:inline-block; margin-right:15px;} section.mypage .gray_box dd i.map_small {margin-left:5px;} section.mypage .gray_box > p.info_deliver {padding-left:36px; color:#5b1eaa; font-size:16px; background:url('../images/ui/exc_mark.png') no-repeat left top;} section.mypage .gray_box > p.info_deliver > span {display:block; line-height:27px;} section.mypage .gray_box > p.info_deliver > span em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .gray_box > p.info_deliver > small {display:block; line-height:27px; color:#777; font-size:14px} section.mypage .gray_box > p.info_deliver > small em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .gray_box > p.info_deliver > small + span {margin-top:18px;} section.mypage .gray_box > a.btn {position:absolute; top:50%; padding:1px 0; width:108px; font-size:12px; right:40px; margin-top:-18px; border-color:#e5e5e5; background-color:#f7f7f7;} section.mypage .gray_box .change_area {display:none; position:absolute; bottom:-80px; left:0; width:calc(100% - 50px); padding-left:48px; border:1px solid #111; background-color:#fff; z-index:2;} section.mypage .gray_box .hide {display:none; z-index:3;} section.mypage .gray_box .hide {overflow:hidden; position:absolute; bottom:-56px; right:25px; width:22px; height:22px; padding:6px; background:url("../images/ui/bg_toggle_close.png") no-repeat center center; white-space:nowrap; text-indent:100%;} section.mypage .gray_box.on .change_area, section.mypage .gray_box.on .hide {display:block;} section.mypage .gray_box .change_area em {display:inline-block; height:78px; margin-right:20px; line-height:78px;} section.mypage .gray_box .change_area label {height:34px; margin-right:30px; line-height:34px; vertical-align:middle;} section.mypage .gray_box .change_area .btn {vertical-align:middle; width:68px; height:18px; border-color:#e5e5e5; background-color:#e5e5e5; line-height:18px;;} section.mypage .post + .post {margin-top:95px;} section.mypage .post .grid_wrap tr:first-child td {border-top:0;} section.mypage .grid_wrap tr:first-child td {border-top:1px solid #111 !important;} section.mypage .grid_wrap .packing {display:block; margin-top:15px;} section.mypage .grid_wrap .packing i + i {margin-left:15px;} section.mypage .grid_wrap .packing i:first-child {margin-left:0;} section.mypage .grid_wrap .service {display:block; margin-top:15px; margin-bottom:10px;} section.mypage .grid_wrap .service em + .free_fitting {margin-left:20px;} section.mypage .grid_wrap .service > p {margin-bottom:10px; color:#111; font-size:13px;} section.mypage .grid_wrap .service > em {font-size:13px;} section.mypage .grid_wrap .service > em + em:before {content:'/';} section.mypage .grid_wrap .service .group_discount {margin-left:20px; padding-left:30px; color:#5b1eaa; background:url("../images/ui/ico_group_discount.png") no-repeat left center;} section.mypage .grid_wrap .service .global_shipping {margin-left:20px; padding-left:20px; color:#5b1eaa; background:url("../images/ui/ico_global_shipping.png") no-repeat left center;} section.mypage .grid_wrap .group_discount {margin-top:10px; padding-left:30px; color:#5b1eaa; background:url("../images/ui/ico_group_discount.png") no-repeat left center;} section.mypage .grid_wrap .global_shipping {margin-top:10px; padding-left:20px; color:#5b1eaa; background:url("../images/ui/ico_global_shipping.png") no-repeat left center;} section.mypage .grid_wrap .group_discount + .global_shipping {margin-left:20px;} section.mypage .grid_wrap dl {padding:0 20px;} section.mypage .grid_wrap dl:after {display:block; clear:both; content:"";} section.mypage .grid_wrap dl dt, section.mypage .grid_wrap dl dd {float:left; padding:4px 0; line-height:36px;} section.mypage .grid_wrap dl dt {clear:both; width:76px; text-align:left;} section.mypage .grid_wrap dl dd {width:194px; text-align:left;} section.mypage .grid_wrap dl dd .quantity {display:block; position:relative; margin-top:0; border:0 none; text-align:left;} section.mypage .grid_wrap dl dd .quantity input[type=number] {padding:5px 15px; border:0 none; text-align:left;} section.mypage .grid_wrap dl dd .quantity a {display:inline-block; right:0; overflow:hidden; width:36px; height:36px; background:url("../images/ui/bg_quantity.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;} section.mypage .grid_wrap dl dd .quantity .minus {right:0; left:auto; background-position:-36px 0;} section.mypage .grid_wrap dl dd .quantity .plus {right:40px; left:auto;} section.mypage .grid_wrap dl dd .quantity .minus, section.mypage .grid_wrap dl dd .quantity .plus {height:36px;} section.mypage .grid_wrap td dl dd .select > a label {color:#959595;} section.mypage .grid_wrap td dl dd .select:nth-child(1n+3) {margin:5px 0 0 0;} section.mypage .grid_wrap td dl dd .select:nth-child(2n+4) {margin-left:1px;} section.mypage .grid_wrap dl dd .input_box input[type="text"] {font-size:12px;} section.mypage .grid_wrap dl dd .select + .select {margin-left:1px;} section.mypage .grid_wrap dl dd .select + .input_box {display:block; margin-top:5px; width:192px;} section.mypage .grid_wrap dl dd .select + textarea {display:block; margin-top:10px; padding:9px 6px; min-height:18px; width:180px; height:18px; line-height:18px; font-size:12px; border-color:#e5e5e5;} section.mypage .grid_wrap .caution {margin:18px 0 0 20px;} section.mypage .grid_wrap td.delete {width:auto; padding-left:0;} section.mypage .grid_wrap td.delete a {display:inline-block; overflow:hidden; width:16px; height:16px; padding:5px; background:url("../images/ui/bg_tbl_close.png") no-repeat center center; white-space:nowrap; font-size:0; text-indent:100%;} section.mypage .grid_wrap.addr {margin-top:0; border-bottom:1px solid #959595;} section.mypage .grid_wrap.addr + .grid_wrap {margin-top:88px;} section.mypage .grid_wrap.addr td {padding:60px 0; border:0 none; vertical-align:top;} section.mypage .grid_wrap.addr td:last-child {vertical-align:middle;} section.mypage .grid_wrap.addr strong {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:24px; text-align:left;} section.mypage .grid_wrap.addr p {font-size:14px; color:#444; line-height:24px; text-align:left} section.mypage .grid_wrap.addr p b {font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .grid_wrap.addr p + p {margin-top:24px;} section.mypage .grid_wrap.addr p span {display:block;} section.mypage .grid_wrap.addr p b + span {display:inline-block; margin-left:5px;} section.mypage .grid_wrap.addr .attach {margin-top:10px; color:#8e8e8e; line-height:24px;} section.mypage .grid_wrap.addr .input_select {margin-top:20px; text-align:left;} section.mypage .grid_wrap.addr .input_select + p {margin-top:14px;} section.mypage .grid_wrap.addr a.btn {display:inline-block; padding:1px 0; width:108px; font-size:12px;} section.mypage .global_Shipping {margin-top:60px;} section.mypage .global_Shipping h3 {font-size:18px;} section.mypage .global_Shipping h3 small {margin-left:40px;} section.mypage .global_Shipping p {display:inline-block;margin-top:30px; width:48%;} section.mypage .global_Shipping p + p {margin-left:3%;} section.mypage .global_Shipping p .item {color:#8e8e8e; margin-right:30px;} section.mypage .global_Shipping + .tit_outside {margin-top:100px !important;} section.mypage .grid_wrap.goods .step {position:absolute;} section.mypage .grid_wrap.goods .step span {display:block; float:left; padding-right:22px; background:url("../images/ui/arrow_step.png") no-repeat right -46px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .grid_wrap.goods .step span.on {color:#5b1eaa; background-position:right 4px;} section.mypage .grid_wrap.goods .step span:last-child {padding:0; background:none;} section.mypage .grid_wrap.goods .step + .info {margin-top:40px;} section.mypage .grid_wrap.goods .info > .title {display:inline-block; overflow:hidden; max-width:100%; margin-top:15px; font-size:13px; color:#111; line-height:16px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;} section.mypage .grid_wrap.goods .info > .title.photo {padding-right:26px; box-sizing:border-box; background:url("../images/ui/bg_photo.png") no-repeat 100% 50%;} section.mypage .grid_wrap.goods .info .qna_txt {display:inline-block; padding-top:20px;} section.mypage .grid_wrap.goods .info .qna_txt em {display:inline-block; width:70px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; color:#5b1eaa;} section.mypage .grid_wrap.goods .info .qna_txt .title {display:inline-block; overflow:hidden; position:relative; max-width:255px; padding-right:20px; background:url("../images/ui/bg_arrow_down.png") no-repeat 100% 4px; color:#444; white-space:nowrap; text-overflow:ellipsis; line-height:16px; vertical-align:top; cursor:pointer;} section.mypage .grid_wrap.goods .on .info .qna_txt .title {background-image:url("../images/ui/bg_arrow_up.png");} section.mypage .grid_wrap.goods .info .qna_txt .title.lock {max-width:225px; padding-right:50px;} section.mypage .grid_wrap.goods .info .qna_txt .title.lock:after {position:absolute; top:0; right:20px; width:20px; height:20px; background:url("../images/ui/bg_lock.png") no-repeat 0 0; content:'';} section.mypage .grid_wrap.goods td:last-child.star_td {padding-left:0; text-align:center;} section.mypage .grid_wrap.goods td.star_td .txt {display:block; margin-bottom:6px; color:#5b1eaa; line-height:12px;} /* section.mypage .grid_wrap.goods td {vertical-align:top !important;} */ section.mypage .claim_info .goods.grid_wrap td {text-align:left;} section.mypage .claim_info .goods.grid_wrap tr:first-child td {border-top:0;} section.mypage .claim_info .goods.grid_wrap tr:last-child td {border-bottom:0;} section.mypage .claim_info .goods.grid_wrap td > span {display:block;} section.mypage .claim_info .goods.grid_wrap .info .name {margin-bottom:0;} :lang(en) section.mypage .claim_info .goods.grid_wrap .info .name, :lang(zh) section.mypage .claim_info .goods.grid_wrap .info .name {width:300px;} section.mypage .claim_info .goods.grid_wrap .global {color:#444;} section.mypage .claim_info .goods.grid_wrap .global em{display:block;} section.mypage .tit_wrap + .pay_info {padding-top:75px; border-top:1px solid #444;} section.mypage .pay_info, section.mypage .claim_info {padding-top:35px;} section.mypage .pay_info h3, section.mypage .claim_info h3 {font-size:16px; color:#444; line-height:26px;} section.mypage .pay_info .shadow_box {margin-top:25px; padding:50px 60px; border:1px solid #444; box-shadow:0px 7px 0px #e0e0e0;} section.mypage .pay_info .shadow_box:after {display:block; clear:both; content:"";} section.mypage .pay_info .shadow_box .cost {float:left; width:50%} section.mypage .pay_info .shadow_box .none {float:left; position:relative; width:50%;} section.mypage .pay_info .shadow_box .none img {width:auto; margin:178px 0 0 80px;} section.mypage .pay_info .shadow_box .detail {float:left; width:100%} section.mypage .pay_info .shadow_box .cost + .detail {float:left; width:50%} section.mypage .pay_info .shadow_box .cost dl {display:inline-block; padding-left:135px; min-height:87px; background:url("../images/ui/bg_pay.png") no-repeat;} section.mypage .pay_info .shadow_box .cost dl.card {background-position:0 top;} section.mypage .pay_info .shadow_box .cost dl.cash {background-position:-400px top;} section.mypage .pay_info .shadow_box .cost dl.mobi {background-position:-800px top;} section.mypage .pay_info .shadow_box .cost dl.paypal {background-position:-1200px top;} section.mypage .pay_info .shadow_box .cost dl.union {background-position:-1600px top;} section.mypage .pay_info .shadow_box .cost dl.alipay {background-position:-2000px top;} section.mypage .pay_info .shadow_box .cost dl .return {margin-top:30px; font-size:14px;} section.mypage .pay_info .shadow_box .cost dl .return em {display:block; color:#444;} section.mypage .pay_info .shadow_box .cost dl .return span {margin-top:15px; line-height:18px; font-size:12px;} section.mypage .pay_info .shadow_box dl dt {margin-bottom:8px; font-size:16px; color:#444; line-height:18px;} section.mypage .pay_info .shadow_box dl dt small {float:right; width:180px; text-align:left; font-size:13px; color:#8e8e8e;} section.mypage .pay_info .shadow_box dl dd {color:#8e8e8e; line-height:24px;} section.mypage .pay_info .shadow_box dl dd a {margin-bottom:10px; padding:0; width:84px; font-size:12px; color:#8e8e8e;} section.mypage .pay_info .shadow_box dl dt span, section.mypage .pay_info .shadow_box dl dd span {float:right; width:180px; text-align:left;} section.mypage .pay_info .shadow_box dl dt span {font-family:"SSF_Bold", "NotoSans_kr_Medium"} section.mypage .pay_info .shadow_box dl .total {margin-top:20px;} section.mypage .pay_info .shadow_box dl .total span {font-size:22px; color:#5b1eaa;} section.mypage .pay_info .shadow_box dl .promo {display:inline-block; max-width:150px; vertical-align:top; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.mypage .pay_info .shadow_box dl + dl {margin-top:40px; padding-top:40px; border-top:1px solid #e5e5e5;} section.mypage .pay_info .shadow_box li {margin-top:8px;} section.mypage .pay_info .shadow_box li:first-child {margin-top:0;} section.mypage .pay_info .shadow_box li > span {display:inline-block; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:16px; color:#444; line-height:28px;} section.mypage .pay_info .shadow_box li > span + span {float:right; /*width:180px;*/} section.mypage .pay_info .shadow_box li > span + .select {float:right;} section.mypage .pay_info .shadow_box li > span a {width:52px; height:14px; line-height:14px;} section.mypage .pay_info .shadow_box .swap dl dd {margin-top:0 !important; float:left; width:50%; height:36px; line-height:36px; color:#444; font-size:16px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.mypage .pay_info .shadow_box .swap dl dd span {display:inline-block; width:250px;} section.mypage .pay_info .shadow_box .swap.type_1 dl dd {float:none; width:100%;} section.mypage .pay_info .shadow_box .swap.type_1 dl dd span {width:580px;} section.mypage .pay_info .shadow_box + em.cssf {display:block; margin-top:24px; font-size:13px;} section.mypage .pay_info + .submit {margin-top:95px;} section.mypage .pay_info + .submit .btn {width:158px; height:48px; line-height:48px;} /* 사은품 */ section.mypage .freebie {margin-top:45px; padding:40px 0 30px; border-bottom:1px solid #959595;} section.mypage .freebie h4 {margin-top:0 !important; line-height:18px !important;} section.mypage .freebie h4 small {margin-left:20px; color:#959595; font-size:13px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} section.mypage .freebie ul:after {display:block; clear:both; content:'';} section.mypage .freebie ul li {display:block; float:left; padding:30px 0; width:50%; height:132px; border-bottom:1px solid #f7f7f7;} section.mypage .freebie ul:last-child li {padding-bottom:0 !important; border-bottom:0 !important;} section.mypage .freebie ul li img {display:block; float:left; width:100px; height:132px;} section.mypage .freebie ul li .info {display:block; position:relative; float:left; padding:0 25px; width:280px; height:132px;} section.mypage .freebie ul li .info span {display:inline-block; max-height:44px; line-height:22px; font-size:13px; overflow:hidden;} section.mypage .freebie ul li .info .txt-quantity {display:block; margin-top:12px; color:#8e8e8e;} section.mypage .freebie ul li .info .btn {position:absolute; bottom:0; padding:2px 32px; font-size:12px;} /* 상품추가 슬라이드 */ section.mypage .slide_wrap {padding-bottom:75px; border-bottom:1px solid #444;} section.mypage .slide_wrap h3 {margin-top:56px; font-size:18px; line-height:26px;} section.mypage .slide_wrap .slider {margin-top:55px; padding:0 35px;} section.mypage .slide_wrap .slider:after {display:block; clear:both; content:"";} section.mypage .slide_wrap .slider .lSAction a {margin-left:-35px;} section.mypage .slide_wrap .slider .lSAction .lSNext {margin-right:-35px;} section.mypage .slide_wrap .slider .lSSlideWrapper {height:auto;} section.mypage .slide_wrap .slider li {float:left; width:170px;} section.mypage .slide_wrap .slider li .img {position:relative; margin-left:20px; width:110px;} section.mypage .slide_wrap .slider li .img a {overflow:hidden; position:absolute; top:0; right:0; width:40px; height:40px; background:url("../images/ui/bg_add.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;} section.mypage .slide_wrap .slider li .info {margin-top:16px; padding-left:20px;} section.mypage .slide_wrap .slider li .info .brand, section.mypage .slide_wrap .slider li .info .name {display:block; overflow:hidden; height:20px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:13px; color:#111; line-height:20px; white-space:nowrap; text-overflow:ellipsis;} section.mypage .slide_wrap .slider li .info .item {display:block; margin-top:10px; min-height:36px;} section.mypage .slide_wrap .slider li .info .item span {display:block; font-size:12px; color:#8e8e8e; line-height:18px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} /* 교환&반품신청 */ section.mypage .addr.grid_wrap tr + .number_acconut td {border-top:1px solid #959595;} section.mypage .addr.grid_wrap .number_acconut td {text-align:left;} section.mypage .addr.grid_wrap .number_acconut td > p {color:#8e8e8e; font-size:13px;} section.mypage .addr.grid_wrap .number_acconut td > a.btn {display:block; margin:10px 0 0 90px;} section.mypage .addr.grid_wrap .number_acconut td dl {margin-top:10px; padding:0;} section.mypage .addr.grid_wrap .number_acconut td dl + .btn {display:inline-block; padding:2px 20px; font-size:12px; color:#444;} section.mypage .addr.grid_wrap .number_acconut td dl dt {width:90px; line-height:30px; color:#444; font-size:14px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .addr.grid_wrap .number_acconut td dl dd {width:280px; line-height:30px;} section.mypage .addr.grid_wrap .number_acconut td dl dd .select, section.mypage .addr.grid_wrap .number_acconut td dl dd .input_box input {font-size:13px;} section.mypage .addr.grid_wrap .info {padding-top:40px; color:#444; text-align:left; font-size:13px; border-top:1px solid #e5e5e5;} section.mypage .addr.grid_wrap .info > ul {margin-top:16px;} section.mypage .addr.grid_wrap .info > ul li {line-height:20px; color:#8e8e8e;} section.mypage .tit_wrap.check .vip {margin:20px 0 40px; padding:40px 0; color:#5b1eaa; border-bottom:1px solid #e5e5e5;} section.mypage .tit_wrap.check .vip h5 {display:inline-block; width:135px; height:44px; line-height:44px; vertical-align:top; font-size:24px;} section.mypage .tit_wrap.check .vip span {display:inline-block; line-height:22px;} section.mypage .info_wrap {border:0;} section.mypage .info_wrap h3 {margin-top:56px; font-size:18px; line-height:26px;} section.mypage .info_wrap img {margin-top:50px;} section.mypage .grid_wrap.goods .defect {display:block; margin:26px 0 0 -18px;} section.mypage .grid_wrap.goods .defect .file_wrap .file_img + .file_img {margin-left:10px;} section.mypage .grid_wrap.goods .defect .file_wrap:after {display:block; clear:both; content:'';} section.mypage .grid_wrap.goods .defect ul {margin-top:20px;} section.mypage .grid_wrap.goods .defect ul li {padding-left:6px; text-indent:-6px; line-height:22px; text-align:left;} section.mypage .grid_wrap.goods .defect ul li:before {content:'· ';} /* 교환&반품 내역 - 주소&제품 추가 */ section.mypage .shadow_box .grid_wrap.addr:before {display:block; clear:both; height:40px; content:"";} section.mypage .shadow_box .grid_wrap.addr {margin-left:-60px; width:calc(100% + 120px);} section.mypage .shadow_box .grid_wrap.addr td {padding:35px 0; text-indent:60px; border-top:2px solid #e5e5e5 !important; border-bottom:2px solid #e5e5e5;} section.mypage .shadow_box .grid_wrap.addr td strong {color:#444; font-size:16px;} section.mypage .shadow_box .pay_info .goods, section.mypage .shadow_box .claim_info .goods {margin:-50px 0 0 170px; width:678px;} section.mypage .shadow_box .goods tr:first-child td {border-top:0 !important;} /* 나의 쿠폰 */ section.mypage .mycoupon_wrap ul {border-bottom:1px solid #959595;} section.mypage .mycoupon_wrap ul:after {display:block; clear:both; content:"";} section.mypage .mycoupon_wrap li {float:left; margin-left:25px; width:467px;} section.mypage .mycoupon_wrap li:nth-child(2n-1) {clear:both; margin-left:0} section.mypage .mycoupon_wrap li .coupon_box {position:relative; height:202px; padding:40px 38px; border:1px solid #d5d5d5;} section.mypage .mycoupon_wrap li .coupon_box strong {display:block; font-size:20px; color:#111; line-height:50px;} section.mypage .mycoupon_wrap li .coupon_box strong em {margin-right:5px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; font-size:36px;} section.mypage .mycoupon_wrap li .coupon_box strong small {display:block; margin-bottom:24px; line-height:16px; font-size:16px;} section.mypage .mycoupon_wrap li .coupon_box p {font-size:16px; color:#444; text-align:left;} section.mypage .mycoupon_wrap li .coupon_box .date {display:block; margin-top:30px; color:#8e8e8e; line-height:25px;} section.mypage .mycoupon_wrap li .coupon_box .mark {position:absolute; top:0; right:0; width:130px; height:40px; background-color:#e5e5e5; color:#444; text-align:center; line-height:40px;} section.mypage .mycoupon_wrap li .coupon_info {margin-bottom:45px; padding:20px 35px;} section.mypage .mycoupon_wrap li .coupon_info span {display:block; font-size:13px; color:#8e8e8e; line-height:24px;} section.mypage .mycoupon_wrap li.null {padding:200px 0; width:100%; line-height:50px;} section.mypage .mycoupon_wrap li.null span {display:block;} section.mypage .list_wrap ul li {color:#959595; line-height:20px;} section.mypage .list_wrap ul li a {border-bottom:1px solid #959595; color:#959595;} section.mypage .list_wrap ul.bk {margin-top:35px;} section.mypage .list_wrap ul.bk li {color:#111;} section.mypage .list_wrap ul.bk + ul {margin-top:10px;} /* 최근 본 상품 */ section.mypage .count_tit {font-family:"SSF_Bold", "NotoSans_kr_Regular"; font-size:18px; color:#111; line-height:24px;} section.mypage .tabs .count_tit {margin-top:50px;} section.mypage .count_tit span {display:inline-block; margin-left:10px; font-size:14px; color:#959595;} section.mypage .count_tit .search-date {float:right; font-family:'SSF_Regular','NotoSans_kr_Regular'; line-height:30px;} section.mypage .count_tit .btn {float:right; width:68px; padding:1px 20px; border-color:#444; background-color:#444; font-size:12px;} section.mypage .count_tit .search-date .btn {width:auto; height:24px; margin-left:20px; padding:5px 20px; background-color:#fff; border-color:#111; font-size:14px; color:#111; line-height:24px;} section.mypage .count_tit .select {float:right; font-size:14px;} section.mypage .count_tit .select label {border:0 none; color:#444;} section.mypage .count_tit + .form_wrap {margin-top:36px;} section.mypage .list_none {display:block; padding:150px 0; border-bottom:0 none; font-size:16px; color:#8e8e8e; text-align:center;} section.mypage .list_goods {margin-top:50px;} section.mypage .list_goods:after {display:block; clear:both; content:"";} section.mypage .list_goods li {float:left; width:228px; margin-left:16px;} section.mypage .list_goods li:nth-child(4n+1) {clear:both; margin-left:0;} section.mypage .list_goods li .img {position:relative;} section.mypage .list_goods li .img .del {overflow:hidden; position:absolute; top:0; right:0; width:32px; height:32px; background:url("../images/ui/bg_del.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;} section.mypage .list_goods li .img .checkbox {position:absolute; top:0; right:0;} section.mypage .list_goods li .img .checkbox label {margin-right:0;} section.mypage .list_goods li .img .checkbox label i {position:absolute; top:0; right:0; width:30px; height:30px; margin:0; background:url("../images/ui/bg_chech_big.png") no-repeat 0 0;} section.mypage .list_goods li .img .checkbox > input[type=checkbox]:checked + label > i {background-position:0 -30px;} section.mypage .list_goods li .img .mark_box {position:absolute; top:50%; left:50%; width:100px; height:36px; margin-top:-50px; margin-left:-50px; padding:32px 0; text-align:center;} section.mypage .list_goods li .img .mark_box:before {position:absolute; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:0.7; content:'';} section.mypage .list_goods li .img .mark_box span {position:relative; font-size:13px; color:#fff; line-height:18px;} section.mypage .list_goods li .info {position:relative; margin-bottoM:60px;} section.mypage .list_goods li .info .brand, section.mypage .list_goods li .info .name {display:block; font-size:12px; color:#444; line-height:18px;} section.mypage .list_goods li .info .brand {overflow:hidden; margin-top:18px; white-space:nowrap; text-overflow:ellipsis;} section.mypage .list_goods li .info .name {overflow:hidden; max-height:36px; margin-top:5px; line-height:18px; word-wrap:break-word; word-break:keep-all;} section.mypage .list_goods li .info .price {display:block; margin-top:10px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; color:#111; line-height:18px;} section.mypage .list_goods li .info .price del {margin-left:18px; font-size:12px; color:#959595;} section.mypage .list_goods li .info .price .sale {margin-left:18px; color:#5b1eaa;} section.mypage .list_goods li .info .price .sale.none {margin-left:0;} section.mypage .list_goods li .info .heart {position:absolute; bottom:0; right:0;} section.mypage .list_goods + .list_wrap, section.mypage .list_none + .list_wrap {margin-top:0; padding-top:35px; border-top:1px solid #e5e5e5;} section.mypage .banner {margin-top:55px;} /* 나의 브랜드 */ section.mypage .list_brand {margin-top:50px;} section.mypage .list_brand:after {display:block; clear:both; content:"";} section.mypage .list_brand li {float:left; width:470px; margin:0 0 40px 20px;} section.mypage .list_brand li:nth-child(2n-1) {clear:both; margin-left:0;} section.mypage .list_brand li .info {margin-bottom:20px;} section.mypage .list_brand li .info span {display:inline-block; font-family:"SSF_Bold", "NotoSans_kr_Regular"; font-size:16px; color:#111; line-height:14px;} section.mypage .list_brand li .info a {display:inline-block; margin-left:10px; padding-right:12px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; font-size:13px; color:#8e8e8e;} section.mypage .list_brand li .info .heart {float:right;} /* 이벤트 참여내욕 & 1:1문의 테이블 */ section.mypage .grid_wrap.list {margin-top:40px; table-layout:fixed;} section.mypage .grid_wrap.list th {padding:20px 0; border:0 none; background-color:#fff; font-size:13px; color:#8e8e8e; text-align:left;} section.mypage .grid_wrap.list td {padding:20px 0; border-left:0 none; border-right:0 none; font-size:13px; text-align:left;} section.mypage .grid_wrap.list tr:first-child td {border-top:1px solid #959595;} section.mypage .grid_wrap.list td:first-child {color:#444;} section.mypage .grid_wrap.list td.tit strong {display:block; overflow:hidden; height:22px; line-height:22px; white-space:nowrap; text-overflow:ellipsis;} section.mypage .grid_wrap.list td.tit .date {display:block; color:#8e8e8e; line-height:22px;} section.mypage .grid_wrap.list th.tit, section.mypage .grid_wrap.list td.tit {text-align:left;} section.mypage .grid_wrap.list td.tit a {display:inline-block; overflow:hidden; max-width:100%; white-space:nowrap; text-overflow:ellipsis;} section.mypage .grid_wrap.list td.tit strong {display:block; line-height:22px;} section.mypage .grid_wrap.list td.tit span {display:block; color:#d5d5d5; line-height:22px;} section.mypage .grid_wrap.list td.btn_right {text-align:right;} section.mypage .grid_wrap.list td.btn_right a {display:inline-block; padding-right:10px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; background-size:6px auto; font-size:12px; color:#8e8e8e;} section.mypage .grid_wrap.goods td.none, section.mypage .grid_wrap.list td.none {padding:150px 0; font-size:14px; color:#8e8e8e !important; text-align:center;} section.mypage .form_wrap .item {vertical-align:top;} section.mypage .form_wrap textarea {width:calc(100% - 22px); padding:10px;} section.mypage .form_wrap .checkbox > label {min-width:100px;} section.mypage .form_wrap .file_box:after {display:block; clear:both; content:"";} section.mypage .form_wrap .file_box input[type="text"] {float:left; width:688px;} section.mypage .form_wrap .file_box button {float:left; width:88px; margin-left:10px; background-color:#fff;} section.mypage .form_wrap .file_box ul {line-height:20px;} section.mypage .form_wrap .file_box ul li {display:inline-block; margin-left:10px;} section.mypage .form_wrap .file_box ul li:first-child {margin-left:0;} section.mypage .form_wrap .file_box ul li em {display:inline-block; margin-right:4px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:13px; color:#444; vertical-align:0;} section.mypage .submit .btn {width:238px; height:48px; font-size:16px; line-height:48px; border-color:#111;} /* 상품리뷰 */ section.mypage .tabs .count_tit + .grid_wrap.goods th {text-align:center;} section.mypage .tabs .purple_coin {margin-top:50px;} section.mypage .tabs .purple_coin div {display:inline-block; padding:15px 0; height:64px;} section.mypage .tabs .purple_coin div h4 {color:#111; font-size:16px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} section.mypage .tabs .purple_coin div span {display:block; margin-top:10px; line-height:20px; color:#8e8e8e; font-size:12px;} section.mypage .tabs .purple_coin dl {display:block; float:right;} section.mypage .tabs .purple_coin dl dd {display:inline-block; width:130px; line-height:20px; text-align:center; font-size:13px;} section.mypage .tabs .purple_coin dl dd img {display:block; margin:0 auto 10px; width:44px;} section.mypage .tabs .purple_coin dl dd em {display:block; color:#5b1eaa; font-size:15px;} section.mypage .grid_wrap.goods tr td .info {max-width:286px;} section.mypage .grid_wrap.goods td.toggle {cursor:pointer;} section.mypage .grid_wrap.goods tr.detail {display:none;} section.mypage .grid_wrap.goods tr.on + tr.detail {display:table-row;} section.mypage .grid_wrap.goods tr.detail td {padding-left:118px; text-align:left;} section.mypage .grid_wrap.goods tr.detail.type_1 td {position:relative; padding:0;} section.mypage .grid_wrap.goods tr.detail.type_1 td .cmt_wrap {margin:0; padding:0;} section.mypage .grid_wrap.goods tr.detail td p {font-size:13px; color:#111; line-height:22px;} section.mypage .grid_wrap.goods tr.detail td .img {display:block; width:674px; margin-top:30px;} section.mypage .grid_wrap.goods tr.detail td .img img {margin-top:30px;} section.mypage .grid_wrap.goods tr.detail td .img img:first-child {margin-top:0;} section.mypage .grid_wrap.goods tr.detail .review_info {display:table; width:100%; margin-top:30px;} section.mypage .grid_wrap.goods tr.detail .review_info dl {display:table-cell; margin-top:30px; padding:0; width:674px;} section.mypage .grid_wrap.goods tr.detail .review_info dt {display:inline-block; clear:none; width:60px; font-size:13px; color:#444;} section.mypage .grid_wrap.goods tr.detail .review_info dt.clear {clear:both; margin-left:0;} section.mypage .grid_wrap.goods tr.detail .review_info dd {display:inline-block; width:80px; vertical-align:middle;} section.mypage .grid_wrap.goods tr.detail .review_info dd + dt {margin-left:60px;} section.mypage .grid_wrap.goods tr.detail .review_info dd span {font-size:13px; color:#444;} section.mypage .grid_wrap.goods tr.detail .review_info dd .star {margin:10px 0;} section.mypage .grid_wrap.goods tr.detail .btn_wrap {display:table-cell; vertical-align:middle; text-align:right;} /* 1:1문의(상세) */ section.mypage .form_wrap .info {display:table-cell; padding:6px 0; border-bottom:1px solid #e5e5e5; line-height:22px;} section.mypage .form_wrap .info.no_line {border:0 none;} section.mypage .form_wrap .info.no_line .img {display:inline-block; position:relative;} section.mypage .form_wrap .info.no_line .img .delete {position:absolute; top:0; right:0; width:32px; height:32px; font-size:0; background:url("../images/ui/bg_del.png") no-repeat 0 0; z-index:3;} section.mypage .form_wrap .btn_center {margin-top:40px; text-align:center;} section.mypage .form_wrap .btn_center .btn {width:68px; height:18px; font-size:12px; color:#444; line-height:18px;} section.mypage .grid_wrap + .cmt_wrap {margin-top:-1px;} section.mypage .cmt_wrap {margin-top:60px; /*border-top:1px solid #444; border-bottom:1px solid #444;*/} section.mypage .cmt_wrap > ul > li {display:table; table-layout:fixed; width:100%; border-top:1px solid #d5d5d5;} section.mypage .cmt_wrap > ul > li:first-child {border:0 none;} section.mypage .cmt_wrap > ul > li .item {display:table-cell; padding-top:45px; width:140px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#5b1eaa; line-height:22px; vertical-align:top;} section.mypage .cmt_wrap > ul > li .info {display:table-cell; padding:45px 0;} section.mypage .cmt_wrap > ul > li .info .cmt {font-size:13px; line-height:22px;} section.mypage .cmt_wrap > ul > li .info .cmt p {color:#444;} section.mypage .cmt_wrap > ul > li .info .cmt .date {display:block; margin-top:10px; color:#8e8e8e;} section.mypage .cmt_wrap > ul > li .info .survey {display:table; width:100%; margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;} section.mypage .cmt_wrap > ul > li .info .survey .txt {display:table-cell; width:180px; color:#8e8e8e; padding-top:30px;} section.mypage .cmt_wrap > ul > li .info .survey .list {padding-top:30px;} section.mypage .cmt_wrap > ul > li .info .survey .list .radio {display:inline-block; margin-bottom:10px;} section.mypage .cmt_wrap > ul > li .info .survey .list .radio label {margin-right:30px; font-size:13px; color:#444;} section.mypage .cmt_wrap > ul > li .info .survey .list .input_box {display:inline-block; width:500px; vertical-align:top;} section.mypage .cmt_wrap > ul > li .info .survey .list .input_box input {padding:2px 0; margin-top:0; font-size:12px;} section.mypage .cmt_wrap > ul > li .info .survey .list .btn {width:68px; height:22px; margin:0 0 0 10px; padding:3px 20px; font-size:12px; line-height:22px; vertical-align:top;} /* 회원정보수정 */ section.mypage.edit .form_wrap > ul > li {*border:1px solid red;} section.mypage.edit .form_wrap > ul > li .input_box {width:530px;} section.mypage.edit .form_wrap > ul > li > em {float:left;} section.mypage.edit .form_wrap > ul > li a.btn {display:inline; margin-left:20px; padding:6px 20px 7px; font-size:13px;} section.mypage.edit .form_wrap > ul > li #agree_marketing, section.mypage.edit .form_wrap > ul > li #agree_address {width:510px;} section.mypage.edit .form_wrap > ul > li > p:not(.txt) {margin-top:10px; line-height:20px; color:#8e8e8e; font-size:12px;} section.mypage.edit .form_wrap > ul > li.base {position:relative;} section.mypage.edit .form_wrap > ul > li.base .btn {position:absolute; top:10px; right:0; height:19px; line-height:19px;} section.mypage.edit .form_wrap > ul > li.card {position:relative;} section.mypage.edit .form_wrap > ul > li.card .btn {position:absolute; top:10px; right:0; height:19px; line-height:19px;} section.mypage.edit .form_wrap > ul > li.card .btn + .btn {top:50px;} section.mypage.edit .form_wrap > ul > li.card .card_o {padding-left:26px; color:#5b1eaa; background:url(../images/ui/ico_v.png) no-repeat left center;} section.mypage.edit .form_wrap > ul > li.card .card_x {padding-left:18px; color:#444; background:url(../images/ui/ico_ig.png) no-repeat left center;} section.mypage.edit .form_wrap > ul > li.card p {font-size:13px;} section.mypage.edit .form_wrap > ul > li .addr {color:#444; line-height:20px;} section.mypage.edit .form_wrap > ul > li .addr .type {display:block; padding-top:5px;} section.mypage.edit .form_wrap > ul > li .addr p {margin-top:12px;} section.mypage.edit .form_wrap > ul > li .addr p span {display:block;} section.mypage.edit .form_wrap > ul > li .sns li {display:inline-block; width:370px;} section.mypage.edit .form_wrap > ul > li .sns li em {display:inline-block; padding-left:70px; height:50px; background:url("../images/ui/bg_sns02.png") no-repeat 0 0; line-height:50px; color:#444;} section.mypage.edit .form_wrap > ul > li .sns li .facebook {background-position:0 -50px;} section.mypage.edit .form_wrap > ul > li .sns li label {display:inline-block; position:relative; width:78px; height:20px; margin-left:10px; border:1px solid #d5d5d5; vertical-align:middle;} section.mypage.edit .form_wrap > ul > li .sns li label input[type=checkbox] + .slider {position:absolute; top:-1px; left:39px; z-index:10; width:40px; height:22px; background-color:#959595; transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} section.mypage.edit .form_wrap > ul > li .sns li label input[type=checkbox]:checked + .slider {top:-1px; left:-1px; background-color:#5b1eaa;} section.mypage.edit .form_wrap > ul > li .sns li label span + span {position:relative; z-index:20; float:left; width:50%; height:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:11px; color:#fff; line-height:20px; text-align:center;} section.mypage.edit .form_wrap > ul > li .size_box {margin-top:85px; max-width:770px;} section.mypage.edit .form_wrap > ul > li .size_box li {position:relative; float:left; padding:40px 30px; border:1px solid #e5e5e5; box-sizing:border-box;} section.mypage.edit .form_wrap > ul > li .size_box li .name {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#444; line-height:14px;} section.mypage.edit .form_wrap > ul > li .size_box li .detail {display:table; margin-top:30px;} section.mypage.edit .form_wrap > ul > li .size_box li .detail .img {display:table-cell; width:91px; vertical-align:middle;} section.mypage.edit .form_wrap > ul > li .size_box li .detail span {display:table-cell; padding-left:35px; vertical-align:middle;} section.mypage.edit .form_wrap > ul > li .size_box li .detail span em {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#444; line-height:22px;} section.mypage.edit .form_wrap > ul > li .size_box li .btn_wrap {position:absolute; top:10px; right:10px;} section.mypage.edit .form_wrap > ul > li .size_box li .btn_wrap a {display:inline-block; padding:5px; font-size:13px; color:#959595; line-height:12px;} section.mypage.edit .form_wrap > ul > li .size_box .lSAction {margin-top:-46px;} section.mypage.edit .form_wrap > ul > li .size_box .lSAction .lSPrev {display:block; position:absolute; left:0; width:35px; height:92px; background:url('../images/ui/gallery_lSPrev.png') #fff no-repeat center center; z-index:9; cursor:pointer;} section.mypage.edit .form_wrap > ul > li .size_box .lSAction .lSNext {display:block; position:absolute; right:0; width:35px; height:92px; background:url('../images/ui/gallery_lSNext.png') #fff no-repeat center center; z-index:9; cursor:pointer;} section.mypage.edit .submit .btn {width:150px;} /* 아이디 변경, 비밀번호 변경 */ section.mypage .form_wrap.center {padding-top:50px; text-align:center;} section.mypage .form_wrap.center .sub_txt {display:block; font-size:16px; color:#111; line-height:24px;} section.mypage .form_wrap.center .input_box {display:inline-block; width:300px; margin-top:26px;} section.mypage .form_wrap.center ul {margin-top:26px;} section.mypage .form_wrap.center ul {display:inline-block; width:385px;} section.mypage .form_wrap.center ul li .item {width:85px; text-align:left;} section.mypage .form_wrap.center ul li .input_box {margin-top:0;} section.mypage .form_wrap.center ul li .input_box .skills {top:0; margin-top:3px;} section.mypage .form_wrap.center ul li .txt {text-align:left;} section.mypage .form_wrap.center .w460 {width:460px;} section.mypage .form_wrap.center .w460 .item {width:100px;} section.mypage .form_wrap.center .w460 .input_box {width:330px;} section.mypage .form_wrap.center .submit a {width:148px;} /* 마이페이지 > 멤버십 포인트 */ section.mypage .gray_box .point {display:table; width:100%; margin:30px 0;} section.mypage .gray_box .point .tit {display:table-cell; vertical-align:middle;} section.mypage .gray_box .point .tit h2 {font-size:26px; line-height:30px; font-family:'SSF_Regular','NotoSans_kr_Regular';} section.mypage .gray_box .point .num {display:table-cell; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:44px; color:#5b1eaa; line-height:40px; text-align:right; vertical-align:middle;} section.mypage .gray_box .point .num em {display:inline-block; line-height:40px;} section.mypage .gray_box .point .num label {display:inline-block; position:relative; z-index:1; width:88px; height:32px; margin-left:10px; border:1px solid #d5d5d5; vertical-align:0px;} section.mypage .gray_box .point .num label input[type=checkbox] + .slider {position:absolute; top:-1px; left:43px; z-index:10; width:46px; height:34px; background-color:#959595; transition:all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;} section.mypage .gray_box .point .num label input[type=checkbox]:checked + .slider {top:-1px; left:-1px; background-color:#5b1eaa;} section.mypage .gray_box .point .num label span + span {position:relative; z-index:20; float:left; width:50%; height:32px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:11px; color:#f7f7f7; line-height:32px; text-align:center;} section.mypage .gray_box .point .txt {display:table-cell; font-size:26px; color:#8e8e8e; line-height:30px; text-align:right; vertical-align:middle;} section.mypage .gray_box dl.type_1 dt {width:160px; line-height:22px;} section.mypage .gray_box dl.type_1 dd {margin-bottom:17px; font-family:'SSF_Regular','NotoSans_kr_Regular';line-height:22px;} section.mypage .gray_box dl.type_1 dd:after {display:block; clear:both; content:'';} section.mypage .gray_box dl.type_1 dd em {display:block; color:#8e8e8e;} section.mypage .gray_box dl.type_1 dd:last-child {margin-bottom:0;} section.mypage .gray_box dl.coupon {margin-top:20px; padding-left:84px; background:url("../images/ui/bg_coupon.png") no-repeat 0 50%; font-size:13px;} section.mypage .gray_box dl.coupon dt {width:60px; line-height:22px;} section.mypage .gray_box dl.coupon dd {line-height:22px;} section.mypage .join_membership {margin:130px; line-height:24px; text-align:center; font-size:16px;} section.mypage .join_membership .btn {margin-top:20px; padding:10px 40px;} section.mypage .offline {margin-top:60px;} section.mypage .offline:after {display:block; clear:both; content:" ";} section.mypage .offline h3 {color:#444; font-size:14px;} section.mypage .offline > a {display:block; float:left; margin-top:20px; margin-right:12px; padding:36px; width:238px; border:1px solid #e5e5e5;} section.mypage .offline > a:nth-child(3n+1) {margin-right:0;} section.mypage .offline > a .coupon {color:#444; font-size:18px;} section.mypage .offline > a .coupon em {display:inline-block; margin:0 10px 10px 0; color:#111; font-size:30px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .offline > a .coupon span {display:block; line-height:20px; color:#8e8e8e; font-size:13px;} section.mypage .offline > span {display:block; margin-top:20px; color:#777; font-size:13px;} section.mypage .offline .sms {display:inline-block; margin-top:28px; margin-left:145px; margin-bottom:8px; padding:35px 0 35px 115px; line-height:20px; background:url("../images/ui/bg_sms.png") no-repeat left center;} section.mypage .offline .number {display:inline-block; margin-top:28px; margin-left:116px; margin-bottom:8px; padding:35px 0 35px 140px; line-height:20px; background:url("../images/ui/bg_8s.png") no-repeat left center;} section.mypage .offline .null {margin-top:20px; line-height:166px;} section.mypage .offline .delay {display:block; clear:both; margin-top:20px; padding:50px 0; width:100%; line-height:22px; text-align:center; color:#959595; font-size:14px;} section.mypage .date_wrap {margin-top:50px; text-align:right;} section.mypage .date_wrap .search-date {display:inline-block; margin-right:5px; vertical-align:top;} section.mypage .date_wrap .search-date input {margin-top:0;} section.mypage .date_wrap .btn {height:24px; border-color:#111; color:#111; line-height:24px;} section.mypage .tbl_wrap {margin-top:25px;} section.mypage .tbl_wrap .tbl_tit span {display:inline-block; margin-left:30px; padding-top:10px; color:#444; line-height:20px; vertical-align:middle;} section.mypage .tbl_wrap .tbl_tit .check + span, section.mypage .tbl_wrap .tbl_tit .check + span + span {vertical-align:-2px;} section.mypage .tbl_wrap .tbl_tit span em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .tbl_wrap .tbl_tit .date {margin-left:0; color:#111;} section.mypage .tbl_wrap .tbl_tit .count {margin-left:0;} section.mypage .tbl_wrap .tbl_tit .btn {float:right; height:18px; font-size:12px; line-height:18px;} section.mypage .tbl_wrap .grid_wrap {table-layout:fixed; margin-top:15px;} section.mypage .tbl_wrap .grid_wrap th {border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; color:#8e8e8e;} section.mypage .tbl_wrap .grid_wrap td {border-bottom:1px solid #e5e5e5; color:#111;} section.mypage .tbl_wrap .grid_wrap td span {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} section.mypage .tbl_wrap .grid_wrap td.tit {text-align:left; line-height:18px;} section.mypage .tbl_wrap .grid_wrap td.tit .num {display:inline-block; padding-right:14px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; background-size:6px auto; color:#8e8e8e;} section.mypage .tbl_wrap .grid_wrap td.tit .w370 {max-width:370px;} section.mypage .tbl_wrap .grid_wrap td.tit em, section.mypage .tbl_wrap .grid_wrap td p span {display:block; color:#8e8e8e;} section.mypage .tbl_wrap .grid_wrap td p span.del {text-decoration:line-through;} section.mypage .tbl_wrap .grid_wrap td.none {padding:110px 0; font-size:14px; color:#959595; line-height:22px;} section.mypage .tbl_wrap .txt {margin-top:15px; line-height:20px; font-size:12px; color:#777;} section.mypage .tbl_wrap .txt span {display:inline-block; width:110px; color:#8e8e8e;} section.mypage .tbl_wrap .txt + .txt {margin-top:6px;} section.mypage .tbl_wrap.type_1 {margin-top:95px;} section.mypage .tbl_wrap.type_1 td {font-size:16px;} section.mypage .tbl_wrap.type_2 {margin-top:60px;} section.mypage .tbl_wrap.type_2:first-child {margin-top:0;} section.mypage .tbl_wrap.type_2 td {font-size:14px; line-height:20px;} section.mypage .tbl_wrap.type_2 .tbl_tit .check {margin-left:0;} section.mypage .tbl_wrap.type_2 .tbl_tit .check span {margin-left:0;} section.mypage .tbl_wrap.type_2 .grid_wrap td .quantity {position:relative; border:0 none;} section.mypage .tbl_wrap.type_2 .grid_wrap td .quantity span {display:inline-block; font-size:12px; color:#8e8e8e; line-height:36px; vertical-align:middle;} section.mypage .tbl_wrap.type_2 .grid_wrap td .quantity input {width:100px; height:36px; margin-right:45px; font-size:14px; color:#111; line-height:36px; vertical-align:middle;} section.mypage .tbl_wrap.type_2 .grid_wrap td .quantity a {display:inline-block; overflow:hidden; position:relative; top:0; left:0; width:36px; height:36px; background:url("../images/ui/bg_quantity.png") no-repeat 0 0; white-space:nowrap; text-indent:100%; vertical-align:middle;} section.mypage .tbl_wrap.type_2 .grid_wrap td .quantity .minus {background-position:-36px 0} section.mypage .tbl_multi {margin-top:80px;} section.mypage .tbl_multi:after {display:block; clear:both; content:'';} section.mypage .tbl_multi h3 {font-size:14px; color:#444; line-height:14px;} section.mypage .tbl_multi .grid_wrap {float:left; width:450px; margin-top:20px; margin-right:60px;} section.mypage .tbl_multi .grid_wrap:last-child {margin-right:0;} section.mypage .tbl_multi .grid_wrap th {border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;} section.mypage .tbl_multi .grid_wrap td {border-bottom:1px solid #e5e5e5; color:#111;} section.mypage > .list_wrap {margin-top:50px;} section.mypage > .list_wrap li {position:relative; padding-left:12px; font-size:13px; color:#959595; line-height:20px; text-indent:0;} section.mypage > .list_wrap li:before {position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#8e8e8e; content:'';} section.mypage > .list_wrap h5 {margin-top:20px; margin-bottom:5px; color:#777; font-size:12px;} section.mypage .offline + .list_wrap {margin-top:20px;} section.mypage .tabs.grade .tab li {width:50%;} section.mypage .grade .info {padding:60px 0;} section.mypage .grade .info h2 {font-family:'SSF_Regular','NotoSans_kr_Regular'; font-size:26px; color:#111; line-height:36px;} section.mypage .grade .info h2 em {display:inline-block; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:38px; line-height:36px;} section.mypage .grade .info .grade_box {margin-top:40px;} section.mypage .grade .info .grade_box.n3 {position:relative;} section.mypage .grade .info .grade_box:after {display:block; clear:both; content:'';} section.mypage .grade .info .grade_box > div {float:left; width:398px; height:120px; margin-left:4px; padding:35px 40px; background-color:#f5f5f5;} section.mypage .grade .info .grade_box > div:first-child {margin-left:0;} section.mypage .grade .info .grade_box > div h3 {overflow:hidden; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:36px; color:#111; line-height:42px; white-space:nowrap; text-overflow:ellipsis;} section.mypage .grade .info .grade_box > div span {display:block; margin-top:15px; font-size:16px; color:#444; line-height:14px;} section.mypage .grade .info .grade_box > div p {margin-top:15px; font-size:13px; color:#8e8e8e; line-height:20px;} section.mypage .grade .info .grade_box.n3 > div {width:237px;} section.mypage .grade .info .grade_box > div .balloon {display:block !important; position:absolute; top:165px; padding:12px 17px; text-align:left; background-color:#5b1eaa; font-size:12px; color:#fff; line-height:18px;} section.mypage .grade .info .grade_box > div .balloon:after {position:absolute; top:-7px; left:20px; width:14px; height:7px; background:url('../images/ui/bg_balloon02.gif') no-repeat center top; content:'';} section.mypage .grade .info .grade_box.on > div .balloon {display:block;} section.mypage .grade .info .list_wrap {margin-top:40px;} section.mypage .grade .grade_list {padding-top:60px; border-top:1px solid #444;} section.mypage .grade .grade_list h4 {position:relative; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#111; line-height:16px;} section.mypage .grade .grade_list h4 .btn {position:absolute; top:-7px; right:0; height:18px; line-height:18px;} section.mypage .grade .grade_list > ul > li {display:table; width:100%; margin-top:60px;} section.mypage .grade .grade_list > ul > li:first-child {margin-top:40px;} section.mypage .grade .grade_list > ul > li .tit {display:table-cell; width:164px; text-align:center; vertical-align:middle;} section.mypage .grade .grade_list > ul > li .tit span {display:inline-block; position:relative; padding-left:54px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:26px; color:#5b1eaa; line-height:32px; text-align:left;} section.mypage .grade .grade_list > ul > li .tit span:after {position:absolute; top:50%; left:0; height:40px; margin-top:-20px; background:url("../images/ui/bg_grade_benefit.png") no-repeat 0 0; content:'';} section.mypage .grade .grade_list > ul > li .tit .gift:after {width:41px; background-position:0 0;} section.mypage .grade .grade_list > ul > li .tit .as:after {width:41px; background-position:0 -40px;} section.mypage .grade .grade_list > ul > li .tit .txt {padding-left:0;} section.mypage .grade .grade_list > ul > li .tit .vip:after {width:41px; background-position:0 -80px;} section.mypage .grade .grade_list > ul > li .tit .point:after {width:41px; background-position:0 -120px;} section.mypage .grade .grade_list > ul > li .tit .percent:after {width:41px; background-position:0 -160px;} section.mypage .grade .grade_list > ul > li .tit .coin:after {width:41px; background-position:0 -200px;} section.mypage .grade .grade_list > ul > li .tit .feeting:after {width:41px; background-position:0 -240px;} section.mypage .grade .grade_list > ul > li.coupon .tit {vertical-align:top;} section.mypage .grade .grade_list > ul > li.coupon dl {vertical-align:top;} section.mypage .grade .grade_list > ul > li dl {display:table-cell; padding-left:40px; vertical-align:middle;} section.mypage .grade .grade_list > ul > li dl dt {position:relative; font-size:18px; color:#444; line-height:24px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.mypage .grade .grade_list > ul > li dl dt + dt {margin-top:10px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} section.mypage .grade .grade_list > ul > li dl dt .btn {position:absolute; top:-7px; right:0; height:18px; font-size:12px; color:#444; line-height:18px;} section.mypage .grade .grade_list > ul > li dl dd {position:relative; padding-left:10px; font-size:13px; color:#777; line-height:22px;} section.mypage .grade .grade_list > ul > li dl dd:before {position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#777; content:'';} section.mypage .grade .grade_list > ul > li dl dd.none {padding-left:0;} section.mypage .grade .grade_list > ul > li dl dd.none:before {display:none;} section.mypage .grade .grade_list > ul > li dl dd span {display:block; color:#8e8e8e;} section.mypage .grade .grade_list > ul > li dl dd i.fit {display:inline-block; padding:0 10px; line-height:17px; color:#50506e; font-size:11px; border:1px solid #50506e;} section.mypage .grade .grade_list > ul > li dl dt + dd {margin-top:15px;} section.mypage .grade .grade_list > ul > li dl dd ol li {font-size:13px; color:#8e8e8e; line-height:22px;} section.mypage .grade .grade_list > ul > li dl dd ul li {position:relative; padding-left:10px; font-size:13px; color:#8e8e8e; line-height:22px;} section.mypage .grade .grade_list > ul > li dl dd ul li:before {position:absolute; top:0; left:0; content:'-';} section.mypage .grade .grade_list > ul > li dl dd table {width:100%; margin-top:15px;} section.mypage .grade .grade_list > ul > li dl dd table th {padding:13px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; color:#8e8e8e; text-align:center;} section.mypage .grade .grade_list > ul > li dl dd table td {padding:15px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#777; text-align:center;} section.mypage .grade .grade_list > ul > li dl dd table th:first-child, section.mypage .grade .grade_list > ul > li dl dd table td:first-child {padding:15px 0;} section.mypage .grade .grade_list > ul > li dl dd table + span {margin-top:17px;} section.mypage .grade .grade_list > ul > li dl dd.half_tbl:after {display:block; clear:both; content:'';} section.mypage .grade .grade_list > ul > li dl dd.half_tbl table {float:left; width:353px; margin:15px 20px 15px 0; box-sizing:border-box;} section.mypage .grade .grade_list > ul > li dl dd.half_tbl table + table {margin:15px 0 15px 20px;} section.mypage .grade .grade_list > ul > li dl dd.half_tbl table tr:first-child td {border-top:1px solid #e5e5e5;} section.mypage .grade .grade_list > ul > li dl dd.half_tbl table td {padding-left:0; text-align:left;} /* 수선 : 무료 수선 서비스 */ section.mypage .tbl_wrap.type_2 .tbl_tit .btn {width:78px;} section.mypage .tbl_wrap.type_2 .grid_wrap td .detail {display:block; margin-top:17px; font-size:12px; color:#8e8e8e; line-height:15px;} section.mypage .tbl_wrap.type_2 .grid_wrap td.none {font-size:16px;} section.mypage .tbl_wrap.type_2 .grid_wrap td.none .btn {width:118px; height:26px; margin-top:15px; line-height:26px;} /* 수선 : 수선신청 */ section.mypage .order.form_wrap + .line_info {margin:0;} section.mypage .line_info {margin-top:90px; border-top:1px solid #444;} section.mypage .line_info .inner {padding-top:60px;} section.mypage .line_info .inner + .inner {border-top:1px solid #d5d5d5;} section.mypage .line_info .inner h2 {margin-bottom:35px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:20px;} section.mypage .line_info .inner .sub_tit {display:table; width:100%; padding-bottom:20px;} section.mypage .line_info .inner .sub_tit span {display:table-cell; color:#444; line-height:20px; vertical-align:middle;} section.mypage .line_info .inner .sub_tit .left {text-align:left;} section.mypage .line_info .inner .sub_tit .right {text-align:right;} section.mypage .line_info .inner .sub_tit .btn {height:18px; font-size:12px; line-height:18px; vertical-align:middle;} section.mypage .line_info.type_1 {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} section.mypage .line_info.type_1 .left_cell {color:#777;} section.mypage .line_info.type_2 {margin:0; padding-bottom:0;} section.mypage .line_info.type_2 .inner .left {color:#8e8e8e;} section.mypage .line_info.type_2 .txt {display:block; padding-top:20px; color:#8e8e8e; line-height:18px;} section.mypage .line_info.type_2 .txt a {color:#444;} section.mypage .line_info.type_2 .inner + .txt {margin-top:40px; border-top:1px solid #e5e5e5;} section.mypage .line_info.type_2 table {width:100%;} section.mypage .line_info.type_2 table td {padding:40px 0; border-bottom:1px solid #e5e5e5;} section.mypage .line_info.type_2 table td.num {font-size:18px; color:#8e8e8e; text-align:center;} section.mypage .line_info.type_2 table td .base {display:table; position:relative;} section.mypage .line_info.type_2 table td .base img {display:table-cell; margin-right:18px; width:100px; vertical-align:middle; border:1px solid #d4d4d4;} section.mypage .line_info.type_2 table td .base .info {display:table-cell; padding-right:10px; width:100%; max-width:350px; text-align:left; overflow:hidden; vertical-align:middle;} section.mypage .line_info.type_2 table td .base .info strong {display:block; margin-bottom:24px; font-size:16px; color:#111; line-height:14px;} section.mypage .line_info.type_2 table td .base .info .brand, section.mypage .line_info.type_2 table td .base .info .name, section.mypage .line_info.type_2 table td .base .info .option {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.mypage .line_info.type_2 table td .base .info .brand, section.mypage .line_info.type_2 table td .base .info .name {line-height:20px; color:#111; font-size:14px;} section.mypage .line_info.type_2 table td .base .info .name {margin-bottom:15px;} section.mypage .line_info.type_2 table td .base .info .option {line-height:18px; font-size:13px; color:#8e8e8e;} section.mypage .line_info.type_2 table td .base .info a.btn {margin-top:14px; padding:0; width:72px; font-size:12px;} section.mypage .line_info.type_2 table td .base .btn {position:absolute; top:50%; right:0; margin-top:-15px; width:78px; height:18px; line-height:18px;} section.mypage .line_info.type_2 table td .extend {margin:40px 0;} section.mypage .line_info.type_2 table td .extend:after {display:block; clear:both; content:'';} section.mypage .line_info.type_2 table td .extend dl {float:left; margin-left:40px;} section.mypage .line_info.type_2 table td .extend dl:first-child {margin-left:0;} section.mypage .line_info.type_2 table td .extend dl:after {display:block; clear:both; content:'';} section.mypage .line_info.type_2 table td .extend dl dt {font-size:13px; color:#444;} section.mypage .line_info.type_2 table td .extend dl dd {float:left; margin-top:10px; margin-left:10px; width:100px; height:132px; background:url("../images/ui/img_add.png") #fff no-repeat center center; border:1px solid #d4d4d4;} section.mypage .line_info.type_2 table td .extend dl dd a {display:block; height:100%;} section.mypage .line_info.type_2 table td .extend dl dd img {width:100%; height:100%; background:none;} section.mypage .line_info.type_2 table td .extend dl dt + dd {margin-left:0;} section.mypage .line_info.type_2 table td .state {display:block; padding-top:40px; border-top:1px solid #e5e5e5;} section.mypage .line_info.type_2 table td .state span {display:inline-block; width:150px; font-size:13px; color:#8e8e8e; line-height:14px;} section.mypage .line_info.type_2 table td .state span em {color:#444;} section.mypage .line_info.type_2 table td .state a {display:inline-block; padding-right:16px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; font-size:14px; color:#8e8e8e;} section.mypage .repair_step .tabs > div {padding-top:55px;} section.mypage .repair_step .tabs .tab li {width:50%;} section.mypage .repair_step .tabs ol li {margin-top:30px;} section.mypage .repair_step .tabs ol li:first-child {margin-top:0;} section.mypage .repair_step .tabs ol li em {display:block; font-size:20px; color:#111; line-height:30px;} section.mypage .repair_step .tabs ol li p {margin-top:10px; font-size:13px; color:#444; line-height:22px;} section.mypage .repair_step .tabs ol li .img {display:inline-block; padding:15px 20px;} section.mypage .repair_step .tabs ol li .img img {width:auto;} /* 수선 : 상품목록조회 */ section.mypage .count_tit + .list_wrap {margin-top:30px;} section.mypage .form_wrap.type_1 {margin-top:25px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;} section.mypage .form_wrap.type_1 .item {font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#444;} section.mypage .form_wrap.type_2 {padding:40px 0; border-top:1px solid #d5d5d5;} section.mypage .submit + .form_wrap {margin-top:40px;} section.mypage .order.form_wrap {margin-top:60px; padding:50px 0; border-top:1px solid #111; border-bottom:1px solid #e5e5e5;} section.mypage .order.form_wrap + .order.form_wrap {margin-top:0; border:0 none;} section.mypage .order.form_wrap.last {border-color:#111;} section.mypage .order.form_wrap .form_tit {width:540px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:30px;} section.mypage .order.form_wrap .form_tit .check_txt {position:relative; float:right; padding-left:14px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; font-size:13px; color:#8e8e8e; line-height:30px;} section.mypage .order.form_wrap .form_tit .check_txt:after {position:absolute; top:14px; left:0; width:4px; height:4px; background-color:#5b1eaa; border-radius:3px; content:'';} section.mypage .order.form_wrap .form_tit .btn {float:right; width:58px; height:18px; font-size:12px; line-height:18px;} section.mypage .order.form_wrap + .form_wrap {margin-top:45px;} section.mypage .order.form_wrap > ul {margin-top:20px; width:540px;} /* section.mypage .order.form_wrap > ul + .form_tit {border-top:1px solid #} */ section.mypage .order.form_wrap > ul > li .item {vertical-align:top;} section.mypage .order.form_wrap > ul > li .input_box + a.btn {margin-left:30px; width:55px; padding:5px 18px; vertical-align:top;} /* 수선 : 수선안내 */ section.mypage .date_wrap + .repair_tab {margin-top:40px;} section.mypage .tabs.repair_tab .tab li {width:33.33%;} section.mypage .tabs.repair_tab > div {padding-top:55px;} section.mypage .tabs.repair_tab .search_wrap .remote_wrap {margin-top:28px;} section.mypage .tabs.repair_tab .search_wrap .input_box {display:inline-block; width:300px; margin-right:35px; vertical-align:top;} section.mypage .tabs.repair_tab .search_wrap .btn {width:96px; vertical-align:top;} section.mypage .tabs.repair_tab .tbl_repair {width:100%; margin-top:35px; text-align:center;} section.mypage .tabs.repair_tab .tbl_repair th {padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:12px; color:#8e8e8e;} section.mypage .tabs.repair_tab .tbl_repair td {padding:20px 0; border-bottom:1px solid #e5e5e5; font-size:12px; color:#111; vertical-align:middle;} section.mypage .tabs.repair_tab .tbl_repair td .btn {width:78px; height:18px; line-height:18px; font-size:12px;} section.mypage .tabs.repair_tab .tbl_repair td.none {padding:75px 0; font-size:13px; color:#959595; line-height:22px;} section.mypage .tabs.repair_tab .tbl_repair + .list_wrap {margin-top:30px;} section.mypage .tabs.repair_tab .line_info .repair_img {padding:50px 0; text-align:center;} section.mypage .tabs.repair_tab .line_info .repair_img img {width:auto; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage .tabs.repair_tab .line_info ol {padding-bottom:50px;} section.mypage .tabs.repair_tab .line_info ol li {margin-top:25px;} section.mypage .tabs.repair_tab .line_info ol li:first-child {margin-top:0;} section.mypage .tabs.repair_tab .line_info ol li span {display:block; color:#444;} section.mypage .tabs.repair_tab .line_info ol li p {margin-top:15px; padding-left:10px; color:#8e8e8e; line-height:22px;} section.mypage .as_box {margin-top:45px;} section.mypage .as_box h2 {font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:45px;} section.mypage .as_box .sub_tit {height:30px; padding:20px 0; color:#444; line-height:30px;} section.mypage .as_box .sub_tit .btn {float:right; width:128px; height:28px; padding:0; line-height:28px; font-size:12px;} section.mypage .as_box .accordion li .title {padding:26px 0; background-position:right -275px;} section.mypage .as_box .accordion li .title.on {background-position:right -325px;} section.mypage .as_box .accordion li .content {padding:0; background-color:#fff;} section.mypage .as_box .accordion li .content li {height:90px; padding-top:6px;} section.mypage .as_box .accordion li .content li {display:table; width:100%;} section.mypage .as_box .accordion li .content li span {display:table-cell; width:110px; margin-right:60px; background:url("../images/ui/bg_arrow_down02.png") no-repeat 50% 57px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:22px; color:#8e8e8e; text-align:center; line-height:30px;} section.mypage .as_box .accordion li .content li p {display:table-cell; padding-left:60px; font-size:13px; color:#444; line-height:20px; vertical-align:top;} section.mypage .as_box .accordion li .content li:last-child span {background-image:none;} section.mypage .as_box .accordion li .content .txt {margin-bottom:30px; font-size:13px; color:#444; line-height:22px;} section.mypage .as_box .accordion li .content .txt:first-child {margin-top:0;} section.mypage .as_box .accordion li .content table {margin:30px 0; width:100%;} section.mypage .as_box .accordion li .content table th {padding:17px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;font-size:12px; color:#8e8e8e; text-align:center;} section.mypage .as_box .accordion li .content table td {padding:10px 0; border-bottom:1px solid #e5e5e5; font-size:12px; color:#777; text-align:center;} section.mypage .as_box .accordion li .content table td.bl {border-left:1px solid #e5e5e5;} /* 회원탈퇴 */ section.mypage.quit .message {color:#111; font-size:16px; padding-bottom:50px; border-bottom:1px solid #111;} section.mypage.quit h4 {margin-top:50px; font-size:18px;} section.mypage.quit .point {padding-bottom:40px; border-bottom:1px solid #e5e5e5;} section.mypage.quit .point:after {display:block; clear:both; content:'';} section.mypage.quit .point > div {float:left; margin-right:80px; font-size:32px;} section.mypage.quit .point > div span {margin-top:40px; display:block; color:#8e8e8e; font-size:13px;} section.mypage.quit .order {padding:40px 0; font-size:16px; border-bottom:1px solid #e5e5e5;} section.mypage.quit .order > p {padding-left:36px; color:#5b1eaa; font-size:16px; background:url('../images/ui/exc_mark.png') no-repeat left center;} section.mypage.quit .cause {margin-top:30px;} section.mypage.quit .cause .checkbox {margin-left:20px;} section.mypage.quit .cause textarea {margin-top:20px; height:150px;} section.mypage.quit .list_wrap {margin-top:30px;} /* 매장구매내역 */ section.mypage .grid_wrap.goods.type_1 td {font-size:13px; color:#444;} section.mypage .grid_wrap.goods.type_1 td span {display:block; overflow:hidden; max-width:260px; white-space:nowrap; text-overflow:ellipsis;} section.mypage .grid_wrap.goods.type_1 td em {display:block; color:#8e8e8e;} /*********************************************** PCMP 마이페이지 : E ************************************************/ /************************************************** PCFT 멤버십 안내 : S **************************************************/ .membership .intro .tit:after {display:block; clear:both; content:"";} .membership .intro .tit h2 {float:left; width:380px; font-size:38px; line-height:48px;} .membership .intro .tit p {float:left; font-size:18px; color:#444; line-height:30px;} .membership .intro .tit p span {display:block; margin-top:12px; font-size:14px; color:#8e8e8e; line-height:16px;} .membership .intro ul {margin-top:100px;} .membership .intro ul:after {display:block; clear:both; content:"";} .membership .intro ul li {float:left; width:25%; height:195px;} .membership .intro ul li strong {font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:24px; color:#5b1eaa; line-height:28px;} .membership .intro ul li p {margin-top:16px; color:#444; line-height:22px;} .membership .detail {border-top:1px solid #111;} .membership .detail h3 {margin:60px 0 40px 0; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#111; line-height:16px;} .membership .detail table {width:100%; text-align:center;} .membership .detail table th {padding:20px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:12px; color:#8e8e8e; line-height:16px;} .membership .detail table td {padding:12px 0; border-bottom:1px solid #e5e5e5; font-size:13px; color:#777; line-height:22px;} .membership .detail table td.tleft {text-align:left;} .membership .detail .list_wrap {margin-top:24px;} .membership .detail .list_wrap li {font-size:13px; color:#777; line-height:22px;} .membership .detail .list_wrap ul ul {padding-left:10px;} .membership .detail .list_wrap ul ul li {color:#959595; line-height:22px;} .membership .detail .list_wrap ul ul ul li:before {content:"· ";} .membership .detail .list_wrap + table {margin-top:50px;} .membership .detail table.type_1 th {border-left:1px solid #d5d5d5; font-size:16px; color:#444;} .membership .detail table.type_1 td {padding:35px 0 35px 30px; border-color:#d5d5d5; border-left:1px solid #d5d5d5; text-align:left; vertical-align:top;} .membership .detail table.type_1 th:first-child, .membership .detail table.type_1 td:first-child {padding-left:0; border-left:0 none;} .membership .detail table.type_1 .list_wrap {margin-top:0;} .membership .detail table.type_1 .list_wrap > ul > li {margin-top:10px;} .membership .detail table.type_1 .list_wrap > ul > li:first-child {margin-top:0;} .membership .detail .line_box {margin-top:30px; padding:30px 0; border-top:1px solid #111; border-bottom:1px solid #111; line-height:12px;} .membership .detail .line_box strong {display:inline-block; width:150px; color:#444;} .membership .detail .line_box span {display:inline-block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#444;} .membership .detail .terms_wrap h2 {margin-top:60px; font-size:32px; color:#111;} .membership .detail .terms_wrap .mCS {margin-top:40px; padding:10px; height:340px; text-align:left; background:#f5f5f5;} /************************************************** PCFT 멤버십 안내 : E **************************************************/ /*********************************************** PCCM0601 검색 : S ************************************************/ .wrap .contents.search {margin-top:52px;} .wrap.inshop .contents.search {margin-top:250px;} .search .form_input {min-height:80px;} .search .form_input .input_select {border-right:0;} .search .form_input .input_select input[type=text] {margin:0; padding:0 0 7px 0; width:476px; height:42px; line-height:42px; font-size:24px; font-family:"SSF_Bold", "NotoSans_kr_Medium", 'SSF_Regular', 'NotoSans_kr_Demilight', sans-serif; border:0; border-bottom:3px solid #111; color:#444;} .search .form_input .input_select input[type=submit] {margin:0; width:44px; height:42px; vertical-align:top; border:0; background:url("../images/ui/finder_big.png") no-repeat right bottom; cursor:pointer;} .search .form_input .input_select input[type=submit]:after {display:block; clear:both; content:'';} .search .form_input .input_select ul {padding:20px 0; width:calc(100% - 44px); top:37px; text-indent:0; border-color:#111; text-align:left;} .search .form_input .input_select ul li {padding:0 20px; line-height:42px; font-size:18px;} .search .form_input .input_select ul li span {font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#5b1eaa;} .search .form_input .input_select ul li a {display:block;} .search .form_input .input_select ul li a:hover {font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .search .form_input .input_select ul li a.on {background-color:#f5f5f5;} .search .form_input .radio {display:block; line-height:80px;} .search .link_brand {display:block; margin-top:0 !important; padding:80px 0;} .search .form_input + script + .link_brand {padding-top:0;} .search .link_brand h4 {display:inline-block; line-height:36px; font-size:20px; color:#111; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .search .link_brand > ul {display:block; max-width:1016px; margin:32px -12px 0 -12px;} .search .link_brand > ul:after {display:block; clear:both; content:'';} .search .link_brand > ul li {float:left; margin:0 12px; width:calc(25% - 24px);} .search .link_brand > ul li a {display:table; width:100%; height:136px; padding:0 20px; border:2px solid #f3f3f3; box-sizing:border-box; line-height:136px; text-align:center;} .search .link_brand > ul li a span {display:table-cell; vertical-align:middle; line-height:26px; font-size:20px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium"; word-break:keep-all;} .search .link_brand > ul li a span.big {font-size:22px;} .search .link_brand > a {display:block; margin:auto; width:430px; height:230px; text-align:center;} .search .list_Wrap {margin-top:0 !important;} .search .list_Wrap h4 {display:inline-block; line-height:36px; font-size:20px; color:#111; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .search .list_Wrap h4 span em {margin-left:10px; color:#5b1eaa; font-family:"SSF_Bold", "NotoSans_kr_Medium";} :lang(en) .search .list_Wrap h4 span em, :lang(zh) .search .list_Wrap h4 span em {margin-left:0;} .search .result {margin-top:0 !important; padding:80px 0; border-bottom:2px solid #111; text-align:center;} .search .result h3 {font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .search .result h3 > em {line-height:50px !important; color:#5b1eaa; font-size:44px !important; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .search .result h3 > small {display:block; margin-top:5px; color:#444; font-size:18px;} .search .result h3 .unit {margin-top:30px;} .search .result h3 .unit dl {display:table; width:100%; color:#444;} .search .result h3 .unit dl dt, .search .result h3 .unit dl dd {display:table-cell; height:40px; line-height:40px; font-size:24px;} .search .result h3 .unit dl dt {text-align:left;} .search .result h3 .unit dl dd {padding-left:40px; text-align:right;} .search .result.type_1 {text-align:left;} .search .result.type_1 h3 {height:auto; margin:0; font-size:18px; color:#444;} .search .result.type_1 h3 > em {padding-right:5px; font-size:28px !important;} .search .result.type_1 h3 .unit {display:inline-block; margin-top:0; padding-left:100px; vertical-align:middle;} .search .result.type_1 h3 .unit dl dt, .search .result.type_1 h3 .unit dl dd {height:28px; font-size:18px !important; line-height:28px;} .search .result.type_1 h3 .unit dl dt em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} .search .link_event {padding-top:100px; margin:0 -8px; border-top:2px solid #e5e5e5;} .search .link_event > ul:after {display:block; clear:both; content:'';} .search .link_event > ul > li {float:left; width:calc(33.33% - 16px); max-width:519px;margin:0 8px;} .search .result + .link_event {margin-top:0; border:0 none;} .search .recommend h3 {margin-bottom:40px !important;} /*********************************************** PCCM0601 검색 : E ************************************************/ /*********************************************** PCCM0401000 브랜드리스트 : S ************************************************/ .brand_list:after {display:block; clear:both; content:'';} .brand_list .slider.brand li {position:relative; float:left;} .brand_list .slider.brand li span {position:absolute; top:0; left:0; width:44px; height:44px; background-color:#444; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:22px; color:#fff; text-align:center; line-height:44px;} .brand_list .slider.brand li span.top {background-color:#111;} .brand_list .slider.brand li a {display:block;} .brand_list .slider .lSAction a {position:absolute; top:126px; width:14px; height:28px; margin:0; background-size:28px auto;} .brand_list .slider .lSAction .lSPrev {left:0;} .brand_list .slider .lSAction .lSNext {right:0; background-position:-14px 0;} .brand_list .slider.goods {margin-left:270px; padding:55px 60px; border:1px solid #d5d5d5;} .brand_list .slider.goods li {float:left;} .brand_list .mCS {float:left; padding:10px; width:250px; height:290px; text-align:left; background:#f5f5f5;} .brand_list .mCS li {float:left; margin:9px 15px; width:210px; line-height:20px;} .brand_list .mCS li a {color:#8e8e8e; font-family:'SSF_Bold','NotoSans_kr_Medium';} .brand_list .mCS li .heart {float:right; width:20px; height:20px;} .brand_list .tabs.filter {display:block; width:100%;} .brand_list .tabs.filter .tab li {width:20%;} .brand_list .tabs.filter .tab.n6 li {width:16.65%;} .brand_list .tabs.filter .alphabetize {margin-top:40px; padding-bottom:40px; border-bottom:2px solid #444; text-align:justify;} .brand_list .tabs.filter .alphabetize .ko {display:block; margin-top:20px;} .brand_list .tabs.filter .alphabetize .ko a {font-size:42px;} .brand_list .tabs.filter .alphabetize a {display:inline-block; margin-left:6px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; color:#8e8e8e; font-size:36px; line-height:28px;} .brand_list .tabs.filter .alphabetize a:first-child {margin-left:0;} .brand_list .tabs.filter .alphabetize a.on {color:#444;} .brand_list .tabs.filter > div .none {padding:140px 0; color:#8e8e8e; line-height:22px; text-align:center;} .brand_list .tabs.filter > div > h3:first-child {padding-top:110px;} .brand_list .tabs.filter > div > h3 {padding-top:80px; line-height:40px; color:#444; font-size:56px; text-align:left;} .brand_list .tabs.filter > div > ul {padding:30px 0; border-bottom:1px solid #e5e5e5;} .brand_list .tabs.filter > div > ul:after {display:block; clear:both; content:'';} .brand_list .tabs.filter > div > ul > li {position:relative; float:left; margin-left:74px; padding:8px 0; width:184px; height:40px; line-height:20px; text-align:left;} .brand_list .tabs.filter > div > ul > li:nth-child(4n-3) {margin-left:0;} .brand_list .tabs.filter > div > ul > li > a {display:inline-block; position:relative; font-size:13px; margin-right:18px; color:#444;} .brand_list .tabs.filter > div > ul > li > a > span {display:inline-block; max-width:124px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .brand_list .tabs.filter > div > ul > li > a > span.trans {display:block; margin-top:-5px; max-width:184px !important; color:#8e8e8e; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .brand_list .tabs.filter > div > ul > li > a > em {display:inline-block; margin-left:5px; margin-right:3px; vertical-align:top; color:#959595;} .brand_list .tabs.filter > div > ul > li.new > a {padding-right:32px;} .brand_list .tabs.filter > div > ul > li.new > a span {max-width:90px;} .brand_list .tabs.filter > div > ul > li.new > a:after {position:absolute; top:2px; right:0; width:30px; height:15px; background-color:#5b1eaa; content:'NEW'; font-size:9px; color:#fff; text-align:center; line-height:15px;} .brand_list .tabs.filter > div > ul > li > div > em {display:block; margin-left:4px; float:left; max-width:36px;} .brand_list .tabs.filter > div > ul > li .heart {position:absolute; top:7px; right:0; width:20px; height:20px;} .brand_list .tabs.filter > div > ul:after {display:block; clear:both; content:'';} .brand_list .category {margin-top:65px; text-align:left;} .brand_list .category li {display:inline-block; margin-left:40px;} .brand_list .category li:first-child {margin-left:0;} .brand_list .category li label {border-bottom:2px solid #fff; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#959595; line-height:20px;} .brand_list .category li input:checked + label {border-color:#444; color:#444;} /*********************************************** PCCM0401000 브랜드리스트 : E ************************************************/ /************************************************** PCFT 이용약관 : S **************************************************/ .terms h2 {font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#444;} .terms .mCS {margin-top:10px; padding:30px; height:560px; text-align:left; background:#f5f5f5;} .terms .mCS + h2 {margin-top:50px;} .terms .tabs .tab li {width:50%;} .terms .terms_wrap h2 {margin-top:54px; font-size:18px; color:#444; line-height:28px;} .terms .terms_wrap p, .terms .terms_wrap ol {margin-top:30px; color:#8e8e8e; line-height:24px;} .terms .terms_wrap ol em {color:#5b1eaa;} .terms .terms_wrap > ul {margin-top:30px;} .terms .terms_wrap > ul > li {position:relative; margin-top:15px; padding-left:10px; color:#8e8e8e; line-height:24px;} .terms .terms_wrap > ul > li:after {position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#8e8e8e; content:'';} .terms .terms_wrap > ul > li:first-child {margin-top:0;} .terms .terms_wrap > ul ul li {display:block; padding-left:10px; color:#959595;} .terms .terms_wrap > ul ul li:first-child {margin-top:10px;} .terms .terms_wrap > ul ul ul {padding-left:10px;} .terms .terms_wrap > ul ul ul li {position:relative;} .terms .terms_wrap > ul ul ul li:last-child {margin-bottom:10px;} .terms .terms_wrap > ul ul ul li:after {position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#959595; content:'';} .terms .terms_wrap .agreementMenu {margin:55px 0; padding:35px 0; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .terms .terms_wrap .agreementMenu ul:after{display:block; clear:both; content:"";} .terms .terms_wrap .agreementMenu li {position:relative; float:left; width:50%; padding-left:10px; box-sizing:border-box;} .terms .terms_wrap .agreementMenu li a {color:#8e8e8e; line-height:22px;} .terms .terms_wrap .agreementMenu li:hover a {color:#5b1eaa;} .terms .terms_wrap .agreementMenu li:after {position:absolute; top:10px; left:0; width:2px; height:2px; background-color:#8e8e8e; content:'';} .terms .terms_wrap table {width:100%; margin-top:30px; border-bottom:1px solid #d5d5d5;} .terms .terms_wrap table th, .terms .terms_wrap table td {border-top:1px solid #d5d5d5; line-height:24px; text-align:center;} .terms .terms_wrap table th {padding:16px 0; font-size:12px; color:#8e8e8e;} .terms .terms_wrap table td {padding:11px 20px; border-right:1px solid #d5d5d5; font-size:13px; color:#444;} .terms .terms_wrap table td.txt-left {text-align:left;} .terms .terms_wrap .box {margin:50px 0; padding:40px 65px; border:1px solid #e5e5e5 !important; background-color:#f7f7f7;} .terms .terms_wrap .box h3 {font-size:28px; color:#111; line-height:30px;} .terms .terms_wrap .box span {display:block; margin-top:10px; color:#111; line-height:14px;} .terms .agreeContents {margin:0;} .terms .terms_wrap h3 {margin-top:36px; color:#444;} .terms .terms_wrap p {margin-top:0;} .terms .settingList {margin-top:40px; background:#f5f5f5; padding:40px; font-size:15px; color:#555;} .terms .settingList li {line-height:26px;} .terms .settingList li a:hover {color:#5b1eaa;} /************************************************** PCFT 이용약관 : E **************************************************/ /************************************************** PCFT 매장찾기 : S **************************************************/ .shop .brand_sel {position:relative; z-index:3;} .shop .brand_sel .select {margin-top:0; width:600px;} .shop .brand_sel .select h3 {font-size:38px; color:#111; line-height:40px;} .shop .brand_sel .select h3 a {display:inline-block; position:relative; padding-right:42px;} .shop .brand_sel .select h3 a:after {position:absolute; top:50%; right:0; margin-top:-6px; width:23px; height:13px; background:url("../images/ui/bg_arrow_sel02.png") no-repeat 0 -13px; content:'';} .shop .brand_sel .select.over h3 a:after {background-position:0 0;} .shop .brand_sel .select .option {top:36px;} .shop .brand_sel .select.over .option > ul {margin-top:10px;} .shop .search_wrap {position:relative; z-index:2; margin-top:70px;} .shop .search_wrap .select {margin:0 8px 0 0; width:218px; vertical-align:top;} .shop .search_wrap .select label {display:block; color:#8e8e8e;} .shop .search_wrap .input_box {display:inline-block; width:368px; margin-right:8px; vertical-align:top;} .shop .search_wrap .input_box input[type="text"] {margin-top:0; color:#8e8e8e;} .shop .search_wrap .btn {width:78px; height:24px; line-height:24px; vertical-align:top;} .shop .result_wrap {position:relative; margin-top:40px;} .shop .result_wrap h4 {font-size:18px; color:#111; line-height:20px;} .shop .result_wrap > .tabs {margin-top:50px;} .shop .result_wrap .tabs .tab li {width:33.33%;} .shop .result_wrap .tabs .sub_tab {display:none;} .shop .result_wrap .tabs .sub_tab.on {display:block;} .shop .result_wrap .option_area {display:block; position:absolute; top:148px; left:0; z-index:1;} .shop .result_wrap .option_area:after {display:block; clear:both; content:"";} .shop .result_wrap .list_check label {margin-right:20px;} .shop .result_wrap .list_check label .tip {display:inline-block; width:20px; height:20px; margin-left:6px; background:url("../images/ui/ico_q.png") no-repeat 0 0; vertical-align:middle;} .shop .result_wrap .list_type {position:relative; padding-top:101px;} .shop .result_wrap .list_type .tab {position:absolute; top:34px; right:0; height:34px; border:0 none; line-height:34px;} .shop .result_wrap .list_type .tab a {display:inline-block; margin-left:25px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:14px; color:#8e8e8e; line-height:34px;} .shop .result_wrap .list_type .tab .on {color:#111;} .shop .result_wrap .result_list > li {position:relative; padding:40px 0; border-bottom:1px solid #d5d5d5;} .shop .result_wrap .result_list > li:first-child {border-top:1px solid #d5d5d5;} .shop .result_wrap .result_list > li .info {display:table; table-layout:fixed; width:100%;} .shop .result_wrap .result_list > li .info > a {display:table-cell; padding-right:38px; vertical-align:middle;} .shop .result_wrap .result_list > li .info > a .name {display:block; margin-top:0; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:13px; color:#111; line-height:13px;} .shop .result_wrap .result_list > li .info > a .name em {display:inline-block; position:relative; margin-left:13px; padding-left:16px; line-height:13px;} .shop .result_wrap .result_list > li .info > a .name em:after {position:absolute; top:0; left:0; width:1px; height:13px; background-color:#111; content:'';} .shop .result_wrap .result_list > li .info > a span {display:block; margin-top:15px; font-size:13px; color:#8e8e8e; line-height:18px;} .shop .result_wrap .result_list > li .info > a .quantity h5 {position:absolute; height:18px; line-height:18px; font-size:13px; color:#8e8e8e; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .shop .result_wrap .result_list > li .info > a .quantity ul {margin-left:78px;} .shop .result_wrap .result_list > li .phone {display:table-cell; width:150px; padding:0 15px; font-size:13px; color:#8e8e8e; vertical-align:middle;} .shop .result_wrap .result_list > li .service {display:table-cell; width:150px; padding:0 38px; color:#959595; vertical-align:middle;} .shop .result_wrap .result_list > li .service span {display:inline-block; padding:0 3px; font-size:12px;} .shop .result_wrap .result_list > li .service .on {font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#444; /*color:#5b1eaa;*/} .shop .result_wrap .result_list > li .btn_wrap {display:table-cell; width:110px; vertical-align:middle; text-align:right;} .shop .result_wrap .result_list > li .btn_wrap .remote {display:inline-block; padding-right:24px; background:url("../images/ui/arrow_down.png") no-repeat 100% 50%; background-size:13px auto; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:13px; color:#8e8e8e;} .shop .result_wrap .result_list > li .btn_wrap .remote.on {background-image:url("../images/ui/arrow_up.png");} .shop .result_wrap .result_list > li .btn_wrap .remote em:last-child {display:none;} .shop .result_wrap .result_list > li .btn_wrap .remote.on em:first-child {display:none;} .shop .result_wrap .result_list > li .btn_wrap .remote.on em:last-child {display:block;} .shop .result_wrap .result_list > li .map_box {display:none; overflow:hidden; height:250px; margin-top:40px;} .shop .result_wrap .result_list + .page {margin-top:45px;} .shop .result_wrap .none {padding:78px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; font-size:13px; color:#959595; text-align:center; line-height:18px;} .shop .result_wrap .map {overflow:hidden; height:560px; padding:40px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;} /************************************************** PCFT 매장찾기 : E **************************************************/ /**************************************************** PCFT 사이트맵 : S ****************************************************/ .sitemap .sitemap_wrap {padding:50px 0; border-top:1px solid #444;} .sitemap .sitemap_wrap .tab {border:none; margin:0 0 15px 0;} .sitemap .sitemap_wrap .tab > li {float:left; width:25%; text-align:left;} .sitemap .sitemap_wrap .tab > li > a {display:inline-block; width:auto; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:35px;} .sitemap .sitemap_wrap .tab > li > a.on {border:none; color:#5b1eaa;} .sitemap .sitemap_wrap h3 {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; line-height:35px;} .sitemap .sitemap_wrap ul {margin-top:20px;} .sitemap .sitemap_wrap ul:after {display:block; clear:both; content:"";} .sitemap .sitemap_wrap ul li {float:left; width:25%; height:35px} .sitemap .sitemap_wrap ul li a {display:inline-block; height:35px; color:#8e8e8e; line-height:35px;} .sitemap .sitemap_wrap .list a {font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111;} /**************************************************** PCFT 사이트맵 : E ****************************************************/ /**************************************************** PCHD 고객센터 : S ****************************************************/ section.customer .advice_wrap {padding-bottom:80px;} section.customer .advice_wrap ul:after {display:block; clear:both; content:"";} section.customer .advice_wrap li {position:relative; float:left; width:33.33%; padding-top:96px; text-align:center;} section.customer .advice_wrap li:after {position:absolute; top:0; left:50%; width:76px; height:76px; margin-left:-38px; background:url("../images/ui/bg_customer_advice.png") no-repeat 0 0; content:'';} section.customer .advice_wrap li + li:after {background-position:0 -76px;} section.customer .advice_wrap li + li + li:after {background-position:0 -152px;} section.customer .advice_wrap li h2 {margin-bottom:20px; font-size:22px; color:#111; line-height:30px;} section.customer .advice_wrap li span {display:block; min-height:36px; font-size:12px; color:#8e8e8e; line-height:18px;} section.customer .advice_wrap li span + span {margin-top:8px;} section.customer .advice_wrap li .btn_wrap {margin-top:40px;} section.customer .advice_wrap li em {display:block; margin-top:40px; font-size:22px; color:#111; line-height:36px;} :lang(en) section.customer .advice_wrap li, :lang(zh) section.customer .advice_wrap li {margin-top:-90px; padding-left:160px; width:calc(50% - 160px); text-align:left;} :lang(en) section.customer .advice_wrap li:nth-child(3), :lang(zh) section.customer .advice_wrap li:nth-child(3) {display:none;} :lang(en) section.customer .advice_wrap li:after, :lang(zh) section.customer .advice_wrap li:after {position: absolute; top: 90px; left: 90px; width: 76px; height: 76px; background: url("../images/ui/bg_customer_advice.png") no-repeat 0 0; content: "";} :lang(en) section.customer .advice_wrap li + li:after, :lang(zh) section.customer .advice_wrap li + li:after {background-position:0 -76px;} section.customer .link_wrap {padding-top:80px; border-top:1px solid #212121;} section.customer .link_wrap h2 {margin-top:100px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#111; line-height:18px;} section.customer .link_wrap h2:first-child {margin-top:0;} section.customer .link_wrap h2 a {float:right; padding-right:15px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; font-size:14px; color:#8e8e8e;} section.customer .link_wrap .list {display:table; width:100%; margin-top:32px; border:1px solid #e5e5e5;} section.customer .link_wrap .list a {display:table-cell; width:20%; height:88px; border-left:1px solid #e5e5e5; color:#444; text-align:center; vertical-align:middle; line-height:20px;} section.customer .link_wrap .list a:first-child {border:0 none;} section.customer .link_wrap .list a span {display:block; font-size:12px; color:#959595;} section.customer .link_wrap .list.type_1 a {width:14.28%;} section.customer .link_wrap table {width:100%; margin-top:32px;} section.customer .link_wrap table th, section.customer .link_wrap table td {font-size:13px; color:#8e8e8e; text-align:center;} section.customer .link_wrap table th {height:50px; border-bottom:1px solid #959595; } section.customer .link_wrap table td {height:54px; border-bottom:1px solid #f7f7f7;} section.customer .link_wrap table td.tit {color:#444; text-align:left;} section.customer .form_tit {padding-bottom:20px; width:670px; border-bottom:1px solid #444; font-size:18px; color:#111; line-height:20px;} section.customer .form_tit .check_txt {position:relative; float:right; padding-left:14px; font-size:13px; color:#8e8e8e; line-height:20px;} section.customer .form_tit .check_txt:after {position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#5b1eaa; border-radius:3px; content:'';} section.customer .form_wrap + .form_tit {margin-top:45px;} section.customer .form_tit + .form_wrap, section.customer .check_txt + ul {padding-top:15px;} section.customer .form_wrap .form_tit {border-bottom:0 none;} section.customer .form_wrap > ul {clear:both;} section.customer .form_wrap > ul > li {position:relative; width:670px;} section.customer .form_wrap > ul > li .item {vertical-align:top;} section.customer .form_wrap > ul > li textarea {width:488px; height:108px; padding:20px; font-size:13px;} section.customer .form_wrap > ul > li .checkbox:not(.inline) {position:absolute; top:7px; right:-260px; width:240px; padding-left:20px;} section.customer .form_wrap .file_box button {position:absolute; top:13px; left:691px; width:88px; border-color:#e5e5e5; background-color:#fff;} section.customer .form_wrap + .form_wrap {margin-top:60px; padding-top:60px; border-top:1px solid #444;} section.customer .form_wrap .chk_tit:after {display:block; clear:both; content:"";} section.customer .form_wrap .chk_tit h2 {float:left; font-size:18px; color:#111; line-height:20px;} section.customer .form_wrap .chk_tit .chk_txt {float:right; font-size:12px; color:#8e8e8e; line-height:20px;} section.customer .form_wrap .chk_tit .chk_txt label {height:20px; margin-left:20px; font-size:13px; color:#444; line-height:20px; vertical-align:top;} section.customer .form_wrap .mCS {margin-top:40px; padding:30px; height:340px; text-align:left; background:#f5f5f5;} section.customer .form_wrap .invalid_txt {display:block; margin-top:10px; font-size:12px; color:#f0394d; line-height:12px;} section.customer .form_wrap .submit_import {margin-top:60px; text-align:center;} section.customer .form_wrap .submit_import .btn {margin:0 3px; width:238px; height:48px; font-size:16px; line-height:48px;} section.customer .list_wrap {margin-top:76px;} section.customer .list_wrap > ul > li {font-size:13px; color:#959595; line-height:22px;} section.customer .list_wrap > ul > li:before {content:"· "} section.customer .banner {display:block; margin-top:60px;} /* 공지사항 */ section.customer .search_wrap {padding-bottom:40px; border-bottom:1px solid #444;} section.customer .search_wrap:after {display:block; clear:both; content:"";} section.customer .search_wrap h2 {float:left; margin-right:30px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#111; line-height:40px;} section.customer .search_wrap .input_box {float:left; width:637px;} :lang(en) section.customer .search_wrap .input_box {float:left; width:425px;} :lang(zh) section.customer .search_wrap .input_box {float:left; width:677px;} section.customer .search_wrap .input_box input {margin-top:0;} section.customer .search_wrap .btn {float:left; margin-left:10px; padding:5px 30px;} section.customer .board {width:100%; margin-top:85px;} section.customer .board th, section.customer .board td {padding:20px 0;} section.customer .board th {color:#8e8e8e; border-bottom:1px solid #444;} section.customer .board td {color:#444; border-bottom:1px solid #e5e5e5;} section.customer .board td:first-child {color:#8e8e8e;} section.customer .board td .tit {display:inline-block; height:16px; overflow:hidden; width:100%; max-width:725px; white-space:nowrap; text-overflow:ellipsis; line-height:16px;} section.customer .board .notice_line td, section.customer .board .notice_line td a {color:#5b1eaa;} section.customer .page {margin-top:20px;} /* 공지사항 상세 */ section.customer .board dl dt {line-height:50px; color:#444; border-bottom:1px solid #111;} section.customer .board dl dt span {float:left; padding-right:50px; min-width:40px;} section.customer .board dl dt .date {float:right; text-align:right;} section.customer .board dl dd {padding:40px 0;} section.customer .board dl dd .content {min-height:360px; line-height:24px; color:#8e8e8e; font-size:13px;} section.customer .board ul {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} section.customer .board ul li {line-height:48px; font-size:13px;} section.customer .board ul li + li {border-top:1px solid #e5e5e5;} section.customer .board ul li span {float:left; padding-right:50px; min-width:40px; color:#8e8e8e;} section.customer .board ul li a {color:#8e8e8e;} section.customer .board .submit .btn {width:80px;} /**************************************************** PCHD 고객센터 : E ****************************************************/ /**************************************************** PCHD FAQ : S ****************************************************/ .faq .search_wrap {padding-bottom:40px; border-bottom:1px solid #444;} .faq .search_wrap:after {display:block; clear:both; content:"";} .faq .search_wrap h2 {float:left; width:100px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#111; line-height:40px;} :lang(en) .faq .search_wrap h2 {width:130px;} :lang(zh) .faq .search_wrap h2 {width:140px;} .faq .search_wrap .input_box {float:left; width:770px;} :lang(en) .faq .search_wrap .input_box {width:710px;} :lang(zh) .faq .search_wrap .input_box {width:730px;} .faq .search_wrap .input_box input {margin-top:0;} .faq .search_wrap .btn {float:left; width:38px; margin-left:10px;} :lang(en) .faq .search_wrap .btn {width:68px;} .faq .result_wrap {padding-top:70px;} .faq .result_wrap h2 {font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:24px; color:#111; line-height:22px;} .faq .result_wrap .qna_box + h2 {margin-top:80px;} .faq .result_wrap .qna_box h3 {margin-top:80px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:14px; color:#111; line-height:14px;} .faq .result_wrap .qna_box h3:first-child {margin-top:60px;} .faq .result_wrap .qna_box .accordion {margin-top:20px; border-top:1px solid #111;} .faq .result_wrap .qna_box .accordion > ul > li {position:relative; padding-left:40px;} .faq .result_wrap .qna_box .accordion .num {position:absolute; top:0; left:0; width:40px; padding:25px 0; font-family:'SSF_Bold','NotoSans_kr_Medium'; color:#444; text-align:left;} .faq .result_wrap .qna_box .accordion div {position:relative;} .faq .result_wrap .qna_box .accordion .title {padding:25px 0 25px 38px; color:#444; line-height:18px;} .faq .result_wrap .qna_box .accordion .content {padding:12px 0 40px 38px; background-color:#fff; font-size:13px; color:#8e8e8e; line-height:22px;} .faq .result_wrap .qna_box .accordion div i {position:absolute; left:0; font-family:'SSF_Bold','NotoSans_kr_Medium';} .faq .result_wrap .qna_box .accordion .title i {top:25px; color:#444;} .faq .result_wrap .qna_box .accordion .title {background-position:right -277px;} .faq .result_wrap .qna_box .accordion .title.on {background-position:right -328px;} .faq .result_wrap .qna_box .accordion .content i {top:12px; color:#8e8e8e;} .faq .result_wrap .qna_box .accordion .content a {display:inline-block; margin-top:15px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:13px; font-weight:bold; color:#8e8e8e; line-height:15px;} .faq .result_wrap .qna_info {margin-top:50px;} :lang(en) .faq .result_wrap .qna_info .btn {padding:8px 0; width:158px; height:auto; min-height:32px; line-height:32px;} :lang(en) .faq .result_wrap .qna_info .btn.row2 {line-height:16px;} .faq .result_wrap .qna_info p {display:inline-block; line-height:24px; color:#8e8e8e; font-size:13px;} /**************************************************** PCHD FAQ : E ****************************************************/ /**************************************************** POPUP : S ****************************************************/ /* 내부 팝업 */ .innerPopup {display:none; position:absolute; top:0; right: 0px; bottom: 0px; left:0; width:100%; height:100%; margin: 0px; z-index: 0; visibility: visible;} .wrap .innerPopup {z-index:100;} .innerPopup.on {display:block;} .innerPopup .dim {display:none; position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:#000;opacity:.5;filter:Alpha(Opacity=50); /* support:IE8 */} .innerPopup .popup {display:none; overflow-y:auto; position:fixed; top:50%; left:50%; z-index:101; max-height:680px; background-color:#fff;} .innerPopup .popup .ico.exit_pop {overflow:hidden; position:absolute; top:13px; right:13px; margin:0; padding:0; width:30px; height:30px; border:0; border-radius:0; background:url("../images/ui/bg_pop_close.png") no-repeat center center; white-space:nowrap; text-indent:100%;} .popup div > h2 {line-height:28px; font-size:20px; letter-spacing:-0.2px;} .popup div > h2 + img {margin-top:20px;} .popup div > h2 em {color:#5b1eaa;} .popup div > h2 + h3 {margin-top:30px; font-family:"SSF_Regular", "NotoSans_kr_Regular"; line-height:22px; font-size:13px;} .popup div > h3 + h3 {margin-top:10px; font-family:"SSF_Regular", "NotoSans_kr_Regular"; line-height:22px; font-size:14px;} .popup div > h2 + h3.cssf {font-family:'SSF_Bold','NotoSans_kr_Medium';} .popup div > h4 {font-size:13px;} .popup div > h3 span {color:#8e8e8e;} .popup div h3 .caution {color:#f0394d !important;} .popup .summary {margin-top:24px; padding-bottom:20px; line-height:18px; font-size:13px; border-bottom:1px solid #e5e5e5;} .popup .list_wrap {margin-top:20px; font-size:13px;} .popup .list_wrap span {display:block; color:#444;} .popup .list_wrap span + ul {margin-top:15px;} .popup .list_wrap li {padding-left:7px; text-indent:-7px; color:#8e8e8e;} .popup .form {margin-top:10px; width:400px;} .popup .form li {display:inline-block; padding:10px 0; width:100%; height:35px; line-height:35px;} .popup .unview {margin-top:24px; color:#8e8e8e; font-size:12px;} /* 본인인증 */ .popup .certify {margin-top:40px;} .popup .certify > a {width:193px;} .popup .certify p {margin-bottom:15px; color:#8e8e8e; text-align:center;} .popup .center_info {margin-top:20px; padding:23px 0; background-color:#f5f5f5; color:#8e8e8e; text-align:center;} .popup .center_info span {display:inline-block; margin-right:16px; padding-left:24px; background:url("../images/ui/bg_phone.png") no-repeat 0 center;} :lang(en) .popup .center_info span {padding-left:24px; background-image:none;} :lang(zh) .popup .center_info span {padding-left:24px; background-image:none;} /* 이메일무단수집거부 */ .popup .email p {margin-top:30px; padding-top:90px; width:400px; line-height:24px; background:url(../images/ui/bg_rejection.png) no-repeat top center;} .popup .email p em {color:#8e8e8e; font-size:12px;} .popup .top_img {display:block; margin-bottom:32px; height:310px; text-align:center;} .popup .top_img img {width:auto;} .popup .exist_wrap h2 {padding-top:110px; background:url("../images/ui/bg_warn.png") no-repeat 0 0; font-size:32px; color:#111; line-height:40px; letter-spacing:-0.5px;} .popup .exist_wrap h2 em {color:#111;} .popup .exist_wrap h3 {font-size:22px; color:#444; line-height:20px;} .popup .exist_wrap p {margin-top:36px; font-size:16px; color:#8e8e8e; line-height:24px;} .popup .exist_wrap .list_wrap {padding-top:35px; border-top:1px solid #e5e5e5;} .popup .exist_wrap .list_wrap p {margin:0 0 10px 0; font-size:14px; line-height:20px;} .popup .exist_wrap .info {margin-top:25px;} .popup .exist_wrap .info div {display:table; width:100%; padding-bottom:14px;} .popup .exist_wrap .info div span {display:table-cell; font-family:"SSF_Bold", "NotoSans_kr_Regular"; color:#444; line-height:20px; vertical-align:middle;} .popup .exist_wrap .info div span em {display:inline-block;} .popup .exist_wrap .info div span:last-child {width:136px;} .popup .exist_wrap .info div span .btn {width:94px; height:38px; line-height:38px;} .popup h3 + .form_wrap {margin-top:36px; padding-top:13px; border-top:1px solid #d5d5d5;} .popup .form_wrap .checkbox .all-check + label {display:block; margin:13px 0 13px; padding-bottom:13px; border-bottom:1px solid #e5e5e5} .popup .form_wrap .checkbox.all-group label {min-width:184px; margin:0; color:#8e8e8e; } .popup #popup_marketing {margin-top:13px; padding:10px; height:150px; text-align:left; background:#f5f5f5;} .popup .submit a.btn {font-size:16px;} /* Popup : 태그 상품 보기 */ .popup .tag_goods .list_goods .info {margin-bottom:20px !important; height:70px;} .popup .tag_goods .list_goods .color, .popup .tag_goods .list_goods .badge {display:none;} /* Popup : 주소록 */ .popup .pop_addr strong {display:block; margin-top:36px; font-size:16px; color:#5b1eaa; line-height:14px;} .popup .pop_addr li {padding:36px 0;} .popup .pop_addr li {border-top:1px solid #e5e5e5;} .popup .pop_addr li:after {display:block; clear:both; content:"";} .popup .pop_addr li:first-child {border:0 none;} .popup .pop_addr li:last-child {padding-bottom:10px;} .popup .pop_addr .default + li {border-color:#444} .popup .pop_addr .default + .default {border-color:#e5e5e5;} .popup .pop_addr p {float:left; width:330px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .popup .pop_addr p span + span {display:block;} .popup .pop_addr a {float:right;} /* Popup : 쿠폰 */ .popup .pop_coupon .total {padding:36px 0; border-bottom:1px solid #444; font-size:16px;} .popup .pop_coupon .total strong {color:#444;} .popup .pop_coupon .total span {float:right; color:#5b1eaa; font-family:'SSF_Bold','NotoSans_kr_Medium';} .popup .pop_coupon .type {padding-bottom:40px; border-top:1px solid #e5e5e5;} .popup .pop_coupon .type:first-child {border-top:0 none;} .popup .pop_coupon .type:last-child {padding-bottom:10px;} .popup .pop_coupon .type strong {display:block; margin-top:40px; font-family:'SSF_Bold','NotoSans_kr_Medium'; color:#111; line-height:12px;} .popup .pop_coupon .type p {margin-top:40px; color:#444; line-height:12px;} .popup .pop_coupon .type strong + p {margin-top:30px;} .popup .pop_coupon .type .detail {margin-top:20px;} .popup .pop_coupon .type .detail .select {width:166px;} .popup .pop_coupon .type .detail .select > a label {color:#8e8e8e;} .popup .pop_coupon .type .detail .select ul {position:relative;} .popup .pop_coupon .type .detail .select + span {float:right; height:35px; color:#111; line-height:35px;} .popup .pop_coupon .type .detail .input_box {display:inline-block; padding-top:3px;} .popup .pop_coupon .type .detail .input_box + .btn {float:right;} /* Popup : 매장찾기(픽업, 수선, 교환/반품) */ .popup .pop_shop p {margin-top:35px; color:#444; line-height:22px;} .popup .pop_shop p + h2 {margin-top:60px;} .popup .pop_shop h3 {margin-top:60px; font-size:16px; color:#444; line-height:16px;} .popup .pop_shop ul {margin-top:25px;} .popup .pop_shop li {font-size:12px; color:#8e8e8e; line-height:20px;} .popup .pop_shop li a {display:inline-block; margin-top:6px; padding:0 16px 0 10px; background:url("../images/ui/bg_arrow_right.png") no-repeat 100% 50%; font-size:12px; color:#8e8e8e; line-height:20px;} /* 8Seconds 구매혜택 */ .popup .benefit_8s {width:500px;} .popup .benefit_8s > p {margin-top:24px; color:#444;} .popup .benefit_8s > p > span {display:block; margin-top:12px; font-size:13px; color:#777;} .popup .benefit_8s .date {/*margin-top:40px;*/ padding:30px 0; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5;} .popup .benefit_8s .date ul li {line-height:26px;} .popup .benefit_8s .date ul li > span {display:inline-block; width:140px; color:#8e8e8e;} .popup .benefit_8s .date ul li > p {display:inline-block; width:358px; vertical-align:top;} .popup .benefit_8s .rule h3 {margin-top:20px; line-height:52px; font-size:14px;} .popup .benefit_8s .rule dl:after {display:block; clear:both; content:'';} .popup .benefit_8s .rule dt, .popup .benefit_8s .rule dd {float:left; width:50%; line-height:24px; text-align:center; border-bottom:1px solid #e5e5e5;} .popup .benefit_8s .rule dt {padding:16px 0; color:#8e8e8e; font-size:12px; border-top:1px solid #e5e5e5;} .popup .benefit_8s .rule dd {padding:11px 0; color:#777; font-size:13px;} .popup .benefit_8s .list_wrap {margin-top:36px;} .popup .benefit_8s .list_wrap li {padding-left:6px; text-indent:-6px; color:#8e8e8e; font-size:12px; word-wrap:break-word; word-break:keep-all;} .popup .benefit_8s .list_wrap h3 {margin-top:20px;} /* 결제하기 */ .popup .order {width:530px;} .popup .order .sum {margin-top:10px; border-top:1px solid #111;} .popup .order .sum h4 {display:inline-block; margin:0; padding:40px 0; line-height:56px; color:#8e8e8e; font-size:16px;} .popup .order .sum span {display:inline-block; float:right; padding:40px 0; line-height:56px; color:#111; font-size:34px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .order .payment {border-top:1px solid #d5d5d5;} .popup .order .payment h4 {margin-top:35px; color:#8e8e8e; font-size:16px;} .popup .order .payment .tabs {margin-top:20px;} .popup .order .payment .tabs .tab {height:auto; margin-bottom:20px; border-bottom:0 none;} .popup .order .payment .tabs .tab:after {display:block; clear:both; content:'';} .popup .order .payment .tabs .tab li {float:left; width:25%; line-height:60px; border:1px solid #200b0b; border-right:0; box-sizing:border-box; border-collapse:collapse;} .popup .order .payment .tabs .tab li:last-child {border-right:1px solid #200b0b;} .popup .order .payment .tabs .tab li > label {display:block; height:58px; line-height:58px; color:#8e8e8e; font-size:14px; border-bottom:0; text-align:center;} .popup .order .payment .tabs .tab li > label.on {color:#fff; background:#5b1eaa;} .popup .order .payment .tabs .tab li > label.on span {padding-left:26px; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/bg_selected.png") no-repeat left center;} /* 팝업 입력 공통 */ .popup .form_popup > ul {margin-top:30px;} .popup .form_popup > ul > li {margin-top:30px;} .popup .form_popup ul > li .item {display:block; height:34px; font-size:13px; color:#444; line-height:34px; vertical-align:middle;} .popup .form_popup ul > li .item + span {display:block; margin-top:10px;} .popup .form_popup ul > li .item.inline {display:table-} .popup .form_popup ul > li .input_date .from {display:inline-block; width:95px; font-size:12px; color:#8e8e8e; text-align:center; line-height:36px;} .popup .form_popup ul > li .input_date .wave {display:inline-block; width:18px; text-align:center;} .popup .form_popup ul > li .input_date .select {margin-left:6px; font-size:12px; color:#444;} .popup .form_popup ul > li .input_date .select:first-child {margin-left:20px;} .popup .form_popup ul > li.inline {display:table; table-layout:fixed; width:100%; margin-top:15px;} .popup .form_popup ul > li.inline .item {display:table-cell; width:100px;} .popup .form_popup ul > li.inline .item.check {position:relative;} .popup .form_popup ul > li.inline .item.check:after {position:absolute; top:10px; width:4px; height:4px; margin-left:6px; background-color:#5b1eaa; border-radius:3px; content:'';} .popup .form_popup ul > li.inline .item + span {display:table-cell; margin-top:0;} .popup .form_popup ul > li.inline .photo {display:table-cell; width:120px; vertical-align:top;} .popup .form_popup ul > li.inline .photo img {width:90px;} .popup .form_popup ul > li.inline .unit {display:inline-block; margin-left:15px; color:#444;} .popup .form_popup ul > li .list_wrap {margin-top:10px;} .popup .form_popup ul > li .list_wrap li {position:relative; padding-left:12px; font-size:13px; color:#959595; line-height:20px;} .popup .form_popup ul > li .list_wrap li:before {position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#8e8e8e; content:'';} .popup .form_popup ul > li .mCS {margin-top:13px; padding:0; height:150px; text-align:left; background:#f5f5f5;} .popup .form_popup ul > li p:not(.txt) {margin-top:10px; line-height:20px; color:#8e8e8e; font-size:12px;} .popup .form_popup ul > li .value {line-height:34px;} :lang(en) .popup .form_popup ul > li.inline.divide {margin-top:40px; padding-top:20px; border-top:1px solid #e5e5e5;} :lang(en) .popup h2.tit_check {padding-bottom:10px; border-bottom:1px solid #111;} :lang(en) .popup h2.tit_check .check_txt {position:relative; margin-left:43px; padding-left:14px; font-family:"SSF_Regular", "NotoSans_kr_Regular"; font-size:14px; color:#959595; line-height:20px;} :lang(en) .popup h2.tit_check .check_txt:after {position:absolute; top:9px; left:0; width:4px; height:4px; background-color:#5b1eaa; border-radius:3px; content:'';} :lang(en) .popup .form_popup ul > li.inline .item {line-height:18px; color:#8e8e8e;} :lang(en) .popup .form_popup ul > li.inline .item.w124 {width:124px;} :lang(en) .popup .form_popup ul > li .value {font-size:12px; color:#8e8e8e; letter-spacing:-0.5px;} /* .popup .form_popup ul > li .select {width:100%} */ .popup .form_popup ul > li .select + .input_box {display:block;} /* 재입고알림, Q&A, 상품리뷰작성 테이블 공통 */ .popup .form_popup .tbl_goods {table-layout:fixed; margin-top:40px; border-top:1px solid #111;} .popup .form_popup .tbl_goods {table-layout:fixed; width:100%;} .popup .form_popup .tbl_goods th {padding:30px 25px 30px 0; border-bottom:1px solid #e5e5e5; font-family:"SSF_Bold", "NotoSans_kr_Medium"; text-align:right; vertical-align:top;} .popup .form_popup .tbl_goods th.set_name {padding-bottom:0; text-align:left; border-bottom:0;} .popup .form_popup .tbl_goods td {padding:30px 0; border-bottom:1px solid #e5e5e5;} .popup .form_popup .tbl_goods .line th, .popup .form_popup .tbl_goods .line td {border-color:#111;} .popup .form_popup .tbl_goods .no_line th, .popup .form_popup .tbl_goods .no_line td {padding-bottom:0; border:0 none;} .popup .form_popup .tbl_goods td .info .brand, .popup .form_popup .tbl_goods td .info .name, .popup .form_popup .tbl_goods td .info .option {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .popup .form_popup .tbl_goods td .info .brand, .popup .form_popup .tbl_goods td .info .name {font-family:"SSF_Bold", "NotoSans_kr_Regular"; line-height:20px; color:#111; font-size:14px;} .popup .form_popup .tbl_goods td .info .name {margin-bottom:10px;} .popup .form_popup .tbl_goods td .info .option {font-size:13px; color:#8e8e8e; line-height:20px;} .popup .form_popup .tbl_goods td > img {float:left; width:100px; margin-right:25px;} .popup .form_popup .tbl_goods td dl {font-size:13px; color:#444; line-height:16px;} .popup .form_popup .tbl_goods td dl dt {display:inline-block; width:45px; vertical-align:middle;} :lang(en) .popup .form_popup .tbl_goods td dl dt {width:64px;} .popup .form_popup .tbl_goods td dl dd + dt {margin-left:35px;} .popup .form_popup .tbl_goods td dl dd {display:inline-block; vertical-align:middle;} .popup .form_popup .tbl_goods td dl dd .star {vertical-align:top;} .popup .form_popup .tbl_goods td dl dd .radio {display:inline-block; width:120px;} .popup .form_popup .tbl_goods td dl dd .radio:first-child {padding-left:45px;} :lang(en) .popup .form_popup .tbl_goods td dl dd .radio {width:auto; min-width:100px; margin-right:20px;} :lang(en) .popup .form_popup .tbl_goods td dl dd .radio:first-child {padding-left:0;} .popup .form_popup .tbl_goods td dl dd .radio label {margin-right:0;} .popup .form_popup .tbl_goods td textarea {padding:15px 20px; width:calc(100% - 42px); height:90px; font-size:12px; line-height:20px;} .popup .form_popup .tbl_goods td .txt {display:block; margin-top:10px; font-size:12px; color:#959595;} .popup .form_popup .tbl_goods td .txt span {float:right; color:#8e8e8e;} /* 상품리뷰작성 */ .popup .form_popup .tbl_goods td .file_list:after {display:block; clear:both; content:"";} .popup .form_popup .tbl_goods td .file_list li {float:left; margin-left:10px;} .popup .form_popup .tbl_goods td .file_list li:first-child {margin-left:0;} .popup .form_popup .tbl_goods td .file_list li > img {width:94px; height:124px; border:1px solid #e5e5e5;} .popup .form_popup .tbl_goods td .file_list + .txt {margin-top:25px;} .popup .form_popup .tbl_goods td dl + dl {margin-top:10px;} .popup .form_popup .tbl_goods td .review_dl + dl {margin-top:20px;} .popup .form_popup .tbl_goods td .sns_list li {display:inline-block; margin-left:30px;} .popup .form_popup .tbl_goods td .sns_list li:first-child {margin-left:0;} .popup .form_popup .tbl_goods td .sns_list li a {display:inline-block; position:relative; padding-left:30px; color:#444; line-height:21px;} .popup .form_popup .tbl_goods td .sns_list li a:after {position:absolute; top:0; left:0; width:21px; height:21px; background:url("../images/ui/bg_sns_purple.png") no-repeat 0 0; content:'';} .popup .form_popup .tbl_goods td .sns_list li span {display:none; width:12px; height:9px; margin-left:5px; background:url("../images/ui/bg_small_check.png") no-repeat 0 0; vertical-align:0px;} .popup .form_popup .tbl_goods td .sns_list .site01:after {background-position:0 0;} .popup .form_popup .tbl_goods td .sns_list .site02:after {background-position:0 -21px;} .popup .form_popup .tbl_goods td .sns_list li.on a {color:#5b1eaa;} .popup .form_popup .tbl_goods td .sns_list li.on span {display:inline-block;} .popup .form_popup .tbl_goods td .sns_list li.on .site01:after {background-position:-21px 0;} .popup .form_popup .tbl_goods td .sns_list li.on .site02:after {background-position:-21px -21px;} .popup .form_popup .tbl_goods td .mark {display:inline-block; width:56px; color:#5b1eaa; vertical-align:middle; text-align:left;} .popup .form_popup .tbl_goods td .addr {display:inline-block; vertical-align:middle;} .popup .form_popup .tbl_goods td .addr span {display:block; overflow:hidden; max-width:500px; color:#111; line-height:24px; white-space:nowrap; text-overflow:ellipsis;} .popup .form_popup .tbl_goods td .mark + .addr {max-width:440px;} .popup .form_popup .tbl_goods td .btns {text-align:right;} .popup .form_popup .tbl_goods td .btns a {display:inline-block; margin-left:5px; padding:5px; font-size:12px; color:#8e8e8e;} .popup .form_popup .tbl_goods td .list_wrap {margin:0;} .popup .form_popup .tbl_goods td .btn {margin-top:12px; font-size:12px;} .popup .guide_txt {margin-top:40px;} .popup .guide_txt h3 {font-size:14px; color:#444; line-height:14px;} .popup .guide_txt p {margin-top:18px; font-size:14px; color:#333; line-height:20px;} .popup .guide_txt ul li {font-size:13px; color:#959595; line-height:20px;} /* 배송지 목록 */ .popup .form_popup .btn_right {margin-top:15px; text-align:right;} .popup .form_popup .btn_right .btn {padding:2px 10px; width:88px; font-size:12px; color:#444;} .popup .form_popup .btn_right .btn.bk {border-color:#444; background-color:#444; color:#fff;} /* 배송지/수거지 변경 */ .popup .to_contact {width:400px;} .popup .to_contact h2 {padding-bottom:10px; border-bottom:1px solid #111;} .popup .to_contact h4 {margin-top:40px; font-size:14px;} .popup .to_contact .contact {padding-bottom:40px;} .popup .to_contact .contact span {display:block; line-height:22px; color:#444; font-size:13px;} .popup .to_contact .contact span.name {margin-top:10px;} .popup .to_contact .contact span.message {margin-top:8px;} .popup .to_contact .contact span.message em {margin-left:20px;} .popup .to_contact .gray_box {margin:40px 0; padding:20px; font-size:13px;} .popup .to_contact .contact + .gray_box {margin-top:0;} .popup .to_contact .form_popup {border-top:1px solid #e5e5e5;} .popup .to_contact .form_popup ul > li .btn {margin-left:16px;} .popup .to_contact .form_popup .no_service {color:#5b1eaa; font-size:12px;} .popup .to_contact .form_popup .input_select ul {margin-top:-3px;} .popup .to_contact .check_txt {position:relative; float:right; padding-left:14px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight'; font-size:13px; color:#444; line-height:30px;} .popup .to_contact .check_txt:after {position:absolute; top:14px; left:0; width:4px; height:4px; background-color:#5b1eaa; border-radius:3px; content:'';} /* 픽업번호 */ .popup .pickup_wrap {text-align:center;} .popup .pickup_wrap h2 {margin-top:50px; font-family:"SSF_Bold","NotoSans_kr_Medium"; font-size:22px; color:#444;} .popup .pickup_wrap .barcode {display:block; margin-top:25px; padding:0 30px;} .popup .pickup_wrap em {display:block; margin-top:30px; font-family:"SSF_Bold","NotoSans_kr_Medium"; font-size:18px; color:#444; line-height:14px;} /* 카드혜택 */ .popup .benefit_card {width:350px;} .popup .benefit_card h4 {margin-top:30px; margin-bottom:10px;} .popup .benefit_card dl {display:table; width:100%; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .popup .benefit_card dl + dl {border-top:0;} .popup .benefit_card dl dt {display:table-cell; padding:20px 0; width:26%; vertical-align:middle; text-align:left; color:#444; font-size:13px; font-weight:normal;} .popup .benefit_card dl dd {display:table-cell; padding:20px 0; width:26%; vertical-align:middle; color:#8e8e8e; font-size:12px; word-wrap:break-word; word-break:keep-all;} .popup .benefit_card dl dd:last-child {width:48%;} .popup .benefit_card .list_wrap {margin-top:0;} /* 혜택안내 */ .popup .benefit_info {width:480px;} .popup .benefit_info .summary em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .benefit_info .summary em + em:before {content:' · ';} .popup .benefit_info h4 {margin-top:30px; margin-bottom:10px;} .popup .benefit_info {line-height:20px; font-size:13px;} .popup .benefit_info .list {margin-top:10px; margin-bottom:22px;} .popup .benefit_info .list li {padding:0 0 0 10px; line-height:20px; text-indent:-10px; color:#8e8e8e; font-size:13px;} .popup .benefit_info .list li:before {content:"· ";} .popup .benefit_info img {width:auto;} .popup .benefit_info .link_wrap {margin:20px 0;} .popup .benefit_info .link_wrap a.btn {display:inline-block; padding:2px 20px; width:130px; color:#111; font-size:12px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .popup .benefit_info .link_wrap a.btn + a.btn {margin-left:4px;} /* 최적가 안내 */ .popup .discount_info {width:350px;} .popup .discount_info .discount {margin-bottom:15px; padding:25px 0; border-bottom:1px solid #e5e5e5;} .popup .discount_info .discount dl {display:table; width:100%;} .popup .discount_info .discount dl dt {display:table-cell; height:22px; line-height:22px; color:#8e8e8e;} .popup .discount_info .discount dl dd {display:table-cell; height:22px; line-height:22px; text-align:right; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .discount_info .discount dl.sum {margin-top:10px;} .popup .discount_info .discount dl.sum dt, .popup .discount_info .discount dl.sum dd {color:#444 !important; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .discount_info > span {color:#8e8e8e; font-size:12px;} .popup .discount_info > span > em {display:block; margin-top:3px; color:#444;} .popup .discount_info > span > em.gmt {margin-top:10px; color:#959595;} /* 퀵배송비 */ .popup .quick_info {width:350px;} .popup .quick_info h2 small {color:#8e8e8e;} .popup .quick_info .date {display:block; margin-top:24px; color:#444; font-size:13px;} .popup .quick_info .date em {font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .quick_info .time {margin:15px 0;} .popup .quick_info .time dl {display:table; width:100%; font-size:13px;} .popup .quick_info .time dl dt {display:table-cell; padding:10px 0; width:50%; height:20px; line-height:20px; text-align:center; color:#8e8e8e; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .popup .quick_info .time dl dd {display:table-cell; padding:10px 0; width:50%; height:20px; line-height:20px; text-align:center; color:#444; border-bottom:1px solid #e5e5e5;} .popup .quick_info > span {color:#8e8e8e; font-size:12px;} /* 매장픽업 이용안내 */ .popup .pickup_info {width:350px;} .popup .pickup_info p {margin-top:20px; line-height:20px; color:#8e8e8e; font-size:12px;} .popup .pickup_info p span {display:block; color:#111;} /* 사이즈 가이드 */ .popup .size_info {width:900px; min-height:645px;} .popup .size_info .tabs {margin-top:40px;} .popup .size_info .tabs .tab li {width:33.33%;} .popup .size_info .tabs .tab.t1 li {width:100%;} .popup .size_info .tabs .tab.t2 li {width:50%;} .popup .size_info .check_size {margin-top:40px; text-align:left;} .popup .size_info .check_size h4 {padding-bottom:15px; color:#444; font-size:14px;} .popup .size_info .check_size .data_size table {width:100%;} :lang(en) .popup .size_info .check_size .data_size table colgroup col:first-child {width:150px !important;} .popup .size_info .check_size .data_size table tr th, .popup .size_info .check_size .data_size table tr td {line-height:36px; font-size:13px; font-weight:normal;} .popup .size_info .check_size .data_size table tr th {text-align:left; text-indent:10px; color:#8e8e8e;} .popup .size_info .check_size .data_size table tr td {text-align:center;} .popup .size_info .check_size .data_size table tr:first-child th, .popup .size_info .check_size .data_size table tr:first-child td {color:#8e8e8e; background:#f7f7f7;} .popup .size_info .check_size .data_sheet {display:table; margin-top:30px; height:310px;} .popup .size_info .check_size .data_sheet .list_wrap {display:table-cell; vertical-align:middle; color:#8e8e8e; font-size:13px;} .popup .size_info .check_size .data_sheet + h4 {margin-top:40px;} .popup .size_info .guide_size {margin-top:40px; text-align:left;} .popup .size_info .guide_size h3 {margin-bottom:35px; line-height:30px; font-size:24px;} .popup .size_info .guide_size .data_size_guide .sizeguideArea {margin-top:40px;} .popup .size_info .guide_size .data_size_guide .sizeguideArea .area-tit {font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .size_info .guide_size .data_size_guide .sizeguideArea table {margin-top:10px; width:100%; font-size:13px;} .popup .size_info .guide_size .data_size_guide .sizeguideArea table tr th {padding:10px 0; line-height:20px; text-align:center; color:#8e8e8e; font-weight:normal; background:#f7f7f7; font-weight:normal;} .popup .size_info .guide_size .data_size_guide .sizeguideArea table tr td {padding:10px 0; line-height:20px; text-align:center; color:#444; font-weight:normal;} .popup .size_info .guide_size .data_size_guide .lst-default {margin-top:40px;} .popup .size_info .guide_size .data_size_guide .lst-default li {padding:0 0 0 7px; line-height:20px; text-indent:-7px; color:#8e8e8e; font-size:13px;} .popup .size_info .guide_size .data_size_guide .lst-default li:before {content:' · ';} /* 사이즈 가이드 ASIS html reset */ .popup .size_info .guide_size .data_size_guide .popClose, .popup .size_info .guide_size .data_size_guide .popTlt {display:none;} .popup .size_info .review_size {margin-top:40px; text-align:left;} .popup .size_info .review_size h3 {margin-bottom:35px; line-height:30px; font-size:24px;} .popup .size_info .review_size .select {margin-left:15px;} .popup .size_info .review_size table {margin-top:30px; width:100%;} .popup .size_info .review_size table tr th, .popup .size_info .review_size table tr td {line-height:40px; font-size:13px; font-weight:normal;} .popup .size_info .review_size table tr th {color:#8e8e8e; background:#f7f7f7;} .popup .size_info .review_size table tr td {text-align:center; border-bottom:1px solid #e5e5e5;} .popup .size_info .review_size table tr td .null {line-height:204px;} /* 모델사이즈*/ .popup .size_model {width:350px; text-align:center;} .popup .size_model img {width:auto;} .popup .size_model p {margin-top:40px; text-align:left;} .popup .size_model p span {display:block;} .popup .size_model p span em {display:inline-block; width:100px;} /* 할인혜택 */ .popup .sale_box {margin-top:55px; padding:39px; border:1px solid #e5e5e5;} .popup .sale_box h3 {font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#111; text-align:center;} .popup .sale_box p {margin-toP:15px; font-size:13px; color:#444; line-height:22px; text-align:center;} .popup .sale_box > div {margin-top:45px;} .popup .sale_box > div:after {display:block; clear:both; content:'';} .popup .sale_box > div .sel {float:left; width:100px;} .popup .sale_box > div .list {float:left; width:320px; margin-left:40px;} .popup .sale_box > div em {display:block; margin-bottom:10px; font-size:13px; line-height:12px;} .popup .sale_box > div .sel em {color:#5b1eaa;} .popup .sale_box > div .list em {color:#8e8e8e;} .popup .sale_box > div .list .slider li {float:left; width:100px;} .popup .sale_box > div .list .none {display:block; padding-top:67px; font-size:13px; color:#444; text-align:center;} .popup .sale_box > div .list .lSAction {margin-top:-69px;} .popup .sale_box > div .list .lSAction .lSPrev {display:block; position:absolute; left:0; width:35px; height:92px; margin-left:-35px; background:url('../images/ui/gallery_lSPrev.png') #fff no-repeat center center; z-index:9; cursor:pointer;} .popup .sale_box > div .list .lSAction .lSNext {display:block; position:absolute; right:0; width:35px; height:92px; margin-right:-35px; background:url('../images/ui/gallery_lSNext.png') #fff no-repeat center center; z-index:9; cursor:pointer;} .popup .sale_box > div a span {display:block; overflow:hidden; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:12px; color:#333; white-space:nowrap; text-overflow:ellipsis; line-height:18px;} .popup .sale_box > div .brand {margin-top:10px;} .popup .sale_box .submit .btn {width:238px; height:38px; background-color:#555; font-size:14px; color:#fff; line-height:38px;} .popup .sale_box + .list_wrap {padding:35px 0 0 20px} .popup .sale_box + .list_wrap li {color:#8e8e8e;} /* 일모 잔액 안내 */ .popup .item_wrap {margin-top:35px;} .popup .item_wrap li {padding:25px 0; border-bottom:1px solid #e5e5e5; line-height:20px;} .popup .item_wrap li:after {display:block; clear:both; content:'';} .popup .item_wrap li:first-child {border-top:1px solid #e5e5e5;} .popup .item_wrap li .item {float:left; color:#8e8e8e;} .popup .item_wrap li .item + span {float:right; color:#444;} /* 옵션 변경 */ .popup .option_wrap > ul {margin-top:14px;} .popup .option_wrap > ul > li {padding:12px 0; border-bottom:1px solid #e5e5e5;} .popup .option_wrap > ul > li .color-select {padding-bottom:14px; vertical-align:top;} .popup .option_wrap > ul > li .color-select > label {width:24px !important;} .popup .option_wrap > ul > li .color-select > label:nth-child(2n) {margin:2px 4px 2px 0;} .popup .option_wrap > ul > li .select {width:100%;} .popup .option_wrap > ul > li .select label {padding-right:0; border:0 none; color:#8e8e8e;} .popup .option_wrap > ul > li .quantity {display:block;} .popup .option_wrap > ul > li .quantity input {color:#8e8e8e; text-align:left; border:0 none;} .popup .option_wrap > ul > li .quantity a {overflow:hidden; width:23px; height:23px; background:url("../images/ui/bg_quantity.png") no-repeat 0 0; white-space:nowrap; text-overflow:ellipsis; text-indent:100%;} .popup .option_wrap > ul > li .quantity .minus {background-position:-42px -7px; left:auto; right:-5px;} .popup .option_wrap > ul > li .quantity .plus {background-position:-6px -6px; right:28px;} /* 퀵배송 서비스 이용불가 안내 팝업 */ .popup .line_box {margin-top:30px; padding:28px 0; border:1px solid #e5e5e5; color:#111; line-height:24px; text-align:center;} .popup .line_box li {color:#5b1eaa;} .popup .line_box em {display:block; font-family:'SSF_Bold','NotoSans_kr_Regular';} .popup .line_box span {display:block;} .popup .line_box + .txt {display:block; margin-top:35px; color:#8e8e8e; text-align:center;} .popup .line_box + .txt + .submit {margin-top:35px;} /* 수선 */ .popup .repair_info {margin-top:15px; border-top:1px solid #111;} .popup .repair_info h3 {margin-top:35px; font-size:18px; color:#444; line-height:28px;} .popup .repair_info .num {display:block; margin-top:30px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#444;} .popup .repair_info .list_wrap {margin-top:30px;} .popup .repair_info .list_wrap {margin-top:30px;} .popup .repair_info .list_wrap p {margin:15px 0;} .popup .repair_info .list_wrap p span {display:inline-block; width:50px; margin-right:60px; font-size:12px; color:#8e8e8e; text-align:center; vertical-align:top;} .popup .repair_info .list_wrap p span i {display:block; width:50px; height:50px; margin-bottom:5px; background:url("../images/ui/bg_repair_popup.png") no-repeat 0 0;} .popup .repair_info .list_wrap p span:first-child + span i {background-position:0 -50px;} .popup .repair_info .list_wrap p span:last-child i {background-position:0 -100px;} /* 품절 및 수량 부족 안내 */ .popup .form_popup .tbl_goods.type_1 {border:0 none;} .popup .form_popup .tbl_goods.type_1 th {padding:20px 0; font-family:"SSF_Regular", "NotoSans_kr_Regular"; font-size:12px; font-weight:normal; color:#8e8e8e; text-align:center;} .popup .form_popup .tbl_goods.type_1 td .info .brand, .popup .form_popup .tbl_goods.type_1 td .info .name {font-size:13px;} .popup .form_popup .tbl_goods.type_1 td .info .option {font-size:12px;} .popup .form_popup .tbl_goods.type_1 td:last-child {color:#8e8e8e; text-align:center;} /* 수선 신청하기 */ .popup .box_wrap {margin-top:15px; padding-top:60px; border-top:1px solid #111;} .popup .box_wrap:after {display:block; clear:both; content:'';} .popup .box_wrap a {display:table; float:left; width:calc(49% - 2px); height:180px; border:1px solid #e5e5e5; text-align:center;} .popup .box_wrap a:last-child {margin-left:2%;} .popup .box_wrap a span {display:table-cell; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:18px; color:#444; line-height:28px; vertical-align:middle;} .popup .box_wrap + .list_wrap {margin-top:35px;} /* 상품선택 */ .popup .repair_goods {margin-top:15px; border-top:1px solid #e5e5e5;} .popup .repair_goods .search-date {margin:35px 0;} .popup .repair_goods .none {padding:20px 40px; color:#8e8e8e; line-height:22px;} .popup .repair_goods ul:after {display:block; clear:both; content:'';} .popup .repair_goods ul li {float:left; width:33.33%; margin-top:35px;} .popup .repair_goods ul li:first-child, .popup .repair_goods ul li:first-child + li, .popup .repair_goods ul li:first-child + li + li {margin-top:0;} .popup .repair_goods ul li:nth-child(3n+1) {clear:both;} .popup .repair_goods ul li .radio label {position:relative; padding-left:40px; width:100px;} .popup .repair_goods ul li .radio label i {position:absolute; top:58px; left:0;} .popup .repair_goods ul li .radio label img {height:132px;} .popup .repair_goods ul li .radio label .info {padding-top:15px;} .popup .repair_goods ul li .radio label .info .brand, .popup .repair_goods ul li .radio label .info .name, .popup .repair_goods ul li .radio label .info .option {display:block; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#8e8e8e;} .popup .repair_goods ul li .radio label .info .brand {font-family:'SSF_Bold','NotoSans_kr_Medium';} .popup .repair_goods ul li .radio label .info .brand, .popup .repair_goods ul li .radio label .info .name {line-height:22px; color:#111; font-size:13px;} .popup .repair_goods ul li .radio label .info .name {margin-bottom:10px;} .popup .repair_goods ul li .radio label .info .option {line-height:20px; font-size:13px;} .popup .repair_goods .date_wrap {text-align:right;} .popup .repair_goods .date_wrap .search-date, .popup .repair_goods .date_wrap .btn {vertical-align:middle;} .popup .repair_goods .date_wrap .search-date input {margin-top:0;} .popup .repair_goods .date_wrap .btn {height:24px; line-height:24px;} .popup .repair_goods .divide {padding:30px 0; border-top:1px solid #e5e5e5;} .popup .repair_goods p + .divide {border:0 none;} .popup .repair_goods .divide ul li {width:50%; margin-top:15px !important;} .popup .repair_goods .divide ul li .radio label {width:auto; min-height:20px; line-height:20px;} .popup .repair_goods .divide ul li .radio label i {top:50%; margin-top:-10px;} .popup .repair_goods .divide ul li .radio label img {width:100px;} .popup .repair_goods .divide .num {display:block; padding-bottom:15px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:13px; color:#111;} .popup .repair_goods .divide .num em {font-family:"SSF_Regular", "NotoSans_kr_Regular";} .popup .repair_goods .btn_more {displaY:block; border:1px solid #e5e5e5; text-align:center; line-height:38px;} .popup .repair_goods .btn_more span {display:inline-block; padding-right:20px; background:url("../images/ui/bg_arrow_down.png") no-repeat 100% 50%; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:14px; color:#444;} /* 사진등록 */ .popup .file_wrap {display:table; width:100%; margin-top:15px; padding-top:35px; border-top:1px solid #111; vertical-align:top;} .popup .file_wrap em {display:block; margin-bottom:20px; font-size:13px; line-height:12px;} .popup .file_wrap .file_img {width:108px; height:140px;} .popup .file_wrap .sel {display:table-cell; width:110px; vertical-align:top;} .popup .file_wrap .file_box {display:table-cell; padding-left:30px; vertical-align:top;} .popup .file_wrap .file_box:after {display:block; clear:both; content:'';} .popup .file_wrap .file_box li {float:left; margin:0 10px 0 0; width:108px; height:140px;} .popup .file_wrap .file_box li:last-child {margin-right:0;} .popup .file_wrap .file_box li:nth-child(1), .popup .file_wrap .file_box li:nth-child(2), .popup .file_wrap .file_box li:nth-child(3) {margin-bottom:10px;} .popup .file_wrap + .desc {display:block; margin-top:25px; line-height:20px; color:#8e8e8e; font-size:14px;} .popup .desc + .submit {margin-top:15px;} /* 상품선택 2단계 */ .popup .form_popup ul > li.v_top .item {vertical-align:top;} .popup .form_popup ul > li .input_box {vertical-align:middle;} .popup .form_popup ul > li .input_box.type_1 {padding-bottom:30px;} .popup .form_popup ul > li .input_box.type_1 .desc {position:absolute; top:32px; left:0; white-space:nowrap;} .popup .form_popup ul > li .btn {width:80px; margin-left:16px; padding:3px 10px; vertical-align:middle;} .popup .form_popup ul > li .img {display:table-cell; width:auto; vertical-align:middle;} .popup .form_popup ul > li .img img {width:100px;} .popup .form_popup ul > li .info {display:table-cell; width:305px; padding-left:25px; vertical-align:middle;} .popup .form_popup ul > li .info .brand, .popup .form_popup ul > li .info .name, .popup .form_popup ul > li .info .option {display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .popup .form_popup ul > li .info .brand, .popup .form_popup ul > li .info .name {font-family:"SSF_Bold", "NotoSans_kr_Regular"; line-height:20px; color:#111; font-size:14px;} .popup .form_popup ul > li .info .name {margin-bottom:10px;} .popup .form_popup ul > li .info .option {font-size:13px; color:#8e8e8e; line-height:20px;} /* 수선사항 선택 및 기재 */ .popup .repair_wrap {margin-top:15px; padding-top:40px; border-top:1px solid #111;} .popup .repair_wrap p {font-size:14px; color:#444; line-height:12px;} .popup .repair_wrap table {width:100%;} .popup .repair_wrap table th {border-bottom:1px solid #e5e5e5; color:#8e8e8e; vertical-align:middle;} .popup .repair_wrap table td {padding:34px 0; border-bottom:1px solid #e5e5e5;} .popup .repair_wrap table td .item {padding:7px 0; text-align:left;} .popup .repair_wrap table td .item .name {display:inline-block; width:80px; color:#8e8e8e;} .popup .repair_wrap table td .item .input_box {display:inline-block; width:160px;} .popup .repair_wrap table td .item .radio > label {margin-right:25px;} .popup .repair_wrap table td .item .unit {display:inline-block; width:50px; color:#444; text-align:right;} .popup .repair_wrap textarea {margin-top:40px; padding:35px 30px; line-height:20px;} .popup .repair_wrap .radio_list {margin-top:12px;} .popup .repair_wrap .radio_list:after {display:block; clear:both; content:'';} .popup .repair_wrap .radio_list label {float:left; width:25%; margin:0; padding:5px 0;} .popup .repair_wrap .part .sel_body {position:relative; margin-top:30px; width:543px; height:295px; background:url("../images/ui/bg_body.png") no-repeat center center;} .popup .repair_wrap .part .sel_body .check_as label {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; text-align:center; color:#444; font-size:14px; font-weight:bold; border:1px dashed #959595;} .popup .repair_wrap .part .sel_body .check_as input:checked + label {color:#5b1eaa; border-color:#5b1eaa; background:url(../images/common/bg_check_as.png);} .popup .repair_wrap .part .sel_body .check_as input {width:0; height:0;} .popup .repair_wrap .part .sel_body .check_as.type01 label {width:40px; height:40px; line-height:40px; border-radius:20px;} .popup .repair_wrap .part .sel_body .check_as.type02 label {width:34px; height:34px; line-height:34px; border-radius:17px;} .popup .repair_wrap .part .sel_body .check_as.type03 label {width:28px; height:28px; line-height:28px; border-radius:14px;} .popup .repair_wrap .part .sel_body .check_as.type04 label {width:33px; height:15px; line-height:15px;} .popup .repair_wrap .part .sel_body .check_as.type05 label {width:100px; height:20px; line-height:20px;} .popup .repair_wrap .part .sel_body .check_as.type06 label {width:33px; height:28px; line-height:28px;} .popup .repair_wrap .part .sel_body .check_as.type07 label {width:32px; height:60px; line-height:52px;} .popup .repair_wrap .part .sel_body .check_as {position:absolute;} .popup .repair_wrap .part .site {margin-top:30px;} .popup .repair_wrap .part .site:after {display:block; clear:both; content:'';} .popup .repair_wrap .part .site label {float:left; width:50%; margin-right:0;} .popup .repair_wrap .desc {margin-top:5px; line-height:20px; color:#959595; font-size:12px;} /* 수선 상세정보 */ .popup .repair_detail {margin-top:10px;} .popup .repair_detail dl:after {display:block; clear:both; content:'';} .popup .repair_detail dd {float:left; width:205px; font-size:12px; color:#8e8e8e; line-height:30px;} .popup .repair_detail dd:nth-child(2n) {margin-left:5px;} .popup .repair_detail dd span {float:right; width:130px; margin-left:5px;font-size:14px; color:#111; text-align:left;} /* 수선 신청 취소 */ .popup .form_popup.type_1 {margin-top:25px;} .popup .form_popup.type_1 table {margin-top:0; border:0 none;} .popup .form_popup.type_1 th, .popup .form_popup.type_1 td {padding:20px 0;} .popup .form_popup.type_1 + .submit .btn {display:inline-block; float:none;} /* 매장찾기 팝업 */ .popup .shop > h3 {font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:24px; color:#444; line-height:40px;} .popup .shop .brand_sel {position:relative; z-index:20; margin-top:30px;} .popup .shop .brand_sel .select {margin-top:0; width:500px;} .popup .shop .brand_sel .select h3 {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .popup .shop .brand_sel .select h3 a {display:inline-block; position:relative; padding-right:42px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:24px; color:#444; line-height:40px;} .popup .shop .brand_sel .select h3 a:after {position:absolute; top:50%; right:0; margin-top:-6px; width:23px; height:13px; background:url("../images/ui/bg_arrow_sel02.png") no-repeat 0 -13px; content:'';} .popup .shop .brand_sel .select.over h3 a:after {background-position:0 0;} .popup .shop .search_wrap {margin-top:25px; padding-top:40px; border-top:1px solid #f7f7f7;} .popup .shop .size_wrap {position:relative; z-index:12; margin-top:15px; line-height:30px;} .popup .shop .size_wrap h4 {padding-right:350px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#444; line-height:30px;} .popup .shop .size_wrap .size_sel {position:absolute; top:0; right:0;} .popup .shop .size_wrap .size_sel .select {height:30px;} .popup .shop .size_wrap .size_sel .select > a label {height:18px; line-height:18px; background-position:100% -296px;} .popup .shop .size_wrap .size_sel .select.over > a label {background-position:100% -346px;} .popup .shop .size_wrap .size_sel .select.over .option > ul {margin-top:29px;} .popup .shop .size_wrap ul {margin-top:10px;} .popup .shop .size_wrap ul li {display:block; margin:2px 0; height:36px; line-height:36px; color:#8e8e8e; font-size:13px;} .popup .shop .size_wrap ul li .name:before {content:'· ';} .popup .shop .size_wrap ul li .size_sel {position:relative; float:right;} .popup .shop .size_wrap ul li .btn {margin-top:-2px; margin-left:7px; padding:2px 15px; vertical-align:middle; line-height:24px; font-size:13px;} .popup .shop .list_wrap {min-height:30px; margin-top:0; padding:28px 0 10px 0;} .popup .shop .result_wrap .tabs .tab li {width:15%;} .popup .shop .result_wrap .option_area {position:absolute; top:0; right:0; left:auto;} .popup .shop .result_wrap .result_list li .service em {display:block; padding:0 3px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:12px; color:#5b1eaa;} .popup .shop .result_wrap .list_check .checkbox:last-child label {margin-right:0;} .popup .shop .result_wrap .list_type {position:relative; padding-top:0;} .popup .shop .result_wrap .list_type .tab {position:absolute; top:-44px; right:0; height:34px; border:0 none; line-height:34px;} .popup .shop .tip_content {top:460px !important;} /* 태그 상품 슬라이드 */ .popup .tag_goods .list_goods {position:relative;} .popup .tag_goods .list_goods ul:after {display:block; content:""; clear:both;} .popup .tag_goods .list_goods li {position:relative; float:left; width:150px;} .popup .tag_goods .list_goods li a {display:block; position:relative;} .popup .tag_goods .list_goods li a .hover {display:block; position:absolute; top:0; width:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */} /* 카카오톡 알림 톡 설정확인방법 */ .popup .img_list {margin-top:15px;} .popup .img_list li {margin-top:35px;} .popup .img_list li:first-child {margin-top:0;} .popup .img_list li span {display:block; margin-top:25px; font-size:13px; color:#8e8e8e;} /* VIP 등급 혜택 */ .popup .grade_list > ul > li {display:table; width:100%; margin-top:60px;} .popup .grade_list > ul > li:first-child {margin-top:40px;} .popup .grade_list > ul > li .tit {display:table-cell; width:164px; text-align:center; vertical-align:middle;} .popup .grade_list > ul > li .tit span {display:inline-block; position:relative; padding-left:54px; font-family:'SSF_Bold','NotoSans_kr_Medium'; font-size:26px; color:#5b1eaa; line-height:32px; text-align:left;} .popup .grade_list > ul > li .tit span:after {position:absolute; top:50%; left:0; height:40px; margin-top:-20px; background:url("../images/ui/bg_grade_benefit.png") no-repeat 0 0; content:'';} .popup .grade_list > ul > li .tit .gift:after {width:41px; background-position:0 0;} .popup .grade_list > ul > li .tit .as:after {width:41px; background-position:0 -40px;} .popup .grade_list > ul > li .tit .vip:after {width:41px; background-position:0 -80px;} .popup .grade_list > ul > li .tit .point:after {width:41px; background-position:0 -120px;} .popup .grade_list > ul > li .tit .percent:after {width:41px; background-position:0 -160px;} .popup .grade_list > ul > li .tit .coin:after {width:41px; background-position:0 -200px;} .popup .grade_list > ul > li .tit .feeting:after {width:41px; background-position:0 -240px;} .popup .grade_list > ul > li.coupon {padding-bottom:50px; border-bottom:1px solid #e5e5e5;} .popup .grade_list > ul > li.coupon .tit {vertical-align:top;} .popup .grade_list > ul > li.coupon dl {vertical-align:top;} .popup .grade_list > ul > li dl {display:table-cell; padding-left:40px; vertical-align:middle;} .popup .grade_list > ul > li dl dt {position:relative; font-size:18px; color:#444; line-height:24px; font-family:'SSF_Bold','NotoSans_kr_Medium';} .popup .grade_list > ul > li dl dt + dt {margin-top:10px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} .popup .grade_list > ul > li dl dt .btn {position:absolute; top:-7px; right:0; height:18px; font-size:12px; color:#444; line-height:18px;} .popup .grade_list > ul > li dl dd {position:relative; padding-left:10px; font-size:13px; color:#777; line-height:22px;} .popup .grade_list > ul > li dl dd:before {position:absolute; top:9px; left:0; width:3px; height:3px; background-color:#777; content:'';} .popup .grade_list > ul > li dl dd.none {padding-left:0;} .popup .grade_list > ul > li dl dd.none:before {display:none;} .popup .grade_list > ul > li dl dd span {display:block; color:#8e8e8e;} .popup .grade_list > ul > li dl dt + dd {margin-top:15px;} .popup .grade_list > ul > li dl dd ol li {font-size:13px; color:#8e8e8e; line-height:22px;} .popup .grade_list > ul > li dl dd ul li {position:relative; padding-left:10px; font-size:13px; color:#8e8e8e; line-height:22px;} .popup .grade_list > ul > li dl dd ul li:before {position:absolute; top:0; left:0; content:'-';} .popup .grade_list > ul > li dl dd table {width:100%; margin-top:15px;} .popup .grade_list > ul > li dl dd table th {padding:13px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:12px; color:#8e8e8e; text-align:center;} .popup .grade_list > ul > li dl dd table td {padding:15px 20px; border-bottom:1px solid #e5e5e5; font-size:13px; color:#777; text-align:center;} .popup .grade_list > ul > li dl dd table th:first-child, .popup .grade_list > ul > li dl dd table td:first-child {padding:15px 0;} .popup .grade_list > ul > li dl dd table + span {margin-top:17px;} /* 오늘 하루 보지 않기 */ .popup .popBtm {position:absolute; bottom:0; left:0; width:100%; background-color:#f7f7f7;} .popup .popBtm .btmCheck {padding-left:15px;} .popup .popBtm .checkWrap .lb_cb { font-size: 13px; } .popup .popBtm .bt-close { position: absolute; right: 15px; top:50%; margin-top:-6px; display: block; width: 12px; height: 12px; text-indent: -999em; text-align: left; background: url("../images/ui/bg_pop_close.png") no-repeat 0 0; background-size:100% auto;} /* 글로벌 유저 가이드 */ .popup.gb_guide {padding:0 38px; height:100%; overflow-y:scroll;} .popup.gb_guide h1 {margin:30px auto 0; width:860px; color:#333; font-size:30px; border-bottom:0;} .popup.gb_guide .tabs {margin:24px auto 50px; width:860px;} .popup.gb_guide .tabs .tab li {width:25%;} .popup.gb_guide .tabs > div > h3 {margin-top:60px; line-height:50px; color:#444; font-size:24px;} .popup.gb_guide .tabs > div > p {line-height:24px; color:#333; font-size:14px;} .popup.gb_guide .tabs > div > img {display:block; margin-top:30px; margin-bottom:24px; width:auto;} .popup.gb_guide .tabs > div > a {display:inline-block; padding-right:12px; line-height:22px; color:#444; font-size:14px; background:url('../images/ui/bg_arrow_right_link.png') no-repeat right center;} .popup.gb_guide .tabs > div > .list_wrap + span {display:block; margin-top:20px; text-indent:7px;} .popup.gb_guide .tabs > div .info {margin-top:40px;} .popup.gb_guide .tabs > div .info > div {display:inline-block; width:400px; height:100px;} .popup.gb_guide .tabs > div .info .mail {padding-left:85px; width:315px; background:url("../images/ui/bg_mail.jpg") no-repeat left center;} .popup.gb_guide .tabs > div .info .talk {padding-left:85px; width:315px; background:url("../images/ui/bg_talk.jpg") no-repeat left center;} .popup.gb_guide .tabs > div .info span {display:block; width:260px; line-height:49px; color:#8e8e8e; border-bottom:1px solid #e5e5e5;} .popup.gb_guide .tabs > div .info em, .popup.gb_guide .tabs > div .info a {line-height:50px; color:#444; font-size:16px;} /**************************************************** POPUP : E ****************************************************/ /**************************************************** 상품상세 : S ****************************************************/ section.detail > .summary {margin-top:-26px; padding-bottom:60px; border-bottom:1px solid #e5e5e5;} section.detail .summary:after {display:block; clear:both; content:'';} section.detail .summary .gallery {display:block; float:left; width:477px;} section.detail .summary .gallery .media .lSAction .lSNext {left:335px;} section.detail .summary .gallery .lSPager.lSGallery {display:block; margin:9px 0; width:auto !important; transform:translate(0px, 0px) !important;} section.detail .summary .gallery .lSPager.lSGallery li {margin-top:11px;} section.detail .summary .gallery .lSPager.lSGallery li:nth-child(6n) {margin-right:0 !important} section.detail .summary .gallery .video {display:block; margin-top:11px; position:relative; float:left; width:70px; height:92px;} section.detail .summary .gallery .video .thumb .play {top:0; left:0; margin:0 !important;} section.detail .summary .gallery .video .thumb > img {width:70px;} section.detail .summary .gallery .player {display:none; position:absolute; width:478px; height:628px; border-top:1px solid #fff; border-bottom:1px solid #fff; background:#111; z-index:9} section.detail .summary .gallery .player:before {position:absolute; top:0; left:0px; width:3px; height:628px; background-color:#fff; content:'';} section.detail .summary .gallery .player:after {position:absolute; top:0; right:0px; width:2px; height:628px; background-color:#fff; content:'';} section.detail .summary .gallery .player i.close {top:0; right:-34px; width:36px; height:36px; background:url('../images/ui/btn_player_close.gif')} section.detail .summary .gallery .player iframe {width:100%; height:100%;} section.detail .summary .tag {display:inline-block; margin-left:43px; width:440px; min-height:748px;} section.detail .summary .tag .brand {display:block; line-height:22px; color:#111; font-size:22px;} section.detail .summary .tag .brand small {float:right; color:#8e8e8e; font-size:13px;} section.detail .summary .tag h1 {margin-top:18px; line-height:36px !important; font-size:24px !important; font-family:"SSF_Bold","NotoSans_kr_Medium" !important; word-wrap:break-word; /*word-break:keep-all;*/} section.detail .summary .tag .price {margin-top:12px; line-height:28px; color:#5b1eaa; font-size:24px; font-family:"SSF_Bold","NotoSans_kr_Medium";} section.detail .summary .tag .price del {margin-left:5px; color:#8e8e8e; font-size:22px;} section.detail .summary .tag .discount {float:right; color:#5b1eaa; font-size:22px;} section.detail .summary .tag .discount .staff {position:absolute; margin-top:20px; width:51px; font-size:11px;} section.detail .summary .tag .discount .tip {margin-top:-3px; width:20px; height:20px; vertical-align:middle; background:url('../images/ui/ico_tip.jpg') no-repeat center center;} section.detail .summary .tag .review {margin-top:30px;} section.detail .summary .tag .review .cnt {margin-left:5px; color:#111;} section.detail .summary .tag .review .cnt:before {content:' · ';} section.detail .summary .tag .benefits {margin-top:5px; line-height:22px; font-size:13px;} section.detail .summary .tag .benefits dl dt {float:left; clear:both; min-width:100px; color:#444;} section.detail .summary .tag .benefits dl dd {height:22px; color:#111; font-family:"SSF_Bold","NotoSans_kr_Medium"; line-height:22px;} section.detail .summary .tag .benefits dl dd em + em:before {content:' · ';} section.detail .summary .tag .colors {margin-top:32px;} section.detail .summary .tag .colors em {display:block; margin-top:5px; height:24px; line-height:24px; vertical-align:top; color:#111; font-size:14px; font-family:"SSF_Bold","NotoSans_kr_Medium";} section.detail .summary .tag .post {margin-top:20px; padding-top:20px; border-top:1px solid #e5e5e5;} section.detail .summary .tag .fits + .post {padding-top:0; border:0 none;} section.detail .summary .tag .post .radio > label {margin-right:20px;} section.detail .summary .tag .post .radio > label > i.tip {margin:-3px 0 0 5px; width:16px; height:16px; border-radius:0; background:url("../images/base/bg_base.png") no-repeat center -947px;} section.detail .summary .tag .post .remote_radio {display:block; height:30px;} section.detail .summary .tag .post .remote_wrap {margin-top:10px; padding:15px 20px; color:#8e8e8e; font-size:12px; background:#f7f7f7;} section.detail .summary .tag .post .remote_wrap a {display:inline-block; color:#8e8e8e;} section.detail .summary .tag .post .remote_wrap a span {color:#8e8e8e !important;} section.detail .summary .tag .post .remote_wrap .notice {display:block; margin-top:4px; color:#5b1eaa !important;} section.detail .summary .tag .post .remote_wrap em.seller {padding-left:19px; background:url("../images/ui/ico_post.png") no-repeat left 1px;} section.detail .summary .tag .post .remote_wrap em.overseas {display:inline-block; padding-left:17px; background:url("../images/ui/ico_post.png") no-repeat left -49px; cursor:pointer;} section.detail .summary .tag .size {margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;} section.detail .summary .tag .box {border-color:#d5d5d5 !important;} section.detail .summary .tag .size .mysize {margin-top:6px; margin-bottom:10px; color:#111; font-size:11px;} section.detail .summary .tag .size .mysize a {display:inline-block;} section.detail .summary .tag .size .mysize a.accept {padding-right:20px; background:url("../images/ui/ico_mysize_accept.png") no-repeat right center;} section.detail .summary .tag .size .mysize a.outset {padding-right:20px; background:url("../images/ui/ico_mysize_outset.png") no-repeat right center;} section.detail .summary .tag .size .mysize em {color:#8e8e8e;} section.detail .summary .tag .size .mysize em + em:before {content:' · ';} section.detail .summary .tag > div > a.chart {float:right; line-height:32px; font-size:11px;} section.detail .summary .tag > div > .select {display:block; position:relative; width:345px; height:42px;} section.detail .summary .tag > div > .select + .select {margin-top:8px;} section.detail .summary .tag > div > .select > a label {display:table; padding:6px 10px 6px 7px; width:326px; height:26px; line-height:18px; text-align:center; color:#444 !important; font-size:14px; font-family:"SSF_Bold","NotoSans_kr_Regular"; background:url('../images/ui/arrow_down.png') no-repeat 310px center;} section.detail .summary .tag > div > .select > a label > em.default {color:#767676;} section.detail .summary .tag > div > .select > a label > em {display:table-cell; vertical-align:middle;} section.detail .summary .tag > div > .select > a label span {display:inline; color:#5b1eaa !important; font-size:14px;} section.detail .summary .tag > div > .select .option {position:relative; margin-top:-1px; width:100%; background:#fff;} section.detail .summary .tag > div > .select .option > ul {margin-top:0; /*border-top:0; scroll essue*/} section.detail .summary .tag > div > .select .option > ul > li.group {padding:20px 0 10px 0; line-height:18px; text-align:center; font-size:14px; font-family:"SSF_Bold","NotoSans_kr_Regular";} section.detail .summary .tag > div > .select .option > ul > li a {padding:10px 15px; line-height:18px; text-align:center; font-size:14px; font-family:"SSF_Bold","NotoSans_kr_Regular";} section.detail .summary .tag > div > .select .option > ul > li.selected a {color:#444;} section.detail .summary .tag > div > .select .option > ul > li a span {display:inline; color:#5b1eaa !important; font-size:14px;} section.detail .summary .tag > div > div + p.rest {margin-top:24px;} section.detail .summary .tag > div > p.rest {margin-bottom:12px; color:#444} section.detail .summary .tag > div > p.rest span {color:#5b1eaa;} section.detail .summary .tag > div > .quantity {margin-top:11px;} section.detail .summary .tag > div > .quantity input[type=number] {padding:6px 10px 6px 7px; height:26px; color:#444; font-size:14px; font-family:"SSF_Bold","NotoSans_kr_Regular";} section.detail .summary .tag > div > .quantity .minus, section.detail .summary .tag > div > .quantity .plus {width:18px; height:12px; font-size:0;} section.detail .summary .tag > div > .quantity .minus {top:auto; bottom:13px; left:13px; background:url('../images/ui/bg_minus.gif') no-repeat center center;} section.detail .summary .tag > div > .quantity .plus {top:11px; right:13px; background:url('../images/ui/bg_plus.gif') no-repeat center center;} section.detail .summary .tag .set {margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;} /* section.detail .summary .tag .set .select .option li a {text-align:left;} */ section.detail .summary .tag .caution {margin:25px 0 0 13px;} section.detail .summary .tag .layer_bag {display:none; position:fixed; top:50%; left:50%; z-index:100; width:203px; height:203px; margin-top:-100px; margin-left:-100px; background:url("../images/ui/bg_layer_bag.png") no-repeat 0 0;} section.detail .summary .tag .layer_bag span {display:block; margin-top:135px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:16px; color:#fff; text-align:center;} section.detail .summary .tag .submit {margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;} section.detail .summary .tag .submit a.btn {display:block; margin-left:0 !important; width:304px; height:34px; line-height:33px; font-size:16px; color:#fff; border:0;} section.detail .summary .tag .submit a.btn.cart {background:#444;} section.detail .summary .tag .submit a.btn.order {background:#5b1eaa;} section.detail .summary .tag .submit a.btn.soldout {background:#959595;} section.detail .summary .tag .submit a.btn + a.btn {margin-top:10px;} section.detail .summary .tag .regist {position:relative; margin-top:30px; width:344px; text-align:center;} section.detail .summary .tag .regist .heart {display:inline-block; height:30px;} section.detail .summary .tag .regist .heart > label {width:auto !important; height:30px; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .summary .tag .regist .heart > label > i {margin-right:10px; width:30px; height:30px; background:url('../images/base/heart03.png') no-repeat center top;} section.detail .summary .tag .regist .heart > input:checked + label > i {width:30px; height:30px; background:url('../images/base/heart03.png') no-repeat center bottom;} section.detail .summary .tag .regist .share {display:inline-block;} section.detail .summary .tag .regist .heart + .share {margin-left:55px;} :lang(en) section.detail .summary .tag .regist .share {margin-left:35px;} section.detail .summary .tag .regist .share:hover .sns {right:-50px;} :lang(en) section.detail .summary .tag .regist .share:hover .sns {padding:0 0 0 20px;} :lang(zh) section.detail .summary .tag .regist .share:hover .sns {right:-80px;} section.detail .summary .tag .regist .share > a {text-indent:10px !important; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .summary .tag .fitting {margin-top:50px; padding:25px 0; border-top:1px solid #f3f3f3;} section.detail .summary .tag .fitting a {display:block; width:342px; height:42px; line-height:42px; text-align:center; text-indent:24px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium"; border:1px solid #444; background:url("../images/ui/ico_fitting.png") no-repeat 122px 50%;} section.detail .summary .tag .fitting span {float:right; margin:5px -4px 0 0; line-height:16px; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .summary .tag .fitting + .store {margin-top:0 !important;} section.detail .summary .tag .store {margin-top:50px; padding:25px 0; border-top:1px solid #f3f3f3;} section.detail .summary .tag .store a {display:block; width:342px; height:42px; line-height:42px; text-align:center; text-indent:24px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Medium"; border:1px solid #e5e5e5; background:url("../images/ui/ico_map02.png") no-repeat 95px 50%;} section.detail .summary .tag .fits {display:table; width:100%; position:relative; margin-top:30px;} section.detail .summary .tag .fits:after {display:block; clear:both; content:'';} section.detail .summary .tag .fits a {display:table-cell; height:55px; line-height:55px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; color:#111; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url('../images/ui/bg_plus_minis.gif') no-repeat 94% 22px;} section.detail .summary .tag .fits .remote_wrap + a {width:50%;} section.detail .summary .tag .fits a.on {background-position:94% -28px;} section.detail .summary .tag .fits > div {position:absolute; top:56px; left:0; z-index:1; width:100%; padding:30px; border:1px solid #e5e5e5; background-color:#fff; line-height:24px; color:#444; font-size:13px; box-sizing:border-box;} section.detail .summary .tag .fits > #material {line-height:20px; color:#777;} section.detail .summary .tag .fits > #material h5 {margin-top:8px; line-height:20px; color:#444; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .summary .tag .fits > #material h5:first-child {margin-top:0;} section.detail .summary .tag .fits > #model h5 {line-height:24px; color:#444; font-size:13px;} section.detail .summary .tag .fits div span {display:block;} section.detail .tastes {display:inline-block; margin-top:90px; width:452px;} section.detail .tastes.full {width:960px;} section.detail .tastes + .tastes {float:right;} section.detail .tastes h3 {margin-bottom:24px; font-size:18px;} section.detail .tastes .list_goods ul li {width:144px;} section.detail .tastes .list_goods ul li .info {margin-top:10px; height:auto; text-align:left; font-size:12px;} section.detail .tastes .list_goods ul li .info .brand {display:inline-block; margin-top:0 !important; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.detail .tastes .list_goods ul li .info .price {margin-top:0; height:22px; font-size:12px; overflow:hidden;} section.detail .tastes .list_goods.slider .lSAction {margin:0; top:-44px; right:0; width:40px; } section.detail .tastes .list_goods.slider .lSAction a {width:10px; height:15px; background:url("../images/base/bg_base.png") no-repeat;} section.detail .tastes .list_goods.slider .lSAction .lSPrev {margin:0; background-position:left -700px;} section.detail .tastes .list_goods.slider .lSAction .lSNext {margin:0; background-position:right -750px;} /* 빈폴키즈 개인화 이미지형 타이틀 */ .contents section.detail.b-BPBBK .you_may_also_like h3, .contents section.detail.b-BPBBK .similar_item h3, .contents section.detail.b-BPBBK .styled_with h3, .contents section.detail.b-BPBBK .complete_your_look h3 {text-indent:-9999px;} .contents section.detail.b-BPBBK .you_may_also_like h3 {background:url("../images/temp/img_BPKtitle_PC_youmayalsolike2.png") no-repeat left center;} .contents section.detail.b-BPBBK .you_may_also_like.full h3 {background:url("../images/temp/img_BPKtitle_PC_youmayalsolike1.png") no-repeat left center;} .contents section.detail.b-BPBBK .similar_item h3 {background:url("../images/temp/img_BPKtitle_PC_similaritem2.png") no-repeat left center;} .contents section.detail.b-BPBBK .similar_item.full h3 {background:url("../images/temp/img_BPKtitle_PC_similaritem1.png") no-repeat left center;} .contents section.detail.b-BPBBK .styled_with h3 {background:url("../images/temp/img_BPKtitle_PC_styledwith.png") no-repeat left center;} .contents section.detail.b-BPBBK .complete_your_look h3 {background:url("../images/temp/img_BPKtitle_PC_completeyourlook.png") no-repeat left center;} section.detail .goods_detail {display:block; width:100%; padding-top:0;} section.detail .goods_detail.fixed {padding-top:58px;} section.detail .goods_detail > .tabs .tab {margin-top:90px; height:54px; line-height:54px;} section.detail .goods_detail.fixed > .tabs { position: fixed; width: 100%; top: 0; background: #fff; z-index: 100; width: 960px; } section.detail .goods_detail.fixed > .tabs .tab {margin-top:0;} section.detail .goods_detail > .tabs .tab li {width:25%;} section.detail .goods_detail > .tabs .tab.third li {width:33.33%;} section.detail .goods_detail > .tabs .tab li a.row2 {padding:9px 0; font-size:14px; line-height:18px; vertical-align:middle;} section.detail .goods_detail > div {text-align:center; width:960px;} section.detail .goods_detail img {width:auto; max-width:100%;} section.detail .goods_detail h3, section.detail .goods_detail .write_txt, section.detail .goods_detail .write_htm, section.detail .goods_detail .model {text-align:left;} section.detail .goods_detail > div > a + a, section.detail .goods_detail > div > a + img, section.detail .goods_detail > div > a + div, section.detail .goods_detail > div > img + a, section.detail .goods_detail > div > img + img, section.detail .goods_detail > div > img + div, section.detail .goods_detail > div > div + a, section.detail .goods_detail > div > div + img, section.detail .goods_detail > div > div + div, section.detail .goods_detail > div > div > img + img {margin-top:10px;} section.detail .goods_detail .banners {margin-top:60px;} section.detail .goods_detail .banners a {display:block;} section.detail .goods_detail .banners a + a {margin-top:10px;} section.detail .goods_detail .notice {margin-top:65px;} section.detail .goods_detail .notice h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .notice .write_txt {margin-top:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .about {margin-top:65px;} section.detail .goods_detail .about h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .about .write_txt {margin-bottom:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .about div iframe {width:750px; height:422px;} section.detail .goods_detail .outfit {margin-top:65px;} section.detail .goods_detail .outfit h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .outfit .write_txt {margin-bottom:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .outfit div iframe {width:750px; height:422px;} section.detail .goods_detail .outfit .model {margin:60px 0;} section.detail .goods_detail .outfit .model h5 {line-height:24px; color:#444; font-size:13px;} section.detail .goods_detail .outfit .model span {display:block; line-height:22px; color:#444; font-size:13px;} section.detail .goods_detail .styled_with, section.detail .goods_detail .complete_your_look {margin-top:65px;} section.detail .goods_detail .styled_with h3, section.detail .goods_detail .complete_your_look h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .styled_with .list_goods ul, section.detail .goods_detail .complete_your_look .list_goods ul {margin:0 -9.6px;} section.detail .goods_detail .styled_with .list_goods ul li, section.detail .goods_detail .complete_your_look .list_goods ul li {margin:0 9.6px; width:144px !important; text-align:left;} section.detail .goods_detail .styled_with .list_goods ul li img, section.detail .goods_detail .complete_your_look .list_goods ul li img {width:100%;} section.detail .goods_detail .styled_with .list_goods ul li .info, section.detail .goods_detail .complete_your_look .list_goods ul li .info {margin-top:10px; height:auto; font-size:12px;} section.detail .goods_detail .styled_with .list_goods ul li .info .brand, section.detail .goods_detail .complete_your_look .list_goods ul li .info .brand {display:inline-block; margin-top:0 !important; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.detail .goods_detail .styled_with .list_goods ul li .info .price, section.detail .goods_detail .complete_your_look .list_goods ul li .info .price {margin-top:0; height:22px; font-size:12px; overflow:hidden;} section.detail .goods_detail .product_view {margin-top:65px;} section.detail .goods_detail .product_view h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .product_view .write_txt {margin-bottom:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .product_view div iframe {width:750px; height:422px;} section.detail .goods_detail .detail_view {margin-top:65px;} section.detail .goods_detail .detail_view h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .detail_view .write_txt {margin-bottom:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .detail_view div iframe {width:750px; height:422px;} section.detail .goods_detail .color {/*margin-top:65px;*/} section.detail .goods_detail .color h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .color .write_txt {margin-bottom:35px; line-height:22px; color:#111; font-size:13px; word-wrap:break-word; word-break:keep-all;} section.detail .goods_detail .color div iframe {width:750px; height:422px;} section.detail .goods_detail .catalog {margin-top:65px; padding-bottom:57px;} section.detail .goods_detail .catalog .slider {margin:auto; width:840px;} section.detail .goods_detail .catalog .slider .btn, section.detail .goods_detail .catalog ul + .btn {margin-top:20px;} section.detail .goods_detail .wear {margin-top:95px; text-align:left;} section.detail .goods_detail .wear h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .wear h4 {padding-bottom:10px; color:#444; font-size:13px;} section.detail .goods_detail .wear > div {display:inline-block; width:100%;} section.detail .goods_detail .wear > div + div {margin-top:30px;} section.detail .goods_detail .wear dl {line-height:36px; font-size:13px;} section.detail .goods_detail .wear dl dt {float:left; width:150px; color:#8e8e8e; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .wear dl dt.row2 {padding-top:6px; border-bottom:0 none; font-size:11px; line-height:12px;} section.detail .goods_detail .wear dl dd {color:#8e8e8e; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .wear dl dd em.on {color:#111; font-family:"SSF_Bold","NotoSans_kr_Medium";} section.detail .goods_detail .wear dl dd em + em {margin-left:40px;} section.detail .goods_detail .wear .list_wrap {float:none; clear:both; width:auto; margin-top:20px; font-size:12px; color:#8e8e8e;} section.detail .goods_detail .benefits {margin-top:95px;} section.detail .goods_detail .benefits h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .benefits > div {display:block; width:100%; text-align:center;} section.detail .goods_detail .benefits > div:after {display:block; clear:both; content:'';} section.detail .goods_detail .benefits > div > a {display:inline-block;} section.detail .goods_detail .benefits > div > a + a {float:right;} section.detail .goods_detail .benefits img {margin-top:0 !important; float:left;} section.detail .goods_detail .benefits h5 {display:block; margin-top:24px; text-align:left; font-size:14px;} section.detail .goods_detail .benefits p {display:block; margin-top:14px; line-height:22px; text-align:left; font-size:13px;} section.detail .goods_detail .check_size {margin-top:95px; text-align:left;} section.detail .goods_detail .check_size h3 {display:inline-block; margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .check_size h3 small {margin-left:20px; color:#8e8e8e;} section.detail .goods_detail .check_size h4 {padding-bottom:15px; color:#444; font-size:14px;} section.detail .goods_detail .check_size .data_size table {width:100%;} :lang(en) section.detail .goods_detail .check_size .data_size table colgroup col:first-child {width:150px !important;} section.detail .goods_detail .check_size .data_size table tr th, section.detail .goods_detail .check_size .data_size table tr td {line-height:36px; font-size:13px; font-weight:normal;} section.detail .goods_detail .check_size .data_size table tr th {text-align:left; text-indent:10px; color:#8e8e8e;} section.detail .goods_detail .check_size .data_size table tr td {text-align:center;} section.detail .goods_detail .check_size .data_size table tr:first-child th, section.detail .goods_detail .check_size .data_size table tr:first-child td {color:#8e8e8e; background:#f7f7f7;} section.detail .goods_detail .check_size .data_size > p + table, .size_info .check_size .data_size > p + table {margin-top:15px;} section.detail .goods_detail .check_size .data_size > table + p, .size_info .check_size .data_size > table + p {margin-top:30px;} section.detail .goods_detail .check_size .data_sheet {display:table; margin-top:30px;} section.detail .goods_detail .check_size .data_sheet img {width:auto !important; height:auto !important; max-width:none;} section.detail .goods_detail .check_size .data_sheet .list_wrap {display:table-cell; padding-left:10px; vertical-align:middle; color:#8e8e8e; font-size:13px;} section.detail .goods_detail .check_size .data_sheet + h4 {margin-top:40px;} section.detail .goods_detail .review_size {margin-top:95px; text-align:left;} section.detail .goods_detail .review_size h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .review_size .select {margin-left:15px;} section.detail .goods_detail .review_size table {margin-top:30px; width:100%;} section.detail .goods_detail .review_size table tr th, section.detail .goods_detail .review_size table tr td {line-height:40px; font-size:13px;} section.detail .goods_detail .review_size table tr th {text-align:center; color:#8e8e8e; background:#f7f7f7;} section.detail .goods_detail .review_size table tr td {text-align:center; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .review_size table tr th:nth-child(5), section.detail .goods_detail .review_size table tr td:nth-child(5) {text-align:left; text-indent:50px;} section.detail .goods_detail .review_size table tr td .null {line-height:204px;} section.detail .goods_detail .description {color:#8e8e8e; font-size:13px;} section.detail .goods_detail .description em {color:#444; font-family:"SSF_Bold", "NotoSans_kr_Bold";} section.detail .goods_detail .tbl-info-area .tabs {margin-top:20px;} section.detail .goods_detail .tbl-info-area .tabs .tab li {width:240px;} section.detail .goods_detail .tbl-info-area .tabs .tab {border-bottom:2px solid #d4d4d4;} section.detail .goods_detail .tbl-info-area .tabs .tab > li > a.on {border-bottom:2px solid #5b1eaa;} section.detail .goods_detail .tbl-info-area .tabs .tab > li > a {font-size:14px;} section.detail .goods_detail .tbl-info-area .tabs > div > p.cssf {display:block; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .tbl-info-area .tabs > div > span {display:block; margin-top:10px;} section.detail .goods_detail .review {margin-top:95px; text-align:left;} section.detail .goods_detail .review h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .review .sum {margin-top:50px;} section.detail .goods_detail .review .sum:after {display:block; clear:both; content:'';} section.detail .goods_detail .review .sum > dt {float:left;} section.detail .goods_detail .review .sum > dt > h4 {line-height:28px; color:#444; font-size:18px;} section.detail .goods_detail .review .sum > dt > h4 small {margin-left:10px; color:#8e8e8e; font-size:13px; font-family:'SSF_Regulacdrr#*00r', 'NotoSans_kr_Demilight';} section.detail .goods_detail .review .sum > dd {float:right;} section.detail .goods_detail .review .sum > dd > div {display:inline-block; margin-left:40px; font-size:13px;} section.detail .goods_detail .review .sum > dd > div + div {margin-left:40px;} section.detail .goods_detail .review .sum > dd > div > h5 {line-height:24px; color:#444; font-size:14px;} section.detail .goods_detail .review .sum > dd > div > ul {margin-top:10px;} section.detail .goods_detail .review .sum > dd > div > ul > li {display:block; height:28px; line-height:28px;} section.detail .goods_detail .review .sum > dd > div > ul > li > span {float:left; color:#444;} section.detail .goods_detail .review .sum > dd > .size > ul > li > span {min-width:65px;} section.detail .goods_detail .review .sum > dd > .color > ul > li > span {min-width:90px;} section.detail .goods_detail .review .sum > dd > div > ul > li .graph {display:inline-block; width:120px; height:7px; background:#e5e5e5;} section.detail .goods_detail .review .sum > dd > div > ul > li .graph > span {display:block; height:100%; background:#5b1eaa;} section.detail .goods_detail .review .sum > dd > div > ul > li > em {margin-left:15px; color:#8e8e8e;} section.detail .goods_detail .review .description + .toggle_ellipsis {margin-top:-30px;} section.detail .goods_detail .review .toggle_ellipsis img {width:100%;} section.detail .goods_detail .review .toggle_ellipsis .sort {margin-top:80px; height:35px; line-height:35px; color:#8e8e8e; font-size:13px;} section.detail .goods_detail .review .toggle_ellipsis .sort > span {display:inline-block;} section.detail .goods_detail .review .toggle_ellipsis .sort > span a {color:#8e8e8e;} section.detail .goods_detail .review .toggle_ellipsis .sort > span + span {margin-left:10px;} section.detail .goods_detail .review .toggle_ellipsis .sort > span + span:before {content:'|';} section.detail .goods_detail .review .toggle_ellipsis .sort > span + span a {margin-left:10px;} section.detail .goods_detail .review .toggle_ellipsis .sort .select {margin-left:30px;} section.detail .goods_detail .review .toggle_ellipsis .sort .select label {line-height:28px; color:#8e8e8e; border:0;} :lang(en) section.detail .goods_detail .review .toggle_ellipsis .sort .select label {width:160px !important;} section.detail .goods_detail .review .toggle_ellipsis .sort .select .option a {color:#8e8e8e;} section.detail .goods_detail .review .toggle_ellipsis .content .img {margin-top:20px;text-align:center;} section.detail .goods_detail .review .toggle_ellipsis .content .img img {margin-top:10px; width:auto; max-width:800px;} section.detail .goods_detail .review .toggle_ellipsis > ul {margin-top:10px;} section.detail .goods_detail .review .toggle_ellipsis > ul li {padding:30px 0; font-size:13px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl:after {display:block; clear:both; content:'';} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dt {float:left; padding-right:30px; width:60px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd {float:left; width:960px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dt + dd {float:left; width:870px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .info {margin-bottom:12px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .info > a span {display:block; line-height:18px; font-size:13px !important;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary {color:#444;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > span + span {margin-left:15px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > .title {color:#111;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > .title::after {padding-left:20px; content:'|';} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > .color em:first-child {margin-left:15px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > .color:before {content:'|';} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > span em + em {margin-left:10px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .summary > .best {padding:0 6px; border:1px solid #5b1eaa; font-size:12px; color:#5b1eaa; line-height:16px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .date {color:#8e8e8e;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .date em + em {margin-left:10px;} section.detail .goods_detail .review .toggle_ellipsis > ul li > dl dd .date em > span {display:inline-block; padding:0 8px 0 12px;} section.detail .goods_detail .review .toggle_ellipsis > a.btn {margin-top:-35px;} #review.review {margin-top:95px; text-align:left;} #review.review h3 {margin-bottom:35px; line-height:30px; font-size:24px;} #review.review .sum {margin-top:50px;} #review.review .sum:after {display:block; clear:both; content:'';} #review.review .sum > dt {float:left;} #review.review .sum > dt > h4 {line-height:28px; color:#444; font-size:18px;} #review.review .sum > dt > h4 small {margin-left:10px; color:#999; font-size:13px; font-family:'SSF_Regulacdrr#*00r', 'NotoSans_kr_Demilight';} #review.review .sum > dd {float:right;} #review.review .sum > dd > div {display:inline-block; margin-left:40px; font-size:13px;} #review.review .sum > dd > div + div {margin-left:40px;} #review.review .sum > dd > div > h5 {line-height:24px; color:#444; font-size:14px;} #review.review .sum > dd > div > ul {margin-top:10px;} #review.review .sum > dd > div > ul > li {display:block; height:28px; line-height:28px;} #review.review .sum > dd > div > ul > li > span {float:left; color:#444;} #review.review .sum > dd > .size > ul > li > span {min-width:65px;} #review.review .sum > dd > .color > ul > li > span {min-width:90px;} #review.review .sum > dd > div > ul > li .graph {display:inline-block; width:120px; height:7px; background:#e5e5e5;} #review.review .sum > dd > div > ul > li .graph > span {display:block; height:100%; background:#5b1eaa;} #review.review .sum > dd > div > ul > li > em {margin-left:15px; color:#999;} #review.review .description + .toggle_ellipsis {margin-top:-30px;} #review.review .toggle_ellipsis img {width:100%;} #review.review .toggle_ellipsis .sort {margin-top:80px; height:35px; line-height:35px; color:#999; font-size:13px;} #review.review .toggle_ellipsis .sort > span {display:inline-block;} #review.review .toggle_ellipsis .sort > span a {color:#999;} #review.review .toggle_ellipsis .sort > span + span {margin-left:10px;} #review.review .toggle_ellipsis .sort > span + span:before {content:'|';} #review.review .toggle_ellipsis .sort > span + span a {margin-left:10px;} #review.review .toggle_ellipsis .sort .select {margin-left:30px;} #review.review .toggle_ellipsis .sort .select label {line-height:28px; color:#999; border:0;} :lang(en) #review.review .toggle_ellipsis .sort .select label {width:160px !important;} #review.review .toggle_ellipsis .sort .select .option a {color:#999;} #review.review .toggle_ellipsis .content .img {margin-top:20px;text-align:center;} #review.review .toggle_ellipsis .content .img img {margin-top:10px; width:auto; max-width:800px;} #review.review .toggle_ellipsis > ul {margin-top:10px;} #review.review .toggle_ellipsis > ul li {padding:30px 0; font-size:13px;} #review.review .toggle_ellipsis > ul li > dl:after {display:block; clear:both; content:'';} #review.review .toggle_ellipsis > ul li > dl dt {float:left; padding-right:30px; width:60px;} #review.review .toggle_ellipsis > ul li > dl dd {float:left; width:960px;} #review.review .toggle_ellipsis > ul li > dl dt + dd {float:left; width:870px;} #review.review .toggle_ellipsis > ul li > dl dd .info {margin-bottom:12px;} #review.review .toggle_ellipsis > ul li > dl dd .info > a span {display:block; line-height:18px; font-size:13px !important;} #review.review .toggle_ellipsis > ul li > dl dd .summary {color:#444;} #review.review .toggle_ellipsis > ul li > dl dd .summary > span + span {margin-left:15px;} #review.review .toggle_ellipsis > ul li > dl dd .summary > .color em:first-child {margin-left:15px;} #review.review .toggle_ellipsis > ul li > dl dd .summary > .color:before {content:'|';} #review.review .toggle_ellipsis > ul li > dl dd .summary > span em + em {margin-left:10px;} #review.review .toggle_ellipsis > ul li > dl dd .summary > .best {padding:0 6px; border:1px solid #5b1eaa; font-size:12px; color:#5b1eaa; line-height:16px;} #review.review .toggle_ellipsis > ul li > dl dd .date {color:#999;} #review.review .toggle_ellipsis > ul li > dl dd .date em + em {margin-left:10px;} #review.review .toggle_ellipsis > a.btn {margin-top:-35px;} section.detail .goods_detail .qna {margin-top:95px; text-align:left;} section.detail .goods_detail .qna h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .qna .accordion {margin-top:40px; font-size:13px;} section.detail .goods_detail .qna .accordion .title {padding:17px 0;} section.detail .goods_detail .qna .accordion .title > span {display:inline-block; width:90px; color:#444; font-family:"SSF_Bold", "NotoSans_kr_Regular";} section.detail .goods_detail .qna .accordion .title > em {display:inline-block; position:absolute; width:650px; height:18px; color:#444; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.detail .goods_detail .qna .accordion .title .date {float:right; padding-right:30px; background:url("../images/ui/arrow_down.png") no-repeat 100% 50%; background-size:11px auto;} section.detail .goods_detail .qna .accordion .title.disabled .date {background:none; cursor:default;} section.detail .goods_detail .qna .accordion .title .date em {color:#8e8e8e;} section.detail .goods_detail .qna .accordion .title .date em + em {margin-left:10px;} section.detail .goods_detail .qna .accordion .title.on .date {background-image:url("../images/ui/arrow_up.png");} section.detail .goods_detail .qna .accordion .null {padding:70px 0; line-height:20px;} section.detail .goods_detail .qna .accordion .null a.btn {display:block; margin:12px auto; padding:0; width:138px; height:30px; line-height:30px; color:#fff; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; border:0; background:#777;} section.detail .goods_detail .qna .accordion .complet .title > span {color:#5b1eaa;} section.detail .goods_detail .qna .accordion .content {margin-bottom:20px; padding:0;} section.detail .goods_detail .qna .accordion .content p a {margin-left:20px;} section.detail .goods_detail .qna .accordion .content .reply {position:relative; margin-top:10px; padding:20px 200px 20px 90px; color:#8e8e8e; background:#f7f7f7;} section.detail .goods_detail .qna .accordion .content .reply .re {position:absolute; left:45px; color:#5b1eaa; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .goods_detail .qna .accordion .content .reply .date {position:absolute; right:30px;} section.detail .goods_detail .qna .accordion .content .my_qna {margin-top:20px;} section.detail .goods_detail .qna .accordion .content .my_qna dl dt {float:left; width:170px; line-height:29px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.detail .goods_detail .qna .accordion .content .my_qna dl dd {margin:20px 0 0 170px;} section.detail .goods_detail .qna .accordion .content .my_qna dl dd .radio label {color:#444;} section.detail .goods_detail .qna .accordion .content .my_qna dl dd .remote_wrap {margin-top:10px; height:45px;} section.detail .goods_detail .qna .accordion .content .my_qna dl dd .remote_wrap .input_box {display:block; float:left; width:680px;} section.detail .goods_detail .qna .accordion .content .my_qna dl dd .remote_wrap .input_box input {font-size:13px;} section.detail .goods_detail .qna .accordion .content .my_qna dl dd .remote_wrap a.btn {float:right; margin-top:-3px; width:60px; height:24px; line-height:24px;} section.detail .goods_detail .qna .accordion .content .my_qna dd {position:relative;} section.detail .goods_detail .qna .accordion .content .my_qna dd .btn {position:absolute; right:0;} section.detail .goods_detail .qna .accordion .content .my_qna dd .remote_wrap.on + .btn {margin-top:-48px;} section.detail .goods_detail .shop {margin-top:95px; text-align:left;} section.detail .goods_detail .shop h3 {display:inline-block; margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .essential {margin-top:95px; text-align:left;} section.detail .goods_detail .essential h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .essential h4 {margin-top:30px; padding-bottom:15px; color:#444; font-size:14px;} section.detail .goods_detail .essential dl + h4 {margin-top:50px;} section.detail .goods_detail .essential .data_essential {margin-top:20px;} section.detail .goods_detail .essential .data_essential table {width:100%; font-size:13px; border-top:1px solid #e5e5e5;} section.detail .goods_detail .essential .data_essential table th, section.detail .goods_detail .essential .data_essential table td {padding:10px 0; line-height:22px; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .essential .data_essential table th {text-align:left; vertical-align:top; color:#8e8e8e; font-family:"SSF_Bold", "NotoSans_kr_Regular"; font-weight:normal;} section.detail .goods_detail .essential dl {font-size:13px; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .essential dl dt {display:inline-block; padding:10px 0; vertical-align:top; width:195px; color:#8e8e8e;} section.detail .goods_detail .essential dl dd {display:inline-block; padding:10px 0;} section.detail .goods_detail .essential dl dd a img {width:100px;} section.detail .goods_detail .essential dl dd a + span {margin-left:20px; vertical-align:bottom; color:#8e8e8e;} section.detail .goods_detail .essential dl .kc {display:table-cell; margin:5px 0; padding-left:42px; height:34px; vertical-align:middle; font-size:12px; background:url(../images/ui/mark_kc.png) no-repeat;} section.detail .goods_detail .rules {margin-top:95px; text-align:left;} section.detail .goods_detail .rules h3 {margin-bottom:35px; line-height:30px; font-size:24px;} section.detail .goods_detail .rules .data_rules {margin-top:30px;} section.detail .goods_detail .rules .data_rules .mo {display:none;} section.detail .goods_detail .rules .data_rules > div {line-height:22px; font-size:13px;} section.detail .goods_detail .rules .data_rules > div dl:first-child {border-top:1px solid #e5e5e5;} section.detail .goods_detail .rules .data_rules > div dl {display:table; width:100%; padding:10px 0; border-bottom:1px solid #e5e5e5;} section.detail .goods_detail .rules .data_rules > div dl dt, section.detail .goods_detail .rules .data_rules > div dl dd {display:table-cell; vertical-align:top;} section.detail .goods_detail .rules .data_rules > div dl dd {font-size:12px;} section.detail .goods_detail .rules .data_rules > div dl dt {width:200px; color:#8e8e8e; font-family:"SSF_Bold", "NotoSans_kr_Regular";} section.detail .goods_detail .rules .data_rules > div dl dd strong {color:#5b1eaa; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.detail .goods_detail .rules .data_rules > div dl dd h4 {font-size:13px;} section.detail .goods_detail .rules .data_rules > div dl dd .info_txt li {color:#8e8e8e;} section.detail .goods_detail .rules .data_rules > div dl dd .info_txt.bullet li {padding-left:7px; text-indent:-7px;} section.detail .goods_detail .rules .data_rules > div dl dd .info_txt.bullet li:before {content:'· ';} section.detail .goods_detail .rules .data_rules > div dl dd .info_txt.bullet li strong {color:#5b1eaa;} /* 판매종료 */ section.detail .none {margin-top:175px;} section.detail .none h2 {padding-top:100px; background:url("../images/ui/bg_product_none.png") no-repeat 50% 0; font-family:'SSF_Regular','NotoSans_kr_Regular'; font-size:20px; color:#111; text-align:center; line-height:18px;} section.detail .none + .submit {margin-top:150px;} section.detail .none + .submit .btn {width:180px; height:34px; font-size:16px; line-height:34px;} /**************************************************** 상품상세 : E ****************************************************/ /**************************************************** 기획적&이벤트 : S ****************************************************/ section.corner_content > div {margin-top:80px; width:100%;} .contents.evt section.corner_content > div, .contents.evt section.corner_goods {margin-top:54px;} .contents.evt .line_banner a + a img, .contents.evt .line_banner + .line_banner {margin-top:10px !important;} section.corner_goods .tabs {padding:50px 0; border-top:2px solid #333; border-bottom:2px solid #333;} section.corner_goods .tabs .tab {border:0;} section.corner_goods .tabs .tab > li {padding-right:40px;} section.corner_goods .tabs .tab > li > a {color:#444; font-size:28px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.corner_goods .tabs .tab > li > a.on {color:#5b1eaa; border-bottom:0;} section.corner_goods .tabs > div {margin-top:30px;} section.corner_goods .tabs > div > ul:after {display:block; clear:both; content:'';} section.corner_goods .tabs > div > ul > li {float:left; padding:10px 27px 10px 0; width:219px; height:auto; line-height:18px; word-wrap:break-word; word-break:keep-all;} section.corner_goods .tabs > div > ul > li a {color:#444; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.corner_goods .tabs > div > ul > li:hover a {color:#5b1eaa;} section.corner_goods .tabs > div > ul > li:nth-child(4n) {padding-right:0;} section.corner_goods .tabs > div > ul > li:nth-child(4n+1) {margin-left:0; clear:both;} section.corner_goods .list_goods {margin-top:80px;} section.corner_goods .list_goods h3 {overflow:hidden; height:28px; margin-top:80px; margin-bottom:40px; line-height:28px; white-space:nowrap; text-overflow:ellipsis;} section.corner_goods .list_goods .banner {display:none; margin:0 !important; width:100% !important; text-align:center;} section.corner_goods .list_goods .col3 li:nth-child(4), section.corner_goods .list_goods .col4 li:nth-child(5) {display:block;} /* event list ended */ section.corner_goods .list_goods ul.col4 > li.link {width:100%; height:301px; overflow:hidden;} section.corner_goods .list_goods ul > li.link > div {display:table; width:100%; height:100%; background:#f5f5f5;} section.corner_goods .list_goods ul > li.link > div a {display:table-cell; padding:0 59px 0 29px; vertical-align:middle; line-height:32px; color:#8e8e8e; font-size:22px; background:url("../images/ui/bg_list_link.png") no-repeat 153px center;} /* 기획적&이벤트 4단 썸네일 사이즈 지정 */ .contents.evt section.corner_goods .list_goods .col4 li:not(.banner) {width:228px !important; margin:0 8px !important;} .contents.evt section.corner_goods .list_goods .col4 li:not(.banner) img {max-height:300px;} section.corner_content .lookbook {width:100%;} section.corner_content .lookbook ul {padding-left:240px; background:#111;} section.corner_content .lookbook ul li {width:480px;} section.corner_content .lookbook .lSSlideOuter ul li {opacity:0.5;} section.corner_content .lookbook .lSSlideOuter ul li.active {opacity:1;} section.corner_content .video {display:block; position:relative; width:100%;} section.corner_content .video.playing {} section.corner_content .video.playing .thumb {display:none;} section.corner_content .video a.play {display:block; position:absolute; top:50%; left:50%; width:90px; height:90px; margin:-45px 0 0 -45px; background:url('../images/ui/btn_play.png') no-repeat center center; z-index:1;} section.corner_content .video .thumb {display:block; position:absolute;} section.corner_content .video .player {} section.corner_content .video .player iframe {width:100%;} section.corner_content .goods ul li {display:block;} section.corner_content .goods ul li dl {margin-top:10px;} section.corner_content .goods ul li dl dd {display:block; line-height:22px;} section.corner_content .goods ul li dl dd em {margin-left:10px;} section.corner_content .goods ul li {width:100%;} section.corner_content .goods ul.col2 li {float:left; width:50%;} section.corner_content .goods ul.col2:after {display:block; clear:both; content:'';} /* 핫딜 이벤트 */ section.corner_content .hot_deal {padding:80px 60px 20px; width:calc(100% - 120px); border-top:1px solid #e5e5e5;} section.corner_content .hot_deal > ul.type_A {} section.corner_content .hot_deal > ul.type_A li {display:block; height:555px; background:#fff;} section.corner_content .hot_deal > ul.type_A li + li {margin-top:20px;} section.corner_content .hot_deal > ul.type_A li img {width:420px;} section.corner_content .hot_deal > ul.type_A li .detail {height:100%;} section.corner_content .hot_deal > ul.type_A li .detail .harf:first-child {position:absolute; left:0; top:34px;} section.corner_content .hot_deal > ul.type_A li .detail .harf:last-child {position:absolute; left:0; bottom:40px;} section.corner_content .hot_deal > ul.type_B {} section.corner_content .hot_deal > ul.type_B > li {display:block; height:693px; position:relative; background:#fff;} section.corner_content .hot_deal > ul.type_B > li + li {margin-top:80px;} section.corner_content .hot_deal > ul.type_B li .detail {position:absolute; top:0; right:0;} section.corner_content .hot_deal > ul.type_B li .detail {height:100%;} section.corner_content .hot_deal > ul.type_B li .detail .harf:first-child {position:absolute; left:0; top:32px;} section.corner_content .hot_deal > ul.type_B li .detail .harf:last-child {position:absolute; left:0; bottom:0px;} section.corner_content .hot_deal > ul + ul {margin-top:80px;} section.corner_content .hot_deal > ul li .detail {float:right; margin-right:40px; position:relative; width:340px;} section.corner_content .hot_deal > ul li .harf {display:inline-block; width:100%; text-align:left; line-height:28px; font-size:18px; font-family:'SSF_Thin', 'NotoSans_kr_Light'; word-break:keep-all;} section.corner_content .hot_deal > ul li .harf .vol {display:block; margin-top:20px; line-height:24px; color:#959595; font-size:16px;} section.corner_content .hot_deal > ul li .harf .vol + .vol {margin-top:0;} section.corner_content .hot_deal > ul li .harf {display:inline-block; width:100%;} section.corner_content .hot_deal > ul.type_A li .harf .color {display:block; margin-bottom:11px;} section.corner_content .hot_deal > ul.type_B li .harf .color {display:block; margin-top:25px;} section.corner_content .hot_deal > ul li .harf .brand, section.corner_content .hot_deal > ul li .harf .name {display:block; line-height:32px; color:#111; font-size:22px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.corner_content .hot_deal > ul li .harf .price {display:block; line-height:60px; color:#111; font-size:36px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.corner_content .hot_deal > ul.type_B li .harf .price {margin-bottom:20px;} section.corner_content .hot_deal > ul li .harf .price del {padding-right:8px; color:#959595; font-size:18px; font-family:"SSF_Regular", "NotoSans_kr_Regular";} section.corner_content .hot_deal > ul li .harf .price .sale {padding-left:8px; color:#5b1eaa; font-size:22px;} section.corner_content .hot_deal > ul li .harf a {display:block; margin-top:7px; padding:24px 40px; line-height:20px; font-size:18px; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url('../images/ui/bg_arrow_right_dark.png') no-repeat 292px center; border:1px solid #000;} section.corner_content .hot_deal > ul li .harf .color {display:block; margin-top:13px; width:100%; max-height:16px; overflow:hidden;} section.corner_content .hot_deal > ul li .harf .color:after {display:block; clear:both; content:"";} section.corner_content .hot_deal > ul li .harf .color span {float:left; width:16px; height:16px; line-height:16px; font-size:0;} section.corner_content .hot_deal > ul li .harf .color span + span {margin-left:5px;} section.corner_content .hot_deal .photo {display:block; width:420px; overflow:hidden;} section.corner_content .hot_deal .photo .lSSlideOuter {position:relative;} section.corner_content .hot_deal .photo .lSSlideWrapper {position:relative; height:555px !important; /*slide = overflow:hidden;*/} section.corner_content .hot_deal .photo .lSSlideWrapper .lSFade > li {position:absolute; top:0; width:100%; opacity:0; filter:Alpha(Opacity=0); /* support:IE8 */ display:none;} section.corner_content .hot_deal .photo .lSSlideWrapper .lSFade > li.active {opacity:1; filter:Alpha(Opacity=100); /* support:IE8 */ display:block; position:relative;} section.corner_content .hot_deal .photo .lSGallery {margin-top:5px;} section.corner_content .hot_deal .photo .lSGallery li {display:inline-block; position:relative; float:left;} section.corner_content .hot_deal .photo .lSGallery li.active:after {position:absolute; top:-2px; left:-2px; width:99px; height:131px; border:none; background-color:transparent; content:'';} section.corner_content .hot_deal .photo .lightSlider li {display:block; height:100%;} section.corner_content .hot_deal .photo .lSPager.lSGallery {display:block; margin:0; width:auto !important; transform:translate(0px, 0px) !important;} section.corner_content .hot_deal .photo .lSPager.lSGallery li {margin-top:8px; width:99px !important;} section.corner_content .hot_deal .photo .lSPager.lSGallery li:nth-child(4n) {margin-right:0 !important;} section.corner_content .hot_deal .hot_deal_tip {margin-top:56px;} section.corner_content .hot_deal .hot_deal_tip h4 {font-size:15px;} section.corner_content .hot_deal .hot_deal_tip ul {margin-top:10px;} section.corner_content .hot_deal .hot_deal_tip ul li {position:relative; padding-left:8px; line-height:26px; color:#444;} section.corner_content .hot_deal .hot_deal_tip ul li:before {position:absolute; top:11px; left:0; width:2px; height:2px; background-color:#8e8e8e; content:'';} section.corner_content .banner, section.corner_content .banner a {position:relative; display:block; *width:730px; text-align:left;} section.corner_content .banner span {position:absolute; bottom:50%; left:60px; margin-bottom:-25px; width:440px; max-height:100px; line-height:50px; color:#fff; font-size:46px; font-family:"SSF_Bold", "NotoSans_kr_Regular"; /* white-space:nowrap; text-overflow:ellipsis; overflow:hidden;word-wrap:break-word; word-break:keep-all; */ word-wrap:break-word; word-break:keep-all;} section.corner_content .banner em {position:absolute; top:50%; left:60px; margin-top:35px; width:880px; line-height:20px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} section.corner_content .banner.c111 span, section.corner_content .banner.c111 em {color:#111;} /* 댓글 이벤트 */ section.corner_reply {} section.corner_reply .write_reply {position:relative; border-style:solid; border-color:#111; border-width:2px 0 2px 0;} section.corner_reply .write_reply h3 {display:inline-block; padding:34px 0; max-width:820px; line-height:28px; font-size:18px;} section.corner_reply .write_reply .btn {position:absolute; right:0; top:50%; margin-top:-27px; width:67px; height:42px; line-height:42px; font-size:12px;} section.corner_reply .reply_wrap {margin-top:54px;} section.corner_reply .reply_wrap h3 {line-height:30px; font-size:18px;} section.corner_reply .reply_wrap h3 .sort {float:right; color:#8e8e8e; font-size:13px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} section.corner_reply .reply_wrap h3 .sort a {margin:0 5px; color:#8e8e8e;} section.corner_reply .reply_wrap h3 .sort a:last-child {margin-right:0;} section.corner_reply .reply_wrap > ul {margin-top:15px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li {padding:26px 0; color:#8e8e8e; font-size:13px;} section.corner_reply .reply_wrap > ul > li.on {padding-bottom:0;} section.corner_reply .reply_wrap > ul > li + li {border-top:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li.notice {padding:26px 20px; background:#f7f7f7;} section.corner_reply .reply_wrap > ul > li.notice .toggle_ellipsis .ks:first-child {color:#111; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.corner_reply .reply_wrap > ul > li.notice .toggle_ellipsis .content {max-height:220px !important; overflow-y:auto; cursor:default;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .ks + .ks {margin-left:16px;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .edit {float:right;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .edit a {margin-left:15px; color:#8e8e8e;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .edit a:hover {color:#444;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content {margin-top:12px; height:auto; max-height:110px; line-height:22px; color:#8e8e8e; font-size:13px; background:none; overflow:hidden; cursor:pointer; white-space:normal} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content.on {max-height:9999px; overflow-y:auto;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content + .more {display:block; cursor:pointer;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content.on + .more {display:none;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content.disabled {cursor:default;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content .to {margin-right:10px; color:#111;} section.corner_reply .reply_wrap > ul > li .toggle_ellipsis .content .blinde {color:#b4b4b4;} section.corner_reply .reply_wrap > ul > li .file_list {margin-top:16px;} section.corner_reply .reply_wrap > ul > li .file_list ul:after {display:block; clear:both; content:"";} section.corner_reply .reply_wrap > ul > li .file_list ul li {float:left;} section.corner_reply .reply_wrap > ul > li .file_list ul li + li {margin-left:10px;} section.corner_reply .reply_wrap > ul > li .file_list ul li a img {width:60px; height:60px; border:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li .btn_list {margin-top:30px;} section.corner_reply .reply_wrap > ul > li .btn_list .btn {padding:4px 30px; height:24px; line-height:24px; color:#444; font-size:12px;} section.corner_reply .reply_wrap > ul > li .btn_list .btn + .btn {margin-left:7px;} section.corner_reply .reply_wrap > ul > li .btn_list .heart {float:right; text-align:center;} section.corner_reply .reply_wrap > ul > li .btn_list:after {content:""; display:block; clear:both;} section.corner_reply .reply_wrap > ul > li .btn_list .heart > label > i {margin:1px 3px 0 0;} section.corner_reply .reply_wrap > ul > li .btn_list .heart > label {padding:4px 10px 4px 6px;; width:57px; height:24px; line-height:24px; font-size:12px; color:#444; font-size:12px; background:#fff; border:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li.on > .reply {display:block;} section.corner_reply .reply_wrap > ul > li > .reply {display:none; margin-top:26px; border-top:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li > .reply li {position:relative; padding:26px 50px; background:#f7f7f7;} section.corner_reply .reply_wrap > ul > li > .reply li + li {border-top:1px solid #e5e5e5;} section.corner_reply .reply_wrap > ul > li > .reply li:before {display:block; content:''; position:absolute; top:30px; left:21px; width:8px; height:9px; border-width:0 0 1px 1px; border-style:solid; border-color:#999;} /* 팝업 슬라이더 */ .popup .pop_slider {padding:40px; width:490px; height:490px;} .popup .pop_slider .slider li {max-width:490px; text-align:center;} .popup .pop_slider .slider li img {width:auto; max-width:490px; height:auto; max-height:490px;} .popup .pop_slider .slider_pager .lSSlideWrapper ul.lightSlider {height:490px !important;} .popup .pop_slider .slider_pager .lSSlideWrapper ul {display:flex; justify-content:center; align-items:center;} .popup .pop_slider .slider_pager .lSSlideWrapper ul li {display:table; text-align:center;} .popup .pop_slider .slider_pager img {width:auto; max-width:490px; max-height:490px;} .popup .pop_slider .slider_pager .lSPager {display:inline-block; top:0; margin-top:-36px; max-width:100px; text-align:left;} .popup .pop_slider .slider_pager .lSPager li.active a {display:inline-block !important; width:100px; color:#fff; font-size:20px; text-indent:0 !important; font-family:'SSF_Bold','NotoSans_kr_Medium'; cursor:default;} .popup .pop_slider .slider_pager .lSPager li a {display:none !important; background:none !important;} .popup .pop_slider .slider_pager .lSAction a {margin-top:-20px; width:22px; height:40px; background:url("../images/ui/bg_fader_get_st.png") no-repeat;} .popup .pop_slider .slider_pager .lSAction a.lSPrev {left:-40px; background-position:left;} .popup .pop_slider .slider_pager .lSAction a.lSNext {right:-40px; background-position:right;} /* SNS 이벤트 */ section.corner_sns {width:100%;margin:60px auto 0} section.corner_sns h3 {line-height:30px; font-size:18px;} section.corner_sns h3 small {float:right; color:#8e8e8e; font-size:13px; font-family:'SSF_Regular', 'NotoSans_kr_Demilight';} section.corner_sns .select_sns .radio {margin-left:50px;} section.corner_sns .select_sns .radio label {margin-right:10px; font-size:0;} section.corner_sns .select_sns .radio label i {width:30px; height:30px; background:url('../images/ui/icon_sns_large.png') no-repeat;} section.corner_sns .select_sns .radio label i.ks {background-position:0 bottom;} section.corner_sns .select_sns .radio label i.fb {background-position:-30px bottom;} section.corner_sns .select_sns .radio label i.tw {background-position:-60px bottom;} section.corner_sns .select_sns .radio input:checked + label i.ks {background-position:0 top;} section.corner_sns .select_sns .radio input:checked + label i.fb {background-position:-30px top;} section.corner_sns .select_sns .radio input:checked + label i.tw {background-position:-60px top;} section.corner_sns .select_sns .form_wrap {margin-top:10px;} section.corner_sns .select_sns .form_wrap textarea {padding:15px; width:808px; height:22px; line-height:22px;} section.corner_sns .select_sns .form_wrap button {float:right; margin-top:0; width:78px; height:42px; line-height:42px; color:#fff; font-size:13px; font-family:'SSF_Bold','NotoSans_kr_Medium'; border-color:#444; background:#444;} section.corner_sns .select_sns .form_wrap p {width:838px; text-align:right; color:#8e8e8e; font-size:12px; font-family:'SSF_Bold','NotoSans_kr_Medium';} section.corner_sns .reply_wrap {margin-top:40px;} section.corner_sns .reply_wrap h3 {line-height:30px; font-size:18px;} section.corner_sns .reply_wrap ul {margin-top:10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} section.corner_sns .reply_wrap ul li {padding:30px 0; min-height:62px;} section.corner_sns .reply_wrap ul li + li {border-top:1px solid #e5e5e5;} section.corner_sns .reply_wrap ul li .profile {display:inline-block; float:left; width:60px; height:60px; border:1px solid #e5e5e5; background:url('../images/ui/bg_ssf_profile.gif') no-repeat center center} section.corner_sns .reply_wrap ul li .profile img {width:60px; height:60px} section.corner_sns .reply_wrap ul li .reply {display:inline-block; margin-left:25px; width:860px;} section.corner_sns .reply_wrap ul li .reply em {display:block; height:18px; line-height:18px; color:#8e8e8e; font-size:12px; background:url('../images/ui/icon_sns_small.png') no-repeat;} section.corner_sns .reply_wrap ul li .reply em.ks {padding-left:20px; background-position:0 -1px} section.corner_sns .reply_wrap ul li .reply em.fb {padding-left:20px; background-position:0 -49px} section.corner_sns .reply_wrap ul li .reply em.tw {padding-left:20px; background-position:0 -99px} section.corner_sns .reply_wrap ul li .reply p {margin-top:5px; line-height:22px; font-size:12px; color:#8e8e8e; word-wrap:break-word; word-break:keep-all;} /**************************************************** 기획적&이벤트 : E ****************************************************/ /**************************************************** 룩북 : S ****************************************************/ /* 메인 룩북 슬라이더 */ section.look_book {width:100%; overflow:hidden;} section.look_book .lookbook ul {padding-left:16.6%; background:#000;} section.look_book .lookbook ul li {position:relative; opacity:0.3;} section.look_book .lookbook ul li.active {opacity:1;} section.look_book .lookbook ul li.active + li {opacity:1;} section.look_book .lookbook ul[data-item="4"] {padding-left:12.5%; background:#000;} section.look_book .lookbook ul[data-item="4"] li.active + li + li {opacity:1;} section.look_book .tabs .tab {margin-left:60px; margin-bottom:40px; border-bottom:0;} .wrap:not(.main) section.look_book .tabs .tab {margin-left:0;} section.look_book .tabs .tab li + li {margin-left:20px;} section.look_book .tabs {position:relative;} section.look_book .tabs > div.on {position:relative; margin-top:0 !important; opacity:1; z-index:3;} section.look_book .tabs > div {display:block; position:absolute; top:0; width:100%; opacity:0; z-index:2;} section.look_book .tabs .tab + div, section.look_book .tabs > div + div {margin-top:80px;} /* 룩북 기본 리스트 */ .look_book > ul:after{display:block; clear:both; content:'';} .look_book > ul > li {position:relative; float:left; width:33.33%;} section.look_book .lookbook {overflow:hidden;} section.look_book .lookbook + .lookbook {margin-top:0;} section.look_book .lookbook.medium {height:0;} section.look_book .lookbook.medium ul > li {position:relative; float:left; width:50%;} section.look_book .lookbook.medium ul {padding-left:16.66%;} section.look_book .lookbook.medium ul li.active + li + li {opacity:0.3 !important;} section.look_book .lookbook.small {max-width:1280px; height:0;} section.look_book .lookbook.small ul > li {position:relative; float:left; width:50%;} section.look_book .lookbook.small ul {padding-left:25%;} section.look_book .lookbook.small ul li.active + li {opacity:0.3 !important;} @media only all and (max-width:1680px) { section.look_book .lookbook:not(.medium) {height:0;} section.look_book .lookbook.medium {height:auto;} section.look_book .lookbook ul {padding-left:16.66%; background:#000;} } @media only all and (max-width:1280px) { section.look_book .lookbook:not(.small) {height:0;} section.look_book .lookbook.small {height:auto;} /* 룩북 기본 리스트 */ .look_book > ul > li {float:left; width:50%;} .look_book > ul > li:nth-child(5n+1) {display:none;} } .look_book h1 {margin-top:0 !important; line-height:40px !important;} .look_book h1 small {display:block; line-height:22px; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .look_book .corner_goods {margin-top:130px; padding-top:20px; border-top:2px solid #111;} .look_book .corner_halve_list + .corner_goods {margin-top:166px;} .look_book .corner_cover_goods .cover {position:relative;} @keyframes twinkle { 0% {opacity:0;} 50% {opacity:1;} 100% {opacity:0;} } .look_book .corner_cover_goods .cover .remote {display:block; position:absolute; right:30px; bottom:30px; width:50px; height:50px; background:url('../images/ui/btn_cover.png') no-repeat center top;} .look_book .corner_cover_goods .cover .remote:not(.on) { animation-name: twinkle; animation-duration: 3s; animation-iteration-count: infinite; } .look_book .corner_cover_goods .video {position:relative;} .look_book .corner_cover_goods .video + .cover {margin-top:20px;} .look_book .corner_cover_goods .cover .remote.on {background-position:center bottom;} .look_book .corner_cover_goods .list_goods {padding:60px 50px;} .look_book .corner_cover_goods + .corner_cover_goods {margin-top:20px;} /* .corner_halve_list {margin-top:100px;} .corner_halve_list .slider_pager ul li {width:200px; height:240px;} .corner_halve_list .slider_pager ul li a {display:table;} .corner_halve_list .slider_pager ul li a img {width:200px; height:200px;} .corner_halve_list .slider_pager ul li a span {display:block; width:200px; line-height:40px; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .corner_halve_list p.txt-center {margin-top:70px;} */ .corner_halve_list {margin-top:100px;} .corner_halve_list .slider_pager ul li {width:200px; height:240px;} .corner_halve_list .slider_pager ul li a {display:table;} .corner_halve_list .slider_pager ul li a img {display:table-cell; width:200px; height:200px;} .corner_halve_list .slider_pager ul li a span {display:table-cell; padding:0 10px 0 20px; width:154px; height:200px; line-height:24px; vertical-align:middle; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; overflow:hidden;} .corner_halve_list .slider_pager .lSPager {margin-top:-4px;} .corner_halve_list p.txt-center {margin-top:70px;} .look_book .corner_book_list .book_list.slider_pager .lSPager li.active a {background:#5b1eaa;} /**************************************************** 룩북 : E ****************************************************/ /**************************************************** Get the Style : S ****************************************************/ .wrap .contents.get_st h1 {margin-top:70px;} .wrap .contents.get_st h1 small {display:block; margin-top:-10px; font-size:16px;} .wrap .contents.get_st h1 + section {margin-top:20px;} .wrap .contents.get_st section > h4 {margin-bottom:30px; font-size:16px;} .wrap .contents.get_st section .fader + .list_goods {margin-top:25px;} .wrap .contents.get_st section .fader.arrow .lightSlider .lslide {width:960px; min-height:584px; max-height:640px;} .wrap .contents.get_st section.item_typeA {margin-top:30px;} .wrap .contents.get_st section.item_typeA .fader .lightSlider .lslide {width:634px; min-height:386px;} .wrap .contents.get_st section.item_typeA > .list_goods > ul > li {display:block;} .wrap .contents.get_st section.item_typeA + .item_typeA {padding-top:100px; border-top:3px solid #111;} .wrap .contents.get_st section.item_typeA .list_goods ul li .txt {margin-top:-50px; padding-left:20px;} .wrap .contents.get_st section.item_typeA .list_goods ul li .txt .event {display:block; position:absolute; margin-top:-40px; width:40px; height:40px; line-height:40px; text-align:center; color:#fff; font-size:20px; background:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .wrap .contents.get_st section.item_typeA .list_goods ul li .fader {width:634px;} .wrap .contents.get_st section.item_typeA a + .list_goods, .wrap .contents.get_st section.item_typeA img + .list_goods {margin-top:40px;} .wrap .contents.get_st section.trend_now .fader + .fader {margin-top:140px;} .wrap .contents.get_st section.trend_now .fader .lightSlider .lslide {width:960px; min-height:584px;} .wrap .contents.get_st section.trend_now .fader .lSPager {position:absolute; margin-top:20px; width:100%; text-align:center; z-index:2;} .wrap .contents.get_st section.trend_now .fader .lSPager ul, .wrap .contents.get_st section.trend_now .fader .lSPager li {display:inline;} .wrap .contents.get_st section.trend_now .fader .lSPager li a {display:inline-block; margin:0 5px; width:12px; height:12px; text-indent:-9999px; background:#ccc;} .wrap .contents.get_st section.trend_now .fader .lSPager li.active a {background:#5b1eaa;} .wrap .contents.get_st section.trend_now p.txt-center {margin-top:70px;} /* 기획적&이벤트 4단 썸네일 사이즈 지정 */ .wrap .contents.get_st section:not(.set_item) .list_goods .col4 li:not(.banner) {width:228px !important; margin:0 8px !important;} .wrap .contents.get_st a.btn.hash {padding:12px 30px; color:#111; font-size:20px; border:2px solid #e5e5e5;} .wrap .contents.get_st a.btn.hash + a.btn.hash {margin-left:5px;} .wrap .contents.get_st a.btn.hash:before {content:'#';} /* #69311 개선 */ .wrap .contents.get_st h1.get_the_style {margin-top:100px; padding-left:273px; padding-bottom:20px; font-size:35px; background:url(../images/ui/txt_getthestyle.png) no-repeat left 11px; border-bottom:2px solid #111;} .wrap .contents.get_st h1.get_the_style + section {margin-top:50px;} .wrap .contents.get_st section.set_item + section.set_item {margin-top:60px;} .wrap .contents.get_st section.set_item .fader {padding-bottom:0; height:670px; overflow:hidden;} .wrap .contents.get_st section.set_item .fader .lSPager {margin-top:-38px;} .wrap .contents.get_st section.set_item .fader .lSAction a {margin-top:-358px; width:22px; height:40px; background:url(../images/ui/bg_fader_get_st.png) no-repeat;} .wrap .contents.get_st section.set_item .fader .lSAction a.lSPrev {left:40px; background-position:left center;} .wrap .contents.get_st section.set_item .fader .lSAction a.lSNext {left:567px; background-position:right center;} .wrap .contents.get_st section.set_item .fader + .list_goods {display:block; position:absolute; margin:-640px 0 0 630px; padding:0; width:300px; height:610px; background:url(../images/ui/bg_opacity_70.png) repeat; overflow:hidden; z-index:2;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul {padding:30px 20px;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li {width:100%; text-align:left;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li + li {margin-top:11px;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li img {float:left; width:98px;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li .info {display:block; margin-bottom:0; width:162px; height:129px; float:right; text-align:left;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li a .info > span {margin-top:0; line-height:20px; color:#444; font-size:12px !important; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li a .info > span:first-child {margin-top:46px !important;} .wrap .contents.get_st section.set_item .fader + .list_goods > ul li a .info .price del {color:#8e8e8e !important;} .wrap .contents.get_st section.set_item .texts {padding-top:54px; background:#f7f7f7;} .wrap .contents.get_st section.set_item .texts > span, .wrap .contents.get_st section.set_item .texts > em {display:block; padding-left:40px; color:#111; text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .wrap .contents.get_st section.set_item .texts > span {height:54px; line-height:48px; font-size:50px;} .wrap .contents.get_st section.set_item .texts > em {height:48px; line-height:24px; color:#444; font-size:16px;} .wrap .contents.get_st section.set_item .texts > span + em {padding-top:17px;} .wrap .contents.get_st section.set_item .texts + .list_goods {padding-top:44px;} .wrap .contents.get_st section.set_item > .txt-center {background:#f7f7f7;} .wrap .contents.get_st section.set_item > .txt-center .view_more {margin-top:10px; margin-bottom:70px; padding:0 44px 0 20px !important; width:auto; height:38px; line-height:38px; color:#777; font-size:16px; border:0; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url(../images/base/bg_base.png) no-repeat; background-position:calc(100% - 18px) -1082px; border:1px solid #d5d5d5;} .wrap .contents.get_st section.set_item > .txt-center .view_more:before {content:"" !important;} .wrap .contents.get_st section.set_item > .txt-center.on .view_more:before {content:"" !important;} .wrap .contents.get_st section.set_item > .txt-center.on .view_more {margin-bottom:50px; background:url(../images/base/bg_base.png) no-repeat; background-position:calc(100% - 18px) -1033px;} .wrap .contents.get_st section.set_item > .list_goods {padding:26px 40px 10px; background:#f7f7f7;} .wrap .contents.get_st section.set_item > .txt-center + .list_goods {display:none;} .wrap .contents.get_st section.set_item > .txt-center.on + .list_goods {display:block;} .wrap .contents.get_st section.set_item > .list_goods.recommend {padding-bottom:60px;} .wrap .contents.get_st section.set_item > .list_goods.recommend ul.col6 li {margin-bottom:18px !important;} .wrap .contents.get_st section.others h3 {display:block; margin-bottom:16px; padding:0 35px; text-align:center; color:#444; font-size:20px;} .wrap .contents.get_st section.others .fader {height:530px; overflow:hidden;} .wrap .contents.get_st section.others .fader .list6 {padding:0 45px;} .wrap .contents.get_st section.others .fader .list6 li {float:left; margin:9px; width:270px;} .wrap .contents.get_st section.others .fader .list6 li span {display:block; margin:15px 0 20px; width:100%; height:24px; line-height:24px; text-align:left; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .wrap .contents.get_st section.others .fader .list6 li span em {color:#8e8e8e;} .wrap .contents.get_st section.others .fader .lSPager {display:none;} .wrap .contents.get_st section.others .fader .lSAction a {margin-top:-300px; width:22px; height:40px; background:url(../images/ui/bg_slider_arr.png) no-repeat;} .wrap .contents.get_st section.others .fader .lSAction a.lSPrev {background-position:left center;} .wrap .contents.get_st section.others .fader .lSAction a.lSNext {background-position:right center;} .wrap .contents.get_st section.trend_now .title {position:absolute; margin-top:-580px; margin-left:60px; line-height:65px; color:#fff; font-size:64px; font-family:"SSF_Thin"; z-index:2;} .wrap .contents.get_st section.trend_now .list_goods {margin-top:50px;} .wrap .contents.get_st section.trend_now .fader {height:584px; overflow:hidden;} .wrap .contents.get_st section.trend_now .fader li > span, .wrap .contents.get_st section.trend_now .fader li > em {display:block; position:absolute; margin-left:60px; color:#fff; z-index:2;} .wrap .contents.get_st section.trend_now .fader li > span {margin-top:-130px; font-size:30px;} .wrap .contents.get_st section.trend_now .fader li > em {margin-top:-80px; font-size:20px;} .wrap .contents.get_st section.trend_now .fader .lSPager li a {display:inline-block; margin:0 3px; width:8px; height:8px; text-indent:-9999px; background:#ccc;} .wrap .contents.get_st section.trend_now .fader .lSPager li.active a {background:#444;} /**************************************************** Get the Style : E ****************************************************/ /**************************************************** Global : S ****************************************************/ .ship_rate {margin-top:80px; width:100%;} .ship_rate h4 {margin-bottom:40px; font-size:18px !important;} .ship_rate .form_wrap ul li .item {vertical-align:top;} .ship_rate .form_wrap ul li .cost, .ship_rate .form_wrap ul li .weight {display:inline-block; width:284px; border-bottom:1px solid #e5e5e5;} .ship_rate .form_wrap ul li .weight {margin-left:30px;} .ship_rate .form_wrap ul li .select + .select {margin-left:30px;} .ship_rate .form_wrap ul li .input_box input + input {margin-left:30px;} .ship_rate .form_wrap ul li p {color:#8e8e8e; font-size:12px;} .ship_charge {margin-top:80px;} .ship_charge h4 {margin-bottom:40px; font-size:18px !important;} .ship_charge ul {border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} .ship_charge ul li {display:table; width:100%;} .ship_charge ul li + li {border-top:1px solid #e5e5e5;} .ship_charge ul li em {display:table-cell; width:12.5%; height:40px; line-height:40px; color:#8e8e8e; text-align:left; font-size:13px;} .ship_charge ul li em:first-child {color:#444;} /**************************************************** Global : E ****************************************************/ /* .input_box.select .select_option {display:none; position:absolute; padding:20px; width:359px; border:1px solid #e5e5e5; background:#fff;} .input_box.select.writing .select_option {display:block;} .input_box.select .select_option > ul > li {padding:11px 0; line-height:18px; font-size:14px;} .input_box.select .select_option > ul > li a {color:#444;} .input_box.select .select_option > ul > li a:hover {color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";} */ .input_select .select_option {display:none; position:absolute; padding:20px; width:359px; border:1px solid #e5e5e5; background:#fff;} .input_select.writing .select_option {display:block;} .input_select ul > li a {color:#444;} .input_select ul > li a:hover {color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";} /* parking page */ .parking {padding-top:150px; text-align:center;} .parking h1 img {width:auto;} .parking h2 {margin-top:115px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:32px; color:#111; line-height:28px;} .parking p {margin-top:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; color:#444; line-height:22px;} .parking .box {display:inline-block; width:560px; margin-top:40px; padding:60px 0; background-color:#f2f2f2;} .parking .box span {display:block; font-family:"SSF_Bold", "NotoSans_kr_Medium"; font-size:18px; color:#5b1eaa; line-height:30px;} .parking .box.gray span {color:#959595;} .parking em {display:block; margin-top:35px; font-size:13px; color:#8e8e8e;} /* 홈피팅 */ .free_fitting {display:inline-block; margin:0 auto; padding-left:20px; color:#50506e; font-family:'SSF_Bold','NotoSans_kr_Medium'; background:url("../images/ui/ico_fit.png") no-repeat left center;} .group_discount + .free_fitting {margin-top:5px;} .fit_img {position:relative;} .fit_img .size {position:absolute; right:8px; bottom:8px; padding:0 7px; height:30px; line-height:30px; color:#444; font-size:14px; background:#fff;} .fit_img .fit_item {position:absolute; left:8px; bottom:8px; padding:0 7px; height:30px; line-height:30px; color:#fff; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:#50506e; opacity:0.8;} i.fit {display:inline-block; margin:0; padding:0 10px; height:20px; line-height:17px; color:#50506e; font-size:11px; background:#fff; font-family:"SSF_Bold", "NotoSans_kr_Regular"; border:1px solid #50506e; box-sizing:border-box;} #agree_auto_buying, #agree_privacy {margin-top:20px; padding:0; height:150px; text-align:left; overflow-y:hidden;} #agree_privacy .rules {padding:35px; padding-top:0; line-height:20px; color:#777; font-size:12px;} #agree_privacy .rules h3 {margin-bottom:5px; color:#444; font-size:12px;} #agree_privacy .rules span {margin-right:10px; color:#444;} /* 홈피팅 선택 */ .popup .free_fit {padding:10px 0; width:560px;} .popup .free_fit h3 {margin-bottom: 30px; font-size: 16px;} .popup .free_fit h3 em {display: block; font-size: 24px; flex-wrap: 400;} .popup .free_fit .fit_img {position: relative;} .popup .free_fit .fit_img .size {position: absolute; right: 10px; bottom: 10px; width: 45px; height: 30px; background-color: rgba(255,255,255,0.9); line-height: 30px; text-align: center; font-size: 14px; color: #444; flex-wrap: 600;} .popup .free_fit .step1 .shipping {text-align:left;} .popup .free_fit .step1 .shipping .radio {display: inline-block; height: 40px; background-position: left center;} .popup .free_fit .step1 .shipping .radio label {line-height: 40px;} .popup .free_fit .step1 .shipping .type1 {padding-left: 55px; margin-right: 80px; background-image: url("../images/ui/ico_box.png"); background-repeat: no-repeat;} .popup .free_fit .step1 .shipping .type2 {padding-left: 65px; background-image: url("../images/ui/ico_delivery.png"); background-repeat: no-repeat;} .popup .free_fit .step2 {margin-top: 60px;} .popup .free_fit .step2 .fit_status:after {content: ""; clear: both; display: block;} .popup .free_fit .step2 .fit_status .fit_img {width:132px; height:174px; border:2px solid #e5e5e5;} .popup .free_fit .step2 .fit_status .fit_img img {display: block; width: 100%; height: 100%; object-fit: cover;} .popup .free_fit .step2 .fit_status .select {position: absolute; bottom: 0px; left:14px; height: 25px;} .popup .free_fit .step2 .fit_status .select > a label {padding-top: 0px; padding-bottom: 0px; background-position: right -298px; border: 1px solid #e5e5e5; font-size: 12px; text-indent: 7px;} .popup .free_fit .step2 .fit_status .select .option > ul > li > a {font-size: 12px;} .popup .free_fit .step2 .fit_status .select.over .option > ul {margin-top: 24px;} .popup .free_fit .step2 .fit_status .select.over > a label {background-position: right -348px;} .popup .free_fit .step2 .fit_status .lside {float: left;} .popup .free_fit .step2 .fit_status .lside dl {height:174px;} .popup .free_fit .step2 .fit_status .lside dl:after {content: ""; clear: both; display: block;} .popup .free_fit .step2 .fit_status .lside dt {float: left;} .popup .free_fit .step2 .fit_status .lside dd {float: left; position: relative; padding-top:10px; width:128px; height:167px; padding-left:14px;} .popup .free_fit .step2 .fit_status .lside dd .txt {display: block; margin-bottom: 9px; font-size: 14px; color: #111; font-weight: 400;} .popup .free_fit .step2 .fit_status .lside dd .sub-txt {display: block; margin-bottom: 17px; font-size: 11px; color: #8e8e8e; font-weight: 400;} .popup .free_fit .step2 .fit_status .rside {float: right;} .popup .free_fit .step2 .fit_status .rside .fit_img {background: url("../images/ui/bg_free_fit.png") no-repeat;} .popup .free_fit .step2 .fit_status .rside ul:after {content: ""; clear: both; display: block;} .popup .free_fit .step2 .fit_status .rside li {float: left; position: relative;} .popup .free_fit .step2 .fit_status .rside li:first-child {margin-right: 10px;} .popup .free_fit .step2 .fit_status .remove {position: absolute; right: 0px; top: 0px; width: 32px; height: 32px; margin: 0px; padding: 0px; border: none; background: url("../images/ui/bg_del.png") no-repeat;} .popup .free_fit .step2 .fit_select {margin:40px -31px 0 -37px; padding: 40px 0 40px 40px; background-color: #f7f7f7;} .popup .free_fit .step2 .fit_select h4 {font-size: 14px;} .popup .free_fit .step2 .fit_select h4 span {color: #959595; font-size: 12px; font-weight: 400;} .popup .free_fit .step2 .fit_select .fit_img {width: 132px; height: 174px;} .popup .free_fit .step2 .fit_select ul {margin-top: 15px; margin-bottom: 20px;} .popup .free_fit .step2 .fit_select ul:after {content: ""; clear: both; display: block;} .popup .free_fit .step2 .fit_select li {float:left; margin-bottom:10px;} .popup .free_fit .step2 .fit_select li + li {margin-left:10px;} .popup .free_fit .step2 .fit_select li:nth-child(4n+5) {margin-left:0;} .popup .free_fit .step2 .fit_select li label {display: block; position: relative; width: 100%; height: 100%;} .popup .free_fit .step2 .fit_select .status {position: absolute; width: 0px; height: 0px;} .popup .free_fit .step2 .fit_select input.checked + .status {width: 100%; height: 100%; background: url("../images/ui/bg_free_fit_selected.png") no-repeat; z-index: 1;} .popup .free_fit .step2 .fit_select input.current + .status {width: 100%; height: 100%; background: url("../images/ui/bg_free_fit_current.png") no-repeat; z-index: 1;} .popup .free_fit .load_more {width: 557px; text-align: center;} .popup .free_fit .load_more a {display:inline-block; padding-right:20px; background:url('../images/ui/bg_arrow_down_dark.png') no-repeat right center; color: #0d0b08; font-size: 13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .free_fit a.btn.big {padding: 20px 100px;} /* 홈피팅 서비스안내 */ .popup .free_fit_info {width:630px;} .popup .free_fit_info .overlap {margin:-35px -30px 0; height:150px; background:#f7f7f7;} .popup .free_fit_info .overlap h2 {display:inline-block; margin:60px 30px; color:#000; font-size:28px;} .popup .free_fit_info .overlap h2 em {display:block; color:#000; font-size:16px;} .popup .free_fit_info .overlap .btn {margin-left:80px; padding:12px 20px;} .popup .free_fit_info .tabs {margin:-0 -30px;} .popup .free_fit_info .tabs .tab > li {width:33.33%;} .popup .free_fit_info .tabs .tab > li > a {background:#f7f7f7;} .popup .free_fit_info .tabs > div {margin-bottom:-35px; height:485px; text-align:center; color:#111; overflow-y:auto;} .popup .free_fit_info .tabs #fit_tab1 p {margin-top:60px; line-height:20px; font-size:13px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .free_fit_info .tabs #fit_tab1 h3 {line-height:50px; font-size:28px;} .popup .free_fit_info .tabs #fit_tab1 dl dt {display:inline-block; padding-top:160px; width:30%; vertical-align:top; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url(../images/ui/bg_fit_step.png) no-repeat;} .popup .free_fit_info .tabs #fit_tab1 dl dt span {display:block; margin-top:5px; line-height:16px; color:#777; font-size:12px; font-family:"SSF_Regular", "NotoSans_kr_Regular";} .popup .free_fit_info .tabs #fit_tab1 dl dt:first-child {background-position:52px 40px;} .popup .free_fit_info .tabs #fit_tab1 dl dt:nth-child(2) {background-position:-152px 40px;} .popup .free_fit_info .tabs #fit_tab1 dl dt:nth-child(3) {background-position:-352px 40px;} .popup .free_fit_info .tabs #fit_tab2 strong {display:block; margin-top:50px; line-height:50px; font-size:40px; font-family:"SSF_Light", "NotoSans_kr_Light";} .popup .free_fit_info .tabs #fit_tab2 span {display:block; margin-top:10px; line-height:36px; font-size:20px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .free_fit_info .tabs #fit_tab2 em {display:block; margin-top:10px; line-height:20px; font-size:14px;} .popup .free_fit_info .tabs #fit_tab2 img {display:block; margin:25px auto 40px; max-width:610px; width:auto;} .popup .free_fit_info .tabs #fit_tab3 h3 {margin-top:60px; line-height:20px; font-size:18px;} .popup .free_fit_info .tabs #fit_tab3 ul li span {display:inline-block; margin:40px auto 6px; padding-left:30px; line-height:22px; color:#111; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url(../images/ui/ico_ir.png) no-repeat left center;} .popup .free_fit_info .tabs #fit_tab3 ul li em {display:block; line-height:18px; color:#777; font-size:12px;} .popup .free_fit_info .tabs #fit_tab3 .list_wrap {display:inline-block; margin:50px auto 40px; text-align:left; line-height:18px; color:#8e8e8e; font-size:12px;} /* 홈피팅 구매확정 */ .popup .free_fit_confirm {width:486px;} .popup .free_fit_confirm h3 {color:#111; font-size:16px;} .popup .free_fit_confirm h3 small {display:inline-block; margin-left:5px; color:#8e8e8e; font-size:13px;} .popup .free_fit_confirm .info {display:inline-block; margin-top:24px;} .popup .free_fit_confirm .info strong {display:inline-block; float:left; color:#111; font-size:13px;} .popup .free_fit_confirm .info p {display:inline-block; float:left; margin-left:10px; line-height:22px; color:#8e8e8e; font-size:13px;} .popup .free_fit_confirm .info p:after {display:block; clear:both; content:'';} .popup .free_fit_confirm .fit_select {margin-top:32px; padding-top:36px; border-top:2px solid #f7f7f7;} .popup .free_fit_confirm .fit_select h4 {color:#111;} .popup .free_fit_confirm .fit_select h4 + ul {margin-top:28px;} .popup .free_fit_confirm .fit_select ul li {float:left; margin:0 15px; width:132px;} .popup .free_fit_confirm .fit_select ul:after {display:block; clear:both; content:"";} .popup .free_fit_confirm .fit_select ul li .checkbox {display:block; margin-top:7px; text-align:center;} .popup .free_fit_confirm .fit_select .expire {margin-top:20px; text-align:center; color:#5b1eaa;} .popup .free_fit_confirm .list_wrap {color:#8e8e8e; font-size:12px;} /* #72756 - 온라인 회원 혜택 지급 개선 */ .popup .join_coupon {text-align:center;} .popup .join_coupon img {margin-top:34px; width:auto;} .popup .join_coupon .txt {display:block; margin-top:10px; color:#5b1eaa; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .join_coupon .period {display:block; margin-top:30px; color:#444; font-size:14px;} .popup .join_coupon em {display:block; margin-top:10px; line-height:20px; color:#8e8e8e; font-size:13px;} /* #80852 - 홈피팅 개선 */ .fit_img .option {display:block; margin-top:-34px; width:calc(100% - 6px); height:34px; text-align:right; font-size:0;} .fit_img .option .color {display:inline-block; margin-right:4px; height:24px; overflow:hidden;} .fit_img .option .color span {float:left; width:22px; height:22px; line-height:14px; border:1px solid #dcdcdc; font-size:0;} .fit_img .option .size {display:inline-block; position:relative !important; right:0 !important; bottom:6px !important; padding:0 9px; width:auto !important; height:30px; line-height:30px; color:#444; font-size:14px; background:#fff;} .popup .free_fit_info .tabs #fit_tab2 span em {display:inline-block; margin:-5px 5px 0 0; padding:2px 10px; line-height:16px; vertical-align:middle; color:#50507a; font-size:12px; border:1px solid #50507a;} .popup .free_fit_confirm .fit_select ul li {position:relative;} .popup .free_fit_confirm .fit_select .status {position:absolute; top:0; width:0px; height:0px;} .popup .free_fit_confirm .fit_select input:checked + label + .status {width:100%; height:174px; background:url("../images/ui/bg_free_fit_purchase.png") no-repeat; z-index:1;} /* 쿠폰선택 팝업 */ .popup .select_coupon {margin-top:40px; width:570px;} .popup .select_coupon > div {margin:40px 0;} .popup .select_coupon > div > strong {display:inline-block; width:120px; color:#444; font-size:!4px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .popup .select_coupon .detail {display:inline-block; width:446px;} .popup .select_coupon .detail .input_box {display:inline-block;} .popup .select_coupon .detail > .btn {float:right;} .popup .select_coupon .price {display:inline-block; width:148px; text-align:right; color:#111; font-size:14px !important;} .popup .select_coupon .grid_wrap.goods th, .popup .select_coupon .grid_wrap.goods td {vertical-align:top; border-top-color:#444;} .popup .select_coupon .grid_wrap.goods td:last-child {text-align:right; line-height:36px !important; vertical-align:bottom;} .popup .select_coupon .grid_wrap.goods .info .brand, .popup .select_coupon .grid_wrap.goods .info .name {line-height:20px; color:#666; font-size:13px !important;} .popup .select_coupon .grid_wrap.goods .info .name {width:294px;} .popup .select_coupon .grid_wrap.goods .info .checked {display:block; padding-left:16px; height:45px; line-height:42px; font-size:13px; color:#5b1eaa; background:url("../images/ui/bg_small_check.png") no-repeat left 17px;} .popup .select_coupon .select a {font-size:13px !important;} .popup .select_coupon .submit {margin-top:45px;} .popup .select_coupon .submit .btn {padding:15px 67px;} /* 클레임 */ section.mypage.claim .grid_wrap tr:first-child td {border-top:1px solid #b4b4b4 !important;} section.mypage.claim .grid_wrap tr td .info {max-width:240px;} section.mypage.claim .grid_wrap tr td .info .brand {line-height:20px; font-size:13px;} section.mypage.claim .grid_wrap tr td .info .name {margin-bottom:8px; line-height:20px; font-size:13px;} section.mypage.claim .grid_wrap tr td .info .option {line-height:20px; font-size:12px; color:#767676;} section.mypage.claim .grid_wrap tr td .info .price {display:inline-block; margin-top:8px; line-height:20px; font-size:13px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage.claim .grid_wrap .service > span {display:inline-block; line-height:20px; font-size:13px;} section.mypage.claim .grid_wrap .service > span em + em:before {content:'/';} section.mypage.claim .grid_wrap .service .group_discount {display:block; margin:8px 0;} section.mypage.claim .grid_wrap .caution {margin:8px 0; font-size:13px; color:#5b1eaa; font-family:"SSF_Regular", "NotoSans_kr_Demilight", sans-serif;} section.mypage.claim .grid_wrap p {font-size:13px; word-break:keep-all;} section.mypage.claim .grid_wrap:not(.addr) td dl dt {width:90px; color:#444; font-size:13px;} section.mypage.claim .grid_wrap:not(.addr) td dl dd {width:400px;} section.mypage.claim .grid_wrap:not(.addr) td dl dd:last-child {float:none;} section.mypage.claim .grid_wrap:not(.addr) td dl dd .select + .select {margin-left:5px;} section.mypage.claim .grid_wrap:not(.addr) td dl dd .select:nth-child(1n+3) {margin:5px 0 0 0;} section.mypage.claim .grid_wrap:not(.addr) td dl dd .select:nth-child(2n+4) {margin-left:5px;} section.mypage.claim .grid_wrap .defect {display:block; margin:0; padding:5px 20px 0;} section.mypage.claim .grid_wrap .defect ul {margin-top:8px;} section.mypage.claim .grid_wrap dl dd .select + textarea {width:476px; height:18px;} section.mypage.claim .grid_wrap tr td.cost {padding:30px 46px 70px 0; text-align:right; border-bottom:0;} section.mypage.claim .grid_wrap tr td.cost > span {line-height:36px; color:#111; font-size:16px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage.claim .grid_wrap tr td.cost .select {margin:-4px 24px 0 20px;} section.mypage.claim .slide_wrap {border-bottom:0;} section.mypage.claim .slide_wrap .slider li {padding-bottom:44px;} section.mypage.claim .slide_wrap .slider li .img a {top:260px; right:18px; width:71px; height:28px; line-height:28px; text-align:center; color:#444; font-size:12px; background:none; text-indent:0; border:1px solid #e5e5e5;} /* data-item="4" */ section.mypage.claim .slide_wrap .slider.col4 li .img {width:170px;} section.mypage.claim .slide_wrap .slider.col4 li .img a {top:340px; right:48px;} section.mypage.claim .grid_wrap.addr {border-bottom:0;} section.mypage.claim .grid_wrap.addr td {padding:75px 0 60px;} section.mypage.claim .grid_wrap.refund tr:first-child td {padding-top:60px; border-top:0 !important; border-bottom:1px solid #b4b4b4;} section.mypage.claim h3 {color:#111; font-size:18px;} section.mypage.claim h3 small {margin-left:20px; color:#8e8e8e; font-size:14px; font-family:"SSF_Regular", "NotoSans_kr_Demilight", sans-serif;} section.mypage.claim .pay_info .shadow_box li > span:first-child {color:#8e8e8e; font-family:"SSF_Regular", "NotoSans_kr_Demilight", sans-serif;} section.mypage.claim .pay_info .shadow_box li.total > span {line-height:42px; font-size:18px; color:#5b1eaa;} section.mypage.claim .pay_info .shadow_box li.total > span:first-child {color:#111;} section.mypage.claim .pay_info .shadow_box li .payment em + em:before {content:'+';} section.mypage.claim .pay_box {position:relative; margin-top:60px; border-bottom:1px solid #b4b4b4;} section.mypage.claim .pay_box p {padding:20px 0 60px; color:#8e8e8e; line-height:36px; font-size:14px;} section.mypage.claim .pay_box .quantity {display:inline-block; position:absolute; right:0; margin-top:-95px; border:0 none; text-align:left;} section.mypage.claim .pay_box .quantity input[type=number] {padding:5px 15px; border:0 none; text-align:left;} section.mypage.claim .pay_box .quantity a {display:inline-block; right:0; overflow:hidden; width:36px; height:36px; background:url("../images/ui/bg_quantity.png") no-repeat 0 0; white-space:nowrap; text-indent:100%;} section.mypage.claim .pay_box .quantity .minus {right:0; left:auto; background-position:-36px 0;} section.mypage.claim .pay_box .quantity .plus {right:40px; left:auto;} section.mypage.claim .pay_box .quantity .minus, section.mypage .grid_wrap dl dd .quantity .plus {height:36px;} section.mypage.claim .tit_wrap small {display:block; margin-top:20px;} section.mypage.claim .pay_info .gray_box {margin-top:5px; padding:40px;} section.mypage.claim .pay_info .gray_box h3 {font-family:"SSF_Regular", "NotoSans_kr_Demilight", sans-serif;} section.mypage.claim .pay_info .gray_box small {line-height:30px; color:#777; font-size:14px;} section.mypage.claim .pay_info .gray_box > span {display:block; margin-top:20px; color:#777; font-size:16px;} section.mypage.claim .pay_info .gray_box > span em {margin-left:20px; color:#111; font-family:"SSF_Bold", "NotoSans_kr_Medium";} section.mypage.claim .pay_info .gray_box > a.btn {background:#444; border-color:#444;} section.mypage.claim .tit_wrap + .check_info {margin-top:0; padding-top:75px; border-top:1px solid #444} section.mypage.claim .check_info {margin-top:80px; padding-bottom:80px; border-bottom:1px solid #b4b4b4;} section.mypage.claim .check_info h3 + dl {margin-top:40px;} section.mypage.claim .check_info dl {display:table; width:100%;} section.mypage.claim .check_info dl dt {display:table-cell; padding-left:50px; width:95px; height:60px; vertical-align:middle; line-height:30px; color:#5b1eaa; font-size:22px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; background:url(../images/ui/bg_claim.png) no-repeat;} section.mypage.claim .check_info dl .box {background-position:left 12px;} section.mypage.claim .check_info dl .call {background-position:left -88px;} section.mypage.claim .check_info dl .vip {background-position:left -188px;} section.mypage.claim .check_info dl .review {background-position:left -288px;} section.mypage.claim .check_info dl dd {display:table-cell; padding-left:40px; height:60px; vertical-align:middle; color:#444; font-size:16px;} section.mypage.claim .check_info dl dd span {margin-top:16px;} section.mypage.claim .check_info dl dd strong {color:#444;} section.mypage.claim .check_info dl + dl {margin-top:60px;} section.mypage.claim .check_info dl + span {margin-top:60px;} section.mypage.claim .check_info span {position:relative; display:block; padding-left:8px; color:#777; font-size:13px; background:url() no-repeat ;} section.mypage.claim .check_info span:before {position:absolute; top:8px; left:0; width:3px; height:3px; background-color:#8e8e8e; content:'';} section.mypage.claim .check_info + .submit {margin-top:60px;} /* 개인화 마케팅 */ .wrap .contents section.marketing.indiv {height:250px;} .wrap .contents section.marketing.indiv .birth, .wrap .contents section.marketing.indiv .coupon, .wrap .contents section.marketing.indiv .coin {display:block; text-align:center; padding:60px 0; width:1920px; height:130px; vertical-align:middle;} .wrap .contents section.marketing.indiv .birth {background:url(../images/temp/bg_banner_birth.jpg) no-repeat center center;} .wrap .contents section.marketing.indiv .coupon.type01 {background:url(../images/temp/bg_banner_coupon01.jpg) no-repeat center center;} .wrap .contents section.marketing.indiv .coupon.type02 {background:url(../images/temp/bg_banner_coupon02.jpg) no-repeat center center;} .wrap .contents section.marketing.indiv .coupon.type03 {background:url(../images/temp/bg_banner_coupon03.jpg) no-repeat center center;} .wrap .contents section.marketing.indiv .coin {background:url(../images/temp/bg_banner_coin.jpg) no-repeat center center;} .wrap .contents section.marketing.indiv .copy {line-height:21px; color:#000; font-size:22px;} .wrap .contents section.marketing.indiv h5 {width:100%; margin:20px 0 30px; line-height:43px; color:#000; font-size:40px; font-family:"SSF_Regular", "NotoSans_kr_Demilight";} .wrap .contents section.marketing.indiv .info {line-height:16px; color:#8e8e8e; font-size:16px;} /* 결품처리 제외기간 설정 */ .day_off {height:62px; text-align:left; border-left:3px solid #e5e5e5;} .day_off div {position:absolute; margin-top:-5px; padding-left:16px;} .day_off div span {display:block; line-height:22px; color:#5b1eaa; font-size:13px;} .day_off div em {display:block; margin-top:6px; line-height:20px; color:#8e8e8e; font-size:12px;} section.detail .goods_detail .notice .day_off {margin-bottom:40px;} /* RECOMMENDATION */ .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n-5), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n-10), .wrap .contents section.recommend > .list_goods > ul.row_4 > li:nth-child(1n-15) {display:block;} .wrap .contents section.recommend > .list_goods > ul.row_1 > li:nth-child(1n+6), .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n+11), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n+16) {display:none;} .wrap .contents .view_more.row_add {margin-bottom:20px;} @media only all and (max-width:1680px) { .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n-8), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n-12), .wrap .contents section.recommend > .list_goods > ul.row_4 > li:nth-child(1n-16) {display:block;} .wrap .contents section.recommend > .list_goods > ul.row_1 > li:nth-child(1n+5), .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n+9), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n+13), .wrap .contents section.recommend > .list_goods > ul.row_4 > li:nth-child(1n+17) {display:none;} } @media only all and (max-width:1280px) { .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n-6), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n-9), .wrap .contents section.recommend > .list_goods > ul.row_4 > li:nth-child(1n-12) {display:block;} .wrap .contents section.recommend > .list_goods > ul.row_1 > li:nth-child(1n+4), .wrap .contents section.recommend > .list_goods > ul.row_2 > li:nth-child(1n+7), .wrap .contents section.recommend > .list_goods > ul.row_3 > li:nth-child(1n+10), .wrap .contents section.recommend > .list_goods > ul.row_4 > li:nth-child(1n+13) {display:none;} } /* CLICK NOW */ .list_goods ul > li a .rank {position:absolute; top:0; width:56px; height:56px; text-align:center; background:#111;} .list_goods ul > li a .rank h5 {margin-top:12px; text-align:center; color:#fff; line-height:16px; font-size:22px;} .list_goods ul > li a .rank span {display:inline-block; position:relative; margin-top:8px; line-height:8px; text-align:center; color:#999; font-size:8px;} .list_goods ul > li a .rank span em {padding-left:12px; font-size:11px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .list_goods ul > li a .rank i.up:before {position:absolute; content:'▲';} .list_goods ul > li a .rank i.down:before {position:absolute; content:'▼';} .list_goods ul > li a .rank i.stay {display:block; position:absolute; top:3px; width:8px; height:2px; background:#999;} .list_goods ul > li a .rank .new {margin-left:-9px; color:#c487fc;} .click_now {display:block; margin:32px 0;} .click_now .select > a label {color:#111; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium"; border-bottom:0;} .click_now .sort {margin-top:52px;} .click_now .sort ul:after {display:block; content:''; clear:both;} .click_now .sort ul li {float:left; line-height:26px; font-size:20px;} .click_now .sort ul li + li {margin-left:30px;} .click_now .sort ul li.on {border-bottom:2px solid #5b1eaa;} .click_now .sort a {color:#777;} .click_now .sort ul li.on a {color:#5b1eaa;} .click_now .get_time {float:right; margin-top:-28px; color:#8e8e8e; font-size:18px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} .click_now .get_time .tip {margin-bottom:-3px; padding:2px; background:url("../images/base/bg_base.png") #959595 no-repeat center -945px} .click_now .get_time .tip_content {margin:30px 0 0 -324px; width:282px; line-height:20px; color:#444; font-size:12px; font-family:"SSF_Bold", "NotoSans_kr_Medium";} /* 품평단 리뷰 */ section.detail .goods_detail .review.comment .toggle_ellipsis > ul li > dl dt {width:90px !important;} section.detail .goods_detail .review.comment .toggle_ellipsis > ul li > dl dt + dd {margin-top:15px; width:840px;} section.detail .goods_detail .review.comment .toggle_ellipsis > ul li > dl dd .summary {font-size:12px;} section.detail .goods_detail .review.comment .toggle_ellipsis > ul li > dl dd .summary + .summary {color:#8e8e8e;} section.detail .goods_detail .review.comment .toggle_ellipsis > ul li > dl dd .content {margin-top:20px;}