@charset "utf-8"; /* CSS Document */ /** * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요. */ /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ address, em {font-style:normal;} /* clear type */ .clear, .after_div {*zoom:1;} .clear:after, .after_div:after {content:"";display:block;clear:both;} .fl {float:left;} .fr {float:right;} .clear_fl {clear:both;float:left;} /* display type */ .db {display:block;} .dn {display:none !important;} .di {display:inline-block;} .dt {display:table;} .dr {display:table-row;} .dc {display:table-cell;} /* position type */ .relative {position:relative;} .absolute {position:absolute;} /*** align type ***/ .ta_left {text-align:left !important;} .ta_center {text-align:center !important;} .ta_right {text-align:right !important;} .va_top {vertical-align:top !important;} .va_middle {vertical-align:middle !important;} .va_bottom {vertical-align:bottom !important;} .w_custom {width:1200px;margin-left:auto;margin-right:auto;text-align:left;box-sizing:border-box;} #wrap {min-width:1200px;width:100%;overflow:hidden;} /*─────────────────────────────────────────────────────────── 상단 ───────────────────────────────────────────────────────────*/ #header_wrap {width:100%;position:relative;z-index:10;} #header {width:100%;height:190px;position:relative;z-index:5;} .hd_gnb_wrap {background: rgba(255, 255, 255, 0.5);position:absolute;left:0;top:0;width:100%;height:190px;transform:translateY(0px);transition:background 0.2s ease 0s;} .hd_gnb_wrap.fix {background: rgba(0, 0, 0, 0.5);position:fixed;transform:translateY(-136px);} .hd_gnb_wrap .top_bar {text-align:center;background:url(../img/da_image/bg_topbar.jpg) repeat-x 0 0;position:relative;z-index:1;} .hd_gnb_wrap .top_bar a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;display:inline-block;} .hd_gnb_wrap .top_bar img {margin:0 auto;} .hd_gnb_wrap > .w_custom {text-align:left;position:relative;z-index:6;padding:0 0 13px;} .hd_gnb_wrap h1.h1_logo {display:inline-block;margin:0;padding:0 !important;text-align:left !important;vertical-align:top;} .hd_gnb_wrap h1.h1_logo a, .hd_gnb_wrap h1.h1_logo img {vertical-align:top;} .hd_gnb_wrap .hd_search {display:inline-block;margin:0;padding:0;height:36px;position:absolute;left:50%;top:43px;transform:translateX(-50%);width:400px;} #header .top_search{position:relative; top:0; right:0; float:none; border:0; background:none; z-index:110;} #header .top_search legend{display:none;} #header .top_search .top_search_cont{} #header .top_search .top_text_cont{width:100%; background:none;} #header .top_search .top_text_cont input{border:none 0; vertical-align:top;background:none;line-height:23px;color:#000000;font-size:12px;font-weight:400;font-family:'Montserrat','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} #header .top_search .top_text_cont input::-webkit-input-placeholder {line-height:23px;color:#a7a7a7;font-size:12px;} #header .top_search .top_text_cont input::-moz-placeholder {line-height:23px;color:#ffffff;font-size:12px;} #header .top_search .top_text_cont input:-ms-input-placeholder {line-height:23px;color:#ffffff;font-size:12px;} #header .top_search .top_text_cont .top_srarch_text{width:100%; height:36px; padding:6px 25px 6px 10px; box-sizing:border-box;border:0;border-bottom:1px #999 solid;} #header .top_search .top_text_cont .btn_top_srarch{position:absolute; top:0px; right:0px;border:0;width:23px;height:23px;} #header .top_search .search_cont{display:block; margin:0; font-size:0; border:0; background:#ffffff;} /* 최근검색어 + 추천 상품이 있을 때 */ .recom_box + .recent_box{width:262px; min-height:218px; border-right:1px solid #ececec;box-sizing:border-box;} .recom_box + .recent_box li a{width:55%;} /* 최근 검색어 */ .recent_box{display:inline-block; float:left; width:220px; min-height:65px; font-size:12px; text-align:center; border-right:none 0; vertical-align:top;box-sizing:border-box;} .recent_box dl{padding:10px 15px 10px 15px; text-align:left;} .recent_box dt{font-size:13px; font-weight:500;} .recent_box dd{padding:5px 0 0 0;} .recent_box ul{margin-top:-5px;} .recent_box li{overflow:hidden;} .recent_box li a{display:block; overflow:hidden; float:left; width:67%; padding:2px 0 1px 0; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;} .recent_box li span{display:inline-block; float:right; padding:3px 0 0 0; color:#999999; font-size:10px;} .btn_top_search_del{display:inline-block;width:14px; height:14px;}/* 삭제 */ /* 추천상품 */ .recom_box{display:inline-block; float:right; width:138px; min-height:218px; margin:0 0 0 -1px; padding:10px 5px 20px 5px; font-size:12px; border:0;box-sizing:border-box;} .recom_box dl{} .recom_box dt{width:122px; padding:0 0 10px 0; font-size:13px; font-weight:500; text-align:center;} .recom_box dd{} .recom_box .recom_photo{display:table-cell; position:relative; width:120px; height:120px; border:1px solid #ececec; vertical-align:middle; text-align:center;} .recom_box .recom_photo img{max-width:120px;} .recom_box .recom_tit{display:block; width:120px; padding:10px 0 0 0;} /* 추천상품만 있을 때 */ .recom_box_only{min-height:218px; margin: 10px auto 0 auto; padding:0 0 20px 0; font-size:12px; text-align:center;} .recom_box_only dl{} .recom_box_only dt{padding:0 0 10px 0; font-size:13px; font-weight:500; text-align:center;} .recom_box_only dd{} .recom_box_only .recom_photo{display:table-cell; position:relative; width:120px; height:120px; border:1px solid #ececec; vertical-align:middle;} .recom_box_only .recom_photo img{max-width:120px;} .recom_box_only .recom_tit{display:block; width:120px; padding:10px 0 0 0;} .recom_box_only .recom_item_cont {width:160px; margin:0 auto; text-align:left;} /* 추천상품 내용 */ .recom_info_cont{display:table-cell; vertical-align:middle;} .recom_tit_box{padding:5px 0 0 0;} .recom_tit_box .item_brand{display:block; color:#444444;} .recom_tit_box .item_name{display:block; letter-spacing:-1px;} .recom_tit_box .item_name_explain{display:block; overflow:hidden; height:14px; padding:2px 10px 0 0px; color:#a8a8a8; line-height:1.2;} .recom_icon_box{margin:-5px 0 0 0; padding:10px 0 0 0;} .recom_icon_box img{display:inline-block; padding:5px 0 0 0;} .recom_money_box{padding:10px 0 0 0; line-height:1;} .recom_money_box del{display:block; color:#ffb200;} .recom_money_box .item_price{display:block; padding:7px 0 5px 0; font-size:14px;} .recom_money_box .item_sale{display:block; font-size:14px; color:#282828;} .recom_money_box .item_mileage{display:block; padding:5px 0 5px 0; line-height:1.5;} .recom_money_box .item_mileage img{vertical-align:middle;} .recom_number_box{padding:10px 0 0 0; font-size:11px; color:#a8a8a8;} .recom_number_box .num_mileage{display:block;} .recom_number_box .num_code{display:block;} /* 추천상품 soldout */ .recom_photo .item_soldout_bg{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;background-color:#ffffff;filter:alpha(opacity=60);background-color:rgba(255, 255, 255, 0.6);background-repeat: no-repeat;background-position: center center;font-size:0;} .recom_box .item_soldout_bg img{position:relative; vertical-align:middle;} .recom_box.item_soldout .recom_photo .item_soldout_bg{display:block;} .recom_box.item_soldout .recom_photo .item_soldout_bg:after { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;} .hd_gnb_wrap .hd_gnb_menu {padding:9px 0 15px;line-height:17px;height:41px;box-sizing:border-box;text-align:right;vertical-align:top;} .hd_gnb_wrap .hd_gnb_menu ul {display:inline-block;font-size:0;vertical-align:top;} .hd_gnb_wrap .hd_gnb_menu ul li {line-height:17px;display:inline-block;vertical-align:top;} .hd_gnb_wrap .hd_gnb_menu ul li + li {} .hd_gnb_wrap .hd_gnb_menu ul li + li:before {height:5px;background:#808080;width:1px;display:inline-block;margin:6px 7px;vertical-align:top;content:"";} .hd_gnb_wrap .hd_gnb_menu ul li a {line-height:inherit;color:#000000;font-size:12px;font-weight:400;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;vertical-align:top;} .hd_lnb_wrap {position:relative;z-index:5;width:100%;margin:0;padding:0;} .hd_gnb_wrap.fix .hd_lnb_wrap {} .hd_lnb_wrap > .w_custom {padding:0;} .hd_lnb_wrap .hd_lnb_menu {width:1006px;float:left;font-size:0;vertical-align:top;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer {width:36px;margin-left:-5px;padding:18px 5px;line-height:18px;height:54px;box-sizing:border-box;display:inline-block;position:relative;z-index:1;cursor:pointer;transition:all 0.3s;vertical-align:top;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer span {display:inline-block;width:26px;height:2px;background:#000000;margin:0;padding:0;position:absolute;transition:all 0.3s;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer span:nth-of-type(1) {top:18px;left:5px;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer span:nth-of-type(2) {top:26px;left:5px;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer span:nth-of-type(3) {top:34px;left:5px;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer.on span:nth-of-type(1) {transform: rotate(45deg) translateY(0px);left:10px;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer.on span:nth-of-type(2) {width:0;} .hd_lnb_wrap .hd_lnb_menu .hd_btn_layer.on span:nth-of-type(3) {transform: rotate(-45deg) translateY(-0px);top:18px;left:10px;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb {width:950px;display:inline-block;vertical-align:top;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul {text-align:left;font-size:0;vertical-align:top;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li {display:inline-block;vertical-align:top;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li + li {} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li > a {display:inline-block;vertical-align:top;box-sizing:border-box;text-align:center;padding:18px;line-height:22px;color:#000;font-size:15px;font-weight:500;position:relative;z-index:1;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li:last-child > a {padding-right:29px;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li > a:before {content:"";display:inline-block;width:0;height:2px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fff;transition:all 0.3s;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li:hover > a:before {width: calc(100% - 68px);} .hd_lnb_wrap .hd_lnb_menu .hd_lnb > ul > li:hover > a {color:#ffcc00;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb .hd_lnb_ul {display:block;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb .hd_layer_ul {display:none;} .hd_lnb_wrap .hd_lnb_menu .hd_lnb .hd_lnb_ul .lnb_layer {position:absolute;left:0;top:100%;background: rgba(0, 0, 0, 0.8);width:100%;margin:0;display:none;padding:11px 0 20px;} .hd_gnb_wrap.fix .hd_lnb_wrap .hd_lnb_menu .hd_lnb .hd_lnb_ul .lnb_layer {background: rgba(0, 0, 0, 0.4);} .hd_lnb_wrap .hd_lnb_menu .hd_lnb .hd_lnb_ul > li:hover .lnb_layer {display:block;} .lnb_cate {float:left;width:900px;} .lnb_cate ul {padding:10px 0 0;} .lnb_cate > ul > li.dep1 {float:left;width:30%;max-width:180px;padding-right:5px;box-sizing:border-box;} .lnb_cate > ul > li.dep1 + li.dep1 {} .lnb_cate > ul > li.dep1 > a {line-height:22px;font-size:15px;font-weight:500;color:#fff;display:block;margin:0;padding:8px 0;} .lnb_cate > ul > li.dep1:hover > a {color:#ffcc00;} .lnb_cate > ul > li.dep1 > ul {padding:8px 0 0;margin:0;width:100%;display:block !important;} .lnb_cate > ul > li.dep1 > ul > li.dep2 {padding:3px 0;line-height:21px;} .lnb_cate > ul > li.dep1 > ul > li.dep2 + li.dep2 {} .lnb_cate > ul > li.dep1 > ul > li.dep2 > a {color:#ddd;font-size:13px;font-weight:400;line-height:21px;position:relative;z-index:1;display:inline-block;} .lnb_cate > ul > li.dep1 > ul > li.dep2 > a:before {content:"";display:inline-block;width:0;height:1px;position:absolute;bottom:0;left:0;background:#ddd;transition:all 0.3s;} .lnb_cate > ul > li.dep1 > ul > li.dep2:hover > a:before {width:100%;} .lnb_cate > ul > li.dep1 > ul > li.dep2:hover > a {color:#fff;} .lnb_bnr {width:300px;float:right;text-align:right;padding:11px 0 0;font-size:12px;color:#000;} .hd_lnb_wrap .hd_sm_menu {float:right;} .hd_lnb_wrap .hd_sm_menu ul {text-align:right;display:inline-block;padding:12px 0 0;} .hd_lnb_wrap .hd_sm_menu li {position:relative;z-index:1;line-height:22px;height:22px;display:inline-block;vertical-align:top;} .hd_lnb_wrap .hd_sm_menu li + li {margin-left:22px;} .hd_lnb_wrap .hd_sm_menu li a {line-height:22px;vertical-align:top;font-size:0;display:inline-block;height:22px;} .hd_lnb_wrap .hd_sm_menu li a strong {position:absolute;right:-6px;bottom:-6px;display:inline-block;background:#000;text-align:Center;margin:0;box-sizing:border-box;padding:0 3px;border-radius:19px;min-width:19px;height:19px;line-height:19px;font-size:12px;font-weight:700;color:#fff;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .hd_lnb_wrap .hd_sm_menu li:nth-of-type(1) a {width:22px;background:url(../img/da_image/icon_member_b.png) no-repeat 50% 50%;} .hd_lnb_wrap .hd_sm_menu li:nth-of-type(2) a {width:19px;background:url(../img/da_image/icon_cart_b.png) no-repeat 50% 50%;} .hd_lnb_wrap .hd_sm_menu li:nth-of-type(3) a {width:20px;background:url(../img/da_image/icon_wish_b.png) no-repeat 50% 100%;background-size:20px auto;} .hd_lnb_wrap .hd_all_layer {position:absolute;left:0;top:100%;display:none;width:100%;height:0;} .hd_lnb_wrap .hd_all_layer .hd_lnb_ul {display:none;} .hd_lnb_wrap .hd_all_layer.on {display:block;height:auto;background: rgba(0, 0, 0, 0.8);} .hd_gnb_wrap.fix .hd_lnb_wrap .hd_all_layer.on {background: rgba(0, 0, 0, 0.4);} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul {padding:0 0 38px 0;display:block;} .hd_lnb_wrap .hd_all_layer ul:after {clear:both;content:"";display:block;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 {width: calc(50% - 30px);float:left;margin:0;padding:9px 0 17px;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0:nth-of-type(even) {margin-left:30px;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0:nth-of-type(odd) {clear:both;float:left;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > a {line-height:37px;height:38px;box-sizing:border-box;display:block;margin:0;padding:0 0 1px;font-size:16px;font-weight:600;color:#fff;position:relative;z-index:1;font-family:'Montserrat','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > a:before {background: rgba(255, 255, 255, 0.5);position:absolute;left:0;bottom:0;height:1px;width:100%;display:inline-block;content:"";} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > a:after {background: rgba(255, 255, 255, 0.5);position:absolute;left:0;bottom:0;height:1px;width:0;display:inline-block;content:"";transition:all 0.3s;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0:hover > a:after {width:100%;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul {padding:6px 0 0;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 {float:left;width:25%;box-sizing:border-box;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 + li.dep1 {} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > a {line-height:22px;font-size:15px;font-weight:500;color:#fff;display:block;margin:0;padding:8px 0;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1:hover > a {color:#ffcc00;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul {padding:8px 0 0;margin:0;width:100%;display:block !important;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul > li.dep2 {padding:3px 0;line-height:21px;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul > li.dep2 + li.dep2 {} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul > li.dep2 > a {color:#ddd;font-size:13px;font-weight:400;line-height:21px;display:inline-block;position:relative;z-index:1;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul > li.dep2 > a:before {content:"";display:inline-block;width:0;height:1px;position:absolute;bottom:0;left:0;background:#ddd;transition:all 0.3s;} .hd_lnb_wrap .hd_all_layer ul.hd_layer_ul li.dep0 > ul > li.dep1 > ul > li.dep2:hover > a:before {width:100%;} /*─────────────────────────────────────────────────────────── 하단 ───────────────────────────────────────────────────────────*/ .smarket_cs {background:#f6f6f6;} .smarket_cs ul {padding:66px 0;} .smarket_cs li {float:left;box-sizing:border-box;position:relative;z-index:1;} .smarket_cs li:before {position:absolute;left:0;top:50%;transform:translate(0, -50%);display:inline-block;content:"";width:60px;height:51px;transition:all 0.3s;} .smarket_cs li:hover:before {transform:translate(0, -56%);} .smarket_cs li + li {} .smarket_cs li.cs01 {width:292px;padding-left:77px;} .smarket_cs li.cs02 {width:307px;padding-left:88px;} .smarket_cs li.cs03 {width:329px;padding-left:83px;} .smarket_cs li.cs04 {width:272px;padding-left:81px;} .smarket_cs li.cs01:before {background:url(../img/da_image/icon_cs01.png) no-repeat 0 50%;} .smarket_cs li.cs02:before {background:url(../img/da_image/icon_cs02.png) no-repeat 0 50%;} .smarket_cs li.cs03:before {background:url(../img/da_image/icon_cs03.png) no-repeat 0 50%;} .smarket_cs li.cs04:before {background:url(../img/da_image/icon_cs04.png) no-repeat 0 50%;} .smarket_cs li a {display:inline-block;width:100%;height:100%;position:absolute;left:0;top:0;} .smarket_cs li h4 {margin-bottom:5px;line-height:23px;font-size:18px;font-weight:600;color:#333;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;transition:all 0.3s;position:relative;z-index:1;display:inline-block;} .smarket_cs li h4:before {content:"";display:inline-block;width:0;height:1px;background:#000;position:absolute;left:0;bottom:-1px;transition:all 0.3s;transform:translateX(0%);} .smarket_cs li:hover h4:before {width:100%;} .smarket_cs li p {line-height:20px;font-size:15px;font-weight:300;color:#888;} #footer_wrap {} #footer {background:#333;margin:0;padding:0;width:100%;} .ft_lnb {border-bottom:1px #717171 solid;} .ft_lnb > ul {padding:20px 0 18px 0;float:left;} .ft_lnb li {line-height:20px;font-size:13px;font-weight:300;color:#fff;float:left;display:inline-block;margin:0;padding:0;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_lnb li + li {margin-left:20px;} .ft_lnb li a {line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;} .ft_lnb li a strong {font-weight:600;} .ft_cs_wrap {padding:24px 0 0;} .ft_cs_wrap dt {line-height:21px;font-size:15px;color:#fff;font-weight:400;text-align:left;margin:0 0 9px;padding:0;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_cs_wrap dd p {font-size:13px;line-height:20px;color:#fff;} .ft_cs_wrap .ft_cs {width:300px;float:left;} .ft_cs_wrap .ft_cs strong {margin:0 0 15px 0;font-size:20px;line-height:22px;font-weight:600;color:#fff;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;} .ft_cs_wrap .ft_cs p {font-weight:300;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_cs_wrap .ft_bank {width:300px;float:left;} .ft_cs_wrap .ft_bank strong {line-height:22px;font-size:13px;font-weight:400;color:#fff;display:inline-block;width:100%;} .ft_cs_wrap .ft_bank strong em {margin:4px 0 0;line-height:22px;font-size:20px;font-weight:600;color:#fff;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;width:100%;} .ft_cs_wrap .ft_bank p {margin:6px 0 0;font-weight:400;} .ft_lnb .ft_sns {float:right;padding:18px 0;} .ft_lnb .ft_sns ul {text-align:right;} .ft_lnb .ft_sns li {display:inline-block;margin:0;padding:0;margin-right:21px;} .ft_lnb .ft_sns li + li {} .ft_lnb .ft_sns li a {vertical-align:top;} .ft_lnb .ft_sns li img {vertical-align:top;transition:all 0.3s;transform:translateY(0);} .ft_lnb .ft_sns li:hover img {opacity:0.7;transform:translateY(-5px);} .ft_info {padding:33px 0;} .ft_info p {display:inline-block;width:1035px;margin-left:-15px;line-height:23px;font-size:13px;font-weight:400;color:#ddd;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_info p + p {margin-top:38px;margin-left:0;} .ft_info p strong {font-weight:400;display:inline-block;margin:0 3px 0 15px;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_info p a {line-height:inherit;font-size:inherit;font-weight:inherit;color:inherit;} .ft_info .foot_certify {float:right;width:auto;} /*─────────────────────────────────────────────────────────── 상품 공통 ───────────────────────────────────────────────────────────*/ /* 상품 갤러리형을 기본으로 */ .goods_list{padding-bottom:30px;} .main_goods_cont .goods_list {padding-bottom:0;} .goods_list_tit{padding:60px 0 10px 0; border-bottom:1px solid #ececec; line-height:1; position:relative;} .goods_list_tit h3{font-size:22px;} .goods_list_cont{position:relative; width:100%;} .goods_list_cont:after{display:block; clear:both; content:"";} .goods_list_cont ul{float:left; width:100%; font-size:0;} .main_goods_cont .goods_list_cont ul, .detail_explain_box .goods_list_cont ul, .mypage_lately_goods .goods_list_cont ul, .goods_list_item .goods_list_cont ul {width: calc(100% + 16px);margin-left:-8px;margin-right:-8px;} .goods_list_cont ul li{display:inline-block; position:relative; /*min-height:50px;*/ margin:0; text-align:center; vertical-align:top; font-size:12px;z-index:1;} .goods_list_cont ul li:hover {z-index:4;} .item_cont{padding:0 8px 108px; text-align:left; color:#1c1c1c;position:relative;z-index:1;min-height:400px;} .goods_search_cont .item_cont {min-height:340px;} .main_goods_cont .item_cont, .detail_explain_box .item_cont, .mypage_lately_goods .item_cont, .goods_search_cont .item_cont {padding-bottom:51px;min-height:auto;} .icon_time_sale{position:absolute; top:0; left:0; text-align:left;} .item_photo_box{display:inline-block !important; overflow:hidden; position:relative; text-align:center; border:0; vertical-align:middle;width:100%;z-index:2;} .item_photo_box img.middle {max-width:100%;width:100%;height:auto;} .mypage_main .item_photo_box a > img {max-width:100%;width:100%;height:auto;} .item_photo_box a{display:block; height:100%;} .item_photo_box .item_soldout_bg{display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; text-align:center;background-color:#ffffff;filter:alpha(opacity=60);background-color:rgba(255, 255, 255, 0.6);background-repeat: no-repeat;background-position: center center;font-size:0; } .item_photo_box .item_soldout_bg img{position:relative; max-width:99.5%; vertical-align:middle;} .item_cont .item_basic_wrap {} .item_cont > a {position:absolute;left:8px;width: calc(100% - 16px);top:0;box-sizing:border-box;height: calc(100% - 88px);border:0;z-index:1;} .item_cont:hover > a {border:1px #000 solid;z-index:5;} .item_cont .item_dc {padding:13px 0 0;box-sizing:border-box;width:45px;height:45px;background: rgba(0, 0, 0, 0);opacity:0;transition:all 0.3s;display:inline-block;position:absolute;right:8px;top:0px;line-height:18px;font-size:13px;font-weight:300;color:#fff;text-align:center;font-family: 'Montserrat','Noto Sans KR', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;z-index:10;} .item_cont .item_dc em {line-height:inherit;font-size:18px;font-weight:400;color:inherit;font-family:inherit;} .item_cont:hover .item_dc{background: rgba(0, 0, 0, 1);opacity:1;top:-5px;right:3px;} .item_cont .item_list_layer {position:absolute;left:8px;top:408px;width: calc(100% - 16px);background:#000;display:none;z-index:6;} .item_cont:hover .item_list_layer {display:block;} .item_cont .item_link {width: calc(100% + 3px);z-index:5;height:45px;font-size:0;} .item_cont:hover .item_link {} .item_cont .item_link a, .item_cont .item_link button {display:inline-block;outline:0;border:1px #000 solid;transition:all 0.3s;z-index:1;position:relative;vertical-align:top;background:#fff;width:33.32%;box-sizing:border-box;height:45px;line-height:43px;text-align:center;} .item_cont .item_link button {margin-left:-1px;} .item_cont .item_link a:hover, .item_cont .item_link button:hover {z-index:5;border:1px #ee1c25 solid;} .item_cont .item_link a span, .item_cont .item_link button span {display:inline-block;height:24px;margin:10px auto;vertical-align:top;font-size:0;transition:all 0.3s;} .item_cont .item_link a span {background:url(../img/da_image/icon_pr_new.png) no-repeat 50% 50%;width:22px;} .item_cont .item_link button.btn_basket_get span {background:url(../img/da_image/icon_pr_wish.png) no-repeat 50% 50%;width:24px;} .item_cont .item_link button.btn_basket_cart span {background:url(../img/da_image/icon_pr_cart.png) no-repeat 50% 50%;width:20px;} .item_cont .item_link a:hover span {background:url(../img/da_image/icon_pr_new_on.png) no-repeat 50% 50%;} .item_cont .item_link button.btn_basket_get:hover span {background:url(../img/da_image/icon_pr_wish_on.png) no-repeat 50% 50%;} .item_cont .item_link button.btn_basket_cart:hover span {background:url(../img/da_image/icon_pr_cart_on.png) no-repeat 50% 50%;} .item_cont .item_size_more {width: calc(100% - 16px);} .item_cont .item_size_more ul {padding:9px 14px 14px;box-sizing:border-box;width:100%;margin:0;} .item_cont .item_size_more li {padding:3px 5px;display:inline-block;line-height:18px;color:#fff;font-size:13px;font-weight:300;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_cont .item_size_more li + li {} .item_cont .item_size_more li.out {color:#777;} .main_goods_cont .item_cont .item_basic_wrap, .detail_explain_box .item_cont .item_basic_wrap, .mypage_lately_goods .item_cont .item_basic_wrap, .goods_search_cont .item_cont .item_basic_wrap {position:static;left:0;top:0;} .main_goods_cont .item_cont .item_dc, .main_goods_cont .item_cont > a, .main_goods_cont .item_cont .item_list_layer, .goods_search_cont .item_cont .item_dc, .goods_search_cont .item_cont > a, .goods_search_cont .item_cont .item_list_layer, .detail_explain_box .item_cont .item_dc, .detail_explain_box .item_cont > a, .detail_explain_box .item_cont .item_list_layer, .mypage_lately_goods .item_cont .item_dc, .mypage_lately_goods .item_cont > a, .mypage_lately_goods .item_cont .item_list_layer{display:none;} .item_soldout .item_photo_box .item_soldout_bg{display:block;} .item_soldout .item_photo_box .item_soldout_bg:before { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;} .item_info_cont{display:block; padding:16px 8px 16px;box-sizing:border-box; text-align:left; vertical-align:middle; font-size:12px;} .item_list_type .item_info_cont {display:table-cell;padding-left:0;padding-right:0;} .item_tit_box{padding:0;word-break: break-all;text-overflow:ellipsis;} .item_tit_box .item_brand{display:block; color:#888888;word-break: break-all;text-overflow:ellipsis;text-align:left;} .item_tit_box .item_name{display:block; padding:0;margin:0 0 6px 0;letter-spacing:-0.4px;font-size:16px;font-weight:500;color:#111;line-height:22px;height:22px;overflow:hidden;word-break: break-all;white-space:nowrap;text-overflow:ellipsis;font-family:'Montserrat','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_tit_box .item_name_explain{display:block; padding:0;margin:0;letter-spacing:-0.2px;font-size:14px;font-weight:400;color:#888;line-height:20px;height:20px;white-space:nowrap;overflow:hidden;word-break: break-all;text-overflow:ellipsis;font-family:'Montserrat','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_icon_box{margin:10px 0 0;min-height:25px;padding:0;vertical-align:middle;} .item_icon_box img{display:inline-block;padding:0;vertical-align:middle;} .item_icon_box img + img {margin-left:3px;} .item_money_box{padding:0; line-height:1;margin:9px 0 0;} .item_money_box del, .item_money_box span, .item_money_box strong {display:inline-block;vertical-align:top;} .item_money_box del, .item_money_box span.del {line-height:15px;padding:3px 0 0;font-size:14px;font-weight:300;text-decoration:line-through;margin-right:6px;color:#888;font-family:'Montserrat','Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_money_box .item_price{display:inline-block;vertical-align:middle;line-height:18px;padding:0; font-size:14px;font-weight:400;color:#ee1c25;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_money_box .item_price em {vertical-align:top;margin-right:2px;line-height:inherit;display:inline-block;font-size:20px;font-weight:400;letter-spacing:-0.6px;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_money_box .item_price .time_sale_cost{display:inline-block; padding:7px 0 5px 20px; font-size:16px; background:url('../img/icon/goods_icon/icon_time_sale_cost.png') no-repeat left 7px;} .item_money_box .item_price .time_sale_cost_r{display:inline-block; padding-top:5px; font-size:16px;} .item_money_box .item_price .time_sale_text{display:inline-block; padding:7px 0 5px 20px; font-size:11px; background:url('../img/icon/goods_icon/icon_time_sale_cost.png') no-repeat left 7px; color:#888888} .item_money_box .item_sale{display:block; padding:3px 0 3px 0; font-size:16px; color:#333333;} .item_money_box .item_sale .icon_item_coupon{margin:10px 0 0 0;} .item_money_box .item_sale .icon_item_coupon img{vertical-align:middle;} .item_money_box .item_mileage{display:block; padding:5px 0 5px 0; line-height:1.5; background:none;} .item_money_box .item_mileage img{vertical-align:middle;} .item_number_box{font-size:11px; color:#a8a8a8;} .item_number_box .num_model{display:block;} .item_number_box .num_code{display:block;} /* 상품이동형 : 가로 */ .main_goods_cont .item_slide_horizontal {width: calc(100% + 60px);margin-left:-30px;margin-right:-30px;} .main_goods_cont .goods_list_cont .item_slide_horizontal ul {width:100%;margin-left:0;margin-right:0;padding:0 22px;box-sizing:border-box;} .item_slide_horizontal .slick-prev, .item_slide_horizontal .slick-next{display:block; position:absolute; top:114px;margin:0;transform:translate(0, 0);width:60px; height:60px;transition:all 0.3s;outline:0;border:0;} .item_slide_horizontal .slick-prev{left:0px; background:#000 url(../img/da_image/btn_visual_prev.png) no-repeat 50% 50%;} .item_slide_horizontal .slick-prev:hover{background:#000 url(../img/da_image/btn_visual_prev.png) no-repeat 50% 50%;opacity:0.6;} .item_slide_horizontal .slick-next{right:0px; background:#000 url(../img/da_image/btn_visual_next.png) no-repeat 50% 50%;} .item_slide_horizontal .slick-next:hover{background:#000 url(../img/da_image/btn_visual_next.png) no-repeat 50% 50%;opacity:0.6;} .item_slide_horizontal .item_tit_box .item_name, .item_slide_horizontal .item_tit_box .item_name_explain, .item_slide_horizontal .item_money_box, .item_slide_horizontal .item_icon_box {text-align:left;} /* 탭진열형 - 가로형 */ .item_hl_tab_type{} .item_hl_tab_type .goods_tab_tit{} .item_hl_tab_type .goods_tab_tit ul{padding:3px 0 42px 0;float:none; width:100%; margin:0 auto; font-size:0;text-align:center;} .item_hl_tab_type .goods_tab_tit li{display:inline-block; font-size:12px; text-align:center;margin:0;width:auto !important;float:none;} .item_hl_tab_type .goods_tab_tit li + li {margin-left:5px;} .item_hl_tab_type .goods_tab_tit li a{display:block;margin:0;height:50px;border-radius:50px;padding:12px 29px;line-height:24px;letter-spacing:-0.5px;font-weight:400;color:#000;font-size:18px;border:1px #fff solid;transition:all 0.3s;box-sizing:border-box;width:auto !important;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_hl_tab_type .goods_tab_tit li:hover a {border:1px #ffcc00 solid;} .item_hl_tab_type .goods_tab_tit li.on a{color:#fff;font-weight:600;border:1px #ffcc00 solid;background: rgba(255, 204, 0, 1);} .item_hl_tab_type .goods_tab_tit li:first-child a{margin-left:0;} .item_hl_tab_type .goods_tab_cont{min-height:150px;} .item_hl_tab_type .goods_tab_cont .goods_tab_box{display:none;} .item_hl_tab_type .goods_tab_cont .goods_tab_box.on{display:block} /*─────────────────────────────────────────────────────────── 메인 ───────────────────────────────────────────────────────────*/ /* 타이틀 */ .main_title {line-height:44px;font-size:40px;font-weight:200;color:#000;text-align:center;margin:61px 0 43px;padding:0;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;position:relative;z-index:1;} .main_title > a {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;position:relative;z-index:1;padding:0 45px 0 0;} .main_title > a:before {position:absolute;left:100%;top:50%;transform:translate(0, -50%);background:url(../img/da_image/icon_title_arrow.png) no-repeat 100% 50%;width:15px;height:27px;display:inline-block;content:"";transition:all 0.3s;opacity:1;} .main_title:hover > a:before {opacity:0.6;transform:translate(50%, -50%);} .main_title span {margin-top:19px;line-height:31px;font-size:22px;font-weight:inherit;color:#888;display:block;} .main_title .btn_goods_more {position:absolute;right:0;top:50%;transform:translate(0, -50%);display:inline-block;bottom:auto;height:30px;} .main_title .btn_goods_more a.btn_goods_view_more {display:inline-block;font-size:12px;height:30px;line-height:28px;padding:0 10px;border:1px #ddd solid;vertical-align:top;box-sizing:border-box;} /* 비주얼 */ .main_visual {height:auto;min-width:1200px;margin:0;} .main_visual .visual_ul {} .main_visual .visual_ul .visual_li {position:relative;height:640px;overflow:hidden;} .main_visual .visual_ul .visual_li > a {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;display:inline-block;} .main_visual .visual_ul .visual_li .visual_txt_wrap {position:absolute;left:50%;top:50%;z-index:6;color:#fff;text-align:left;width:1200px;transform:translate(-50%, -62.8%);} .main_visual .visual_ul .visual_li .visual_txt_wrap h3, .main_visual .visual_ul .visual_li .visual_txt_wrap p, .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more {display:block;font-weight:400;opacity:0;transition:all 0.8s;transition-timing-function:ease-in-out;position:relative;bottom:-20px;} .main_visual .visual_ul .visual_li .visual_txt_wrap h3 {font-size:60px;line-height:63px;font-weight:600;letter-spacing:-1px;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_visual .visual_ul .visual_li .visual_txt_wrap p {font-size:18px;line-height:32px;margin:20px 0 48px;letter-spacing:0px;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more {font-size:16px;line-height:24px;padding:20px 0 19px;border-bottom:1px #fff solid;display:inline-block;margin:0 auto 0 0;width:225px;color:#fff;} .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more:before {width:24px;opacity:0;height:24px;border-radius:24px;background:#ff4800;transition:all 0.3s;position:absolute;right:24px;top:50%;display:inline-block;content:"";transform:translate(7px, -50%);} .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more:hover:before {opacity:1;right:0;} .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more:after {width:10px;height:9px;display:inline-block;content:"";background:url(../img/da_image/icon_visual_arrow.png) no-repeat 0 50%;position:absolute;right:0;top:50%;transform:translate(0%, -50%);} .main_visual .visual_ul .visual_li .visual_img {position:absolute;left:50%;top:50%;width:1920px;height:100%;z-index:1;transform:translate(-50%, -50%);background-repeat:no-repeat;background-position:center;background-size:cover !important;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap h3, .main_visual .visual_ul .visual_li.active .visual_txt_wrap p, .main_visual .visual_ul .visual_li.active .visual_txt_wrap a.btn_more {opacity:1;bottom:0;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap h3 {transition-delay:0s;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap p {transition-delay:0.3s;} .main_visual .visual_ul .visual_li.active .visual_txt_wrap a.btn_more {transition-delay:0.5s;} .main_visual #visual_control {padding:0;position:absolute;left:50%;bottom:35px;transform:translateX(-50%);color:#fff;} .main_visual #visual_control .counter, .main_visual #visual_control .slick-arrow {display:inline-block !important;vertical-align:middle;} .main_visual #visual_control .counter {line-height:28px;margin:0 auto;font-size:15px;color:#fff;font-weight:400;width:63px;text-align:Center;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_visual #visual_control .counter span {display:inline-block;font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;} .main_visual #visual_control .counter span.current {font-weight:700;} .main_visual #visual_control .counter span.total {} .main_visual #visual_control .slick-arrow {position:static;width:20px;height:28px;transform:none;outline:0;border:0;} .main_visual #visual_control .slick-arrow.slick-prev {background:url('../img/da_image/btn_visual_prev.png') no-repeat center;} .main_visual #visual_control .slick-arrow.slick-next {background:url('../img/da_image/btn_visual_next.png') no-repeat center;} .main_visual #visual_control .pause, .main_visual #visual_control .play {font-size:0;width:16px;height:28px;outline:0;border:0;} .main_visual #visual_control .pause {background:url('../img/da_image/btn_visual_pause.png') no-repeat center;} .main_visual #visual_control .play {background:url('../img/da_image/btn_visual_play.png') no-repeat center;margin-right:5px;} .main_visual + .main_goods_cont {padding-top:51px;} /* 배너2종 */ .main_bnr_col2 {margin:69px auto 120px;width:100%;max-width:1920px;} .main_bnr_col2 ul {} .main_bnr_col2 li {width:50%;margin:0;padding:600px 0 0;position:relative;z-index:1;overflow:hidden;height:0;} .main_bnr_col2 li:nth-of-type(2n + 1) {clear:both;float:left;} .main_bnr_col2 li a {position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;display:block;} .main_bnr_col2 li a:before, .main_bnr_col2 li a:after {opacity:0;position:absolute;display:inline-block;content:"";box-sizing:border-box;width:0;height:0;transform:scale(1);transition:opacity 0.2s ease 0s, all 0.5s ease 0s;} .main_bnr_col2 li a:before {left:5px;top:5px;border-left:1px solid rgba(255, 255, 255, 1);border-top:1px solid rgba(255, 255, 255, 1);} .main_bnr_col2 li a:after {bottom:5px;right:5px;border-bottom:1px solid rgba(255, 255, 255, 1);border-right:1px solid rgba(255, 255, 255, 1);} .main_bnr_col2 li:hover a:before, .main_bnr_col2 li:hover a:after {width: calc(100% - 10px);height: calc(100% - 10px);opacity:0.7;} .main_bnr_col2 li > img {transition: all 0.3s;width:auto;height:600px;position:absolute;left:50%;top:50%;transform: scale(1, 1) translate(-50%, -50%);opacity:1;} .main_bnr_col2 li:hover > img {transform: scale(1.08, 1.08) translate(-46%, -46%);opacity:0.95;} .main_bnr_col2 li .bnr_col2_txt {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;margin:0;padding:0;z-index:1;} .main_bnr_col2 li .bnr_col2_txt img {} .main_bnr_col2 li .bnr_col2_txt h3 {margin-top:21px;line-height:32px;font-size:22px;font-weight:500;color:#fff;} .main_bnr_col2 li.bnr_col1 .bnr_col2_txt h3 {margin-top:28px;} /* 배너와 상품 */ .main_pr_col {} .main_pr_col + .main_pr_col {margin-top:69px;} .main_pr_col .pr_col_bnr {position:relative;z-index:1;} .main_pr_col .pr_col_bnr a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;} .main_pr_col .pr_col_pr {width:592px;} .main_pr_col.col_left .pr_col_bnr {float:left;} .main_pr_col.col_left .pr_col_pr {float:right;} .main_pr_col.col_right .pr_col_bnr {float:right;} .main_pr_col.col_right .pr_col_pr {float:left;} .main_pr_col .main_title {display:none;} .main_pr_col h3.pr_col_title {line-height:40px;font-size:40px;font-weight:600;color:#333;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_pr_col p.pr_col_txt {margin:17px 0 23px;line-height:20px;font-size:15px;font-weight:400;color:#888;} .main_pr_col a.pr_col_detail {height:46px;line-height:25px;padding:10px 0;display:inline-block;font-size:15px;font-weight:400;color:#333;width:120px;border-bottom:1px #333 solid;box-sizing:border-box;margin-bottom:55px;position:relative;z-index:1;} .main_pr_col a.pr_col_detail:before {width:24px;opacity:0;height:24px;border-radius:24px;background:#333;transition:all 0.3s;position:absolute;right:24px;top:50%;display:inline-block;content:"";transform:translate(7px, -50%);} .main_pr_col a.pr_col_detail:hover:before {opacity:1;right:0;} .main_pr_col a.pr_col_detail:after {width:10px;height:9px;display:inline-block;content:"";background:url(../img/da_image/icon_more_arrow.png) no-repeat 0 50%;position:absolute;right:0;top:50%;transform:translate(0%, -50%);transition:all 0.3s;} .main_pr_col a.pr_col_detail:hover:after {background:url(../img/da_image/icon_visual_arrow.png) no-repeat 0 50%;} /* 와이드 고정효과 배너 */ .main_fixed {background-repeat:no-repeat;background-position:50% 50%;background-attachment: fixed;background-size:1920px auto;position:relative;z-index:1;width:100%;transition:all 0.3s;margin:69px 0 0;} .main_fixed .fixed01 {width:100%;opacity:1;} .main_fixed:before, .main_fixed:after {transition:all 0.6s;opacity:0;content:"";display:block;position:absolute;left:0;width:100%;height:30%;z-index:1;} .main_fixed:before {bottom:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);} .main_fixed:after {top:0;background: rgb(0,0,0);background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);} .main_fixed:hover:before, .main_fixed:hover:after {opacity:0.2;} .main_fixed a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:90%;z-index:5;} .main_fixed .w_custom {height:0;padding:720px 0 0;position:relative;z-index:1;text-align:center;} .main_fixed .fixed_txt {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);} .main_fixed .fixed_txt h3, .main_fixed .fixed_txt p {color:#fff;text-align:center;margin:0;padding:0;} .main_fixed .fixed_txt h3 {line-height:59px;font-size:60px;font-weight:600;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_fixed .fixed_txt p {margin-top:27px;line-height:39px;font-size:30px;font-weight:400;} .main_fixed .fixed_txt img {margin:0 auto;display:inline-block;margin-top:117px;transform:translate(0, 0);transition:all 0.3s;} .main_fixed + .main_goods_cont {padding-top:51px;} /* 컨텐츠 게시판 */ .main_content {} .main_content h3.main_title {margin-bottom:42px;} .main_content ul {} .main_content li {width:380px;margin:0;padding:0 0 48px;transform:translateY(0px);position:relative;z-index:1;float:left;text-align:Center;transition:all 0.3s;} .main_content li:hover {transform:translateY(-10px);} .main_content li + li {margin-left:30px;} .main_content li a {position:absolute;left:0;top:0;width:100%;height:100%;display:inline-block;z-index:5;} .main_content li .bbs_thumb {width:100%;height:480px;overflow:hidden;position:relative;z-index:1;} .main_content li .bbs_thumb:before {display:inline-block;content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0;transition:all 0.3s;z-index:1;} .main_content li:hover .bbs_thumb:before {opacity:0.2;} .main_content li img {width:100%;max-width:100%;height:auto;} .main_content li h4 {margin:15px 0 0;line-height:29px;font-size:20px;font-weight:400;color:#000;} .main_content li h4 em {display:inline-block;max-width:100%;margin:0;padding:0;line-height:inherit;height:29px;font-size:inherit;color:inherit;font-weight:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;z-index:1;margin:0 auto;} .main_content li h4 em:before {content:"";display:inline-block;width:0;height:1px;background:#000;position:absolute;left:50%;top:29px;transition:all 0.3s;transform:translateX(-50%);} .main_content li:hover h4 em:before {width:100%;} .main_content li h4 span {display:block;max-width:100%;width:100%;margin:12px 0 0;padding:0;text-transform:uppercase;line-height:20px;height:20px;font-size:16px;color:#888;font-weight:200;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all 0.3s;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_content li:hover h4 span {color:#333;} .main_content li p {text-transform:uppercase;line-height:20px;font-size:16px;font-weight:200;color:#888;transition:all 0.3s;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_content li:hover p {color:#333;} /* 인스타 */ .main_insta {width:100%;max-width:1920px;margin:0 auto;} .main_insta ul {font-size:0;} .main_insta li {width: calc(20% - 4px);position:relative;z-index:1;float:left;margin:0 0 5px;padding:0;padding-top: calc(20% - 4px);overflow:hidden;transition:all 0.3s;background:#000;} .main_insta li + li {margin-left:5px;} .main_insta li:nth-of-type(5n + 1) {clear:both;float:left;margin-left:0;} .main_insta li a {position:absolute;left:0;top:0;z-index:5;display:inline-block;width:100%;height:100%;box-sizing:border-box;transition:all 0.3s;border:0px #fff solid;} .main_insta li a:before, .main_insta li a:after {bottom:5px;left:5px;right:5px;top:5px;transition:opacity 0.2s ease 0s, transform 0.6s ease 0s;opacity:0;position:absolute;display:inline-block;content:"";} .main_insta li a:before {border-bottom:1px solid rgba(255, 255, 255, 1);border-top:1px solid rgba(255, 255, 255, 1); transform:scale(0, 1);} .main_insta li a:after {border-left:1px solid rgba(255, 255, 255, 1);border-right:1px solid rgba(255, 255, 255, 1); transform:scale(1, 0);} .main_insta li:hover a:before, .main_insta li:hover a:after {opacity:1;transform:scale(1);} .main_insta li img {width:100%;height:auto;position:absolute;left:50%;top:50%;transform: scale(1, 1) translate(-50%, -50%);z-index:1;opacity:1;transition:all 0.3s;} .main_insta li:hover img {opacity:0.8;} /*─────────────────────────────────────────────────────────── 분류&상세 ───────────────────────────────────────────────────────────*/ .location_wrap {z-index:1;} .sub_content {padding:30px 0 0;} .item_goods_sec {position:static;} .item_goods_tab {position:relative;z-index:1;} /* ------------- 페이지 위치 ------------- */ .location_wrap{position:relative; width:100%; border-bottom:0; /*background:#f9f9f9;*/} .location_wrap .location_cont{width:1200px; margin:0 auto;} .location_cont em{display:block; float:left; padding:0;color:#888;font-size:13px;font-weight:400;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .location_cont span.navi_arrow {display:inline-block;height:22px;line-height:22px;background:url(../img/da_image/icon_navi_arrow.png) no-repeat 50% 48%;width:5px;margin:0 0 0 16px;vertical-align:Top;} .location_cont .local_home{color:#888;padding:0 0 0 20px;background:url(../img/da_image/icon_home.png) no-repeat 0 48%;height:22px;line-height:22px;font-size:inherit;font-weight:300;font-family:inherit;} .location_cont .local_home:hover{text-decoration:underline;} /* 페이지 셀렉트 레이어 */ .sub_content .location_wrap{margin:0 0 25px 0; border-bottom:none 0;} #contents > .location_wrap {margin:30px 0 10px 0;} .location_cont em + .location_select{margin-left:5px;} .location_cont .location_select{display:inline-block; position:relative; min-width:107px; margin:0; border:0; background:#ffffff; z-index:50;} .location_select .location_tit{background:url("../img/da_image/select_arrow_down_11x7.png") no-repeat right center;} .location_select .location_tit.actvie{background:url("../img/da_image/select_arrow_down_11x7.png") no-repeat right center;} .location_select .location_tit span{display:inline-block; padding-left:5px;color:#333;} .location_select .location_tit a{display:block; padding:3px 32px 3px 9px; line-height:16px;font-size:14px;color:#333;} .location_select ul{display:block; position:absolute; top:22px; left:0px; width:100%; margin-left:-1px; padding:6px 0 6px 0; font-size:0; border:1px solid #ccc; background:#ffffff;} .location_select ul li{/*padding:4px 0 4px 9px;*/} .location_select ul li a{display:block; padding:4px 5px 5px 10px; font-size:11px;color:#333;} .location_select ul li a span{display:inline-block;} .location_select ul li a:hover{color:#333; text-decoration:none; background:#f9f9f9;} /* 페이징 공통 */ .pagination{margin:20px 0 0 0;} .pagination .pagination {margin:0;} .pagination ul{padding:0; text-align:center;} .pagination li{display:inline-block; min-width:30px;vertical-align:middle;} .pagination li a, .pagination li span{display:block; padding:0 3px !important; height:30px; min-width:30px; width:auto;box-sizing:border-box; color:#888; font-size: 13px; line-height:30px; vertical-align:middle;font-weight:400;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .pagination li.on span{font-weight:600; color:#fff; background:#000; border-radius: 0px;} .pagination .on{color:#333; font-weight:600;} .pagination .btn_page{min-width:30px; border:0; background:#fff;} .pagination .btn_page a{min-width:30px;width:auto;} .pagination .btn_page a:hover{border:none 0;} .pagination .btn_page a img{display:none;} .pagination .btn_page_first, .pagination .btn_page_prev, .pagination .btn_page_next, .pagination .btn_page_last {width:24px;font-size:0;min-width:24px;} .pagination .btn_page_first a, .pagination .btn_page_prev a, .pagination .btn_page_next a, .pagination .btn_page_last a {font-size:0;min-width:24px;width:24px;} .pagination .btn_page_first{margin:0 0 0 0;background: url("../img/da_image/btn_pager_first.png") no-repeat 50%; padding: 0 !important;} .pagination .btn_page_prev{margin:0 5px 0 0; background: url("../img/da_image/btn_pager_prev.png") no-repeat 50%;padding: 0 !important;} .pagination .btn_page_next{margin:0 0 0 5px; background: url("../img/da_image/btn_pager_next.png") no-repeat 50%;padding: 0 !important;} .pagination .btn_page_last{margin:0 0 0 0; background: url("../img/da_image/btn_pager_last.png") no-repeat 50%;padding: 0 !important;} .goods_list + .pagination{padding:0; border:0;} /* 분류 */ /* 상단꾸미기1 */ .addition_wrap {position:relative;z-index:1;width:100%;margin:0;padding:280px 0 0;height:0;background-repeat:no-repeat !important;background-position:50% 50% !important;background-size:cover !important;} .addition_wrap .addition_txt {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;display:inline-block;max-width:1200px;} .addition_wrap .addition_txt img {display:inline-block;margin:0 auto;} .addition_wrap .addition_txt p {font-size:22px;font-weight:500;color:#fff;line-height:32px;margin:20px auto 0;padding:0;} /* 서브 탭 */ .sub_tab {padding:53px 0 27px;} .sub_tab h3 {font-size:40px;font-weight:700;color:#222;text-align:center;display:block;line-height:50px;} .sub_tab ul {text-align:center;font-size:0;padding:23px 0 23px;} .sub_tab li {display:inline-block;vertical-align:Top;} .sub_tab li + li {} .sub_tab li + li:before {width:1px;height:14px;background:#ccc;margin:11px 0;display:inline-block;content:"";vertical-align:Top;} .sub_tab li a {color:#555;font-weight:300;font-size:18px;line-height:25px;min-width:140px;padding:6px 33px;text-align:Center;box-sizing:border-box;display:inline-block;vertical-align:Top;border:0;} .sub_tab li.on {} .sub_tab li.on a {color:#222;font-weight:500;} /* 추천순, 판매인기순, 낮은가격순, 높은가격순, 상품평순, 등록일순 */ .goods_pick_list{/*min-height:300px;*/margin:0;padding:0 0 20px;} .goods_pick_list .pick_list_num{display:inline-block; padding:5px 0; font-size:15px;color:#333;line-height:25px;} .goods_pick_list .pick_list_num strong{color:#ee1c25;font-weight:600;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .goods_pick_list > form {float:right;} .goods_pick_list .pick_list_box{display:inline-block; height:35px; margin:0; padding:0; border:0; clear:both;text-align:right;} .goods_pick_list .pick_list_box .pick_list{display:inline-block; float:left; padding:0;vertical-align:top;font-size:0;} .goods_pick_list .pick_list_box .pick_list li{float:left; margin:0 4px 0 0; padding:7px 0 8px; line-height:20px;height:35px;box-sizing:border-box;background:#ffffff; position:relative;vertical-align:top;} .goods_pick_list .pick_list_box .pick_list li + li {} .goods_pick_list .pick_list_box .pick_list li + li:before {width:1px;height:10px;background:#ccc;vertical-align:top;margin:5px 0;display:inline-block;content:"";} .goods_pick_list .pick_list_box .pick_list input{position:absolute; top:3px; left:1px; width:0; z-index:-1;} .goods_pick_list .pick_list_box .pick_list label{padding:0 11px; background:none; cursor:pointer;font-size:13px;color:#777;} .goods_pick_list .pick_list_box .pick_list label.on{color:#000; font-weight:500; background:none;} /* 보여지는 갯수(셀릭트 박스) */ .goods_pick_list .choice_num_view{float:right; padding:0;} .goods_pick_list .choice_num_view select{width:120px;} #wrap .goods_pick_list .chosen-single {height: 35px;line-height:23px;padding:5px 0 5px 8px;color: #555;vertical-align: top;outline: none;border: 1px solid #cccccc;} #wrap .goods_pick_list .chosen-single > span {line-height:23px;} #wrap .goods_pick_list .chosen-container-single .chosen-single div b {background-position:0 5px;} #wrap .goods_pick_list .chosen-container-active.chosen-with-drop .chosen-single div b {background-position:-17px 5px;} /* 상품 상세 */ .item_photo_info_sec{} .item_photo_info_sec:after{display:block; clear:both; content:'';} /* 상품 이미지 크게 보기 */ .item_photo_view_box{float:left; position:relative; width:560px;} .item_photo_view{} .item_photo_big{display:table-cell; position:relative; width:560px; height:auto; text-align:center; vertical-align:middle; border:1px solid #ddd;} .item_photo_big span{display:inline-block; width:558px;} .item_photo_big img{max-width:100%; max-height:100%;} .item_photo_big .btn_zoom{position:absolute; bottom:0px; right:0;} /* 상품 이미지 슬라이드 */ .item_photo_slide{position:relative; margin:20px 0 0 0;} .item_photo_slide .slider_goods_nav{font-size:0; width:505px;} .item_photo_slide .slider_goods_nav li{display:inline-block; width:85px; height:85px; padding:0 8px 0 8px;/* background:#666;*/outline:0;} .item_photo_slide .slider_goods_nav li img{width:83px; height:83px; margin:0;outline:0;} .item_photo_slide .slider_goods_nav li a{display:block; width:85px;box-sizing:border-box;border:1px solid #ddd;outline:0;} /* 작은 슬라이드 이미지 오버시, 선택시 */ .item_photo_slide .slider_goods_nav li a:hover{width:85px; height:85px; border:1px solid #333;} .item_photo_slide .slider_goods_nav li a:hover img{margin:0;} .item_photo_slide .slider_goods_nav li a.on{width:85px; height:85px; border:1px solid #333;} .item_photo_slide .slider_goods_nav li a.on img{margin:0;} /* 작은 슬라이드 버튼 */ .item_photo_slide .slick_goods_prev, .item_photo_slide .slick_goods_next{position:absolute; top:23px; left:0; padding:10px 0; z-index:150;outline:0;border:0;opacity:0.5;} .item_photo_slide .slick_goods_next{right:0; left:auto;} .item_photo_slide .slick_goods_prev:hover, .item_photo_slide .slick_goods_next:hover {opacity:1;} /* 상품 대표 색상 */ .item_photo_info_sec .color{margin:0; overflow:hidden} .item_photo_info_sec .color > div{width:16px; height:16px; text-indent:-9999px; border:#ddd 1px solid; float:left; margin:2px 0 2px 0;} .item_photo_info_sec .color > div + div {margin-left:4px;} /* 상품 상세 리스트 */ .item_info_box{float:right; position:relative; width:590px;} /* 타임세일 */ .item_info_box .time_sale{overflow:hidden; height:49px; margin:0 0 20px 0; padding:10px 10px 0 10px; border-bottom:1px solid #ccc; background:#f5f5f5;} .time_sale strong{display:block; float:left;} .time_sale .time_sale_num{width:59px; height:44px; padding:5px 0 0 0; color:#ffffff; font-size:18px; background:url("../img/common/bg/bg_sale.png") no-repeat 0 0; text-align:center;} .time_sale .time_sale_num span{padding:0 0 0 1px; font-size:14px;} .time_sale .time_day{margin:7px 0 0 16px; font-size:18px; letter-spacing:2px;} .time_sale .time_day b{padding:0 10px 0 0;} .time_sale .time_now_order{float:right; margin:5px 0 0 0;} .time_sale .time_now_order span{color:#333333; font-size:18px;} /* 상품 상세 리스트 내용 */ .item_tit_detail_cont{} .item_detail_tit{position:relative; padding:0 0 19px 0; border-bottom:2px solid #333;} .item_detail_tit h3{width:550px; font-size:34px;font-weight:500;color:#111;line-height:40px;margin-top:-4px;word-break: break-all;} .item_detail_tit h4{width:550px;font-size:16px;font-weight:400;color:#888;line-height:22px;word-break: break-all;margin-top:11px;} .item_detail_tit .item_price_wrap {width:550px;margin-top:13px;} .item_detail_tit .item_price_wrap del {color:#888;font-weight:300;font-size:14px;display:inline-block;margin:0;vertical-align:top;margin-right:10px;line-height:23px;padding:3px 0 0;} .item_detail_tit .item_price_wrap del em {font-weight:300;font-size:18px;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_detail_tit .item_price_wrap strong {color:#ee1c25;font-size:15px;font-weight:400;display:inline-block;margin:0;vertical-align:top;padding:0;line-height:21px;padding:5px 0 0;} .item_detail_tit .item_price_wrap strong em {letter-spacing:-1px;font-size:26px;font-weight:400;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;line-height:26px;display:inline-block;margin:0;vertical-align:top;margin-top:-5px;} .item_detail_tit .btn_qa_share_box{position:absolute; bottom:auto;top:5px; right:0px;} .item_detail_tit .btn_qa_share_box .target_sns_share {width:28px;height:28px;display:inline-block;border:0;margin:0 0 0 10px;vertical-align:top;background:url(../img/da_image/icon_view_sns.png) no-repeat 50% 50%;outline:0;font-size:0;} .item_detail_tit .btn_qa_share_box .target_sns_share a {display:inline-block;width:100%;height:28px;font-size:0;} /* 상품상세 공통 */ .item_detail_list{border-bottom:0; margin:10px 0 0 0;padding:0 0 35px 0;} .item_detail_list:after{display:block; clear:both; content:"";} .item_detail_list dl{float:left; width: calc(100% - 20px);margin:0 10px;min-height:35px; padding:3px 0;} .item_detail_list dt{float:left; width:100px; margin:0 10px 0 0; color:#222;font-size:14px;min-height:35px;line-height:25px;padding:5px 0; font-weight:normal; word-wrap:break-word;box-sizing:border-box;} .item_detail_list dd{float:left; width:460px;min-height:35px;font-size:14px;font-weight:400;color:#222;line-height:25px;padding:5px 0;word-wrap:break-word;box-sizing:border-box;} .item_detail_list dd span.btn_layer, #wrap .item_detail_list dd .chosen-single {margin:0;} #wrap .item_detail_list dd .chosen-container {height:35px;margin:-5px 0;} #wrap .item_detail_list dd .chosen-single {height:35px;line-height:24px;padding:4px 0 5px 8px;box-sizing:border-box;} #wrap .item_detail_list dd .chosen-single > span {line-height:24px;} #wrap .item_detail_list dd .chosen-container-single .chosen-single div b {background-position:1px 5px;} #wrap .item_detail_list dd .chosen-container-active.chosen-with-drop .chosen-single div b {background-position:-17px 5px;} .item_detail_list del{color:#333333;} .item_detail_list dd .item_size_more {margin-top:-4px;} .item_detail_list dd .item_size_more ul {font-size:0;} .item_detail_list dd .item_size_more ul:after {clear:both;content:"";display:block;} .item_detail_list dd .item_size_more li {color:#555;border-color:#ccc;background:#fff;cursor:pointer;display:inline-block;float:left;line-height:28px;margin:2px 0 3px 0;min-width:50px;box-sizing:border-box;text-align:center;border-width:1px;border-style:solid;font-size:14px;font-weight:500;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_detail_list dd .item_size_more li + li {margin-left:5px;} .item_detail_list dd .item_size_more li:nth-of-type(7n + 1) {margin-left:0;clear:both;float:left;} .item_detail_list dd .item_size_more li.out, .item_detail_list dd .item_size_more li.out:hover {color:#555;border-color:#ccc;background:#eee;cursor:auto;} .item_detail_list dd .item_size_more li:hover {color:#555;border-color:#111;background:#fff;} .item_detail_list dd .item_size_more li.on {color:#fff;border-color:#111;background:#111;} .item_choice_list {margin:0;} /* 판매가 */ .item_price dd{margin:-2px 0 0 0; font-size:16px; font-weight:500;} /* 타임세일가격 */ .time_sale_price dd{margin:-3px 0 0 0; color:#333333; font-size:16px; font-weight:500;} .time_sale_price dd del{position:relative; top:-2px; font-size:14px; font-weight:normal;} .time_sale_price dd strong{margin:0 0 0 5px; font-size:18px;} .time_sale_price dd img{margin:7px 0 0 0;} /* 구매혜택 */ .item_discount_mileage dd{} .item_apply{color:#999999; font-size:11px;} .item_discount{display:block; padding:1px 0 2px 20px; background:url("../img/icon/goods_icon/icon_discount.gif") no-repeat 0 2px;} .item_mileage{display:block; padding:2px 0 1px 20px; background:url("../img/icon/goods_icon/icon_mileage.gif") no-repeat 0 2px;} /* 배송비 */ .item_delivery dd strong{padding:0 5px 5px 0; font-weight:normal;} .item_delivery select{width:55%;} .item_delivery .chosen-container{display:inline-block; margin:5px 0 0 0;} .item_delivery .delivery-detail .delivery-division { display: inline-block; height: 30px; line-height: 30px; vertical-align: bottom; } /* 옵션추가 */ .item_add_option_box{float:left; margin:0; padding:0; border:0;} .item_add_option_box dl{width: calc(100% - 20px);margin:0 10px;min-height:35px; padding:3px 0;} .item_add_option_box dt {float:left; width:100px; margin:0 10px 0 0; color:#222;font-size:14px;min-height:35px;line-height:25px;padding:5px 0; font-weight:normal; word-wrap:break-word;box-sizing:border-box;} .item_add_option_box dt strong{color:inherit;font-weight:inherit;} .item_add_option_box dd{float:left; width:460px;min-height:35px;font-size:14px;font-weight:400;color:#222;line-height:25px;padding:5px 0;word-wrap:break-word;box-sizing:border-box;margin:0;} .item_add_option_box dd strong{display:block; padding:2px 0 0 0;} .item_add_option_box select{width:100%;} .item_add_option_box input{width:100%;} /* 상품 총 가격 */ .item_price_cont{text-align:right;} .item_tatal_box{float:right; width:100%; padding:26px 0 0 0;} .item_tatal_box dl{width:100%; padding:0; font-size:0;text-align:right;font-size:0;} .item_tatal_box dl + dl {padding-top:5px;} .item_tatal_box dt{display:inline-block; width:auto;margin-right:24px; font-size:15px;font-weight:500;color:#111;line-height:23px;padding:3px 0 0 0;} .item_tatal_box dd{display:inline-block; width:auto; line-height:23px;padding:3px 0 0;font-size:16px;color:#111;font-weight:400;} .item_tatal_box dd strong {font-size:16px;color:#111;} .item_tatal_box dd strong em {display:inline-block;margin-top:-3px;line-height:26px;font-size:22px;font-weight:500;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .item_tatal_box dd strong.total_price {color:#ee1c25;} .item_tatal_box dd strong.total_price em {font-size:26px;} #wrap .item_choice_list table {background:#f9f9f9;} #wrap .item_choice_list table td {padding:15px 0;box-sizing:border-box;line-height:24px;vertical-align:middle;} #wrap .item_choice_list table td.cart_prdt_name {padding-left:30px;padding-right:20px;} #wrap .item_choice_list table td.cart_prdt_name + td {} #wrap .item_choice_list table td.cart_prdt_name + td .count {padding:0;} #wrap .item_info_box .goods_qty {width:98px;height:30px;} #wrap .item_info_box .goods_qty .text {width:38px;border:1px #ccc solid;border-left:0;border-right:0;outline:0;color:#111;font-size:11px;font-weight:400;padding:0 10px;box-sizing:border-box;height:30px;line-height:28px;text-align:right;vertical-align:top;margin:0 0 0 30px;} #wrap .item_info_box .goods_qty span {display:inline-block;position:relative;width:30px;height:30px;z-index:1;vertical-align:top;} #wrap .item_info_box .goods_qty span button.goods_cnt {width:30px;height:30px;display:inline-block;outline:0;border:0;margin:0;padding:0;} #wrap .item_info_box .goods_qty span button.goods_cnt.up {position:absolute;right:0;top:0;background:url(../img/da_image/icon_view_plus.png) no-repeat 50% 50%;} #wrap .item_info_box .goods_qty span button.goods_cnt.down {position:absolute;left:-67px;top:0;background:url(../img/da_image/icon_view_minus.png) no-repeat 50% 50%;} #wrap .item_choice_list table td.cart_prdt_name + td + td.item_choice_price {text-align:right;padding-right:0;padding-left:0;} #wrap .item_choice_list table td.cart_prdt_name + td + td.item_choice_price + td {text-align:right;padding-right:20px;} #wrap .item_choice_list table colgroup+tbody tr td {border-top:1px #ddd solid;} #wrap .item_detail_list + .item_choice_list table {border-bottom:0;} #wrap .item_choice_list table tbody:last-child tr td {border-bottom:1px #aaa solid;} /* 총 상품금액 */ .item_tatal_box .total_goods{} /* 총 할인금액 */ .item_tatal_box .total_discount dd{color:#999999;} /* 총 합계급액 */ .item_tatal_box .total_amount{margin:15px 0 0 0; padding-top:10px; border-top:1px solid #ccc;} .item_tatal_box .total_amount dt{font-size:16px; font-weight:500;} .item_tatal_box .total_amount dd{color:#333333; font-weight:500;} .item_tatal_box .total_amount dd strong{font-size:20px;} .btn_choice_box{clear:both; width:100%; padding:40px 0 0 0; text-align:right;font-size:0;} .btn_restock_box{text-align:right;} .btn_add_cart, .btn_add_wish, .btn_add_order, .restockSelector, .btn_add_soldout {display: inline-block;height: 60px;line-height:58px;margin:0;padding:0;font-size: 20px;font-weight:500;color: #111;border: 1px solid #111;background: #fff;text-align: center;box-sizing:border-box;} .btn_add_cart:hover, .btn_add_wish:hover, .btn_add_order:hover, .restockSelector:hover, .btn_add_soldout:hover {color: #111;border: 1px solid #111;background: #fff;} .btn_add_cart {width:240px;} .btn_add_order, .btn_add_order:hover {width:278px;background:#111;color:#fff;} .btn_add_wish, .btn_add_wish:hover {width:60px;margin-right:10px;font-size:0;background:url(../img/da_image/icon_view_wish.png) no-repeat 50% 50%;} .restockSelector, .restockSelector:hover {width:190px;margin-right:10px;} /* 페이고페이,네이버 페이 */ .pay_box{margin:20px 0 10px 0; text-align:right;} .pay_box .payco_pay, .pay_box .naver_pay{display:inline-block; margin:0 0 10px 0;} /* 상품상세정보, 배송안내, 교환 및 반품안내, 상품후기, 상품문의 */ .item_goods_sec{position:relative; margin:0;} .item_goods_sec .detail_cont, .item_goods_sec .delivery_cont, .item_goods_sec .exchange_cont, .item_goods_sec .reviews_cont, .item_goods_sec .qna_cont{position:relative; min-height:auto;padding:0;} .item_goods_sec .exchange_cont {padding-top:5px;} .item_goods_sec h3{padding:0 0 13px 0;margin-top:-5px;line-height:27px;font-size:20px;font-weight:400;color:#222;} .item_goods_sec .admin_msg{min-height:auto;font-size:14px;font-weight:400;color:#666;line-height:28px;} .item_goods_sec .admin_msg + h3 {padding-top:41px;margin-top:0;} .item_goods_sec .admin_msg > p{margin:0;padding:0;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;} .item_goods_sec .admin_msg > p b {color:#222;font-weight:inherit;font-size:inherit;} .item_goods_sec .admin_msg:nth-of-type(1) > p:nth-of-type(4) {line-height:17px;} /* 상품 정보내용 탭 */ .item_goods_tab{padding:90px 0 0 0;margin:0 0 50px 0;border-bottom:0;} .item_goods_tab ul{float:none; width:100%; height:55px; margin:0 auto; padding:0 0 0 0; font-size:0;} .item_goods_tab li{float:left; position:relative; width:20%; font-size:15px; text-align:center; z-index:10;} .item_goods_tab li.on{margin-top:0; z-index:20;} .item_goods_tab li a{display:block; margin:0; padding:16px 0 15px 0; line-height:22px;color:#666; font-size:15px; border:0; border-bottom:2px solid #ccc; background:#ffffff;} .item_goods_tab li.on a{padding-top:16px; margin-top:0; color:#222; font-weight:500; border:0; border-bottom:2px solid #222;} .item_goods_tab li.on a span{display:inline-block; position:relative; top:-3px;} .item_goods_tab li:first-child a{margin-left:0;} .item_goods_tab li a strong{color:#333333;} /* 상품상세보기 */ .item_goods_sec .detail_explain_box{min-height:100px;} .item_goods_sec .detail_explain_box .goods_list {padding-bottom:0;} /* 상품필수 정보 */ .datail_table{} .left_table_type{width:100%; border:0; border-spacing:0; border-collapse:collapse;} .left_table_type th{padding:10px 10px 10px 14px; color:#555555; border:1px solid #ccc; background:#f9f9f9; text-align:left;} .left_table_type td{padding:10px 10px 10px 18px; border:1px solid #ccc; text-align:left;} .left_table_type td .kcmark{width: 28px; height: 40px; display: inline-block; padding: 7px 16px 7px 0; background :url("../../../../commonimg/kcmark.jpg")no-repeat left; background-size: 26px 40px; vertical-align: middle;} .left_table_type td a{font-size: 10px; text-decoration: underline;} /* 관련상품 */ .item_goods_sec .detail_explain_box{min-height:100px;} .item_goods_sec .detail_explain_box .goods_list_cont{margin-top:0;} /* 픽업 */ .find-store{margin:20px 0} .find-store a{display:inline-block;font-size:13px;color:#f00;margin-top:15px;text-decoration:underline} /*매장찾기 팝업*/ .find-store-pop{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:200; background:rgba(0,0,0,0.6); /* IE 5.5 - 7 */ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);/* IE 8 */ -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"; } .find-store-box {position: absolute; top:50%; left:50%; z-index:300; width:452px; overflow: hidden; background:#fff; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .find-store-box .goods-store-box {padding:44px; height:580px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .find-store-box .goods-store-box .tit {font-size:18px; line-height:1; position: relative; padding:10px 0 20px;} .find-store-box .goods-store-box .tit .btn-close {position: absolute; right:0; top:10px; display:block; background:url("../img/btn/btn-close.png") no-repeat center; background-size:100%; width:20px; height:20px; font-size:0;} .find-store-box .goods-img-box {position: relative; width:100%; height:250px; overflow: hidden;} .find-store-box .goods-img-box img {width:100%; position: absolute; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} .find-store-box .goods-info-box {padding:16px 0 0 0;} .find-store-box .goods-info-box h5 {font-size:12px; padding:0 0 5px;} .find-store-box .goods-info-box h3 {font-size:24px;width:100%} .find-store-box .goods-info-box .item_detail_tit {padding:0;border-bottom:none} .find-store-box .goods-info-box .item_detail_tit2 {padding:0 0 5px; border:none;} .find-store-box .goods-info-box .item-selection-box {width:230px; height:56px; line-height:56px; padding:0 23px; border:1px solid #D8D8D8; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; font-size:14px; color:#979797; overflow: hidden; clear: both;} .find-store-box .goods-info-box .item-selection-box strong {float:right; color:#000;} .find-store-box .goods-store-map {background:#222; padding:40px 42px; color:#fff; font-size:12px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;} .find-store-box .goods-store-map .map-no-date {height:194px; font-size:18px; color:RGBA(255,255,255,0.6); font-weight:400;} .find-store-box .goods-store-map .store-map-box {height:100%;} .find-store-box .goods-store-map .store-map-box h4 {font-size:12px; font-weight:500; padding:0 0 10px; color:#fff} .find-store-box .goods-store-map .store-map-box .scroll-box {overflow: hidden; overflow-y:auto; height:280px;} .store-map-box .scroll-box li {padding:17px 0;} .store-map-box .scroll-box li h5 {font-size:12px; font-weight:500; padding:0 0 10px; color:#fff} .store-map-box .scroll-box li p {font-size:18px; color:RGBA(255,255,255,0.6); font-weight:400; padding:0 0 6px;} .store-map-box .scroll-box li strong {font-weight:500; font-size:16px;} .store-map-box .scroll-box li a {display:block; width:92px; height:46px; line-height:44px; text-align:center; background:#fff; color:#222; font-size:12px; font-weight:400; margin:18px 0 0 0;} .item_detail_tit2 {position: relative; border-bottom:1px solid #cccccc; padding-bottom:15px; margin-bottom:0;letter-spacing:-1px} .item_detail_tit2 ul {font-size:0; text-align:left;} .item_detail_tit2 ul li {display:inline-block; vertical-align:middle; line-height:40px; font-size:14px; padding-right:10px; color:#888888;} .item_detail_tit2 ul li del {margin-left:2px; color:RGBA(34,34,34,0.4); font-size:0;} .item_detail_tit2 ul li del span {font-size:20px;position:relative;top:3px} .item_detail_tit2 ul li .discount_box {color:#222222; font-size:25px;font-weight:bold} .item_detail_tit2 ul li.item_price {color:#FAB35B;} .item_detail_tit2 ul li.item_price strong {font-size:28px; font-weight:500;} .item_detail_tit2 ul li.item_price font {font-size:22px; display:none;} @media screen and (max-width:768px){ .find-store-box{width:100%} } /* ------------- 게시판 공통 ------------- */ /* 동록된 게시글 없음 */ #wrap .no_data{padding:17px 30px 16px 30px; text-align:center;} /* ------------- 상품후기 ------------- */ #qna {padding-top:25px;} .reviews_table, .qna_table{} .reviews_table + .pagination, .qna_table + .pagination {margin-top:38px;padding-bottom:7px;} .reviews_table + .pagination ul, .qna_table + .pagination ul {padding-top:0;min-height:30px;line-height:30px;} .btn_reviews_box, .btn_qna_box {top:auto;bottom:0;right:0;z-index:5;} .btn_reviews_write, .btn_qna_write, .btn_reviews_write:hover, .btn_qna_write:hover {display: inline-block;min-width:130px;width:130px;box-sizing:border-box;height:45px;font-size:14px;line-height:23px;padding:10px;color: #fff;font-weight: 500;border: 1px solid #222;background: #222;text-align: center;} .btn_reviews_more, .btn_qna_more, .btn_reviews_more:hover, .btn_qna_more:hover {margin-right:7px;display: inline-block;min-width:130px;width:130px;box-sizing:border-box;height:45px;font-size:14px;line-height:23px;padding:10px;color: #222;font-weight: 500;border: 1px solid #222;background: #fff;text-align: center;} .reviews_table_type, .qna_table_type {width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #333; text-align:center;} .reviews_table_type thead, .qna_table_type thead{display:none;} .reviews_table_type th, .qna_table_type th{padding:10px 10px 10px 14px; color:#555555;} .reviews_table_type td, .qna_table_type td {padding:17px 10px 16px 18px; border-bottom:1px solid #ccc;color:#777;font-size:14px;font-weight:400;} .reviews_table_type td em, .qna_table_type td em {color:#222;font-weight:400;} .reviews_table_type td em.complete, .qna_table_type td em.complete {color:#ee1c25;font-weight:500;} .reviews_table_type td.board_tit strong, .qna_table_type td.board_tit strong {color:#222;font-weight:400;} /* 상품후기 내용 시작 */ .reviews_new_box, .qna_new_box{text-align:left; background:#f8f8f8;} .reviews_new_box .board_cont, .qna_new_box .board_cont{float:right; width:83%; padding:0 30px 0 0;} .qna_new_box .board_cont{width:89.3%;} .reviews_new_box .btn_view_comment_box{margin:10px 0 0 0; padding:10px 0 10px 0; /*border-bottom:1px dotted #ccc;*/ text-align:left;} .qna_new_box .btn_view_qna_box{margin:10px 0 0 0; padding:10px 0 10px 0; text-align:left;} .qna_new_box .board_cont .qna_box{} .qna_new_box .board_cont .qna_box dt{position:relative; padding:10px 0 10px 20px;} .qna_new_box .board_cont .qna_box dd{position:relative; margin:10px 0 0 0; padding:10px 0 10px 20px; border-top:1px solid #ccc;} .qna_new_box .board_cont .qna_box .icon_qan{position:absolute; top:14px; left:0px;} .qna_new_box .board_cont .qna_box dt span img, .qna_new_box .board_cont .qna_box dd span img {vertical-align:middle;} .qna_new_box .board_cont .qna_box strong{} .qna_new_box .board_cont .qna_box p{padding:5px 0 0 0;} /* 상품후기 별 */ .reviews_table_type .rating_star{display:inline-block; width:75px; height:12px; background: url("../img/da_image/icon_star_bg.png") no-repeat left top; vertical-align: middle; text-indent: -9999px;} .reviews_table_type .rating_star span{display:block; background:url("../img/da_image/icon_star_fill.png") no-repeat left top;} /*─────────────────────────────────────────────────────────── 게시판 / 200902 offline custom ───────────────────────────────────────────────────────────*/ /* ------------- 기본 게시판 테이블 리스트 ------------- */ #wrap.board_offline .board_zone_sec{position:relative;} #wrap.board_offline .board_zone_tit{margin: 30px 0 60px;padding: 0;font-size: 40px;line-height: 1;color: #000;text-align: center;} #wrap.board_offline .board_zone_tit h2 {font-weight:700;font-size:40px;} #wrap.board_offline .board_zone_cont{} #wrap.board_offline .board_zone_sec + .board_zone_cont, #wrap.board_offline .board_zone_cont + .board_zone_cont{margin: 0;} /* 게시판 검색 */ #wrap.board_offline .board_search_box{margin: 0 0 40px;padding: 20px 0;border-top: 0;border-bottom: 0;background: #f5f5f5;text-align:center;font-size: 0;} #wrap.board_offline .board_search_box select{width:90px;} #wrap.board_offline .board_search_box .chosen-container {width: 100px !important;border-color:#ddd;line-height: 35px;} #wrap.board_offline .board_search_box .chosen-container:nth-of-type(2) {margin:0 10px;} #wrap.board_offline .board_search_box .chosen-single {border-color:#ddd;line-height: 35px;height: 35px;} #wrap.board_offline .board_search_box .chosen-single span {height:35px;line-height:35px;} #wrap.board_offline .board_search_box input {width:200px;border-color:#ddd;height:35px;} #wrap.board_offline .board_search_box .btn_board_search {height:35px;width: 60px;font-size: 14px;margin-left: 10px;} #wrap.board_offline .board_search_box .btn_board_search em {} /* -------------갤러리형 게시판 ------------- */ #wrap.board_offline .board_list_gallery{position:relative; width:100%;} #wrap.board_offline .board_list_gallery:after{display:block; clear:both; content:"";} #wrap.board_offline .board_list_gallery ul{float:left;width: calc(100% + 20px);font-size:0;margin-left: -10px;} #wrap.board_offline .board_list_gallery ul li{display:inline-block; position:relative; /*min-height:50px;*/ margin:0 0 40px 0; font-size:12px; text-align:center;vertical-align:top;} #wrap.board_offline .board_list_gallery ul li a {position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;} #wrap.board_offline .board_list_gallery .gallery_cont{padding:0 10px 0 10px;} /* 게시판 이미지 */ #wrap.board_offline .board_list_gallery .board_img{overflow:hidden;display:table;position:relative;width:100%;min-height:200px;text-align:center;border: 0;} #wrap.board_offline .board_list_gallery .board_img a{display:table-cell; height:100%; vertical-align:middle;} #wrap.board_offline .board_list_gallery .board_img img {max-width:100%;} .gallery_info_cont{padding:10px 0 0 0; text-align:left;} /* 게시판 제목 */ #wrap.board_offline .gallery_info_cont {padding: 19px;text-align:left;border: 1px solid #ddd;box-sizing: border-box;} #wrap.board_offline .gallery_info_cont .board_tit{margin: 0;text-align:left;vertical-align:middle;} #wrap.board_offline .gallery_info_cont .board_tit em{display: inline-block;margin: 0;padding: 0 9px;line-height: 22px;background: #eee;font-size: 13px;color: #666;} #wrap.board_offline .gallery_info_cont .board_tit a {} #wrap.board_offline .gallery_info_cont .board_tit a:hover {text-decoration:none;display: block;} #wrap.board_offline .gallery_info_cont .board_tit strong{font-size: 20px;display: block;line-height: 1;color: #000;padding: 12px 0 12px 15px;background: url('../img/da_image/ico_map.png') no-repeat left;} #wrap.board_offline .gallery_info_cont .board_tit a:hover strong{text-decoration: none;} #wrap.board_offline .gallery_info_cont .board_tit img{margin:0 2px 0 2px; vertical-align:middle;} #wrap.board_offline .gallery_info_cont .board_cont {height:100px;max-height:100px;overflow:hidden;font-size:14px;line-height:20px;color:#888;word-break:break-all;}