@charset "utf-8"; body {width:100%; height:auto; -webkit-overflow-scrolling:touch;} #wrap {min-width:320px; width:100%; height:100%; -webkit-overflow-scrolling:touch;overflow:hidden;} .ly_wrap {overflow:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch;} /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ 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;} .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: calc(100% - 20px);margin-left:auto;margin-right:auto;text-align:left;box-sizing:border-box;} /*─────────────────────────────────────────────────────────── HEADER ───────────────────────────────────────────────────────────*/ #header_wrap {position:relative;z-index:2;} #header_wrap header { width:100%; min-width:320px; background:none; z-index:300;position:absolute;left:0;top:0;} #header_wrap header.h_on {position:fixed; top:0; left:0;} #header_wrap header .header_box {border:0;background: rgba(255, 255, 255, 0.5);transition:all 0.3s;} #header_wrap header.h_on .header_box {} #header_wrap header .header_box .hd_sc_top {} #header_wrap header.h_on .header_box .hd_sc_top {} #header_wrap header .header_box .top_bnr {margin:0;width:100%;padding:0;} #header_wrap header .header_box .top_bnr a, #header_wrap header .header_box .top_bnr img {vertical-align:top;width:100%;height:auto;} #header_wrap header .header_box .hd_gnb {position:relative;z-index:1;width:100%;padding:7px 0 4px;vertical-align:top;} #header_wrap header .header_box .hd_gnb:after {clear:both;content:"";display:block;} #header_wrap header .header_box .hd_gnb .h_logo {position:absolute;left:50%;top:22px;display:inline-block;transform:translateX(-50%);text-align:center;} #header_wrap header .header_box .hd_gnb .h_logo a, #header_wrap header .header_box .hd_gnb .h_logo img {vertical-align:top;height:30px;width:auto;} #header_wrap header .header_box .hd_gnb .side_menu {float:left;display:inline-block;width:56px;height:56px;vertical-align:top;text-align:Center;} #header_wrap header .header_box .hd_gnb .side_menu span {display:inline-block; width:56px; height:56px; font-size:0; background:url('../img/da_image/icon_menu_b.png') no-repeat center; background-size:auto 18px; vertical-align:top;} #header_wrap header .header_box .hd_gnb {} #header_wrap header .header_box .right_menu {float:right;display:table;margin:0;margin-right:15px;} #header_wrap header .header_box .right_menu li {position:relative;display:table-cell;vertical-align:top;} #header_wrap header .header_box .right_menu li > button, #header_wrap header .header_box .right_menu li > a {margin:0;padding:19px 5px 15px;box-sizing:border-box;display:inline-block;vertical-align:top;background:none;border:none;} #header_wrap header .header_box .right_menu li > button > span, #header_wrap header .header_box .right_menu li > a > span {display:inline-block;vertical-align:top;font-size:0;height:22px;width:22px;background-size:auto 22px !important;} #header_wrap header .header_box .right_menu li > button > span {background:url('../img/da_image/icon_search_b.png') no-repeat center;} #header_wrap header .header_box .right_menu li > a > span {width:19px;background:url('../img/da_image/icon_cart_b.png') no-repeat center;} #header_wrap header .header_box .cart_count {position:absolute;height:18px;min-width:18px;top:auto;bottom:10px;right:0;display:block;box-sizing:border-box;text-align:center;padding:0 3px;line-height:18px;border-radius:100%;color:#fff;background:#000;vertical-align:middle;font-weight:700;font-size:12px;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #header_wrap header .header_box .hd_sc_all {min-height:53px;} #header_wrap header .header_box .hd_sc_all .category_side {display:none;} #header_wrap header .header_box .hd_sc_all .hd_lnb_slide {} #header_wrap header .header_box .hd_sc_all .hd_lnb_slide .swiper-wrapper {font-size:0;} #header_wrap header .header_box .hd_sc_all .hd_lnb_slide .swiper-wrapper .swiper-slide {display:inline-block;width:auto;margin:0;padding:0;} #header_wrap header .header_box .hd_sc_all .hd_lnb_slide .swiper-wrapper .swiper-slide a {padding:15px;line-height:23px;font-size:14px;vertical-align:top;display:inline-block;color:#000000;font-weight:600;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} /*─────────────────────────────────────────────────────────── 중앙 위치 ───────────────────────────────────────────────────────────*/ /* 좌측 이전 */ .sub_top .sub_top_left {position:absolute; top:0; left:0;} .sub_top .sub_top_left .all_page_prev {padding:20px 24px;background:url('../img/da_image/icon_mid_arrow.png') no-repeat center;background-size:auto 19px;} .sub_top h2 {overflow:hidden; display:block; width:100%; padding:14px 0; white-space:nowrap; text-overflow:ellipsis; font-size:16px; line-height:1.1; text-align:center;} .sub_top h2 a {font-size:18px; line-height:1.1;color:#333;} .sub_top h2 .location_tit {display:none;} .sub_top h2 .location_tit:last-of-type {display:block;font-size:inherit;font-weight:inherit;color:inherit;} /* 목록가기 글쓰기 위치 */ .sub_top .sub_top_right2 {position:absolute; top:5px; right:5px;} .sub_top {position:relative; padding:0 45px 0 43px; border-top:0;border-bottom:1px solid #ddd; background:#fff;} /*─────────────────────────────────────────────────────────── 네비게이터 ───────────────────────────────────────────────────────────*/ .navi_g { background:#f9f9f9;border-top:1px solid #ddd;} .navi_g ul {padding:6px 10px 6px 10px; font-size:0;} .navi_g ul li {display:inline-block; font-size:10px; text-indent:17px; background:url('../img/icon/icon_arrow_next.png') no-repeat 5px center; background-size:7px 11px;} .navi_g ul li:nth-child(1) {text-indent:0; background:none;} .navi_g ul li a {font-size:10px; text-indent:15px;} /*─────────────────────────────────────────────────────────── 좌측 메뉴 ───────────────────────────────────────────────────────────*/ #wrap nav {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:1001;} #wrap nav .hd_lnb_slide {display:none;} #wrap nav .bg {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:1001;} #wrap nav .left_close {position:fixed; top:5px; left:auto;right:0px; width:52px; height:52px; background:url('../img/da_image/icon_left_x.png') no-repeat center; background-size:22px auto; z-index:1002;} #wrap nav .nav_bg_box {position:relative;} #wrap nav .nav_bg_box .nav_box {position:fixed; top:0; left:0; width:86.6%; height:100%; margin:0 0 0 -86.6%; background:#fff; z-index:1001;} #wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:relative; overflow: hidden; width:100%; height:100%;} #wrap nav .nav_bg_box .nav_box .nav_iscroll_box {position:absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);} #wrap nav .nav_content_box {width:100%;padding:20px 15px;box-sizing:border-box;} /* 다국어 선택 */ .nav_language {display:table; position:relative; width:100%; background:#f3f3f3; } .nav_language .tit {display:table-cell; width:30%; font-size:15px; padding:13px 15px 13px 15px; color:#262626; font-weight:500; box-sizing:border-box;} .nav_language .language_box {display:table-cell; width:70%; box-sizing:border-box;} /* 배너 및 로그인 & 로그아웃 */ .nav_login {position:static;margin:0;padding:0 0 15px;} .nav_login ul.btn_menu {font-size:0;width:100%;padding:0 0 20px;} .nav_login ul.btn_menu li {width: calc(50% - 8px);vertical-align:top;display:inline-block;} .nav_login ul.btn_menu li + li {margin-left:16px;} .nav_login ul.btn_menu li a {background:#ffcc00;color:#fff;text-align:Center;font-size:14px;font-weight:500;height:40px;line-height:40px;box-sizing:border-box;margin:0;padding:0;width:100%;vertical-align:top;display:inline-block;} .nav_login ul.btn_menu li + li a {background:#000;} .nav_login ul.icon_menu {border-top:1px #ddd solid;border-bottom:1px #ddd solid;font-size:0;} .nav_login ul.icon_menu li {width: calc(33.33% - 7px);display:inline-block;vertical-align:top;text-align:center;} .nav_login ul.icon_menu li + li {width: auto;margin-left: 6%;} .nav_login ul.icon_menu li + li + li {width: auto;} .nav_login ul.icon_menu li a {height:44px;line-height:44px;padding:0;color:#333;font-size:12px;background-repeat:no-repeat;background-position:0 50%;background-size:auto 14px !important;letter-spacing:-0.2px;font-weight:400;display:inline-block;box-sizing:border-box;vertical-align:top;} .nav_login ul.icon_menu li:first-child a {padding-left:20px;background-image:url(../img/da_image/icon_member.png);} .nav_login ul.icon_menu li:nth-child(2) a {padding-left:20px;background-image:url(../img/da_image/icon_order.png);} .nav_login ul.icon_menu li:nth-child(3) a {padding-left:20px;background-image:url(../img/da_image/icon_cart2.png);} /* 네비 탭메뉴 */ .nav_tabmenu_box {padding-top:0;} .nav_tabmenu_box .nav_tabmenu {display:table; width:100%;} .nav_tabmenu_box .nav_tabmenu li {display:table-cell; width:50%; text-align:center;} .nav_tabmenu_box .nav_tabmenu li span {display:block; padding:10px 0 10px 0; background:#e8e8e8; color:#acacac;} .nav_tabmenu_box .nav_tabmenu li.on span {background:#333; color:#fff; font-weight:500;} .nav_tabmenu_box .nav_tabmenu li:nth-child(1) span {margin:0 1px 0 8px;} .nav_tabmenu_box .nav_tabmenu li:nth-child(2) span {margin:0 8px 0 1px;} /* 게시판 */ .board_cate {border-top:1px #ddd solid;margin:18px 0 0;padding:21px 0 0;} #wrap nav .nav_content_box li.nav_dep1 {} #wrap nav .nav_content_box li.nav_dep1 > a {line-height:20px;padding: 15px 0px;font-size:14px;font-weight: 500;color:#333;display:inline-block;width:100%;box-sizing:border-box;font-family:'Montserrat','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #wrap .category_side {width:100%;margin:0;} #wrap .category_side > li {padding:0;box-sizing:border-box;} #wrap .category_side > li ul {display:none;border:0;background:#f5f5f5;box-sizing:border-box;} #wrap .category_side > li a {position:relative; display:block; padding:12px 0 12px 0; font-size:16px; color:#262626;} #wrap .category_side > li a > img{max-width:100%;} /* 1차 카테고리 타이틀 */ #wrap .category_side > li > a { font-weight:400;} #wrap .category_side > li > a.on {color:#333;} /* 2차 카테고리 타이틀 */ #wrap .category_side > li > ul {padding:15px 20px;background:#f5f5f5;box-sizing:border-box;border:0;} #wrap .category_side > li > ul > li {} #wrap .category_side > li > ul > li > a {padding:7px 0;line-height:21px;font-size:14px; color:#333;} #wrap .category_side > li > ul > li > a.on {color:#333; font-weight:500;} /* 3차 카테고리 타이틀 */ #wrap .category_side > li > ul > li > ul {padding:8px 12px;} #wrap .category_side > li > ul > li > ul > li > a {padding:6px 0;line-height:20px;font-size:13px; color:#555;} #wrap .category_side > li > ul > li > ul > li > a.on {color:#555; font-weight:500;} /* 4차 카테고리 타이틀 */ #wrap .category_side > li > ul > li > ul > li > ul {padding:4px 8px;} #wrap .category_side > li > ul > li > ul > li > ul > li > a {padding:5px 0;line-height:19px;font-size:12px; color:#777;} #wrap .category_side > li > ul > li > ul > li > ul > li > a.on {color:#777; font-weight:500;} /* 하위카테고리가 있을경우 아이콘 */ #wrap .category_side li a span.icon_plus {position:absolute; top:50%; right:0; display:block; width:13px; height:8px; margin:-4px 0 0 0; background:url('../img/da_image/icon_left_arrow.png') no-repeat center; font-size:0; vertical-align:middle; background-size:12px 7px;} #wrap .category_side li a.on span.icon_plus {background:url('../img/da_image/icon_left_arrow_on.png') no-repeat center; background-size:13px 8px;} /* 하위카테고리가 없을경우 아이콘 */ #wrap .category_side li a.icon_arrow {/*background:url('../../img/icon/icon_arrow_right.png') no-repeat right center; background-size:6px 10px;*/} @media only screen and (max-width:320px) { #wrap nav .nav_content_box {padding:20px 10px;} .nav_login ul.btn_menu li {width: calc(50% - 8px);} .nav_login ul.btn_menu li + li {margin-left:16px;} .nav_login ul.btn_menu li a {font-size:13px;height:40px;line-height:40px;} .nav_login ul.icon_menu li {width: calc(33.3% - 6px);} .nav_login ul.icon_menu li + li {width: auto;} .nav_login ul.icon_menu li + li + li {width: auto;} .nav_login ul.icon_menu li + li {margin-left: 7%;} .nav_login ul.icon_menu li a {height:44px;line-height:44px;font-size:13px;letter-spacing:-0.2px;background-size:auto 13px !important;} .nav_login ul.icon_menu li:first-child a {padding-left:19px;} .nav_login ul.icon_menu li:nth-child(2) a {padding-left:16px;} .nav_login ul.icon_menu li:nth-child(3) a {padding-left:15px;} } /*─────────────────────────────────────────────────────────── 하단 ───────────────────────────────────────────────────────────*/ #footer {background:#333;margin:70px 0 0;padding:0;width:100%;} .ft_lnb {border-bottom:1px #717171 solid;background:#fff;} .ft_lnb > ul {padding:0;} .ft_lnb li {border:1px #eee solid;padding:10px 0;line-height:20px;font-size:13px;font-weight: 400;width:33.33%;box-sizing:border-box;background:#fff;color:#333;float:left;text-align:Center;display:inline-block;margin:0;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_lnb li + li {border-left:0;} .ft_lnb li:nth-of-type(3n + 1) {border-left:1px #eee solid;} .ft_lnb li:nth-of-type(n + 4) {margin-top:-1px;} .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:45px 5px 0;box-sizing:border-box;} .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:100%;} .ft_cs_wrap .ft_cs strong {margin:0 0 10px 0;font-size:20px;line-height:33px;font-weight:600;color:#fff;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;display:inline-block;} .ft_cs_wrap .ft_cs strong a {font-size:inherit;font-weight:inherit;color:inherit;font-family:inherit;} .ft_cs_wrap .ft_cs p {opacity:0.8;font-weight:300;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_cs_wrap .ft_bank {width:100%;padding-top:20px;} .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 {opacity:0.8;margin:6px 0 0;font-weight:400;} .ft_cs_wrap .ft_sns {padding:20px 0 20px;} .ft_cs_wrap .ft_sns ul {text-align:left;} .ft_cs_wrap .ft_sns li {display:inline-block;margin:0;padding:0;margin-right:23px;} .ft_cs_wrap .ft_sns li + li {} .ft_cs_wrap .ft_sns li a {vertical-align:top;} .ft_cs_wrap .ft_sns li img {vertical-align:top;width:auto;height:23px;} .ft_info {padding:33px 5px;} .ft_info p {display:inline-block;width: calc(100% + 15px);margin-left:-15px;line-height:20px;font-size:14px;font-weight: 300;color:#ddd;font-family:'Noto Sans KR',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .ft_info p + p {margin-top:20px;margin-left:0;} .ft_info p strong {font-weight:400;display:inline-block;margin:0 7px 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;} /* 바로가기 */ #footer .shortcut {text-align:center; background:#2f2f2f;} #footer .shortcut a {display:block; padding:12px 0 12px 0;} #footer .shortcut a span {position:relative; display:inline-block; color:#e0e0e0; height:36px; line-height:36px; padding:0 0 0 46px; background-size:36px; background-repeat:no-repeat;} #footer .shortcut a span em {color:#ff353b; font-style:normal;} /* 브랜드 검색 버튼 */ .btn_nav_brand_search {position:relative; display:block; padding-left:15px; margin:8px 8px 0 8px;; height:46px; line-height:46px; color:#1c1c1c; font-size:16px; font-weight:500; letter-spacing:-1px; border:1px solid #e6e6e6;} .btn_nav_brand_search:after {position:absolute; top:17px; right:17px; display:inline-block; content:''; width:6.5px; height:12px; background:url('../img/icon/icon_brand_arrow.png') no-repeat 0 0; background-size:6.5px 12px;} /*─────────────────────────────────────────────────────────── 상품 공통 ───────────────────────────────────────────────────────────*/ /* 더보기 */ #wrap .more_btn {display:inline-block;width:100%;padding: 10px 0;text-align:center;background: url('../img/da_image/goods_more_arw.png') no-repeat 60%;border:1px solid #9f9f9f;font-weight:500;box-sizing:border-box;background-size: auto 9px;font-size: 17px;color: #555;padding-right: 33px;box-sizing: border-box;} /* 상품 갤러리형을 기본으로 */ .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 .fold-box-contents {width: calc(100% - 16px);} .item_cont .fold-box-contents ul {padding:9px 14px 14px;box-sizing:border-box;width:100%;margin:0;} .item_cont .fold-box-contents 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 .fold-box-contents li + li {} .item_cont .fold-box-contents 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;} .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 .time_sale_text {display: none;} .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;} .item_dc_per {font-size:9px;font-weight:400;padding:8px 0;height:30px;width:30px;line-height:16px;display:inline-block;vertical-align:top;background:#333;color:#fff;text-align:center;box-sizing:border-box;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);font-family:'Lato',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;position:absolute;right:0;top:0;z-index:1;transform: translate(3px, -3px);} .item_dc_per strong {font-size: 12px;font-weight: 400;font-family: inherit;} /* 갤러리형 */ #wrap ._goods_display_main .main_prd_list, #wrap .goods_list .goods_list_recom .gd_list_custom {padding:0 5px;box-sizing:border-box;width:100%;} #wrap .goods_product_list {padding:20px 5px 0;box-sizing:border-box;} #wrap .goods_list .btn_box {padding:16px 12px 32px;} #wrap .goods_prd_item2 .goods_gallery_item {display:inline-block; vertical-align:top;} #wrap .goods_prd_item2 .goods_gallery_item.item_num1 {width:100%;} #wrap .goods_prd_item2 .goods_gallery_item.item_num2 {width:50%;} #wrap .goods_prd_item2 .goods_gallery_item.item_num3 {width:33.32%;} #wrap .goods_prd_item2 .soldout_img {background-color: rgba(255, 255, 255, 0.5);background-size:50%;} #wrap .goods_prd_item2 .goods_prd_item2_box {padding:0 5px 30px;box-sizing:border-box;width:100%;} #wrap .gd_list_custom .goods_prd_item2 .goods_prd_img, #wrap .gd_list_custom .goods_prd_item4 .goods_prd_img, #wrap .gd_list_custom .goods_prd_item7 .goods_prd_img {width:100%;padding-bottom:12px;vertical-align:top;} #wrap .gd_list_custom .goods_prd_item2 .goods_prd_img .img_box, #wrap .gd_list_custom .goods_prd_item4 .goods_prd_img .img_box, #wrap .gd_list_custom .goods_prd_item7 .goods_prd_img .img_box {position:relative;} #wrap .gd_list_custom .goods_prd_item2 .goods_prd_img .img_box .img {font-size:0; line-height:0;} #wrap .gd_list_custom .goods_prd_item7 .goods_prd_img .img_box .img img, #wrap .gd_list_custom .goods_prd_item4 .goods_prd_img .img_box .img img, #wrap .gd_list_custom .goods_prd_item2 .goods_prd_img .img_box .img img {width:100%; border:0; box-sizing:border-box;} #wrap #container .goods_prd_content {vertical-align:top;text-align:left;} #wrap #container .goods_prd_content a {} #wrap #container .goods_prd_content .goods_prd_icon {font-size:0;text-align:left;margin:5px 0 0;} #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_prd_icon {margin-top:4px;line-height:17px;height:17px;} #wrap #container .goods_prd_content .goods_prd_icon img {height:17px;width:auto;vertical-align:Top;} #wrap #container .goods_prd_content .goods_info_list {} #wrap #container .goods_prd_content .goods_info_list li {padding:0;word-break:break-all;color:#888;font-size:12px;} #wrap #container .goods_prd_item2 .goods_prd_content .goods_info_list li {text-align:left;} #wrap #container .goods_prd_item .goods_prd_content .goods_prd_icon, #wrap #container .goods_prd_item .goods_prd_content .goods_info_list li {text-align:left;} #wrap #container .goods_prd_content .goods_info_list li.prd_name {line-height:19px;font-size:14px;font-weight:500;color:#111;height: 38px;margin:0;white-space:normal;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;overflow:hidden;} /* 브랜드명 */ #wrap #container .goods_prd_content .goods_info_list li.brand_name, /* 제조사 */ #wrap #container .goods_prd_content .goods_info_list li.maker_name, /* 짧은설명 */ #wrap #container .goods_prd_content .goods_info_list li.short_des, /* 마일리지 */ #wrap #container .goods_prd_content .goods_info_list li.list_mileage, /* 모델번호 */ #wrap #container .goods_prd_content .goods_info_list li.model_no, /* 상품코드 */ #wrap #container .goods_prd_content .goods_info_list li.prd_code {font-weight:400;color:#888;line-height:16px;} #wrap #container .goods_prd_content .goods_info_list li.short_des {margin:0;overflow:hidden;max-height:16px;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;} #wrap #container .goods_prd_item2 .goods_prd_content .goods_info_list li.short_des {margin:0;} #wrap #container .goods_prd_content .goods_info_list li.item_money_box{padding:2px 0 0; font-size; 11px;margin:0;line-height:1;text-align:left;font-family: 'lato','Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #wrap #container .goods_prd_item2 .goods_prd_content .goods_info_list .fixed_price, #wrap #container .goods_prd_item2 .goods_prd_content .goods_info_list .price {display:inline-block;vertical-align: bottom;} /* 판매가격 */ #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_info_list .price, #wrap .goods_prd_item1 .goods_prd_content .goods_info_list .price {display:inline-block;padding:0;} #wrap #container .goods_prd_content .goods_info_list .price {line-height:15px;height:15px;letter-spacing:0;font-size:15px; color:#ee1c25;font-weight:400;margin:0;vertical-align:top;font-family:'Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;display:inline-block;} #wrap #container .goods_prd_content .goods_info_list .price em {display:inline-block;vertical-align:top;letter-spacing:0px;line-height:12px;margin-top:3px;font-size:12px;padding-top:0px;color:inherit;font-weight:400;font-style:normal;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_info_list .price span, #wrap #container .goods_prd_content .goods_info_list .price em {vertical-align:top;} /* 정가 */ #wrap .goods_prd_item1 .goods_prd_content .goods_info_list .fixed_price {margin:0;} #wrap #container .goods_prd_content .goods_info_list .fixed_price {text-decoration:line-through;color:#888;font-size:12px;font-weight: 400;line-height:15px;height:15px;vertical-align:top;font-family: 'lato','Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;display:inline-block;} #wrap #container .goods_prd_content .goods_info_list .fixed_price em {letter-spacing:0;font-style:normal;font-weight:400;font-size:12px;font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;vertical-align:top;display:inline-block;line-height:inherit;height:inherit;} #wrap #container .goods_prd_content .goods_info_list .fixed_price + .price {margin-left:10px;} /* 타임 세일(기본가) */ #wrap #container .goods_prd_content .goods_info_list .price .c_price {color:inherit;font-weight: 600;font-size:inherit;font-family: 'lato','Montserrat',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;} /* 타임 세일(적용가) */ #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_info_list .price .c_price .ori_price, #wrap .goods_prd_item1 .goods_prd_content .goods_info_list .price .c_price .ori_price {margin:0 7px 2px 0;} #wrap #container .goods_prd_content .goods_info_list .price .c_price {line-height:15px;font-size:inherit;vertical-align:top;} #wrap #container .goods_prd_content .goods_info_list .price .c_price .ori_price {text-decoration:line-through;color:#888;font-size:12px;font-weight:400;line-height:15px;height:15px;vertical-align:top;} /* 타임 세일(남은기간) */ #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_info_list .price .c_price .time_sale_text {color:inherit;font-weight:inherit;font-family:inherit;font-size:11px;} /* 쿠폰 가격 */ #wrap #container .goods_prd_content .goods_info_list li.coupon_price .coupon_price1, /* 할인 가격 */ #wrap #container .goods_prd_content .goods_info_list li.dc_price{font-weight:400;color:#ee1c25;font-family:'Montserrat',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} /* 상품이동형 : 가로 */ #wrap .main_visual + .main_goods_cont ._goods_display_main .main_prd_list {padding:0;} .main_visual + .main_goods_cont .main_prd_list .slick-arrow {display:none !important;} .main_prd_list .slick-slider {box-sizing:border-box;width:100%;padding:0 120px 0 5px;} .main_visual + .main_goods_cont .goods_prd_item4 .goods_prd_item4_box {padding:0 5px;} /* 탭진열형 - 가로형 */ /* 탭 박스 */ #wrap .goods_prd_item7 .tab_box {padding:0;} #wrap .goods_prd_item7 .tab_box .tab {padding:0 0 30px 0;float:none; width:100%; margin:0 auto; font-size:0;text-align:center;display:inline-block;width:100%;} #wrap .goods_prd_item7 .tab_box .tab li {display:inline-block; font-size:12px; text-align:center;margin:0;width:auto !important;float:none;} #wrap .goods_prd_item7 .tab_box .tab li + li {margin-left:0;} #wrap .goods_prd_item7 .tab_box .tab li a {display:block;margin:0;height:30px;border-radius:30px;padding:7px 19px;line-height:16px;letter-spacing:-0.5px;font-weight:400;color:#000;font-size:14px;border:1px #fff solid;box-sizing:border-box;width:auto !important;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} #wrap .goods_prd_item7 .tab_box .tab li:first-child a {border:1px #fff solid;margin-left:0;} #wrap .goods_prd_item7 .tab_box .tab li.on a {color:#fff;font-weight:600;border:1px #ffcc00 solid;background: rgba(255, 204, 0, 1);} @media only screen and (max-width:320px) { #wrap .goods_prd_item7 .tab_box .tab li a {padding:7px 14px;} #wrap #container .goods_prd_content .goods_info_list li.prd_name {font-size:13px;} #wrap #container .goods_prd_content .goods_info_list .price {font-size:15px;} #wrap #container .goods_prd_content .goods_info_list .price em {font-size:11px;} #wrap #container .goods_prd_content .goods_info_list .fixed_price {font-size:11px;} #wrap #container .goods_prd_content .goods_info_list .fixed_price em {font-size:11px;} #wrap #container .goods_prd_content .goods_info_list .fixed_price + .price {margin-left:5px;} /* 타임 세일(적용가) */ #wrap .gd_list_custom .goods_prd_item2 .goods_prd_content .goods_info_list .price .c_price .ori_price, #wrap .goods_prd_item1 .goods_prd_content .goods_info_list .price .c_price .ori_price {margin:0 5px 2px 0;} #wrap #container .goods_prd_content .goods_info_list .price .c_price .ori_price {font-size:11px;} .main_prd_list .slick-slider {padding-right:90px;} } /*─────────────────────────────────────────────────────────── 메인 ───────────────────────────────────────────────────────────*/ /* 타이틀 */ #wrap .main_title {line-height:23px;font-size:25px;font-weight: 300;color:#000;text-align:center;padding:25px 0 27px;border:0;margin:0;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;position:relative;z-index:1;} #wrap .main_title > a {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;display:inline-block;position:relative;z-index:1;padding: 0;} #wrap .main_title > a:before {position:absolute;right:0;top:50%;transform:translate(0, -50%);background:url(../img/da_image/icon_title_arrow.png) no-repeat 100% 50%;background-size:cover;width:7px;height:14px;display:inline-block;content:"";transition:all 0.3s;opacity:1;display: none;} #wrap .main_content .main_title a {padding:0 23px 0 0;} #wrap .main_content .main_title > a:before {display:block;} #wrap .main_title span {margin-top:5px;line-height:21px;font-size:14px;font-weight:inherit;color:#888;display:block;} #wrap .main_title .btn_goods_more {position:absolute;right:0;top:50%;transform:translate(0, -50%);display:inline-block;bottom:auto;height:30px;} #wrap .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;} #wrap .main_goods_cont .main_title {padding-bottom:21px;} /* 비주얼 */ .main_visual {width:100%;margin:0;overflow:hidden;} .main_visual .visual_ul {position:relative;z-index:1;} .main_visual .visual_ul:after {clear:both;content:"";display:block;} .main_visual .visual_ul .visual_li {float:left;position:relative;padding:0;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: calc(100% - 30px);;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:45px;line-height:45px;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:14px;line-height:20px;margin:15px 0 39px;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:13px;line-height:20px;padding:7px 0;border-bottom:1px #fff solid;display:inline-block;margin:0 auto 0 0;width:135px;color:#fff;} .main_visual .visual_ul .visual_li .visual_txt_wrap a.btn_more:after {width:13px;height:9px;display:inline-block;content:"";background:url(../img/da_image/icon_visual_arrow.png) no-repeat 0 50%;background-size:cover;position:absolute;right:0;top:50%;transform:translate(0%, -50%);} .main_visual .visual_ul .visual_li .visual_img {width:100%;height:0;padding:122.6% 0 0;z-index:1;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:36px;transform:translateX(-50%);color:#fff;font-size:0;} .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:18px;margin:0 auto;font-size:15px;color:#fff;font-weight:400;width:60px;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:25px;height:18px;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;background-size:auto 100%;} .main_visual #visual_control .slick-arrow.slick-next {background:url('../img/da_image/btn_visual_next.png') no-repeat center;background-size:auto 100%;} .main_visual #visual_control .pause, .main_visual #visual_control .play {font-size:0;width:16px;height:18px;outline:0;border:0;} .main_visual #visual_control .pause {background:url('../img/da_image/btn_visual_pause.png') no-repeat center;background-size:auto 100%;} .main_visual #visual_control .play {background:url('../img/da_image/btn_visual_play.png') no-repeat center;background-size:auto 100%;} .main_visual + .main_goods_cont {padding:5px 0 30px 0;} /* 배너2종 */ .main_bnr_col2 {margin:20px auto 70px;width:100%;} .main_bnr_col2 ul {} .main_bnr_col2 li {background-repeat:no-repeat;background-size:cover;background-position:50% 50%;width:100%;margin:0;padding:80% 0 0;position:relative;z-index:1;overflow:hidden;height:0;} .main_bnr_col2 li + li {margin-top:4px;} .main_bnr_col2 li a {position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;display:block;} .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 {height:35px;width:auto;} .main_bnr_col2 li + li .bnr_col2_txt img {height:56px;} .main_bnr_col2 li .bnr_col2_txt h3 {margin-top:21px;line-height:22px;font-size:15px;font-weight: 400;color:#fff;} /* 배너와 상품 */ .main_pr_col {} .main_pr_col + .main_pr_col {margin-top:20px;} .main_pr_col .pr_col_bnr {width: calc(100% - 20px);margin:0 auto;} .main_pr_col .pr_col_bnr img{width:100%;height:auto;} .main_pr_col .pr_col_pr {width:100%;} .main_pr_col .main_title {display:none;} .main_pr_col h3.pr_col_title, .main_pr_col p.pr_col_txt {width: calc(100% - 20px);margin:0 auto;} .main_pr_col h3.pr_col_title {margin-top:12px;line-height:35px;font-size:27px;font-weight: 700;color:#333;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_pr_col p.pr_col_txt {margin:3px auto 25px;line-height:20px;font-size:15px;font-weight: 300;color:#888;} .main_pr_col a.pr_col_detail {height:35px;line-height:20px;padding:7px 0;display:inline-block;font-size:13px;font-weight:400;color:#333;width:135px;border-bottom:1px #333 solid;box-sizing:border-box;margin-left:10px;margin-bottom:40px;position:relative;z-index:1;} .main_pr_col a.pr_col_detail:after {width:13px;height:9px;display:inline-block;content:"";background:url(../img/da_image/icon_more_arrow.png) no-repeat 0 50%;background-size:cover;position:absolute;right:0;top:50%;transform:translate(0%, -50%);transition:all 0.3s;} /* 와이드 고정효과 배너 */ .main_fixed {background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position:relative;z-index:1;width:100%;transition:all 0.3s;margin:20px 0 0;} .main_fixed .fixed01 {width:100%;opacity:1;} .main_fixed a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;z-index:5;} .main_fixed .w_custom {height:0;padding:113% 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:31px;font-size:30px;font-weight:600;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .main_fixed .fixed_txt p {margin-top:12px;line-height:22px;font-size:15px;font-weight:400;} .main_fixed .fixed_txt img {margin:0 auto;display:inline-block;margin-top:58px;height:31px;width:auto;.transform:translate(0, 0);transition:all 0.3s;} .main_fixed + .main_goods_cont {padding-top:27px;} /* 컨텐츠 게시판 */ .main_content {padding:0 0 48px;} .main_content h3.main_title {padding-top:18px;padding-bottom:25px;} .main_content ul {} .main_content li {margin:0;padding:0 10px;box-sizing:border-box;position:relative;z-index:1;float:left;text-align:Center;transition:all 0.3s;} .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%;overflow:hidden;position:relative;z-index:1;} .main_content li img {width:100%;max-width:100%;height:auto;} .main_content li h4 {margin:12px 0 0;line-height:24px;font-size:15px;font-weight:400;color:#000;} .main_content li h4 em {display:inline-block;max-width:100%;margin:0;padding:0;line-height:inherit;height:24px;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 span {display:block;max-width:100%;width:100%;margin:6px 0 0;padding:0;text-transform:uppercase;line-height:18px;height:18px;font-size:14px;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 p {text-transform:uppercase;line-height:18px;font-size:14px;font-weight:200;color:#888;transition:all 0.3s;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} /* 인스타 */ .main_insta {width:100%;margin:0 auto;padding:0 0 43px;background:#f5f5f5;} .main_insta ul {width:100%;box-sizing:border-box;padding:0 0 0 20px;font-size:0;} .main_insta li {width:230px;position:relative;z-index:1;float:left;margin:0 5px;padding:0;transition:all 0.3s;} .main_insta li + li {margin-left:5px;} .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;} .main_insta li img {width:100%;height:auto;} @media only screen and (max-width:320px) { /* 인스타 */ .main_insta li {width:200px;} } /*─────────────────────────────────────────────────────────── 분류&상세 ───────────────────────────────────────────────────────────*/ /* 분류 */ /* 상단꾸미기1 */ .addition_wrap {position:relative;z-index:1;width:100%;margin:0;padding: 140px 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;width: 100%;} .addition_wrap .addition_txt img {display:inline-block;margin:0 auto;height:35px;} .addition_wrap .addition_txt p {font-size:16px;font-weight:500;color:#fff;line-height:32px;margin:10px auto 0;padding:0;} /* 카테고리 */ #wrap .goods_list .goods_list_category {overflow-x:auto; overflow-y:hidden;} #wrap .goods_list .goods_list_category ul {font-size:0;padding: 0 10px;box-sizing: border-box;border-bottom:1px solid #ddd; text-align:center; display:flex; flex-wrap:nowrap; white-space:nowrap; gap:10px;} #wrap .goods_list .goods_list_category ul li {display:inline-block; vertical-align:top; flex:0 0 auto;} #wrap .goods_list .goods_list_category ul li + li {margin-left:10px;} #wrap .goods_list .goods_list_category ul li a {display:inline-block;padding: 0;font-size: 13px;color: #000;line-height: 40px;position:relative;} #wrap .goods_list .goods_list_category ul li a span {display:none;} #wrap .goods_list .goods_list_category ul li.selected a {font-weight:500;color:#222;} #wrap .goods_list .goods_list_category ul li.selected a:after {position:absolute;left:0;bottom:-1px;content:'';display:block;width:100%;height:2px;background:#222;} #wrap .goods_list .goods_list_category ul li.selected a span {display:inline-block;vertical-align:top;} #wrap .goods_list .goods_list_content .goods_top_box {padding:19px 10px; background:#fff;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box {display:table; width:100%; } #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort {display:table-cell; width:50%; vertical-align:middle;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_sort .inp_sel {width:128px;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type {display:table-cell; width:50%; text-align:right; vertical-align:middle;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul {font-size:0; text-align:right;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li {display:inline-block; padding:0 0 0 4px;} #wrap .goods_list .goods_list_content .goods_top_box .goods_arr_box .goods_view_type ul li button {display:inline-block; width:31px; height:31px; font-size:0; border:1px solid #cfcfcf;} /* 상세 */ #wrap .goods_view .detail_tab_info {display:none;} /* 기본정보 */ #wrap .goods_view .detail_info {} #wrap .goods_view .detail_info h3 {font-size:23px;line-height:26px;color:#333; word-break: break-all;} #wrap .goods_view .detail_info h3 span {display:block;margin:10px 0 0;font-size:15px;color:#888;line-height:19px;} #wrap .goods_view .detail_info .detail_info_top {padding: 20px 10px 10px 10px;border-bottom: 0;} #wrap .goods_view .detail_info .detail_info_top .prd_icon {padding:0 0 2px 0;} #wrap .goods_view .detail_info .detail_info_top .brand {padding:0 0 2px 0; color:#666; font-size:13px;} #wrap .goods_view .detail_info .detail_info_top .price_box {position:relative;font-size:12px;font-family: 'lato','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif;line-height: 1;margin: 17.5px 0 0;} #wrap .goods_view .detail_info .detail_info_top .price_box .coupon_price {margin-right:5px;} #wrap .goods_view .detail_info .detail_info_top .price_box .time_sale_price {margin-right:5px;} #wrap .goods_view .detail_info .detail_info_top .price_box .price {font-size: 23px;color: #ee1c25;font-weight: 600;} #wrap .goods_view .detail_info .detail_info_top .price_box .won {font-weight:500;font-size: 14px;color: #ee1c25;} #wrap .goods_view .detail_info .detail_info_top .price_box del {font-size: 14px;color: #888;margin-left: 10px;} #wrap .goods_view .detail_info .detail_info_top .price_box .won1 {color: #888;font-size: 13px;} #wrap .goods_view .detail_info .detail_info_top .price_box .won2 {margin-right:5px; font-weight:500;} #wrap .goods_view .detail_info .detail_info_top .price_box .time_sale {margin-left:5px;} #wrap .goods_view .detail_info .detail_info_top .price_box .coupon_box {padding:2px 0 0 0;} /*** 상품상세 | goods/goods_view.php ***/ #wrap .goods_view {} #wrap .goods_view .cont_detail {padding:0px;} /* 상품 대표 색상 */ #wrap .goods_view .color_chip{margin:0; padding:0 0; overflow:hidden; text-align:right;} #wrap .goods_view .color_chip > div{width:10px; height:10px; text-indent:9999px; border:#dfdfdf 1px solid; display:inline-block; margin:6px 0 0 2px;} #wrap .color_chip{margin:0; overflow:hidden} #wrap .color_chip > div{width:8px; height:8px; text-indent:-9999px; border:#dfdfdf 1px solid; float:left; margin:4px 4px 0 0;} #wrap .goods_prd_img .color_chip{margin:4px 0 0;} /* 공유하기 & 찜 버튼 */ #wrap .goods_view {} #wrap .goods_view .share_btn_box {border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} #wrap .goods_view .share_btn_box ul {display:table; width:100%;} #wrap .goods_view .share_btn_box ul li {display:table-cell; width:50%;} #wrap .goods_view .share_btn_box ul li button {display:block;margin:0 auto;padding: 14px 0;font-size: 15px;text-align:center;background:none;border:none;color:#333333;font-weight:500;} #wrap .goods_view .share_btn_box ul li.d_share button {padding-left:25px; background:url('../img/da_image/icon_share.png') no-repeat left center; background-size:19px;} #wrap .goods_view .share_btn_box ul li.d_share button.on {background:url('../img/da_image/icon_share_on.png') no-repeat left center; background-size:19px;} #wrap .goods_view .share_btn_box ul li.d_share {background:url('../img/da_image/icon_line1.gif') no-repeat right center;background-size: 1px 12px;} #wrap .goods_view .share_btn_box ul li.d_wish button {padding-left:25px; background:url('../img/da_image/icon_heart.png') no-repeat left center; background-size:19px;} /* 기타정보 */ #wrap .goods_view .detail_info .detail_sub_info {padding: 10px 0;border-bottom: 0;border-top: 1px solid #333;margin: 10px;} #wrap .goods_view .detail_info .detail_sub_info dl {display:table;width:100%;padding: 6px 0;line-height: 1;} #wrap .goods_view .detail_info .detail_sub_info dl dt {display:table-cell;width: 31%;font-size: 14px;color: #333;padding: 0 10px;box-sizing: border-box;} #wrap .goods_view .detail_info .detail_sub_info dl dd {display:table-cell;width: calc(100% - 31%);font-size: 14px;color: #666;padding: 0 10px 0 0;box-sizing: border-box;} /* 하단 탭 메뉴 (상세정보, 기본정보, 상품후기, 상품문의)*/ #wrap .goods_view .detail_btm_tab_menu_box {position:relative;width:100%;height:60px;border-top: 10px solid #eee;border-bottom:1px solid #e2e2e2;box-sizing:border-box;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu {position:absolute; top:0; left:0; width:100%;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul {display:table;width: 100%;margin: 0;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li {display:table-cell;width: auto;height:50px;vertical-align:middle;border-bottom: 1px solid #ddd;box-sizing:border-box;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a {display:inline-block;width:100%;color: #777;font-size: 15px;line-height:13px;font-weight:500;text-align:center;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li a span {display: inline-block;padding:2px 0 0 0;font-size: inherit;color: inherit;line-height:11px;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(1) a {padding:10px 0 10px 0;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(2) a {padding:10px 0 10px 0;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(3) a {padding:5px 0 0 0;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li:nth-child(4) a {padding:5px 0 0 0;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected {padding:1px 0 0 0; height:49px; border-bottom:2px solid #333333;} #wrap .goods_view .detail_btm_tab_menu_box .detail_btm_tab_menu ul li.selected a {color: #222;} /* 상품 필수 & 기본정보 정보 */ #wrap .goods_view .detail_info_box {padding:0 15px; } #wrap .goods_view .detail_info_box .view_box0 {padding:25px 0;} #wrap .openblock .openblock_content {z-index:1;} .detail_del {} .detail_del dt {font-size:16px;line-height:1;color:#222;font-weight:600;margin-bottom:15px;} .detail_del dd {font-size:14px;color:#666;} .detail_del dd + dt {margin-top:33px;} /* 상품상세 게시판 리스트 */ #wrap .detail_board_box {padding:15px 0 15px 0;} #wrap .detail_board_box .item_list_head {} #wrap .detail_board_box .item_list_head .item_list_write_box {padding:0 10px 15px 10px; border-bottom:0;} /*** 상품상세 - 상품 후기 목록 | goods/goods_board_review_list.php ***/ #wrap .goods_board_review_list {margin: 0 10px;border-top: 1px solid #ccc;} #wrap .goods_board_review_list li {padding: 15px 0;border-bottom: 1px solid #ccc;} #wrap .goods_board_review_list li .item_list_summary {display:table; width:100%;} #wrap .goods_board_review_list li .item_list_summary .board_left {display:table-cell; width:85%; vertical-align:middle;} #wrap .goods_board_review_list li .item_list_summary .board_left .author_box {font-size: 14px;color: #999;line-height: 1;} #wrap .goods_board_review_list li .item_list_summary .board_left .author_box span {} #wrap .goods_board_review_list li .item_list_summary .board_left .author_box span + span {} #wrap .goods_board_review_list li .item_list_summary .board_left .author_box span + span:before {content:'';display:inline-block;width:1px;height:10px;background:#ccc;margin:0 6px;} #wrap .goods_board_review_list li .item_list_summary .board_left .title {padding: 0;font-size: 0;margin: 12px 0 6px;} #wrap .goods_board_review_list li .item_list_summary .board_left .title a {font-size:14px;color: #444;line-height: 20px;word-break:break-all;display: inline-block;vertical-align: middle;} #wrap .goods_board_review_list li .item_list_summary .board_left .title img {margin: 0 2px;} #wrap .goods_board_review_list li .item_list_summary .board_left .title span {display:inline-block;} #wrap .goods_board_review_list li .item_list_summary .board_left .title span img {vertical-align: middle;} /* 리플 */ #wrap .goods_board_review_list li .item_list_summary .board_left .title .reply {padding-left:15px;} /* 평점 */ #wrap .goods_board_review_list li .item_list_summary .board_left .star_box {width:77px; height:13px; font-size:0; background:url('../img/da_image/icon_star.png') no-repeat left top; background-size:auto 12px;} #wrap .goods_board_review_list li .item_list_summary .board_left .star_box .star_li {display:block; height:13px; background:url('../img/da_image/icon_star_on.png') no-repeat left top; background-size:auto 12px;} /* 선택 후 타이틀*/ #wrap .goods_board_review_list li.selected .item_list_summary .board_left .title a {font-weight:500;} #wrap .goods_board_review_list li .item_list_summary .board_right {display:table-cell; width:15%; padding:5px 0 0 0; vertical-align:middle; text-align:center;} #wrap .goods_board_review_list .no_data {padding:30px 0 30px 0; text-align:center;} #wrap .goods_board_review_list .btn_box {padding: 15px 0;} /* 상세 글쓰기 */#wrap .detail_write_btn {display:inline-block;width:100%;padding:10px 0 10px 0;text-align:center;color: #fff;font-size:15px;font-weight:500;border: 0;box-sizing:border-box;background: #000;} /* 상품상세 게시판 더보기 */#wrap .detail_more_btn {display:inline-block; width:100%; padding:10px 0 10px 0; text-align:center; color:#494949; font-size:15px; background:#ffffff; border:1px solid #9f9f9f; font-weight:500;} /*** 상품상세 - 상품 문의 목록 | goods/goods_board_qa_list.php ***/ #wrap .goods_board_qa_list {margin: 0 10px;border-top: 1px solid #ccc;} #wrap .goods_board_qa_list li {padding: 15px 0;border-bottom: 1px solid #ccc;} #wrap .goods_board_qa_list li .item_list_summary {display:table;width:100%;position: relative;} #wrap .goods_board_qa_list li .item_list_summary .board_left {display:table-cell; width:85%; vertical-align:middle;} #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box {font-size: 14px;color: #999;line-height: 1;} #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box span {} #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box span + span {} #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box span + span:before {content:'';display:inline-block;width:1px;height:10px;background:#ccc;margin:0 6px;} /* 접수 */ #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans1 {display:inline-block; padding:5px 5px 3px 5px; font-size:10px; line-height:12px; background:#ffffff; color:#333333; border-radius:15px; border:1px solid #333333;} /* 답변대기 */ #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans2 {display:inline-block; padding:5px 5px 3px 5px; font-size:10px; line-height:12px; background:#ffffff; color:#333333; border-radius:15px; border:1px solid #333333;} /* 답변완료 */ #wrap .goods_board_qa_list li .item_list_summary .board_left .author_box .ico_ans3 {display:inline-block; padding:5px 5px 3px 5px; font-size:10px; line-height:12px; background:#333333; color:#ffffff; border-radius:15px;} #wrap .goods_board_qa_list li .item_list_summary .board_left .title {padding: 0;font-size: 0;margin: 0 0 9px;line-height: 1;} #wrap .goods_board_qa_list li .item_list_summary .board_left .title a {font-size:14px;color: #222;line-height: 20px;word-break:break-all;} #wrap .goods_board_qa_list li .item_list_summary .board_left .title img {margin:0 4px 0 0;} /* 선택 후 타이틀*/ #wrap .goods_board_qa_list li.selected .item_list_summary .board_left .title a {font-weight:500;} #wrap .goods_board_qa_list li .item_list_summary .board_right {display:table-cell;width:15%;padding:5px 0 0 0;vertical-align:middle;text-align:center;display: none;} #wrap .goods_board_qa_list .bbs_status {position: absolute;right: 0;bottom: 10px;} #wrap .goods_board_qa_list .bbs_status span {display:inline-block;vertical-align:top;width:60px;text-align:center;line-height:22px;color:#fff;font-size:13px;} #wrap .goods_board_qa_list .bbs_status .ico_ans1 {background:#999;} #wrap .goods_board_qa_list .bbs_status .ico_ans2 {background:#ee1c25;} #wrap .goods_board_qa_list .no_data {padding:30px 0 30px 0; text-align:center;} #wrap .goods_board_qa_list .btn_box {padding:10px 10px 10px 10px;} /* 관련상품 */ #wrap .related_goods {} #wrap .related_goods h3 {padding: 15px 0 12px 10px;font-size: 18px;color: #222;line-height: 1;font-weight: 400;} #wrap .related_goods ul {font-size:0;padding: 0 0 0 5px;} #wrap .related_goods .slick-list {padding-left: 0px!important;} /* 상세 구매버튼 (레이어도 동일) */ #wrap .detail_buy {position:fixed !important;left:0;bottom:0;width:100%;background:#ffffff;/*-webkit-transition:all 0.5s;transition:all 0.5s;*/z-index:300;border-top: 1px solid #ddd;} #wrap .detail_buy .detail_buy_top_btn {position:relative;} #wrap .detail_buy .detail_buy_top_btn .detail_open_close {position:absolute;top: -35px;left:50%;display:inline-block;margin:0 0 0 -27px;} #wrap .detail_buy .detail_buy_top_btn .detail_open_close.on {} #wrap .detail_buy .detail_buy_top_btn .detail_open_close a {display:inline-block;width: 65px;height: 21px;font-size:0;background: url('../img/da_image/icon_detail_arrow_up.png') no-repeat center top;background-size: auto 100%;} #wrap .detail_buy .detail_buy_top_btn .detail_open_close.on a {display:inline-block;width: 65px;height: 21px;font-size:0;background: url('../img/da_image/icon_detail_arrow_down.png') no-repeat center top;background-size: auto 100%;} #wrap .detail_buy .detail_prd_btn {padding: 10px;} #wrap .detail_buy .detail_prd_btn ul {display:table; width:100%;} #wrap .detail_buy .detail_prd_btn ul li.d_wish {margin-right:10px;width: 50px;} #wrap .detail_buy .detail_prd_btn ul li.d_wish button {font-size:0;width:50px;height:50px;border:1px solid #000;background:#fff url('../img/da_image/ico_detail_wish.png') no-repeat center;background-size:auto 21px;box-sizing: border-box;} #wrap .detail_buy .detail_prd_btn ul li {display: inline-block;padding: 0;vertical-align: middle;width: calc(50% - 30px);} /* 장바구니 */#wrap .detail_cart_btn {display:block;width:100%;padding: 12px 0;font-size: 17px;text-align:center;background:#ffffff;border: 1px solid #000;color: #000;font-weight:500;box-sizing:border-box;} /* 구매불가 */#wrap .detail_prd_no_btn {display:block; width:100%; padding:10px 0 10px 0; font-size:16px; text-align:center; background:#ffffff; border:1px solid #9f9f9f; color:#494949; font-weight:500; box-sizing:border-box;} /* 바로구매 */#wrap .btn_add_cart_related, #wrap .btn_add_order_related, #wrap .detail_order_btn {display:block;width:100%;padding: 12px 0;font-size: 17px;text-align:center;background: #000;border: 1px solid #000;color:#ffffff;font-weight:500;box-sizing:border-box;} /* 바로구매 */#wrap .detail_apply_btn {display:block; width:100%; padding:10px 0 10px 0; font-size:16px; text-align:center; background:#333333; border:1px solid #333333; color:#ffffff; font-weight:500; box-sizing:border-box;} /* 재입고알림 */#wrap .detail_restock_btn {display:block; width:100%; padding:10px 0 10px 0; font-size:16px; text-align:center; background:#ffffff; border:1px solid #9f9f9f; color:#494949; font-weight:500; box-sizing:border-box;} /*** 옵션 선택 레이어 | goods/layer_option.php ***/ #wrap .layer_option {position:relative;} #wrap .layer_option .js_option_scroll {overflow-y:auto;min-height: auto;} #wrap .layer_option .ly_buy_info {} /* 팝업시 닫기 */ #wrap .layer_option .close_btn {position:absolute; top:0; right:0; z-index:100;} /* 적용하기 위치 */ #wrap .layer_option .popup_dn {position:fixed; bottom:0; left:0; width:100%;} #wrap .layer_option .popup_dn .btn_box2 {} #wrap .layer_option .popup_dn .btn_box2 span {display:block; margin:10px 10px 10px 10px;} /* 세로 스크롤 고정 */ #wrap .layer_option .ly_buy_info {padding: 20px 10px 10px 10px;} #wrap .layer_option .ly_buy_info .ly_opt .bn_opt {display:block; position:relative; width:100%; height:33px; border:1px solid #c7c7c7; font-size:13px; color:#777; text-align:left; text-indent:11px; z-index:100; background:#fff url('../img/icon/icon_bg_select.png') no-repeat 100% 0; background-size:400px 31px;} #wrap .layer_option .ly_buy_info .ly_opt .bn_opt.selected { border:1px solid #999;} #wrap .layer_option .ly_buy_info .ly_opt > li {margin-bottom: 0;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx {position:relative; margin:-1px 0 0 0; border:1px solid #999; z-index:1; background:#ffffff;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst {} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst .disabled {color:lightgray !important;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst li {position:relative; min-height:42px; text-indent:10px; border-bottom:1px solid #c7c7c7; font-weight:500; font-size:13px; color:#555; line-height:42px; vertical-align:middle;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst li:last-child {border-bottom:none;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst li > img {width:41px; height:41px;} #wrap .layer_option .ly_buy_info .ly_opt li .optbx .optlst li em {display:block; position:relative; padding:8px 0 7px; color:#555; word-break:break-all; z-index:30;} #wrap .option_total_display_area {margin:0 10px;} /* 옵션 선택 */ #wrap .view_order_goods {position:relative;padding: 15px;background: #f5f5f5;border-bottom: 1px solid #ddd;} #wrap .view_order_goods:first-child {border-top: 1px solid #ddd;} #wrap .view_order_goods dl {} #wrap .view_order_goods dl dt {font-size:12px; font-weight:500;} #wrap .view_order_goods dl dd {} #wrap .view_order_goods dl dd em {font-style:normal;} #wrap .view_order_goods dl dd .price_info {display:table; width:100%;} #wrap .view_order_goods dl dd .price_info .count {display:table-cell;width:50%;padding: 15px 0 0;vertical-align:top;font-size: 0;} /* 수량감소 */#wrap .view_order_goods dl dd .price_info .count .detail_down_btn {display:inline-block;width: 28px;height: 28px;border: 1px solid #ddd;font-size:0;background:url('../img/da_image/btn_minus.png') no-repeat center;background-size: auto 100%;box-sizing:border-box;} /* 수량증가 */#wrap .view_order_goods dl dd .price_info .count .detail_up_btn {display:inline-block;width: 28px;height: 28px;border: 1px solid #ddd;font-size:0;background:url('../img/da_image/btn_plus.png') no-repeat center;background-size: auto 100%;box-sizing:border-box;} /* 삭제 */#wrap .detail_apply_del {position:absolute; top:15px; right:15px; display:inline-block; width:15px; height:15px; font-size:0; background:url('../img/da_image/btn_addgoods_del.png') no-repeat center; background-size:auto 100%; border:none; } #wrap .view_order_goods dl dd .price_info .count button {vertical-align:middle;} #wrap .view_order_goods dl dd .price_info .count input[type=number] {width: 50px;height: 28px;border: 1px solid #dddddd;font-weight: 400;vertical-align:middle;padding: 0 15px;box-sizing: border-box;text-align: right;font-size: 16px;color: #333;} #wrap .view_order_goods dl dd .price_info .right {display:table-cell; width:50%; text-align:right; vertical-align:middle;} #wrap .view_order_goods dl dd .price_info .right .btn_wrap {padding:5px 0 0 0;} #wrap .view_order_goods dl dd .price_info .right .btn_wrap ul {text-align:right;} #wrap .view_order_goods dl dd .price_info .right .btn_wrap ul li {display:inline-block;} #wrap .view_order_goods dl dd .price_info .right .price {padding:5px 0 0 0;font-size:15px;font-weight: 600;text-align:right;font-family: 'Montserrat','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serifsans-serif;} /* 총 합계 */ #wrap .total_price_box {padding: 25px 0;text-align:right;border-top:1px solid #3e3d3c;} #wrap .total_price_box ul {display:inline-block;} #wrap .total_price_box ul li {} #wrap .total_price_box ul li dl {display:table; width:100%;} #wrap .total_price_box ul li dl dt {display:table-cell; width:90px; font-size:13px; text-align:left; vertical-align:middle;} #wrap .total_price_box ul li dl dd {display:table-cell;font-size:15px;font-weight: 600;text-align:right;vertical-align:middle;font-family: 'Montserrat','Noto Sans KR',-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serifsans-serif;} #wrap .total_price_box ul li.total dl dt {font-weight:500;} #wrap .total_price_box ul li.total dl dd {font-size: 23px;color: #ee1c25;font-weight: 600;line-height: 1;} #wrap .total_price_box ul li.total dl dd b {font-size:15px;} .option_scroll .fold-box dt {font-size:17px;color:#333;line-height:1;margin:0 0 12px;} .option_scroll .fold-box dd .fold-box-header {line-height:45px;border: 1px solid #ddd;padding:0 15px;font-size:15px;color:#333;box-sizing:border-box;position:relative;cursor: pointer;} .option_scroll .fold-box dd .fold-box-header:after {content:'';display:inline-block;vertical-align:middle;width:0;height:0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #555;position:absolute;right:15px;bottom: 20px;transition:all .2s;} .option_scroll .fold-box dd.on .fold-box-header:after {content:'';display:inline-block;transform: rotate(180deg);} .option_scroll .fold-box dd .fold-box-contents {margin-top:-5px;display:none;margin:12.5px 0 16px;} .option_scroll .fold-box dd.on .fold-box-contents {display:block;} .option_scroll .fold-box dd .fold-box-contents ul {font-size:0;} .option_scroll .fold-box dd .fold-box-contents ul:after {clear:both;content:"";display:block;} .option_scroll .fold-box dd .fold-box-contents li {color:#555;border-color:#ccc;background:#fff;cursor:pointer;display:inline-block;float:left;line-height:35px;margin:5px 0 0 0;width: calc(20% - 5px);box-sizing:border-box;text-align:center;border-width:1px;border-style:solid;font-size:16px;font-weight:500;font-family:'Montserrat',Malgun Gothic,'맑은 고딕',AppleGothic,Dotum,'돋움',sans-serif;} .option_scroll .fold-box dd .fold-box-contents li + li {margin-left:6px;} .option_scroll .fold-box dd .fold-box-contents li:nth-of-type(5n + 1) {margin-left:0;clear:both;float:left;} .option_scroll .fold-box dd .fold-box-contents li.out {color:#555;border-color:#ccc;background:#eee;cursor:auto;} .option_scroll .fold-box dd .fold-box-contents li.on {color:#fff;border-color:#111;background:#111;}