@charset "utf-8"; /* CSS Document */ /** * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요. */ #wrap .mypage_lately_goods .item_custom_type .item_wrap .item_box .item_cont .item_photo_box .item_link{display: none;} /*─────────────────────────────────────────────────────────── 레이아웃 ───────────────────────────────────────────────────────────*/ select{outline:none;} address, em {font-style:normal;} div, p, th, td, strong, span, ul, li, ol, dt, dd {white-space:normal;word-break:keep-all;word-wrap:break-word;} /* 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;} /* hidden type */ .blind {width:0;height:0;text-indent:-9999999px} .opacityhidden {opacity:0;} /* position type */ .relative {position:relative;} .absolute {position:absolute;} .dis_table {display:table;table-layout:fixed;width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0;} .dis_tablecell {display:table-cell;vertical-align:middle;box-sizing:border-box;border-collapse:collapse;} /*** 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;} /* pc 일반 */ #wrap {min-width:1230px;} #contents {padding:0 0 100px;} .w_custom {width:1200px;box-sizing:border-box;margin-left:auto;margin-right:auto;padding:0;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 상단 outline/header ───────────────────────────────────────────────────────────*/ /* pc 일반 */ #container {border-top:0;} #header_warp {position:static;height:180px;width:100%;text-align:center;margin:0;padding:0;} #header_warp #header {height:180px;position:fixed;left:0;top:0;width:100%;margin:0;padding:0;z-index:151;transition:height 0.3s;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.26);background:#fff;} #header_warp #header.fix {height:130px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.26);} #header .header_top_cont {padding:16px 0;font-size:13px;height:45px;font-weight:400;color:#888;letter-spacing:-0.39px;margin:0 auto;width:1200px;text-align:right;vertical-align:top;line-height:1;transform:translate(0, 0px);transition:transform 0.3s;border:0;box-sizing:border-box;} #header.fix .header_top_cont {transform:translate(0, -45px);} #header .header_top_cont div, #header .header_top_cont ul, #header .header_top_cont li, #header .header_top_cont a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;margin:0;padding:0;border:0;vertical-align:inherit;line-height:inherit;display:inline-block;} #header .header_top_cont li + li {margin-left:21px;} #header .header_top_cont li a, #header .header_top_cont li:hover a {text-decoration:none;} #header .header_cont {transform:translate(0, 0px);transition:all 0.3s;width:1200px;margin:0 auto;padding:0 0 20px;position:relative;z-index:2;} #header .header_cont:after {clear:both;content:"";display:block;} #header.fix .header_cont {transform:translate(0, -29px);padding-bottom:9px;} #header .header_cont .h1_logo {vertical-align:top;font-size:0;float:left;padding:0;margin:0;margin-right:61px;width:185px;height:59px;transition:all 0.3s;position:relative;z-index:1;} #header .header_cont .h1_logo a {vertical-align:top;} #header .header_cont .h1_logo img {vertical-align:top;width:auto;height:100%;transition:all 0.3s;position:absolute;left:0;top:0;} #header .header_cont .h1_logo img.logo_img {opacity:1;} #header .header_cont .h1_logo img.logo_fiximg {opacity:0;} #header.fix .header_cont .h1_logo {width: 151px;height: 49px;} #header.fix .header_cont .h1_logo img.logo_img {opacity:0;} #header.fix .header_cont .h1_logo img.logo_fiximg {opacity:1;} #header.fix .header_cont .h1_logo {margin-right:49px;} #header .header_cont .header_search_cont {padding:8px 0 0;width:360px;min-height:46px;float:left;transition:all 0.3s;position:relative;z-index:5;} #header.fix .header_cont .header_search_cont {padding-top:0;} #header .header_cont .header_search_cont .top_search {top:8px;left:0;border:0;width:100%;float:none;} #header.fix .header_cont .header_search_cont .top_search {top: 0;} #header .header_cont .header_search_cont .top_search .top_search_cont {} #header .header_cont .header_search_cont .top_search .top_text_cont {width:100%;border-bottom:2px #001111 solid;height:44px;box-sizing:border-box;} #header .header_cont .header_search_cont .top_search .top_srarch_text {height:42px;padding:6px 35px 6px 0;font-size:16px;font-weight:400;color:#333;width:100%;margin:0;line-height:30px;box-sizing:border-box;border:0;} #header .header_cont .header_search_cont .top_search .top_srarch_text:placeholder {font-size:16px;font-weight:400;color:#333;} #header .header_cont .header_search_cont .top_search .top_srarch_text::placeholder {font-size:16px;font-weight:400;color:#333;} #header .header_cont .header_search_cont .top_search .top_srarch_text:-webkit-input-placeholder {font-size:16px;font-weight:400;color:#333;} #header .header_cont .header_search_cont .top_search .top_srarch_text:-ms-input-placeholder {font-size:16px;font-weight:400;color:#333;} #header .header_cont .header_search_cont .top_search .btn_top_srarch {border:0;right:5px;top:11px;} #header .header_cont .header_search_cont .search_cont {border:1px #001111 solid;border-top:0;box-sizing:border-box;} #header .header_cont .header_search_cont .search_cont .recent_box {width: calc(100% - 158px);min-height: 218px;border-right:1px #eee solid;box-sizing:border-box;} #header .header_cont .header_search_cont .search_cont .recent_box dt {font-weight:500;} #header .header_cont .header_search_cont .search_cont .recent_box dd {color:#777;} #header .header_cont .header_search_cont .search_cont .recent_box li a {width: 55%;} #header .header_cont .header_search_cont .search_cont .recom_box {width:158px;padding-left:10px;padding-right:10px;border-left:0;box-sizing:border-box;} #header .header_cont .header_search_cont .search_cont .recom_box dt {width:100%;font-weight:500;} #header .header_cont .header_search_cont .search_cont .recom_box dd {color:#777;} #header .header_cont .hd_gnb_right {padding:22px 0 0;float:right;transition:all 0.3s;} #header.fix .header_cont .hd_gnb_right {padding-top:10px;} #header .header_cont .hd_gnb_right ul {display:inline-block;vertical-align:top;} #header .header_cont .hd_gnb_right li {padding:5px 0 6px;line-height:1;font-size: 16px;font-weight:500;color:#111;display:inline-block;vertical-align:top;} #header .header_cont .hd_gnb_right li:hover {color:#00c4c4;font-weight:500;} #header .header_cont .hd_gnb_right li + li {margin-left: 38px;} #header .header_cont .hd_gnb_right li a {color:inherit;font-size:inherit;line-height:inherit;font-weight:inherit;padding:0;display:inline-block;vertical-align:top;} #header .header_cont .hd_gnb_right ul + ul {margin-left:52px;display:inline-block;vertical-align:top;} #header .header_cont .hd_gnb_right ul + ul li {padding:0;display:inline-block;vertical-align:top;position:relative;z-index:1;} #header .header_cont .hd_gnb_right ul + ul li + li {margin-left:36px;} #header .header_cont .hd_gnb_right ul + ul li + li + li {margin-left:30px;} #header .header_cont .hd_gnb_right ul + ul li a {position:relative;z-index:1;} #header .header_cont .hd_gnb_right ul + ul li a strong {left:19px;font-size:11px;padding:3px 3px 4px 4px;font-weight:500;letter-spacing:-0.33px;line-height:1;min-width:18px;height:18px;border-radius:18px;top:-5px;display:inline-block;position:absolute;text-align:center;background:#00c4c4;color:#fff;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;box-sizing:border-box;} #header .header_gnb {transform:translate(0, 0px);transition:transform 0.3s;} #header.fix .header_gnb {transform:translate(0, -29px);} #header .header_gnb .gnb {} #header .header_gnb .gnb:after {clear:both;content:"";display:block;} #header .header_gnb .hd_all_btn {cursor:pointer;position:relative;z-index:1;padding:20px 0;margin:0;width:150px;box-sizing:border-box;padding-left:33px;float:left;text-align:left;} #header .header_gnb .hd_all_btn:after {position:absolute;right:0;top:50%;display:inline-block;content:"";width:1px;height:12px;background:#ddd;transform:translateY(-50%);} #header .header_gnb .hd_all_btn strong {font-size:15px;color:#111;font-weight:400;line-height:1;vertical-align:top;display:inline-block;} #header .header_gnb .hd_all_btn span {width:18px;height:2px;background:#111;position:absolute;display:inline-block;transition:all 0.3s;opacity:1;} #header .header_gnb .hd_all_btn span:nth-of-type(1) {top:20px;left:0;} #header .header_gnb .hd_all_btn span:nth-of-type(2) {top:27px;left:0;} #header .header_gnb .hd_all_btn span:nth-of-type(3) {bottom:22px;left:0;} #header .header_gnb .gnb_menu {float:left; width:calc(100% - 150px); height:55px;} #header .header_gnb .gnb_menu > ul {text-align:left;vertical-align:top;font-size:0;} #header .header_gnb .gnb_menu > ul > li {padding:0;margin:0;display:inline-block;vertical-align:top;position:relative;z-index:1;} #header .header_gnb .gnb_menu > ul > li + li {margin:0;padding:0;} #header .header_gnb .gnb_menu > ul > li:nth-child(n+11){display:none;} #header .header_gnb .gnb_menu > ul > li > a {font-size:15px;padding: 20px;padding-bottom:21px;line-height:16px;font-weight:400;color:#111;line-height:1;display:inline-block;vertical-align:top;position:relative;z-index:1;} #header .header_gnb .gnb_menu > ul > li:first-child > a {padding-left: 32px;} #header .header_gnb .gnb_menu > ul > li:nth-of-type(12) > a {padding-right:0;} #header .header_gnb .gnb_menu > ul > li:hover {padding:0;margin:0;} #header .header_gnb .gnb_menu > ul > li:hover > a, #header .header_gnb .gnb_menu > ul > li.on > a {color:#00c4c4;font-weight:500;} #header .header_gnb .gnb_menu > ul > li:hover > a:before, #header .header_gnb .gnb_menu > ul > li.on > a:before {width: calc(100% - 40px);left:20px;height:2px;bottom:0;display:inline-block;content:"";background:#00c4c4;position:absolute;} #header .header_gnb .gnb_menu > ul > li:first-child:hover > a:before, #header .header_gnb .gnb_menu > ul > li:first-child.on > a:before {width: calc(100% - 52px); left: 32px;} #header .header_gnb .gnb_menu > ul > li:nth-of-type(12):hover > a:before, #header .header_gnb .gnb_menu > ul > li:nth-of-type(12).on > a:before {width: calc(100% - 20px);} #header .header_gnb .gnb_menu > ul > li > ul {top: 100%;border-radius:4px;background:none;width:100%;min-width:160px;box-sizing:border-box;text-align:left;margin:0;border:0;max-height: calc(100vh - 300px); overflow-x: hidden; overflow-y: auto; border:1px solid #eee; background:#fff;} #header .header_gnb .gnb_menu > ul > li:hover > ul {} #header .header_gnb .gnb_menu > ul > li:nth-of-type(12) > ul {left:auto;right:0;} #header .header_gnb .gnb_menu > ul > li > ul > li {background:#fff;padding:0 21px;margin:0;} #header .header_gnb .gnb_menu > ul > li > ul > li:hover {background:#fff;} #header .header_gnb .gnb_menu > ul > li > ul > li + li {padding-top:18px;margin:0;} #header .header_gnb .gnb_menu > ul > li > ul > li:first-child {padding-top:18px;} #header .header_gnb .gnb_menu > ul > li > ul > li:last-child {padding-bottom:18px;} #header .header_gnb .gnb_menu > ul > li > ul > li > a {font-size:14px;font-weight:400;color:#333;line-height:20px;padding:0;margin:0;background:none;} #header .header_gnb .gnb_menu > ul > li > ul > li:hover > a {font-weight:400;color:#00c4c4;background:none;} #header .header_gnb .gnb_menu > ul > li:nth-of-type(n + 13) {display:none;} #header .header_gnb .gnb_menu > ul > li > ul > li > ul {display:none;} #header_warp .hd_all_gnb {width:1200px;border-radius:10px;padding:30px 40px 40px;height:0;opacity:0;overflow:hidden;position:fixed;left:50%;top: calc(50% - 300px);transform:translate(-50%, 0);background:#fff;box-sizing:border-box;z-index:-1;transition:height 0.5s;} #header_warp .hd_all_gnb.on {height:600px;opacity:1;z-index:202;} #header_warp .hd_all_gnb .hd_all_closed {width:22px;height:22px;display:inline-block;position:absolute;cursor:pointer;right:40px;top:30px;font-size:0;box-sizing:border-box;background:url(../img/da_image/icon-hd-closed.png) no-repeat 50% 50%;} #header_warp .hd_all_gnb > dl > dt {font-size:24px;font-weight:500;letter-spacing:-0.72px;text-align:left;line-height:1;margin:0 0 29px;} #header_warp .hd_all_gnb > dl > dd {padding:0;width: calc(100% + 40px);margin-right:-40px;height:477px;overflow-y:scroll;box-sizing:border-box;} #header_warp .hd_all_gnb > dl > dd::-webkit-scrollbar {width:5px;border-radius:5px;background:#f5f5f5;}/*스크롤바 전체*/ #header_warp .hd_all_gnb > dl > dd::-webkit-scrollbar-thumb {width:5px;border-radius:5px;background:#ccc;}/*스크롤바 막대*/ #header_warp .hd_all_gnb > dl > dd::-webkit-scrollbar-track {width:5px;border-radius:5px;}/*스크롤바 막대 외부*/ #header_warp .hd_all_gnb > dl > dd > ul {width: calc(100% - 34px);} #header_warp .hd_all_gnb > dl > dd > ul:after {clear:both;content:"";display:block;} #header_warp .hd_all_gnb > dl > dd > ul > li {width: calc(16.65% - 16.65px);display:inline-block;float:left;background:none;margin:0;padding:0;box-sizing:border-box;} #header_warp .hd_all_gnb > dl > dd > ul > li + li {margin-left:20px;} #header_warp .hd_all_gnb > dl > dd > ul > li:nth-of-type(6n + 1) {margin-left:0;clear:both;float:left;} #header_warp .hd_all_gnb > dl > dd > ul > li:nth-of-type(n + 7) {margin-top:40px;} #header_warp .hd_all_gnb > dl > dd > ul > li > a {font-size:15px;border-radius:4px;height:40px;line-height:20px;padding:10px;width:100%;box-sizing:border-box;margin:0 auto;background:#f5f5f5;text-align:center;color:#333;font-weight:400;display:inline-block;vertical-align:top;} #header_warp .hd_all_gnb > dl > dd > ul > li:hover > a {background:#00c4c4;color:#fff;font-weight:400;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul {margin:0;padding:18px 0 0;display:block !important;opacity:1 !important;border:0;} #header_warp .hd_all_gnb > dl > dd > ul > li:hover > ul {margin:0;padding:18px 0 0;display:block !important;opacity:1 !important;border:0;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li {margin:0;padding:0;background:none;border:0;text-align:left;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li:hover {background:none;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li + li {margin-top:10px;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li > a {font-size:14px;font-weight:400;color:#333;line-height:20px;margin:0;padding:0;display:inline-block;vertical-align:top;background:none;position:relative;z-index:1;width:auto;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li:hover > a {color:#00c4c4;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li:hover > a:before {left:0;bottom:0;width:100%;height:1px;background:#00c4c4;display:inline-block;content:"";position:absolute;} #header_warp .hd_all_gnb > dl > dd > ul > li > ul > li > ul {display:none !important;} #header_warp .hd_dim {background: rgba(0, 0, 0, 0.7);width:100%;z-index:201;height:100%;position:fixed;left:0;top:0;} #header_warp .main_cate_list {display:none !important;opacity:0;} .location_wrap {z-index:1;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 하단 outline/footer ───────────────────────────────────────────────────────────*/ /* pc 일반 */ #footer_wrap {border:0 !important;padding:0;margin:0;position:relative;z-index:1;} /* 메인 하단 */ .content_info_wrap {width:1200px;margin:0 auto;padding:0 0 30px;vertical-align:top;font-size:0;border:0 !important; display:flex;} .content_info_wrap > dl {width: calc(50% - 15px);padding:30px;border-radius:8px;border:1px #ddd solid;box-sizing:border-box;display:inline-block;vertical-align:top;} .content_info_wrap > dl + dl {margin-left:30px;} .content_info_wrap > dl > dt {font-size:20px;letter-spacing:-0.8px;color:#222;font-weight:500;line-height:22px;height:22px;margin:0 0 18px;padding-left:32px;background:url(../img/da_image/icon-cscenter.png) no-repeat 0 50%;} .content_info_wrap > dl + dl > dt {margin-bottom:25px;padding-left:37px;background:url(../img/da_image/icon-bamk.png) no-repeat 0 50%;} .content_info_wrap > dl > dd {font-size:14px;font-weight:400;color:#444;line-height:1;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .content_info_wrap > dl > dd > strong, .content_info_wrap > dl > dd > em, .content_info_wrap > dl > dd .btn_cs_qa {display:inline-block;vertical-align:top;margin:0;padding:0;font-family:inherit;} .content_info_wrap > dl > dd > strong {font-size:24px;font-weight:700;color:#00c4c4;font-weight:700;line-height:1; margin-right:17px;} .content_info_wrap > dl > dd > em {margin-right:17px;padding:5px 0;font-size:inherit;font-weight:500;color:inherit;line-height:inherit;} .content_info_wrap > dl > dd .btn_cs_qa {margin:-6px 0 -5px;padding:0 17px;border:1px #ddd solid;border-radius:35px;height:35px;line-height:33px;box-sizing:border-box;background:#fff;transition:all 0.3s;} .content_info_wrap > dl > dd .btn_cs_qa span {height:33px;font-size:13px;font-weight:500;padding-right:15px;color:#222;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-btn-arrow.png) no-repeat 100% 50%;font-family:inherit;display:inline-block;vertical-align:top;transition:all 0.3s;} .content_info_wrap > dl > dd .btn_cs_qa:hover {background:#00c4c4;border-color:#00c4c4;} .content_info_wrap > dl > dd .btn_cs_qa:hover span {color:#fff;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-btn-arrow-wh.png) no-repeat 100% 50%;} .content_info_wrap > dl > dd > ul {margin-top:22px;} .content_info_wrap > dl + dl > dd > ul {margin-top:0;width:calc(100% + 10px);margin-right:-10px;margin-bottom:27px;} .content_info_wrap > dl > dd > ul > li {font-size:inherit;font-weight:inherit;color:inherit;line-height:1.5;letter-spacing:-0.28px;font-family:inherit;display:inline-block;vertical-align:top;} .content_info_wrap > dl + dl > dd > ul > li {letter-spacing:0;} .content_info_wrap > dl > dd > ul > li + li {margin-left:9px;} .content_info_wrap > dl > dd > ul > li + li:before {width:1px;height:10px;margin:2px 9px 2px 0;background:#ddd;display:inline-block;content:"";vertical-align:top;} .content_info_wrap > dl + dl > dd > ul > li em {margin-right:7px;font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;letter-spacing:-0.56px;font-family:inherit;} .content_info_wrap > dl + dl > dd > span {font-size:inherit;font-weight:inherit;color:#666;line-height:inherit;letter-spacing:-0.56px;font-family:inherit;} /* 일반 하단 */ #footer {width:100%;margin:0;border:0;padding:0 !important;} #footer .foot_list {background:#f5f5f5;width:100%;margin:0;border:0 !important;} #footer .foot_list ul {padding:21px 0 20px;margin:0 auto;font-size:0;vertical-align:top;border:0;display:inline-block;float:left;width:auto;} #footer .foot_list li {font-size:14px;line-height:1;letter-spacing:-0.56px;color:#666;font-weight:400;margin:0;display:inline-block;vertical-align:Top;border:0;padding:0;} #footer .foot_list li + li {margin-left:32px;} #footer .foot_list li:before, #footer .foot_list li + li:before {display:none;} #footer .foot_list li a {font-size:inherit;font-weight:inherit;color:inherit;line-height:inherit;padding:0;margin:0;border:0;} #footer .foot_list li:nth-of-type(3) {color:#333;font-weight:500;} #footer .foot_list .ft_sns {font-size:0;text-align:center;vertical-align:top;padding-top:18px;display:inline-block;float:right;} #footer .foot_list .ft_sns li {height:19px;line-height:19px;transition:all 0.2s;display:inline-block;vertical-align:top;} #footer .foot_list .ft_sns li + li {margin-left:29px;} #footer .foot_list .ft_sns li a {height:19px;line-height:19px;background-position:50% 50%;background-repeat:no-repeat;transition:all 0.2s;display:inline-block;overflow:hidden;font-size:0;} #footer .foot_list .ft_sns li.sns01 a {width:10px;background-image:url('../img/da_image/icon-sns-01.png');} #footer .foot_list .ft_sns li.sns02 a {width:18px;background-image:url('../img/da_image/icon-sns-02.png');} #footer .foot_list .ft_sns li.sns03 a {width:18px;background-image:url('../img/da_image/icon-sns-03.png');} #footer .foot_list .ft_sns li.sns01:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-01-ov.png');} #footer .foot_list .ft_sns li.sns02:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-02-ov.png');} #footer .foot_list .ft_sns li.sns03:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-03-ov.png');} #footer .foot_cont {width:1200px;margin:0 auto;padding:22px 0 44px;vertical-align:top;} #footer .foot_cont .foot_logo {width:144px;margin:0;margin-right:60px;vertical-align:top;padding:0;display:inline-block;} #footer .foot_cont .foot_logo a {vertical-align:top;margin:0;padding:0;} #footer .foot_cont .foot_logo img {vertical-align:top;width:100%;} #footer .foot_cont .foot_info {width: calc(100% - 444px);display:inline-block;vertical-align:top;font-size:0;text-align:left;} #footer .foot_cont .foot_info .foot_info_list {font-size:13px;font-weight:400;color:#777;letter-spacing:-0.39px;line-height:26px;width:100%;} #footer .foot_cont .foot_info .foot_info_list > strong, #footer .foot_cont .foot_info .foot_info_list dt, #footer .foot_cont .foot_info .foot_info_list dd, #footer .foot_cont .foot_info .foot_info_list dd a {font-size:inherit;color:inherit;font-weight:inherit;line-height:inherit;vertical-align:top;display:inline-block;margin:0;padding:0;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;border:0;text-decoration:none;} #footer .foot_cont .foot_info .foot_info_list > strong {} #footer .foot_cont .foot_info .foot_info_list dl {} #footer .foot_cont .foot_info .foot_info_list dl:before {height:10px;margin:8px 12px;width:1px;background:#ccc;display:inline-block;vertical-align:top;content:"";} #footer .foot_cont .foot_info .foot_info_list dl.non_bar:before {background:#fff;} #footer .foot_cont .foot_info .foot_info_list dt, #footer .foot_cont .foot_info .foot_info_list dd {} #footer .foot_cont .foot_info .foot_info_list dt {} #footer .foot_cont .foot_info .foot_info_list dd {} #footer .foot_cont .foot_info > p {font-size:13px;letter-spacing:0.13px;font-weight:400;line-height:1;color:#999;vertical-align:top;padding:24px 0 0;margin:0;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} #footer .foot_cont .foot_info > p span, #footer .foot_cont .foot_info > p .designart {margin-left:20px;letter-spacing:-0.39px;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;vertical-align:top;display:inline-block;} #footer .foot_cont .foot_certify {font-size:0;text-align:right;display:inline-block;vertical-align:top;width:300px;overflow:hidden;position: absolute;right: 0;} #footer .foot_certify span{display:inline-block; padding:0 10px 0 10px;} #footer .foot_cont .foot_certify img {vertical-align:top;} #footer .foot_cont .foot_certify .foot_mobile {display:block;margin-top:10px;vertical-align:top;} #footer .foot_cont .foot_certify .foot_mobile {} /* 사용자정보확인 */ .btn_licensee_info{color:#000000; font-size:10px; border-bottom:1px solid #333333;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 퀵메뉴 outline/footer ───────────────────────────────────────────────────────────*/ /* pc 일반 */ .scroll_wrap{top:339px;width:100%;margin-left:0;left:0;position:absolute;z-index:154;display:inline-block;} /* 스크롤배너(왼쪽) */ .scl_quick {left:2.45%;bottom:2.45%;display:none;position:fixed;z-index:5;} .scl_quick.pc_scr {display:none;} .scl_quick.mo_scr, .scl_quick.mo_scr.fold {display:none;} .scl_quick.fold, .scl_quick.pc_scr.fold {display:block;} .scl_quick .scl_btn {cursor:pointer;} .scl_quick .scl_content {width:324px;height:380px;left:53px;top:-12px;overflow:hidden;font-size:12px;transform:translateY(-100%);text-align:center;transition:all 0.4s;position:absolute;} .scl_quick .scl_content.fold {width:1px;height:1px;left:50px;top:0;overflow:hidden;} .scl_quick .scl_content .content_bnr {width:100%;position:relative;z-index:1;text-align:center;transition:all 0.4s;vertical-align:Top;} .scl_quick .scl_content .content_bnr .content_thumb img {width:100%;height:auto;transition:all 0.4s;vertical-align:Top;} .scl_quick .scl_content .content_footer {padding-top:2px;width:324px;height:23px;text-align:center;vertical-align:top;display:block;opacity:1;transition:opacity 0.4s;box-sizing:border-box;} .scl_quick .scl_content.fold .content_footer {display:none;opacity:0;transition:opacity 0.4s;} .scl_quick .scl_content .content_footer p, .scl_quick .scl_content .content_footer span.scl_one_close {line-height:21px;height:21px;font-size:12px;letter-spacing:-0.03em;margin:0;padding:0;font-weight:400;color:#333;cursor:pointer;display:inline-block;vertical-align:top;} .scl_quick .scl_content .content_footer p {padding-left:25px;position:relative;z-index:1;} .scl_quick .scl_content .content_footer p:before {width:18px;height:18px;background:#fff url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/inp-check-off.png') no-repeat 0 50%;position:absolute;left:0;top:50%;transform:translateY(-9px);display:inline-block;content:"";} .scl_quick .scl_content .content_footer p:hover:before {background:#fff url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/inp-check-on.png') no-repeat 0 50%;} .scl_quick .scl_content .content_footer p span {font-size:inherit;} .scl_quick .scl_content .content_footer span.scl_one_close {margin-left:8px;width:21px;border-radius:100%;background:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/btn-quick-closed.png') no-repeat 50% 50%;overflow:hidden;text-indent:999px;} /* 스크롤배너(오른쪽) */ #scroll_right{width:1px;margin:0 !important;padding:0 !important;height:100%;box-sizing:border-box;position:fixed !important;top:50% !important;right:0 !important;transform:translateY(-50%) !important;} .scr_quick, .scr_quick.pc_scr {transition:all 0.2s;z-index:5;margin:0;padding:0;box-sizing:border-box;position:fixed;right:0;top:50%;transform:translateY(-155px);} .scr_quick.close, .scr_quick.pc_scr.close {right:0;} .scr_quick.fold, .scr_quick.pc_scr.fold {right:180px;} .scr_quick ul.scr_quick_list {font-size:0;position:relative;z-index:5;margin-right:5px;} .scr_quick ul.scr_quick_list > li {line-height:40px;height:40px;transition:all 0.2s;box-sizing:border-box;position:relative;z-index:5;box-sizing:border-box;vertical-align:top;} .scr_quick ul.scr_quick_list > li + li {margin-top:5px;} .scr_quick ul.scr_quick_list > li > a, .scr_quick ul.scr_quick_list > li > span, .scr_quick ul.scr_quick_list > li > button {z-index:1;border:0;outline:0;display:inline-block;vertical-align:top;} .scr_quick ul.scr_quick_list > li > a, .scr_quick ul.scr_quick_list > li > button {background-size:auto 16px !important;background-repeat:no-repeat;background-color:#fff;border:1px #ccc solid;text-indent:999px;overflow:hidden;height:40px;line-height:38px;border-radius:40px;margin:0;padding:0;width:40px;box-sizing:border-box;transition:all 0.2s;} .scr_quick ul.scr_quick_list > li:hover > a, .scr_quick ul.scr_quick_list > li:hover > button {background-color:#00c4c4;border-color:#00c4c4;} .scr_quick ul.scr_quick_list > li.quick01 a {background-image:url('../img/da_image/icon-quick-menu-01.png');background-position:8px 50%;}/*장바구니*/ .scr_quick ul.scr_quick_list > li.quick02 button {background-image:url('../img/da_image/icon-quick-menu-02.png');background-position:10px 50%;}/*최근본상품*/ .scr_quick ul.scr_quick_list > li.quick01:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-quick-menu-01-ov.png');}/*장바구니*/ .scr_quick ul.scr_quick_list > li.quick02:hover button {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-quick-menu-02-ov.png');}/*최근본상품*/ .scr_quick ul.scr_quick_list li button.quick_arrow {line-height:38px;transition:all 0.2s;position:relative;z-index:1;} .scr_quick ul.scr_quick_list li button.scr_side_go, .scr_quick ul.scr_quick_list li button.scr_side_go.close {position:relative;z-index:1;border:1px #00c4c4 solid;background:#00c4c4;} .scr_quick ul.scr_quick_list li button.scr_side_go.fold {border:1px #333 solid;background:#333;} .scr_quick ul.scr_quick_list li button.scr_side_go:before, .scr_quick ul.scr_quick_list li button.scr_side_go:after {margin-left:-7px;width:12px;height:1px;background:#fff;transform:50% 50%;transition:all .6s .0s cubic-bezier(0.69,0.51,0.15,0.86);content:"";clear:both;position:absolute;top:50%;left:50%;display:block;} .scr_quick ul.scr_quick_list li button.scr_side_go.fold:before, .scr_quick ul.scr_quick_list li button.scr_side_go.fold:after {background:#fff;margin-left:-5px;} .scr_quick ul.scr_quick_list li button.scr_side_go:before {transform:rotate(-45deg);margin-top:-4px;} .scr_quick ul.scr_quick_list li button.scr_side_go:after {transform:rotate(45deg);margin-top:4px;} .scr_quick ul.scr_quick_list li button.scr_side_go.fold:before {transform:rotate(225deg);} .scr_quick ul.scr_quick_list li button.scr_side_go.fold:after {transform:rotate(-225deg);} .scr_quick ul.scr_quick_list li button.quick_arrow:before {width:10px;height:10px;border:0px solid #fff;border-left-width:1px;border-top-width:1px;transform:translate(-25%, -50%) rotate(-45deg);box-sizing:border-box;transition:all 0.3s;content:"";display:inline-block;position:absolute;left:50%;top:50%;} .scr_quick ul.scr_quick_list li button.quick_arrow.arrow_up:before {border-color:#333;transform:translate(-50%, -25%) rotate(45deg);} .scr_quick ul.scr_quick_list li button.quick_arrow.arrow_down:before {border-color:#333;transform:translate(-50%, -75%) rotate(-135deg);} .scr_quick ul.scr_quick_list li button.quick_arrow.arrow_up:hover:before, .scr_quick ul.scr_quick_list li button.quick_arrow.arrow_down:hover:before {border-color:#fff;} .scr_quick ul.scr_quick_list > li > span {height:24px;line-height:20px;padding:0 10px 2px;left:-5px;font-size:12px;border-radius:3px;min-width:62px;width:auto;transition:all 0.2s;opacity:0;display:none;border:1px #333 solid;background:#333;color:#fff;text-align:center;box-sizing:border-box;position:absolute;top:50%;transform:translate(-100%, -14px);} .scr_quick ul.scr_quick_list.on > li:hover > span {opacity:1;display:inline-block;} .scr_quick ul.scr_quick_list > li > span:before {width:7px;height:11px;right:-7px;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon_quick_lnb_over.png) no-repeat 0 0;background-size:cover;position:absolute;top:50%;transform:translateY(-50%);display:inline-block;content:"";} .scr_quick ul.scr_quick_list > li:nth-of-type(3) > span {min-width:72px;} /* 최근본상품 레이어 */ .scr_pr_wrapper {transition:all 0.2s;left:350px;opacity:0;z-index:-1;border:1px #ccc solid;background:#fff;position:absolute;top:50%;width:350px;height:430px;transform:translateY(-215px);box-sizing:border-box;} .scr_pr_wrapper.fold {left:-359px;opacity:1;z-index:1;} .scr_pr_wrapper .scr_pr_wrap {text-align:center;position:relative;z-index:1;width:100%;font-size:0;padding:0 0 18px;} .scr_pr_wrapper .scr_pr_wrap h4 {background:#f5f5f5;color:#333;font-size:15px;font-weight:700;line-height:22px;padding:13px 14px;text-align:left;width:100%;box-sizing:border-box;} .scr_pr_wrapper .scr_pr_wrap .scr_pr_go {position:absolute;right:0;top:0;width:43px;height:48px;cursor:pointer;outline:0;background:url(../img/da_image/icon_close.png) no-repeat 50% 50%;background-size:auto 20px;line-height:48px;text-indent:999px;overflow:hidden;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont {width:100%;box-sizing:border-box;padding:7px 19px 13px;height:319px;background:#fff;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont > ul {padding:0 0 4px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li {border:0;width:100%;height:auto;border-bottom:1px #ccc solid;padding:12px 0;margin:0;box-sizing:border-box;text-align:left;position:relative;z-index:1;font-size:0;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li:after {clear:both;content:"";display:block;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li:last-child {border-bottom:0;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li > a {position:absolute;display:inline-block;width:100%;height:50px;top:12px;left:0;z-index:5;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .photo, .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box {display:inline-block;text-align:left;vertical-align:top;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .photo {width:60px;height:60px;background-size:cover;margin-right:15px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .photo img {width:auto;height:60px;max-width:60px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box {border:0;position:static;text-align:left;padding:0;margin:0;top:0;right:0;width: calc(100% - 75px);height:auto;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box em {margin-bottom:0.4em;height:1.5em;line-height:1.5em;font-size:12px;color:#444;font-weight:400;width:100%;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box del, .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box strong {line-height:17px;height:17px;width:auto;margin:0;padding:0;display:inline-block;text-align:right;font-weight:400;font-family:'Lato','Nanum Gothic',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;vertical-align:top;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box del b, .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box strong b {line-height:17px;height:17px;font-weight:400;font-family:'Noto Sans KR','Nanum Gothic',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;vertical-align:top;display:inline-block;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box del {color:#888;font-size:12px;margin-bottom:4px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box del b {text-decoration:line-through;color:#888;font-size:12px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box strong {color:#333;font-size:15px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box strong b {color:#333;font-size:12px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont ul li .src_box del + strong {margin-left:5px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont + a {font-size:14px;display:inline-block;height:40px;line-height:40px;min-width:160px;text-align:center;color:#fff;background:#333;margin:0 auto;padding:0 20px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging {line-height:1em;font-size:11px;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging span, .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging button, .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging strong {} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging span {margin-top:-2px;line-height:inherit;font-size:inherit;color:#888;font-family:'Lato','Nanum Gothic',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .scr_pr_wrapper .scr_pr_wrap .scroll_right_cont .scr_paging span strong {line-height:inherit;font-size:inherit;color:#333;font-weight:700;} /* 우측 펼치기 */ .scr_side, .scr_side.pc_scr {right:-180px;transition:all 0.2s;z-index:10;width:180px;background:#fff;border-left:1px #eee solid;padding:0;margin:0;box-sizing:border-box;position:fixed;top:0;height:100%;} .scr_side.fold, .scr_side.pc_scr.fold {right:0;} .scr_side.close, .scr_side.pc_scr.close {right:-180px;} .scr_side .scr_side_wrapper {position:absolute;z-index:5;top:50%;left:0;padding:19px;margin:0;box-sizing:border-box;transform:translateY(-350.5px);height:700px;} .scr_side .scr_side_wrapper .scr_side_slider {width:140px;height:140px;margin:0;padding:0;overflow:hidden;position:relative;z-index:5;} .scr_side .scr_side_wrapper .scr_detail_lnb {padding-top:20px;padding-bottom:29px;} .scr_side .scr_side_wrapper .scr_detail_lnb ul {font-size:0;vertical-align:top;} .scr_side .scr_side_wrapper .scr_detail_lnb ul li {display:inline-block;width:100%;vertical-align:top;} .scr_side .scr_side_wrapper .scr_detail_lnb ul li + li {margin-top:8px;} .scr_side .scr_side_wrapper .scr_detail_lnb ul li a {transition:all 0.2s;color:#666;height:32px;padding:6px 0;border:1px #ccc solid;font-size:13px;font-weight:400;display:inline-block;width:100%;line-height:18px;border-radius:32px;box-sizing:border-box;text-align:center;} .scr_side .scr_side_wrapper .scr_detail_lnb ul li:hover a {border:1px #00c4c4 solid;color:#00c4c4;} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns {font-size:0;text-align:center;vertical-align:top;padding-top:14px;} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li {height:19px;line-height:19px;transition:all 0.2s;display:inline-block;vertical-align:top;} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li + li {margin-left:29px;} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li a {height:19px;line-height:19px;background-position:50% 50%;background-repeat:no-repeat;transition:all 0.2s;display:inline-block;overflow:hidden;font-size:0;} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns01 a {width:10px;background-image:url('../img/da_image/icon-sns-01.png');} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns02 a {width:18px;background-image:url('../img/da_image/icon-sns-02.png');} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns03 a {width:16px;background-image:url('../img/da_image/icon-sns-03.png');} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns01:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-01-ov.png');} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns02:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-02-ov.png');} .scr_side .scr_side_wrapper .scr_cs ul.scr_cs_sns li.sns03:hover a {background-image:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-sns-03-ov.png');} .scr_side .scr_side_wrapper .scr_cs > dl {font-size:12px;margin:0 -10px 24px 0;padding:0;width: calc(100% + 10px);} .scr_side .scr_side_wrapper .scr_cs > dl dt {margin-bottom:16px;line-height:1em;font-size:15px;text-align:left;font-weight:500;color:#333;letter-spacing:-0.04em;position:relative;z-index:1;} .scr_side .scr_side_wrapper .scr_cs > dl dt a {background:url('https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon_cate_toggle_on.png') no-repeat 100% 50%;background-size:auto 11px;height:100%;width:100%;font-size:0;right:0;top:0;display:inline-block;position:absolute;} .scr_side .scr_side_wrapper .scr_cs > dl dd {text-align:left;} .scr_side .scr_side_wrapper .scr_cs > dl dd p {line-height:22px;font-size:13px;letter-spacing:-0.39px;font-weight:400;color:#666;white-space:normal;word-break:keep-all;word-wrap:break-word;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .scr_side .scr_side_wrapper .scr_cs > dl dd p span, .scr_side .scr_side_wrapper .scr_cs > dl dd p em {letter-spacing:-0.26px;font-family:'Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .scr_side .scr_side_wrapper .scr_cs > dl.ft_bank dd p {line-height:24px;color:#444;} .scr_side .scr_side_wrapper .scr_cs > dl dd p strong {margin-bottom:8px;line-height:1em;font-size:20px;letter-spacing:-0.2px;font-weight:700;color:#00c4c4;display:block;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .scr_side .scr_side_wrapper .scr_cs > dl dd p em {letter-spacing:-0.39px;line-height:inherit;font-size:inherit;font-weight:inherit;display:inline-block;vertical-align:top;margin:0;padding:0;padding-right:5px;} .scr_side .scr_side_wrapper .scr_cs > dl.ft_bank dd p span {letter-spacing:-0.52px;color:#666;display:inline-block;margin-top:4px;} @media only screen and (max-width:1497px) { .scl_quick {left:15px;bottom:15px;} } /*─────────────────────────────────────────────────────────── 상품 ───────────────────────────────────────────────────────────*/ /* pc 일반 */ /* 커스텀 goods/list/list_01 또는 goods/list/list_11 */ .item_gallery_type {} .item_basket_type {} .item_gallery_type:after, .item_basket_type:after {clear:both;content:"";display:block;} /* 슬라이드 아닐때 1줄 갯수 설정 */ .item_linenum2.item_notslide {} .item_linenum2.item_notslide .item_box {float:left;width: calc(50% - 18px);} .item_linenum2.item_notslide .item_box + .item_box {margin-left:36px;} .item_linenum2.item_notslide .item_box:nth-of-type(2n + 1) {clear:both;float:left;margin-left:0;} .item_linenum3.item_notslide {} .item_linenum3.item_notslide .item_box {float:left;width: calc(33.32% - 24px);} .item_linenum3.item_notslide .item_box + .item_box {margin-left:36px;} .item_linenum3.item_notslide .item_box:nth-of-type(3n + 1) {clear:both;float:left;margin-left:0;} .item_linenum4.item_notslide {} .item_linenum4.item_notslide .item_box {float:left;width: calc(25% - 24px);} .item_linenum4.item_notslide .item_box + .item_box {margin-left:32px;} .item_linenum4.item_notslide .item_box:nth-of-type(4n + 1) {clear:both;float:left;margin-left:0;} .item_linenum5.item_notslide {} .item_linenum5.item_notslide .item_box {float:left;width: calc(20% - 24px);} .item_linenum5.item_notslide .item_box + .item_box {margin-left:30px;} .item_linenum5.item_notslide .item_box:nth-of-type(5n + 1) {clear:both;float:left;margin-left:0;} /**/ .item_cont.item_cont_custom {padding:0;text-align:left;color:#1c1c1c;} .item_cont_custom .icon_time_sale{position:absolute; top:0; left:0; text-align:left;} .item_cont_custom .item_photo_box{width:100%;display:inline-block !important;border-radius:10px;overflow:hidden;position:relative;text-align:center;border:0;vertical-align:middle;transition: all 0.3s;} .item_cont_custom .item_photo_box a{display:block; vertical-align:middle; height:auto;width:auto;transition: all 0.3s;} .item_cont_custom .item_photo_box > a{position:relative; width:100%; height:0; padding-bottom:100%;} .item_cont_custom .item_photo_box img.middle {width:100%;height:auto;object-fit:cover;transition: all 0.3s;transform: scale(1, 1);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);} .item_box:hover .item_cont_custom .item_photo_box img.middle {transform: translate(-50%, -50%) scale(1.1, 1.1);} .item_cont_custom .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_cont_custom .item_photo_box .item_soldout_bg img{position:relative; max-width:99.5%; vertical-align:middle;} .item_cont_custom .item_soldout .item_photo_box .item_soldout_bg{display:block;} .item_cont_custom .item_soldout .item_photo_box .item_soldout_bg:before { content: ""; display: inline-block; width: 1px; height: 100%; margin-right: 0; vertical-align: middle;} .item_cont_custom .item_soldout .item_soldout_bg{} .item_cont_custom .item_soldout .item_link{z-index:inherit;} .item_cont_custom .item_link{display:none;position:absolute;bottom:10px;right:10px;left:auto;width:auto;height:78px;text-align:right;line-height:1;z-index:10;background:none;} .item_box:hover .item_cont_custom .item_link{display:block;} .item_cont_custom .item_link > a, .item_cont_custom .item_link > button {margin:0;padding:0 5px 0 6px;height:24px;line-height:24px;border-radius:2px;font-size:0;font-weight:300;color:#333;width:auto;border:0;display:inline-block;vertical-align:top;background:rgba(255, 255, 255, 0);transition:all 0.3s;} .item_cont_custom .item_link > button {margin-top:3px;} .item_box .item_cont_custom .item_link > a:hover, .item_box .item_cont_custom .item_link > button:hover {background:rgba(255, 255, 255, 0.8);} .item_cont_custom .item_link > a span, .item_cont_custom .item_link > button span {padding:0;margin:0 10px 0 0;width:0;line-height:inherit;height:inherit;font-size:12px;font-weight:inherit;color:inherit;display:inline-block;vertical-align:top;transition:width 0.3s;overflow:hidden;} .item_box .item_cont_custom .item_link > a:hover span, .item_box .item_cont_custom .item_link > button:hover span {width:auto;} .item_cont_custom .item_link > a img, .item_cont_custom .item_link > button img {display:inline-block;vertical-align:top;} .item_cont_custom .item_link > a img {margin-top:5px;} .item_cont_custom .item_link > button img {margin-top:5px;} .item_cont_custom .item_link > button + button img {margin-top:7px;} /**/ .item_cont_custom .item_info_cont{display:block;padding:15px 0 40px 0;margin:0;text-align:left;vertical-align:middle; font-size:12px;position:relative;z-index:1;} .item_cont_custom .item_info_cont > a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:2;} .item_cont_custom .item_tit_box{padding:0;} .item_cont_custom .item_tit_box .item_brand{display:block;color:#888888;} .item_cont_custom .item_tit_box .item_name{color:#333;font-weight:400;padding:0;display:block;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-break:keep-all;word-wrap:break-word;} .item_linenum3 .item_cont_custom .item_tit_box .item_name, .item_linenum4 .item_cont_custom .item_tit_box .item_name {font-size:15px;line-height:24px;min-height:24px;height:auto;max-height:48px;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .item_linenum5 .item_cont_custom .item_tit_box .item_name {font-size:13px;line-height:20px;height:20px;margin-bottom:12px;white-space:nowrap;} .item_cont_custom .item_tit_box .item_name_explain {display:block;padding:0;margin:-5px 0 0;font-size:12px;line-height:1em;height:1em;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:keep-all;word-wrap:break-word;} .item_linenum3 .item_cont_custom .item_tit_box .item_name_explain, .item_linenum4 .item_cont_custom .item_tit_box .item_name_explain {margin-bottom:16px;} .item_linenum5 .item_cont_custom .item_tit_box .item_name_explain {margin-bottom:12px;} .item_cont_custom .item_icon_box{margin:0;padding:0;vertical-align:top;font-size:0;} .item_cont_custom .item_icon_box img{display:inline-block;vertical-align:top;padding:0;margin:10px 0 0;} .item_cont_custom .item_icon_box img + img {margin-left:4px;} .item_cont_custom .item_info_cont .item_money_box {padding:0 !important;margin:0;font-size:12px;vertical-align:top;} .item_cont_custom .item_info_cont .item_money_box em, .item_cont_custom .item_info_cont .item_money_box del, .item_cont_custom .item_info_cont .item_money_box strong, .item_cont_custom .item_info_cont .item_money_box span {font-size:14px;height:18px;line-height:18px;display:inline-block;margin:0;padding:0;vertical-align:top;box-sizing:border-box;color:#333;font-weight:400;} .item_cont_custom .item_info_cont .item_money_box del {padding:0 2px;margin-top:3px;line-height:1em;height:1em;padding-top:0;font-size:13px;font-weight:400;color:#888;margin-right:0;letter-spacing:0px;position:relative;z-index:1;text-decoration:none;} .item_cont_custom .item_info_cont .item_money_box strong {} .item_cont_custom .item_info_cont .item_money_box strong + del {margin-left:5px;} /* .item_cont_custom .item_info_cont .item_money_box del:before {display:inline-block;content:"";position:absolute;left:0;top:50%;width:100%;height:1px;background:#888;} */ .item_cont_custom .item_info_cont .item_money_box del em, .item_cont_custom .item_info_cont .item_money_box strong.item_sale em, .item_cont_custom .item_info_cont .item_money_box strong.item_oriprice em, .item_cont_custom .item_info_cont .item_money_box strong.item_price em {font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;line-height:inherit;height:inherit;color:inherit;text-decoration:inherit;} .item_cont_custom .item_info_cont .item_money_box del em {font-size:15px;} .item_cont_custom .item_info_cont .item_money_box strong.item_sale em, .item_cont_custom .item_info_cont .item_money_box strong.item_oriprice em, .item_cont_custom .item_info_cont .item_money_box strong.item_price em {font-size:18px;font-weight:700;margin-top:-0px;padding-right:2px;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;color:inherit;} .item_cont_custom .item_info_cont .item_money_box strong.item_sale, .item_cont_custom .item_info_cont .item_money_box strong.item_oriprice, .item_cont_custom .item_info_cont .item_money_box strong.item_price {color:#333;} .item_cont_custom .item_info_cont .item_money_box span.item_dc_per {margin-top:2px;line-height:1em;height:1em;font-size:16px;font-weight:700;color:#00c4c4;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .item_cont_custom .item_info_cont .item_money_box del + span.item_dc_per {margin-left:5px;} .item_cont_custom .item_number_box{font-size:11px; color:#a8a8a8;} .item_cont_custom .item_number_box .num_model{display:block;} .item_cont_custom .item_number_box .num_code{display:block;} /* 슬라이드 일 때 이벤트 설정 */ .slide_cut .item_cont.item_cont_custom {padding:0;} /* 하단 더보기 사용시 */ #wrap .btn_goods_down_more{width:100%; margin:0 auto; border:0; text-align:center;} #wrap .btn_goods_down_more .btn_goods_view_down_more{display:inline-block;margin-top:0;padding:5px 28px 6px 20px;font-weight:bold;border:1px solid #ddd;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/icon/goods_icon/icon_down_more.png) no-repeat right center;background-color:#ffffff; } #wrap .btn_goods_more{position:absolute; bottom:14px; right:5px;} #wrap .btn_goods_more .btn_goods_view_more{padding:2px 5px 3px 5px; font-size:11px; font-weight:bold; border:1px solid #ddd;} /* 마이페이지 */ .mypage_main .item_cont_custom .item_photo_box a > img {width:auto;height:auto;} .mypage_main .item_cont_custom .item_photo_box > a > img.middle {width:100%;height:auto;} .mypage_main .item_cont_custom .item_photo_box .item_link {display: none;} @media only screen and (max-width:1297px) { } /*─────────────────────────────────────────────────────────── 메인 main/index ───────────────────────────────────────────────────────────*/ /* pc 일반 */ /* 메인 비주얼 */ .main_visual_wrap {padding:40px 0;background:#f5f5f5;width:100%;height:620px;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;text-align:center;} .main_visual_wrap .main_visual_box {position:relative;z-index:1;text-align:center;} .main_visual_box .visual_list {margin-left: auto;margin-right: auto;position: relative;overflow: hidden;list-style: none;padding: 0;z-index: 1;} .main_visual_box .swiper-button-prev, .main_visual_box .swiper-button-next {width:50px;height:50px;border-radius:50px;background-color:#fff;background-size:9px auto !important;background-repeat:no-repeat !important;background-position:50% 50% !important;box-shadow: 0.5px 0.9px 6px 0 rgba(0, 0, 0, 0.11);border:0;outline:0;display:inline-block;margin:0;padding:0;font-size:0;position:absolute;z-index:5;top: calc(50% - 40px);opacity:1;} .main_visual_box .swiper-button-prev:after, .main_visual_box .swiper-button-next:after {display:none;} .main_visual_box .swiper-button-prev {left: calc(50% - 600px);background-image:url(../img/da_image/icon-prev-off.png);} .main_visual_box .swiper-button-next {right: calc(50% - 600px);background-image:url(../img/da_image/icon-next-off.png);} .main_visual_box .swiper-button-prev.swiper-button-disabled, .main_visual_box .swiper-button-next.swiper-button-disabled {opacity:0;} .main_visual_box .swiper-button-prev:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-prev-on.png);} .main_visual_box .swiper-button-next:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-next-on.png);} .main_visual_box .swiper-button-prev:hover, .main_visual_box .swiper-button-next:hover {background-color:#00c4c4;transition:all 0.2s;} .main_visual_box .swiper-pagination {top:auto;bottom:0;position:absolute;left:50%;transform:translateX(-50%);z-index:5;text-align:center;} .main_visual_box .swiper-pagination .swiper-pagination-bullet {width:10px;height:10px;margin:0 8px;background:#aaa;cursor:pointer;} .main_visual_box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#00c4c4;} .main_visual_box .visual_list .swiper-wrapper {padding:0 ;box-sizing:border-box;text-align:center;position: relative;width: 100%;height: 100%;z-index: 1;display: flex;transition-property: transform;}/*19.53%*/ .main_visual_box .visual_list .swiper-wrapper:after {clear:both;content:"";display:block;} .main_visual_box .visual_list .visual_cut {flex-shrink: 0;height: 100%;position: relative;transition-property: transform;padding:0 85px 40px;width:1170px !important;box-sizing:border-box;outline:0;display:inline-block;} .main_visual_box .visual_list .visual_cut .visual_content {width:100%;height:500px;border-radius:20px;position:relative;z-index:1;transition:all 0.2s;} .main_visual_box .visual_list .visual_cut.swiper-slide-prev .visual_content:before, .main_visual_box .visual_list .visual_cut.swiper-slide-next .visual_content:before {width:100%;height:100%;border-radius:20px;display:inline-block;content:"";position:absolute;left:0;top:0;z-index:2;opacity:0.4;background:#000;transition:all 0.2s;} .main_visual_box .visual_list .visual_cut.slick-current .visual_content {box-shadow: 7.8px 7.8px 11.8px 1.2px rgba(0, 0, 0, 0.16);} .main_visual_box .visual_list .visual_cut .visual_content .visual_txt {position:absolute;left:100px;top:50%;width: calc(100% - 200px);transform:translateY(-50%);text-align:left;z-index:1;} .main_visual_box .visual_list .visual_cut .visual_content > a {position:absolute;left:0;top:0;display:inline-block;width:100%;height:100%;z-index:2;} .main_visual_box .visual_txt h3, .main_visual_box .visual_txt h4, .main_visual_box .visual_txt p {text-align:left;vertical-align:top;margin:0;padding:0;} .main_visual_box .visual_txt h3 {font-size:20px;font-weight:500;line-height:1;color:#3b6dff;letter-spacing:-0.8px;} .main_visual_box .visual_txt h4 {margin-top:17px;font-size:54px;font-weight:500;line-height:68px;color:#000;letter-spacing:-1.62px;} .main_visual_box .visual_txt p {margin:23px 0 58px;font-size:18px;font-weight:400;line-height:1;color:#000;letter-spacing:-0.72px;} .main_visual_box .visual_txt p em {font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;letter-spacing:inherit;font-style:italic;} .main_visual_box .visual_txt a {height:50px;border-radius:25px;padding:0 27px;border:1px #fff solid;box-sizing:border-box;display:inline-block;vertical-align:top;} .main_visual_box .visual_txt a span {font-size:16px;font-weight:400;color:#000;line-height:1;letter-spacing:-0.64px;padding:16px 20px 16px 0;position:relative;z-index:1;box-sizing:border-box;display:inline-block;vertical-align:top;} .main_visual_box .visual_txt a span:after {width:9px;height:9px;border-width:1px 1px 0 0;border-color:#fff;border-style:solid;display:inline-block;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg);} .main_visual_box .visual_cut.visual_idx1 .visual_txt h3 {color:#ff6600;} .main_visual_box .visual_cut.visual_idx1 .visual_txt h4 {color:#222;} .main_visual_box .visual_cut.visual_idx1 .visual_txt p {color:#333;} .main_visual_box .visual_cut.visual_idx1 .visual_txt a {border:1px #555 solid;} .main_visual_box .visual_cut.visual_idx1 .visual_txt a span {color:#444;} .main_visual_box .visual_cut.visual_idx1 .visual_txt a span:after {border-color:#444;} .main_visual_box .visual_txt h3, .main_visual_box .visual_txt h4, .main_visual_box .visual_txt p, .main_visual_box .visual_txt a {opacity:0;transform:translateY(80px);} .main_visual_box .swiper-slide-active .visual_txt h3, .main_visual_box .swiper-slide-active .visual_txt h4, .main_visual_box .swiper-slide-active .visual_txt p, .main_visual_box .swiper-slide-active .visual_txt a {opacity:0;transform:translateY(80px);-webkit-animation: fadeup 0.6s ease-in-out 1;animation: fadeup 0.6s ease-in-out 1;animation-fill-mode:forwards;} .main_visual_box .swiper-slide-active .visual_txt h3 {animation-delay:0.3s;} .main_visual_box .swiper-slide-active .visual_txt h4 {animation-delay:0.5s;} .main_visual_box .swiper-slide-active .visual_txt p {animation-delay:0.7s;} .main_visual_box .swiper-slide-active .visual_txt a {animation-delay:0.8s;} @keyframes fadeup{ 0% {opacity:0;transform:translateY(80px);} 100%{opacity:1;transform:translateY(0px);} } /* 메인 타이틀 */ .main_title {font-size:32px;line-height:1;font-weight:500;color:#111;letter-spacing:-0.96px;margin:0 auto 28px;vertical-align:top;max-width:1200px;} .main_title > strong, .main_title > a {font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;letter-spacing:inherit;display:inline-block;vertical-align:top;} .main_title > strong + span, .main_title > a + span {font-size:16px;letter-spacing:-0.48px;line-height:1;padding:8px 0 8px 16px;font-weight:400;margin:0;color:inherit;display:inline-block;vertical-align:top;} .main_title > span > b {font-size:16px;letter-spacing:-0.48px;line-height:1;font-weight:400;color:inherit;display:inline-block;vertical-align:top;margin:0;padding:8px 0;margin-left:17px;} /* 메인 카테고리 */ .main_cate_wrap {width:1200px;margin:80px auto 98px;} .main_cate_wrap {} .main_cate_wrap .depth0 {display:none !important;opacity:0;} .main_cate_wrap .main_cate_list {display:block;font-size:0;vertical-align:top;} .main_cate_list > li {text-align:center;vertical-align:top;position:relative;z-index:1;display:inline-block; margin-right:20px;} .main_cate_list > li:nth-child(10n){margin-right:0;} .main_cate_list > li:nth-child(n+11){display:none;} .main_cate_list > li > a {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:5;} .main_cate_list li .thumb {display:inline-block;position:relative;z-index:1;vertical-align:top;margin:0 auto;padding:0;} .main_cate_list li .thumb img {vertical-align:top;position:relative;z-index:1;} .main_cate_list > li > strong {font-size:16px;letter-spacing:-0.64px;line-height:1;font-weight:400;color:#111;margin:15px auto 0 auto;display:block;vertical-align:top;} .main_cate_list li:hover .thumb:before {border:2px #00c3c3 solid;width:100%;height:100%;border-radius:100%;box-sizing:border-box;position:absolute;left:0;top:0;display:inline-block;content:"";z-index:2;} .main_cate_list > li:hover > strong {color:#00c4c4;font-weight:500;} /* .main_cate_list > li[data-aos].aos-animate {transition-delay:0.2s;} */ .main_cate_list > li[data-aos].aos-animate:nth-child(1){transition-delay:0.05s;} .main_cate_list > li[data-aos].aos-animate:nth-child(2){transition-delay:0.1s;} .main_cate_list > li[data-aos].aos-animate:nth-child(3){transition-delay:0.15s;} .main_cate_list > li[data-aos].aos-animate:nth-child(4){transition-delay:0.2s;} .main_cate_list > li[data-aos].aos-animate:nth-child(5){transition-delay:0.25s;} .main_cate_list > li[data-aos].aos-animate:nth-child(6){transition-delay:0.3s;} .main_cate_list > li[data-aos].aos-animate:nth-child(7){transition-delay:0.35s;} .main_cate_list > li[data-aos].aos-animate:nth-child(8){transition-delay:0.4s;} .main_cate_list > li[data-aos].aos-animate:nth-child(9){transition-delay:0.45s;} .main_cate_list > li[data-aos].aos-animate:nth-child(10){transition-delay:0.5s;} .main_cate_list > li[data-aos].aos-animate:nth-child(11){transition-delay:0.55s;} /* 메인 이벤트 */ .main_event_bbs {margin:60px auto 100px;width:1200px;} .main_event_bbs > ul {} .main_event_bbs > ul:after {clear:both;content:"";display:block;} .main_event_bbs > ul > li {vertical-align:top;font-size:0;float:left;border-radius:8px;overflow:hidden;} .main_event_bbs > ul > li + li {margin-left:40px;} .main_event_bbs > ul > li:nth-of-type(2n + 1) {clear:both;float:left;} .main_event_bbs > ul > li img {vertical-align:top;} .main_event_bbs > ul > li:nth-of-type(2n)[data-aos].aos-animate {transition-delay:0.2s;} /* 메인 와이드 배너 */ .main_wide_bnr {width:1200px;margin:60px auto 0;position:relative;z-index:1;vertical-align:top;font-size:0;border-radius:8px;overflow:hidden;} .main_wide_bnr > a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;} .main_wide_bnr .wide_bnr_txt {font-size:18px;font-weight:400;line-height:1;letter-spacing:-0.54px;color:#786747;vertical-align:top;position:absolute;left:80px;top:50%;z-index:3;transform:translateY(-50%);} .main_wide_bnr .wide_bnr_txt em {font-size:35px;font-weight:500;line-height:1;letter-spacing:-1.05px;color:#333;display:block;margin:23px 0 0;padding:0;vertical-align:top;} .main_wide_bnr .wide_bnr_txt em b {font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:-1.11px;color:inherit;} .main_wide_bnr > img {vertical-align:top;width:100%;height:auto;} /* 메인 후기 */ .main_review {margin:60px auto 0;width:1200px;} .main_review .main_review_slide {width:1262px;margin:0 -31px;padding:0 16px;box-sizing:border-box;position:relative;z-index:1;} .main_review .slide_line4_step1 {width:1230px;margin:0 -0px;padding:0 0px;position:relative;z-index:1;box-sizing:border-box;overflow:hidden;} .main_review .swiper-button-prev, .main_review .swiper-button-next {width:50px;height:50px;border-radius:50px;background-color:#fff;background-size:9px auto !important;background-repeat:no-repeat !important;background-position:50% 50% !important;box-shadow: 0.5px 0.9px 6px 0 rgba(0, 0, 0, 0.11);border:0;outline:0;display:inline-block;margin:0;padding:0;font-size:0;position:absolute;z-index:5;top: calc(50% - 85px);opacity:1;} .main_review .swiper-button-prev:after, .main_review .swiper-button-next:after {display:none;} .main_review .swiper-button-prev {left:6px;background-image:url(../img/da_image/icon-prev-off.png);} .main_review .swiper-button-next {right:6px;background-image:url(../img/da_image/icon-next-off.png);} .main_review .swiper-button-prev.swiper-button-disabled, .main_review .swiper-button-next.swiper-button-disabled {opacity:0;} .main_review .swiper-button-prev:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-prev-on.png);} .main_review .swiper-button-next:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-next-on.png);} .main_review .swiper-button-prev:hover, .main_review .swiper-button-next:hover {background-color:#00c4c4;transition:all 0.2s;} .main_review .slide_line4_step1 .swiper-wrapper {} .main_review .slide_line4_step1 .swiper-wrapper:after {clear:both;content:"";display:block;} .main_review .slide_line4_step1 .slide_cut {padding:0 15px;box-sizing:border-box;position:relative;z-index:1;display:inline-block;float:left;text-align:center;} .main_review .slide_line4_step1 .slide_cut > a {position:absolute;left:0;top:0;z-index:5;width:100%;height:100%;display:inline-block;} .main_review .slide_line4_step1 .slide_cut > .thumb {position: relative; width:100%;padding-bottom:100%;border-radius:8px;overflow:hidden;vertical-align:top;} .main_review .slide_line4_step1 .slide_cut > .thumb img {width: auto;height: auto;/* min-width: 100%; *//* min-height: 100%; */max-width: 120%;max-height: 120%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%) scale(1, 1);margin: 0;transition: all 0.3s;transform-origin: center center;} .main_review .slide_line4_step1 .slide_cut:hover > .thumb img {transform: translate(-50%, -50%) scale(1.1, 1.1); transform-origin: center center;} .main_review .slide_line4_step1 .slide_cut .bbs_star {height:13px;text-align:center;margin:20px 0 0;} .main_review .slide_line4_step1 .slide_cut .bbs_star span {display:inline-block;vertical-align:top;font-size:0;height:13px;margin:0;padding:0;} .main_review .slide_line4_step1 .slide_cut .bbs_star .star {margin:0 auto;width:77px;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-star-empty.png) no-repeat 0% 50%;text-align:left;} .main_review .slide_line4_step1 .slide_cut .bbs_star .star span {width:auto;background:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-star-fill.png) no-repeat 0% 50%;} .main_review .slide_line4_step1 .slide_cut > h4, .main_review .slide_line4_step1 .slide_cut > p {width:100%;font-weight:400;margin:0;padding:0;text-align:center;vertical-align:top;text-overflow:ellipsis;word-break:keep-all;word-wrap:break-word;overflow:hidden;} .main_review .slide_line4_step1 .slide_cut > h4 {white-space:nowrap;font-size:15px;line-height:1;height:1em;color:#333;letter-spacing:-0.45px;margin-top:19px;} .main_review .slide_line4_step1 .slide_cut > p {font-size:14px;letter-spacing:-0.42px;color:#777;line-height:22px;height:44px;margin-top:10px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} /* 메인 신상품 */ .main_pr_new {margin:60px auto 0;width:1200px;} .main_pr_new .main_pr_new_slide {}/*position:relative;z-index:1;*/ .main_pr_new .main_pr_new_slide .main_title {} .main_pr_new .main_pr_new_slide .goods_list_cont {width:1262px;margin:0 -31px;padding:0 16px;box-sizing:border-box;} .main_pr_new .slide_line4_step1 {width:1230px;margin:0 -0px;padding:0 0px;box-sizing:border-box;overflow:hidden;position:relative;z-index:1;} .main_pr_new .swiper-button-prev, .main_pr_new .swiper-button-next {width:50px;height:50px;border-radius:50px;background-color:#fff;background-size:9px auto !important;background-repeat:no-repeat !important;background-position:50% 50% !important;box-shadow: 0.5px 0.9px 6px 0 rgba(0, 0, 0, 0.11);border:0;outline:0;display:inline-block;margin:0;padding:0;font-size:0;position:absolute;z-index:5;top: calc(50% - 80px);opacity:1;} .main_pr_new .swiper-button-prev:after, .main_pr_new .swiper-button-next:after {display:none;} .main_pr_new .swiper-button-prev {left:6px;background-image:url(../img/da_image/icon-prev-off.png);} .main_pr_new .swiper-button-next {right:6px;background-image:url(../img/da_image/icon-next-off.png);} .main_pr_new .swiper-button-prev.swiper-button-disabled, .main_pr_new .swiper-button-next.swiper-button-disabled {opacity:0;} .main_pr_new .swiper-button-prev:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-prev-on.png);} .main_pr_new .swiper-button-next:hover {background-image:url(https://www.%EB%A3%B8%EC%95%A4%EC%98%A4%ED%94%BC%EC%8A%A4.kr/data/skin/front/mo_designart_M/img/da_image/icon-next-on.png);} .main_pr_new .swiper-button-prev:hover, .main_pr_new .swiper-button-next:hover {background-color:#00c4c4;transition:all 0.2s;} .main_pr_new .slide_line4_step1 .swiper-wrapper {} .main_pr_new .slide_line4_step1 .swiper-wrapper:after {clear:both;content:"";display:block;} .main_pr_new .slide_line4_step1 .slide_cut {padding:0 15px;box-sizing:border-box;position:relative;z-index:1;display:inline-block;float:left;text-align:center;} .main_pr_new .item_cont_custom .item_photo_box > a{/* height:277.5px; */} /* 메인 추천상품 */ .main_pr_recmd {margin:80px auto;width:1200px;} /* 메인 더보기형 */ .main_pr_more {margin:100px auto 0;width:1200px;position:relative;z-index:1;} .main_pr_more + .main_pr_more {margin-top:60px;} .main_pr_more h3.main_title {margin:-10px 0 0;} .main_pr_more h3.main_title > a {line-height:44px;} .main_pr_more h3.main_title > a strong {font-weight:500;line-height:inherit;display:block;white-space:normal;word-break:keep-all;word-wrap:break-word;} .main_pr_more h3.main_title > a span {font-size:15px;line-height:1;margin-top:33px;letter-spacing:-0.45px;color:#333;font-weight:400;display:inline-block;padding:0 17px 0 0;position:relative;z-index:1;} .main_pr_more h3.main_title > a span:after {width:6px;height:11px;background:url(../img/da_image/icon-more-arrow.png) no-repeat 0 0;transform:translateY(-41%);display:inline-block;content:"";position:absolute;right:0;top:50%;} .main_pr_more .goods_list_cont {} .main_pr_more .item_box {float:left;width: calc(20% - 24px);} .main_pr_more .item_box + .item_box {margin-left:30px;} .main_pr_more .item_box:nth-of-type(5n + 1) {clear:both;float:left;margin-left:0;} .main_pr_more.pr_more_13 h3.main_title strong {width:200px;} .main_pr_more.pr_more_14 h3.main_title strong {width:160px;} .main_pr_more.pr_more_15 h3.main_title strong {width:200px;} /* 메인 탭형 */ .main_pr_best {margin:80px auto 0;width:1200px;} .main_pr_best h3.main_title {} .main_pr_best .pr_best_tab {padding:0 0 31px;margin:0;} .main_pr_best .pr_best_tab ul {border-bottom:1px #ddd solid;font-size:0;vertical-align:top;text-align:left;} .main_pr_best .pr_best_tab li {display:inline-block;vertical-align:top;} .main_pr_best .pr_best_tab li + li {margin-left:32px;} .main_pr_best .pr_best_tab li span {font-size:15px;font-weight:400;letter-spacing:-0.15px;color:#111;padding:0 5px 16px;line-height:1;margin:0 auto;display:inline-block;cursor:pointer;vertical-align:top;position:relative;z-index:2;} .main_pr_best .pr_best_tab li span:after {bottom:-2px;left:0;width:100%;height:3px;background:#00c4c4;opacity:0;display:inline-block;content:"";position:absolute;} .main_pr_best .pr_best_tab li:first-child span {padding-left:0;} .main_pr_best .pr_best_tab li.on span {color:#00c4c4;font-weight:500;} .main_pr_best .pr_best_tab li.on span:after {opacity:1;} .main_pr_best .pr_best_cont {} .main_pr_best .pr_best_cont > div {width:100%;margin:0;padding:0;overflow:hidden;height:0;transition:all 0.3s;} .main_pr_best .pr_best_cont > div.on {height:auto;overflow:inherit;} .main_pr_best .pr_best_cont .main_title {display:none;} .main_pr_best .pr_best_cont .item_basket_type {counter-reset:main-best;} .main_pr_best .pr_best_cont .item_box {counter-increment:main-best;} .main_pr_best .pr_best_cont .item_photo_box:before {content:counter(main-best);height:30px;line-height:28px;min-width:30px;padding:0 5px 2px;border-radius:6px;left:10px;top:10px;font-size:15px;font-weight:700;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;position:absolute;z-index:2;background:#00c4c4;color:#fff;text-align:center;box-sizing:border-box;display:inline-block;} .main_pr_best .item_cont_custom .item_photo_box > a, .main_pr_recmd .item_cont_custom .item_photo_box > a, .main_pr_more .item_cont_custom .item_photo_box > a{} @media only screen and (max-width:1297px) { } /* 서브 탭형 */ .serv_pr_best {margin:50px auto 0;width:100%;} .serv_pr_best h3.main_title {} .serv_pr_best .pr_best_tab {padding:0 0 31px;margin:0;} .serv_pr_best .pr_best_tab ul {border-bottom:1px #ddd solid;font-size:0;vertical-align:top;text-align:left;} .serv_pr_best .pr_best_tab li {display:inline-block;vertical-align:top;} .serv_pr_best .pr_best_tab li + li {margin-left:32px;} .serv_pr_best .pr_best_tab li span {font-size:15px;font-weight:400;letter-spacing:-0.15px;color:#111;padding:0 5px 16px;line-height:1;margin:0 auto;display:inline-block;cursor:pointer;vertical-align:top;position:relative;z-index:2;} .serv_pr_best .pr_best_tab li span:after {bottom:-2px;left:0;width:100%;height:3px;background:#00c4c4;opacity:0;display:inline-block;content:"";position:absolute;} .serv_pr_best .pr_best_tab li:first-child span {padding-left:0;} .serv_pr_best .pr_best_tab li.on span {color:#00c4c4;font-weight:500;} .serv_pr_best .pr_best_tab li.on span:after {opacity:1;} .serv_pr_best .pr_best_cont {} .serv_pr_best .pr_best_cont > div {width:100%;margin:0;padding:0;overflow:hidden;height:0;transition:all 0.3s;} .serv_pr_best .pr_best_cont > div.on {height:auto;overflow:inherit;} .serv_pr_best .pr_best_cont .main_title {display:none;} .serv_pr_best .pr_best_cont .item_basket_type {counter-reset:main-best;} .serv_pr_best .pr_best_cont .item_box {counter-increment:main-best;} .serv_pr_best .pr_best_cont .item_photo_box:before {content:counter(main-best);height:30px;line-height:28px;min-width:30px;padding:0 5px 2px;border-radius:6px;left:10px;top:10px;font-size:15px;font-weight:700;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;position:absolute;z-index:2;background:#00c4c4;color:#fff;text-align:center;box-sizing:border-box;display:inline-block;} .serv_pr_best .item_cont_custom .item_photo_box > a, .main_pr_recmd .item_cont_custom .item_photo_box > a, .main_pr_more .item_cont_custom .item_photo_box > a{} @media only screen and (max-width:1297px) { } /* 서브 와이드 배너 */ .serv_wide_bnr {width:1200px;margin:0px auto 0;position:relative;z-index:1;vertical-align:top;font-size:0;border-radius:8px;overflow:hidden;} .serv_wide_bnr > a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;border-radius:4px;border:0px #555 solid;} .serv_wide_bnr .wide_bnr_txt {font-size:18px;font-weight:400;line-height:1;letter-spacing:-0.54px;color:#786747;vertical-align:top;position:absolute;left:80px;top:50%;z-index:3;transform:translateY(-50%);} .serv_wide_bnr .wide_bnr_txt > a {margin:20px 0px 20px; padding:10px 20px 10px 20px;border-radius:50px;display:inline-block;border:1px #555 solid;} .serv_wide_bnr .wide_bnr_txt em {font-size:35px;font-weight:500;line-height:1;letter-spacing:-1.05px;color:#333;display:block;margin:23px 0 0;padding:0;vertical-align:top;} .serv_wide_bnr .wide_bnr_txt em b {font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:-1.11px;color:inherit;} .serv_wide_bnr > img {vertical-align:top;width:100%;height:auto;} /* 서브 상단*/ .serv2_wide_bnr {width:100%;min-height:500px; margin:0px auto 0;position:relative;z-index:1;vertical-align:top;font-size:0;border-radius:8px;overflow:hidden;} .serv2_wide_bnr > a {position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:5;border-radius:4px;border:0px #555 solid;} .serv2_wide_bnr .wide_bnr_txt {font-size:18px;font-weight:400;line-height:1;letter-spacing:-0.54px;color:#786747;vertical-align:top;position:absolute;left:0px;top:50%;z-index:3;transform:translateY(-50%);} .serv2_wide_bnr .wide_bnr_txt > a {margin:20px 0px 20px; padding:10px 20px 10px 20px;border-radius:50px;display:inline-block;border:1px #555 solid;} .serv2_wide_bnr .wide_bnr_txt2 > a {margin:20px 0px 20px; padding:10px 20px 10px 20px;border-radius:50px;display:inline-block;border:1px #ec5353 solid;} .serv2_wide_bnr .wide_bnr_txt em {font-size:35px;font-weight:500;line-height:1;letter-spacing:-1.05px;color:#333;display:block;margin:23px 0 0;padding:0;vertical-align:top;} .serv2_wide_bnr .wide_bnr_txt em b {font-size:inherit;font-weight:600;line-height:inherit;letter-spacing:-1.11px;color:inherit;} .serv2_wide_bnr > img {vertical-align:top;width:100%;height:auto;} /*─────────────────────────────────────────────────────────── 서브 페이지 ───────────────────────────────────────────────────────────*/ /* pc 일반 */ /* 회사소개 */ .service_cont .service_company{font-size:15px; font-weight:400; color:#333; line-height:1.6; word-break:keep-all;} /* ------------- 페이지 위치 ------------- */ .location_wrap{position:relative; width:100%; border-bottom:1px solid #eee; /*background:#f9f9f9;*/} .location_wrap .location_cont{padding:14px 0 10px;width:1200px; margin:0 auto;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .location_wrap .location_cont:after{display:block; clear:both; content:"";} .location_cont > em, .location_cont > span {color:#7777;font-size:12px;line-height:23px;vertical-align:top;display:inline-block;/* float:left; */padding:0;} .location_cont > em + span {/* margin-right:10px; */} .location_cont .location_select {margin-top:0;border:1px #ddd solid;} .location_cont .location_select ul {border:1px #ddd solid;} .location_cont .local_home{color:#777777;} .location_cont .local_home:hover{text-decoration:underline;} /* 서브사이드 마이페이지 */ .side_cont .sub_menu_box .sub_menu_mypage .sub_depth1 a {font-size:13px;} /* ------------- 상단 마이페이지 정보(회원등급, 쿠폰, 마일리지, 예치금) ------------- */ .mypage_top_txt .grade_txt {font-size:13px;} .mypage_top_wallet li em {padding-bottom:22px;} .mypage_top_wallet li span a {display:inline-block;vertical-align:top;line-height:24px;margin-top:-8px;} .mypage_top_wallet li span a strong {display:inline-block;vertical-align:top;} /* 진행 중인 주문 */ .mypage_order_info_cont ol li strong {padding-top:12px;box-sizing:border-box;} /* 공통 버튼 - 회색버튼 */ .btn_center_box .btn_pw_cancel + .btn_pw_certify {margin:0 5px;} /* ------------- 상품 리스트, 상품 메인 ------------- */ .goods_list_item{position:relative;} .goods_list_item_tit{position:relative; margin:0 0 20px 0; padding:0 0 10px 0; font-size:14px;} .goods_list_item_tit + .list_item_category{margin-top:-21px;} .list_item_category{margin:0 0 40px 0; padding:3px 0 3px 0; border:1px solid #d8d8d8; border-top:1px solid #999999;} .list_item_category ul{display:inline-block; width:100%; padding:0 20px 0 20px; font-size:0;box-sizing:border-box;} .list_item_category li{display:inline-block; width:20%; font-size:13px; text-align:center; vertical-align:middle;} .list_item_category li a{display:block; padding:10px 10px 10px 10px; color:#414141; text-align:left;} .list_item_category li a img{max-width:100%; max-height:20px;} .list_item_category li a:hover{text-decoration:underline;} .list_item_category li em{color:#777;} .list_item_category li.on, .list_item_category li.on em{font-weight:500;} /* 페이징 공통 */ .pagination{margin:20px 0 0 0;} .pagination ul{padding:20px 0 0; text-align:center;} .pagination li{display:inline-block; min-width:26px;vertical-align:middle;} .pagination li a, .pagination li span{display:block; padding:0 !important; height:30px; width:30px; color:#555; font-size: 13px; line-height:30px; vertical-align:middle;font-family:'Lato','Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;} .pagination li.on span{font-weight:700; color:#fff; background:#00c4c4; border-radius: 20px;} .pagination .on{color:#333; font-weight:700;} .pagination .btn_page_first{margin:0 3px;} .pagination .btn_page_prev{margin:0 12px 0 3px; } .pagination .btn_page_next{margin:0 3px 0 12px; } .pagination .btn_page_last{margin:0 3px; } .pagination .btn_page_first, .pagination .btn_page_prev, .pagination .btn_page_next, .pagination .btn_page_last {font-size:0;width:30px;border-radius:15px;background-position:50% 50% !important;padding:0 !important;box-sizing:border-box;} .pagination .btn_page_first a, .pagination .btn_page_prev a, .pagination .btn_page_next a, .pagination .btn_page_last a {font-size:inherit;} .goods_list + .pagination{padding:0 0 0 0; border-top:0;} .goods_list + .pagination .pagination {margin-top:0;} .goods_list + .pagination .pagination ul {padding-top:0;} /*** 상품 상세 ***/ #wrap .item_info_box {z-index:0;} #wrap .item_goods_tab ul {display: flex;justify-content: center;} .item_goods_sec .detail_explain_box .goods_list_cont{margin-top:0;} /* 옵션 수량 천만단위 틀어짐 수정 */ #wrap .item_info_box .item_choice_list table.option_display_area td {box-sizing:border-box;} #wrap .item_info_box .item_choice_list table.option_display_area td.cart_prdt_name {padding-left:15px;} #wrap .item_info_box .item_choice_list table.option_display_area col:nth-of-type(1) {width:300px !important;} #wrap .item_info_box .item_choice_list table.option_display_area col:nth-of-type(3) {width:110px !important;} /* 총 합계금액 가로값 수정 */ #wrap .item_info_box .item_tatal_box {float:none;width:100%;} #wrap .item_info_box .item_tatal_box dd {padding-left:25px;width:auto;min-width:125px;box-sizing:border-box;text-align:right;} /* 상세 탭과 정보 사이 간격 조정 */ #wrap .item_goods_sec {margin-top:20px;} /* 상세 탭 헤더에 가려짐 조정 */ .item_goods_sec > div{position:relative;} .item_goods_sec #detail{position:absolute;top:-60px; left:0;} .item_goods_sec #delivery{position:absolute;top:-60px; left:0;} .item_goods_sec #exchange{position:absolute;top:-60px; left:0;} .item_goods_sec #reviews{position:absolute;top:-60px; left:0;} .item_goods_sec #qna{position:absolute;top:-60px; left:0;} /*** 마이페이지 - 최근본상품 ***/ #wrap .mypage_main .item_photo_box a > img {width:auto;height:auto;} #wrap .mypage_main .item_photo_box > a > img.middle {width:100%;height:auto;} /*** 공통 버튼 - 회색버튼 ***/ .btn_center_box .btn_pw_cancel + .btn_pw_certify {margin:0 5px;} /* 장바구니 옵션선택 레이어팝업 옵션수량 천만단위 틀어짐 수정 */ #wrap .ly_wrap .ly_cont .delivery_list{overflow:hidden;} #wrap .option_list.item_choice_list table col:nth-of-type(1) {width:350px !important;} #wrap .option_list.item_choice_list table col:nth-of-type(3) {width:110px !important;} @media only screen and (max-width:1297px) { }