|
|
@@ -1,6 +1,6 @@
|
|
|
@charset "utf-8";
|
|
|
|
|
|
-body {min-width:1460px; overflow-x:auto;}
|
|
|
+body {min-width:1360px; overflow-x:auto;}
|
|
|
.blind {overflow:hidden; position:absolute;width: 1px;height: 1px;margin: -1px;padding: 0; border: 0;line-height: 0;white-space: normal;word-wrap: break-word;word-break: break-all;clip: rect(0, 0, 0, 0);}
|
|
|
.blind:before {display: block;width: 0;height: 0;font-size: 0;content: '\00a0';}
|
|
|
|
|
|
@@ -8,7 +8,7 @@ body {min-width:1460px; overflow-x:auto;}
|
|
|
header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
|
|
|
header.minify .gnb {position:fixed; top:0; left:0; right:0; z-index:100; background:inherit;}
|
|
|
header .common_header {}
|
|
|
-.common_header{position:relative; background:#222222;color:#ffffff;min-width:1460px; box-sizing:border-box;}
|
|
|
+.common_header{position:relative; background:#222222;color:#ffffff;min-width:1360px; box-sizing:border-box;}
|
|
|
.common_header > * {color:#ffffff;}
|
|
|
/*.common_header::before {content:''; position:absolute; left:0; right:0; bottom:-100px; width:100%; height:100px; background:inherit; z-index:1;}*/
|
|
|
.common_header .hd_top_banner {text-align:center;}
|
|
|
@@ -49,7 +49,7 @@ header .common_header {}
|
|
|
.common_header .util_group span:last-child::after{content:''; display:none;}
|
|
|
.common_header .util_group span a{display:block; padding:0px 6px; font-weight:200; font-size:14px; color:#7f7f7f; letter-spacing:-.025em; line-height:1; /*-webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;*/}
|
|
|
.common_header .gnb {}
|
|
|
-.gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative;min-width: 1460px;box-sizing:border-box;}
|
|
|
+.gnb {height: 80px;margin:0 auto;padding: 30px 70px 30px;position: relative;min-width: 1360px;box-sizing:border-box;}
|
|
|
.gnb::after {content: ''; display: block; clear: both;}
|
|
|
.gnb .nav {float:left; margin-left:-24px;}
|
|
|
.gnb .nav .bundle {float:left; display:inline-block; padding:0 10px;}
|
|
|
@@ -266,7 +266,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
|
|
|
/* footer */
|
|
|
#footer {position:relative;}
|
|
|
-.common_footer {position:relative; width:100%; min-width:1380px; box-sizing:border-box; padding:60px 70px 50px; background-color:#f1f1f1;}
|
|
|
+.common_footer {position:relative; width:100%; min-width:1360px; box-sizing:border-box; padding:60px 70px 50px; background-color:#f1f1f1;}
|
|
|
.common_footer > div {padding-right:170px; box-sizing:border-box;}
|
|
|
.common_footer .service_support {position: relative;margin: 0 auto; border-top: 0 none !important; zoom: 1;}
|
|
|
.common_footer .service_support h2 {margin:0;}
|
|
|
@@ -707,7 +707,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
/* layout */
|
|
|
.container {width:100%; padding:0; margin:0 auto; position:relative; overflow:hidden; *zoom:1;}
|
|
|
.container:after {clear:both; content:"";display:block;}
|
|
|
-.container .wrap {position:relative; width:100%; min-width:1460px; max-width:1920px; /*min-width: 1380px;*/ margin:0px auto; box-sizing:border-box;}
|
|
|
+.container .wrap {position:relative; width:100%; min-width:1360px; max-width:1920px; /*min-width: 1380px;*/ margin:0px auto; box-sizing:border-box;}
|
|
|
.container .wrap .content {position:relative; margin-left:auto; margin-right:auto; padding-left:70px; padding-right:70px;}
|
|
|
.container .wrap .content:after {content:''; clear:both; display:block;}
|
|
|
.container .wrap .content.wide {width:100%; padding-left:0px; padding-right:0px; margin-left:auto; margin-right:auto;}
|
|
|
@@ -854,6 +854,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a::after {content:''; position:absolute; left:-15px; top:50%; transform:translateY(-50%); width:6px; height:6px; background:url('/images/pc/ico_bracket.png') no-repeat 50% 50%; background-size:100% 100%;}
|
|
|
.lnb .lnb_category .category > li > .sub_cate > ul > li > .sub_cate > ul > li > .sub_cate > ul > li > a.on::after {background-image:url('/images/pc/ico_bracket_primary.png');}
|
|
|
|
|
|
+@media screen and (max-width:1459px) {
|
|
|
+ .lnb, .my_lnb {width: 17.80822%;padding-left: 70px;}
|
|
|
+ .lnb + .cont {width: 79.19178%;margin-right: 15px;}
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
.lnb_foot {padding-top:30px; line-height:1;}
|
|
|
.lnb_foot ul li {margin-bottom:20px;}
|
|
|
.lnb_foot ul li p {color:#222; font-weight:300; font-size:14px; line-height:1;}
|
|
|
@@ -1401,6 +1407,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.mb .sns_wrap ul li a .ico_snslogin.naver::before {background-position:0 0;}
|
|
|
.mb .sns_wrap ul li a .ico_snslogin.yes24::before {background-position:-140px 0;}
|
|
|
|
|
|
+ .mb .new_benefits {padding:50px 0 70px; background: #f5f5f5; text-align: center;}
|
|
|
+ .mb .new_benefits h5 {margin-top: 0; margin-bottom: 40px; font-size: 18px; font-weight: 300; line-height: 1.5;}
|
|
|
+ .mb .new_benefits .benefits_list {display: inline-block;}
|
|
|
+ .mb .new_benefits .benefits_list li {float:left; margin:0 25px;}
|
|
|
+ .mb .new_benefits .benefits_list li p {margin-top: 14px; font-size: 14px; font-weight: 300; line-height: 1.4;}
|
|
|
+
|
|
|
.mb .btn_nonMb {display:inline-block; color:#888; font-size:14px; font-weight:200; border-bottom:1px solid #888;}
|
|
|
.mb .t_err {position:relative; padding-left:24px; font-weight:200; font-size:14px; line-height:1;}
|
|
|
.mb .t_err::before {position:absolute; left:0; top:50%; transform:translateY(-50%); margin-top:-1px;}
|
|
|
@@ -1540,12 +1552,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.cs .ui_row.nodata .foldGroup {display:none;}
|
|
|
.cs .ui_row.nodata + .ui_foot {display:none;}
|
|
|
.cs .ui_row.nodata::before {content: ''; display: block; width: 36px; height: 46px; margin:0 auto; background: url('/images/pc/ico_null.png')no-repeat;}
|
|
|
- .cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 33px 0 160px; font-size: 22px; font-weight: 200; color: #888;}
|
|
|
-
|
|
|
+ .cs .ui_row.nodata::after {content: '등록된 문의가 없습니다.'; display: block; padding: 25px 0 160px; font-size: 16px; font-weight: 300; color: #666;}
|
|
|
/* cs_faq */
|
|
|
.cs .faq {}
|
|
|
.faq .ui_row.nodata {border:none;}
|
|
|
- .faq .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
|
|
|
+ .faq .ui_row.nodata::after, .contactUs .ui_row.nodata::after {content:'총 0개의 목록이 있습니다.';}
|
|
|
.faq .quick_list {margin-bottom:50px;}
|
|
|
.faq .quick_list ul,.faq .quick_list ul li {box-sizing: border-box;}
|
|
|
.faq .quick_list ul {width:100%; height: 260px; display: flex; display: -ms-flexbox; flex-wrap: wrap; border:2px solid #000; align-items: center;}
|
|
|
@@ -1634,6 +1645,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.notice .fold_cont > div:first-of-type {padding-top:35px; border-top:1px solid #ddd}
|
|
|
.notice .sec_body.nodata {border-top: 1px solid #222;}
|
|
|
|
|
|
+ .notice .ui_row.nodata::after {content:'등록된 게시글이 없습니다.';}
|
|
|
|
|
|
|
|
|
/* dp_공통 */
|
|
|
@@ -2311,6 +2323,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .fold_cont .area_mbinfo > dl > div dd {width:auto;}
|
|
|
.odPayment .fold_cont .area_mbinfo > dl > div dd .btn {margin-top:-9px; margin-left:10px; vertical-align:top;}
|
|
|
.odPayment .fold_cont .area_receiveinfo {}
|
|
|
+ .odPayment .fold_cont .area_receiveinfo + .area_receiveinfo.none {padding-top: 25px;}
|
|
|
+ .odPayment .fold_cont .area_receiveinfo.none {padding:0 0 30px;}
|
|
|
.odPayment .fold_cont .area_receiveinfo > dl > div {margin-top:15px; height:16px}
|
|
|
.odPayment .fold_cont .area_receiveinfo > dl > div:first-child {margin-top:0}
|
|
|
.odPayment .fold_cont .area_receiveinfo > dl > div dt {position:relative; padding-right:10px; margin-right:10px; font-weight:200;}
|
|
|
@@ -3014,7 +3028,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd.deal ul::after {content:''; clear:both; display:block;}
|
|
|
.pd.deal .tab_detail_nav {position:relative; width:100%; height:60px; padding-bottom:60px; box-sizing:initial;}
|
|
|
.pd.deal .tab_detail_nav ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
|
|
|
- .pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); max-width:1200px; z-index:5;}
|
|
|
+ .pd.deal .tab_detail_nav.fix ul {position:fixed; left:70px; top:80px; min-width:760px; width:calc(100% - 700px); max-width:1200px; z-index:25;}
|
|
|
.pd.deal .tab_detail_nav ul li {float:left; width:25%}
|
|
|
.pd.deal .tab_detail_nav ul li a {display:block; padding:22px 0px 18px; color:#888; font-size:18px; text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; border-bottom-color:#222; box-sizing:border-box;}
|
|
|
.pd.deal .tab_detail_nav ul li.active a {border:1px solid #222; border-bottom-color:#fff; color:#222; font-weight:300; background:#fff;}
|
|
|
@@ -3056,7 +3070,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop {position:fixed; right:70px; top:80px; width:500px}
|
|
|
.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:absolute; top:auto; bottom:0px; right:70px;}
|
|
|
@media screen and (max-width:1459px) {
|
|
|
- .pd.deal .tab_detail_nav.fix ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:2;}
|
|
|
+ .pd.deal .tab_detail_nav.fix ul {position:absolute; left:0; top:0; width:100%; height:60px; z-index:25;}
|
|
|
.pd_desc_wrap .item_descrp .area_option .opt_wrap.fixtop,
|
|
|
.pd_desc_wrap .item_descrp .area_option .opt_wrap.absbottom {position:relative; top:auto; bottom:auto; right:auto;}
|
|
|
}
|
|
|
@@ -3446,8 +3460,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.full_pop.pd_descrp_pop .full_pop_container .btn_more_box {display:none;}
|
|
|
.full_pop.pd_descrp_pop .full_pop_container .cont_body {max-width:1345px; background:#fff; max-height:none; overflow:visible;}
|
|
|
.full_pop.pd_descrp_pop .full_pop_container .cont_body > div {width:auto; max-width:1200px;}
|
|
|
- .full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; /*width:570px;*/ width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff; overflow-y:auto;}
|
|
|
- .full_pop.pd_descrp_pop .full_pop_fix_r .option_box {margin-top:30px}
|
|
|
+ .full_pop.pd_descrp_pop .full_pop_fix_r {position:fixed; z-index:2; right:0; top:0; bottom:0; /*width:570px;*/ width:30.21%; padding:160px 70px 0; border-left:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
+ .full_pop.pd_descrp_pop .full_pop_fix_r .option_box {margin-top:30px;overflow-y: auto;height: calc(100% - 43%);}
|
|
|
.full_pop.pd_descrp_pop .full_pop_fix_r .btn_box {margin-bottom:30px}
|
|
|
@media screen and (max-width:1459px) {
|
|
|
.full_pop.pd_descrp_pop .full_pop_fix_r {padding-left:20px; padding-right:20px;}
|
|
|
@@ -3490,13 +3504,15 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.pd_qnalist .qna_list .fold_head .fold_tit .ico_myqna::after {content:'내문의'; display:inline-block; width:47px; height:22px; border:1px solid #fd4802; color:#fd4802; font-size:12px; text-align:center; box-sizing:border-box; line-height:20px; margin-top:-3px}
|
|
|
.pd_qnalist .qna_list .fold_head .fold_tit .ico_secret::after {content:''; display:inline-block; width:15px; height:16px; background:url('/images/pc/ico_secret.png') no-repeat 50% 50%;}
|
|
|
@media screen and (max-width:1459px) {
|
|
|
+ .pd_qnalist .info_txt ul li {width: 350px;line-height: 1.4;}
|
|
|
.pd_qnalist .qna_list .fold_head .data {right:40px}
|
|
|
.pd_qnalist .qna_list .fold_head::after {right:20px; width:12px; height:6px; background-size:100% auto;}
|
|
|
.pd_qnalist .qna_list .fold_head .fold_state {width:100px;}
|
|
|
- .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {max-width:350px;}
|
|
|
+ .pd_qnalist .qna_list .case1 .fold_head .fold_tit span {max-width:230px;}/* 350px */
|
|
|
.pd_qnalist .qna_list .case1 .fold_detail,
|
|
|
.pd_qnalist .qna_list .case1 .fold_answer {padding-left:100px;}
|
|
|
.pd_qnalist .qna_list .case1 .fold_head .data [class^="wr_"] {width:88px;}
|
|
|
+ .pd_qnalist .ui_foot .pageNav > li > a {margin-left: 38px;}
|
|
|
}
|
|
|
|
|
|
/* pd_pop > 상품리뷰 페이지 */
|
|
|
@@ -4215,7 +4231,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.ev .btn_wrap .btn {min-width:220px; height:60px; font-size:18px; font-weight:300; line-height:normal;}
|
|
|
.ev .btn_wrap .btn.go_next span {display:inline-block; padding-right:20px; background:url('/images/pc/ico_bread_root_w.png') no-repeat 100% 50%;}
|
|
|
.ev .form_field input[type="radio"] + label,
|
|
|
- .ev .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1;}
|
|
|
+ .ev .form_field input[type="checkbox"] + label {padding-left:30px; color:#222; font-size:16px; font-weight:200; line-height:1; vertical-align: top;}
|
|
|
.ev .form_field input[type="radio"] + label:before,
|
|
|
.ev .form_field input[type="radio"]:checked + label:after,
|
|
|
.ev .form_field input[type="checkbox"] + label:before,
|
|
|
@@ -4276,7 +4292,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.survey .survey_wrap .survey_con .survey_row .answer ul li:last-child {}
|
|
|
|
|
|
.survey .survey_wrap .survey_con .survey_row .answer input[type='text'].etc_input {visibility:hidden;margin-left:20px; width:300px !important; max-width:300px !important; height:52px; margin-top: -33px;}
|
|
|
- .survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio:checked + label + .etc_input {margin-top: 0;}
|
|
|
+ .survey .survey_wrap .survey_con .survey_row .answer ul li .etc_radio:checked + label + .etc_input {margin-top: -20px;margin-bottom: -13px;}
|
|
|
.survey .survey_wrap .survey_con .btn_wrap {margin-top:20px}
|
|
|
|
|
|
/* ev_rank 회원등급 혜택 */
|
|
|
@@ -4439,6 +4455,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.adrsChange_pop {width:600px; max-width:none; height:auto;}
|
|
|
.modal.adrsChange_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px; margin-bottom:-60px;}
|
|
|
.modal.adrsChange_pop .modal-body .pop_cont {max-height:510px !important; margin-left:-20px; margin-right:-20px; padding:0 20px 60px; line-height:1;}
|
|
|
+ .modal.adrsChange_pop .modal-body .pop_cont.nodata ul {display: none;}
|
|
|
+ .modal.adrsChange_pop .modal-body .pop_cont.nodata .empty_txt {display: block;}
|
|
|
+ .modal.adrsChange_pop .modal-body .pop_cont .empty_txt {display: none; padding:80px 0;}
|
|
|
.modal.adrsChange_pop button span {line-height:1;}
|
|
|
.modal.adrsChange_pop .btn.btn_sm {min-width:70px; height:34px; padding-top:9px; font-size:14px; font-weight:300;}
|
|
|
.modal.adrsChange_pop .form_field,
|
|
|
@@ -4637,6 +4656,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.modal.infoGift_pop {width:600px; max-width:none; height:auto;}
|
|
|
.modal.infoGift_pop .modal-body .pop_cont {max-height:none; padding:5px; border:1px solid #ddd; font-size:14px;}
|
|
|
.modal.infoGift_pop .modal-body .pop_cont .cont_box {line-height:20px; padding:15px; max-height:360px; overflow:auto;}
|
|
|
+ .modal.infoGift_pop .modal-body .pop_cont .cont_box ul li{width: 100%; position: relative; padding-left: 10px; word-break: keep-all;margin-bottom: 5px;}
|
|
|
+ .modal.infoGift_pop .modal-body .pop_cont .cont_box ul li::before {content: '';position: absolute;left: 0;top: 10px;margin-top: -1px;width: 2px;height: 2px;background: #888;}
|
|
|
.modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar {width: 2px;}
|
|
|
.modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
|
|
|
.modal.infoGift_pop .modal-body .pop_cont .cont_box::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
|
|
|
@@ -5038,3 +5059,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.order_amount .ico_calc.minus::after {content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:2px; background:#222;}
|
|
|
.order_amount .ico_calc.result::before {content:''; position:absolute; top:9px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}
|
|
|
.order_amount .ico_calc.result::after {content:''; position:absolute; top:13px; left:50%; transform:translateX(-50%); width:12px; height:2px; background:#222;}*/
|
|
|
+
|
|
|
+
|
|
|
+ @media screen and (max-width:1459px) {
|
|
|
+ .fold_head .fold_state {width: 140px;}
|
|
|
+ .case1 .fold_head .fold_tit span, .case2 .fold_head .fold_tit span{width: 720px;}
|
|
|
+ .cs .history_wrap .txt {padding-left: 0px;}
|
|
|
+ .cs .history_wrap {padding: 50px 30px 50px 0;}
|
|
|
+
|
|
|
+ }
|
sowon4187