|
|
@@ -130,9 +130,27 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.minify .common_header .gnb .nav .bundle > li > .depth_menu {top:80px;}
|
|
|
|
|
|
/* Brand HEADER */
|
|
|
+#br_header {-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
|
|
|
+#br_header.minify {position:fixed; top:0; left:0; right:0; z-index:100;}
|
|
|
.common_header.br_header .search .ico_search:before {width:25px; height:25px;}
|
|
|
.common_header.br_header .search .btn_open_search {display:block;}
|
|
|
.common_header.br_header .nav {margin-left:-25px;}
|
|
|
+.common_header.br_header .logo h1 {font-size: 28px;letter-spacing: -0.07em;color: #ffffff;font-weight: 400;}
|
|
|
+.common_header.br_header .depth_menu .head_category { width: 68%; padding:50px 70px 50px 20px;}
|
|
|
+.common_header.br_header .depth_menu .head_category .menu ul.maintabs {border-left:0}
|
|
|
+.common_header.br_header .depth_menu .head_banner {background: #ffffff; width:32%;}
|
|
|
+.common_header.br_header .depth_menu .head_banner li { width: 33.333%;}
|
|
|
+.common_header.br_header .depth_menu .head_banner li img{top: 50%;left: 0px;}
|
|
|
+.common_header.br_header .depth_menu .head_banner li:first-child {margin-right:0;}
|
|
|
+.common_header.br_header .depth_menu .item_prod {width: 100%;}
|
|
|
+
|
|
|
+.minify .common_header.br_header > .area {height: 0; padding: 0;}
|
|
|
+/* .minify .common_header.br_header .util_group{ display: none;} */
|
|
|
+.minify .common_header.br_header .logo{position: absolute;top: 25px;left: 60px;}
|
|
|
+.minify .common_header.br_header .nav {margin-left: 260px;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
|
|
|
/* common_search */
|
|
|
.common_search {display:none; position:fixed; left:0; right:0; top:0; bottom:0; width:100%; height:100%; background:#fff; z-index:200; }
|
|
|
@@ -168,52 +186,36 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_search .default_box .recent_blk ul li a:active,
|
|
|
.common_search .default_box .popular_blk ul li a:hover,
|
|
|
.common_search .default_box .popular_blk ul li a:active {color:#fd4802;}
|
|
|
-.common_search .default_box .recent_blk .btn_delete_all {position:absolute; right:0; top:0;}
|
|
|
+.common_search .default_box .recent_blk .btn_underline {position:absolute; right:0; top:0;}
|
|
|
.common_search .default_box .recent_blk ul li {padding-right:18px;}
|
|
|
.common_search .default_box .recent_blk ul li .btn_delete {position:absolute; right:0; top:0; width:9px; height:9px; font-size:1px; text-indent:-9999px; overflow:hidden; background:url('/images/pc/ico_close1.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
.common_search .default_box .popular_blk ul li a::before {content:'#';}
|
|
|
.common_search .default_box .realtime_blk {width:100%; margin-top:50px; margin-right:0px; padding-top:50px; padding-bottom:50px;}
|
|
|
-.common_search .default_box .realtime_blk::before {content:''; position:absolute; left:50%; top:0; bottom:-30px; width:3000px; transform:translateX(-50%); background:#f5f5f5; z-index:-1;}
|
|
|
+.common_search .default_box .realtime_blk::before {content:''; display: none; position:absolute; left:50%; top:0; bottom:-30px; width:3000px; transform:translateX(-50%); background:#f5f5f5; z-index:-1;}
|
|
|
.common_search .default_box .realtime_blk .modify_timer {position:absolute; right:0; top:50px;}
|
|
|
-.common_search .default_box .realtime_blk .realtime_slider {}
|
|
|
-.common_search .realtime_slider .swiper-button-prev::after,
|
|
|
-.common_search .realtime_slider .swiper-button-next::after {content: '';}
|
|
|
-.common_search .realtime_slider .swiper-button-prev,
|
|
|
-.common_search .realtime_slider .swiper-button-next {top:50%; transform:translateY(-50%); margin:0; display:inline-block; width:27.5px; height:50px; margin-top:-40px; background:url(/images/pc/ico_arr_lg.png) no-repeat; }
|
|
|
-.common_search .realtime_slider .swiper-button-prev {left:-70px; background-position:0 50%;}
|
|
|
-.common_search .realtime_slider .swiper-button-next {right:-70px; background-position:100% 50%;}
|
|
|
-.common_search .realtime_slider .controls {position:absolute; left:0; right:0; bottom:-40px; width:100%; text-align:center;}
|
|
|
-.common_search .realtime_slider .controls .swiper-pagination {position:relative; display:inline-block; width:auto; margin:0;}
|
|
|
-.common_search .realtime_slider .swiper-pagination .swiper-pagination-bullet {width:10px; height:10px; margin:0; margin-left:10px; background:#ddd; opacity:1;}
|
|
|
-.common_search .realtime_slider .swiper-pagination .swiper-pagination-bullet-active {background:#fd4802}
|
|
|
-.common_search .realtime_slider .swiper-pagination .swiper-pagination-bullet:first-child {margin-left:0;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls {display:inline-block; vertical-align:middle; margin-left:5px}
|
|
|
-.common_search .realtime_slider .controls .btn_controls span {float:left; display:inline-block; width:8px; height:12px; cursor:pointer;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_play {position:relative; display:none; width:8px; height:12px; font-size:0;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_play:after {content:""; position:absolute; top:0; left:0; border:6px solid transparent; border-left:9px solid #888; border-right:0;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_pause {font-size:0;text-align: left;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_pause:after,
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_pause:before {content:""; display:inline-block; width:2px;height: 12px; background: #888;}
|
|
|
-.common_search .realtime_slider .controls .btn_controls .btn_pause:before {float:right;}
|
|
|
-.common_search .realtime_slider {position:relative; width:100%; box-sizing:border-box; padding:0px}
|
|
|
-.common_search .realtime_slider .swiper-container .item_prod {width:100%;}
|
|
|
-.common_search .realtime_slider .swiper-container .item_prod .item_state {padding:0}
|
|
|
-.common_search .realtime_slider .swiper-container .item_prod .itemClick {margin-top:10px; text-align:center; font-size:12px;}
|
|
|
+.common_search .default_box .realtime_blk .modify_timer button {color:#888; font-weight: 300; padding-right: 20px; }
|
|
|
+.common_search .default_box .realtime_blk .modify_timer button:after {content:''; position: absolute; top: 50%; right: 0; width: 14px; height: 14px; background: url('/images/pc/ico_filter_reset02.png') no-repeat center; margin-top: -6px;}
|
|
|
+.common_search .realtime_wrap .item_prod .itemName {color:#000; margin:0 0 15px;}
|
|
|
+.common_search .realtime_wrap .item_prod .viewCount {display:table; width: fit-content;height: 30px;color: #fd4802;line-height: 1;font-size: 14px;font-weight: 400;text-align: center;vertical-align: middle;letter-spacing: -.025rem;padding: 6px 12px;border: 2px solid #fd4802;border-radius: 50px;box-sizing: border-box;}
|
|
|
|
|
|
.common_search .cont_search .area_result .searching_box {margin-top:30px;}
|
|
|
-.common_search .cont_search .area_result .searching_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500;}
|
|
|
+.common_search .cont_search .area_result .searching_box h3 {margin-bottom:24px; color:#222; font-size:18px; font-weight:500}
|
|
|
+.common_search .cont_search .area_result .searching_box .find_brand h3 {border-bottom: 1px solid #ddd;}
|
|
|
.common_search .searching_box .pd_list.relate {margin-top:30px;}
|
|
|
.common_search .searching_box [class*="_blk"] {float:left; position:relative; width:calc(50% - 60px); margin-right:60px;}
|
|
|
.common_search .searching_box .autokeyword_blk ul li a em,
|
|
|
.common_search .searching_box .exfind_blk .find_brand h3 a em,
|
|
|
.common_search .searching_box .exfind_blk .find_category a em {color:#fd4802;}
|
|
|
-.common_search .searching_box .autokeyword_blk ul li {margin-bottom:10px; color:#666; font-size:14px; font-weight:300;}
|
|
|
-.common_search .searching_box .exfind_blk .find_brand h3 a {color:#222}
|
|
|
-.common_search .searching_box .exfind_blk .find_brand h3 a::after {content:'>';}
|
|
|
-.common_search .searching_box .exfind_blk .find_category ul li {margin-bottom:10px; font-weight:300;}
|
|
|
-.common_search .searching_box .exfind_blk .find_category ul li a::after {content:'>';}
|
|
|
+.common_search .searching_box .autokeyword_blk ul li {margin-bottom:10px; color:#666; font-size:14px; font-weight:300; float:left; margin-right: 20px;}
|
|
|
.common_search .searching_box .exfind_blk .find_category ul li a:last-child::after {display:none;}
|
|
|
|
|
|
+.common_search .itemPrice.cols .itemPrice_original {display: table-cell;width: 100%;}
|
|
|
+.common_search .itemPrice.cols .itemPercent{top: auto;bottom: 0;}
|
|
|
+
|
|
|
+/* 브랜드검색 */
|
|
|
+.common_search.schBrand .default_box .recent_blk {width: 100%; margin-right: 0;}
|
|
|
+.common_search.schBrand .default_box .popular_blk {display: none;}
|
|
|
+.common_search.schBrand .searching_box [class*="_blk"] {width: 100%; margin-right: 0;}
|
|
|
|
|
|
/* footer */
|
|
|
#footer {position:relative;}
|
|
|
@@ -277,6 +279,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_footer .sp_cmfooter,
|
|
|
.common_footer .cmfooter_corp_wrap .cmfooter_corp_cs .cmfooter_cs_tel:before {display: inline-block;vertical-align: top;}
|
|
|
|
|
|
+.partners_pop {max-width: 600px;padding: 60px;}
|
|
|
+.partners_pop .modal-body p{color: #666;font-size: 16px;line-height: 26px;letter-spacing: -0.04em;padding-bottom: 30px;}
|
|
|
+.partners_pop .tbl.type2 table th, .partners_pop .tbl.type2 table td{font-size: 14px;}
|
|
|
|
|
|
/* 퀵메뉴 */
|
|
|
#quick_menu {position:fixed; bottom:0; right:-363px; z-index:90; padding-left: 60px; transition:all 0.3s;}
|
|
|
@@ -474,6 +479,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
|
|
|
/* .container .wrap.wide {min-width: 100%;} */
|
|
|
.container .wrap .content {position:relative; /*max-width: 1460px;*/ margin:0 auto; }
|
|
|
+.container .wrap .content:after {content:''; display: block; clear:both;}
|
|
|
.container.my .wrap .content {max-width:1460px;} /* 마이페이지 서브 레이아웃 */
|
|
|
.container .wrap .content.wide{width:100%; /*max-width: 1920px;padding: 0px 0px;*/ padding-left: 0px; padding-right: 0px; margin:0 auto;}
|
|
|
.container .wrap .content section {/*width: 100%;*/ display:block;}
|
|
|
@@ -539,6 +545,8 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.common_footer,
|
|
|
#header.minify .common_header > .area,
|
|
|
#header.minify .common_header > .gnb,
|
|
|
+ #br_header.minify .common_header > .area,
|
|
|
+ #br_header.minify .common_header > .gnb,
|
|
|
.container.dp .wrap
|
|
|
{padding-left:70px; padding-right:70px;}
|
|
|
.container .wrap {}
|
|
|
@@ -585,11 +593,17 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
/* LNB_layout */
|
|
|
.lnb,.my_lnb {float: left; /*width: 17%;*/ width:17.80822%;}
|
|
|
.lnb + .cont,.my_cont {float: left; /*width: 83%;*/ width:82.191780%;}
|
|
|
+.lnb + .cont {float:right;}
|
|
|
.lnb_tit,.sec_head {margin-bottom: 60px;}
|
|
|
.lnb_tit h2 {font-size: 36px; font-weight: 500;}
|
|
|
.lnb_list ul li {margin-bottom:35px; line-height:1;}
|
|
|
.lnb_list ul li a {color:#888; font-size:19px; font-weight:200; letter-spacing:-0.025em;}
|
|
|
.lnb_list ul li a.on {color:#222; border-bottom: 2px solid #222; font-weight:500;}
|
|
|
+.lnb .lnb_category ul > li {margin-bottom: 10px;}
|
|
|
+.lnb .lnb_category > ul > li > a {font-size: 20px;}
|
|
|
+.lnb .lnb_category > ul > li > .sub_cate > ul > li > .sub_cate {padding-left: 20px;}
|
|
|
+.lnb .lnb_category ul > li a.on {color:#fd4800}
|
|
|
+.lnb .lnb_category .sub_cate {display: none; margin:10px 0;}
|
|
|
.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;}
|
|
|
@@ -597,6 +611,10 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.lnb_foot ul li:nth-child(2) p {font-size:28px; font-weight:800;}
|
|
|
.lnb_foot ul li:nth-child(3) p {color:#888; line-height:20px;}
|
|
|
|
|
|
+.dp .lnb, .sch_result .lnb {width: 230px;}
|
|
|
+.dp .lnb_tit, .sch_result .lnb_tit {margin-bottom: 30px;}
|
|
|
+.dp .lnb_tit h3, .sch_result .lnb_tit h3 {padding:22px 0; margin-bottom: 0; max-height:60px; min-height:60px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
|
|
|
+.dp .lnb_tit h3, .sch_result .lnb_tit h3 {font-size: 18px;}
|
|
|
|
|
|
/* 상품리스트 > 상품 form */
|
|
|
.item_gd {}
|
|
|
@@ -614,7 +632,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.item_gd figure figcaption .price .discount {color:#fd4802; font-size:16px; font-weight:300;}
|
|
|
.item_gd figure figcaption .option {color:#888; font-size:12px; line-height:1.4;}
|
|
|
.item_gd span.thumb {display:block; position:relative; height:0; line-height:0; padding-top:150%; background-color:#eee;}
|
|
|
-.item_gd span.thumb img {position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%; z-index:2;}
|
|
|
+.item_gd span.thumb img {position:absolute; left:0; top:50%; transform:translateY(-50%); bottom:0; width:100%; z-index:2;}
|
|
|
|
|
|
/* 상품리스트 slide */
|
|
|
.item_slide {}
|
|
|
@@ -708,6 +726,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
|
|
|
/* 배송관련 아이콘 */
|
|
|
.tag {display:inline-block; height:22px; padding:5px 8px; background:#fff; border:1px solid #ddd; color:#666; font-size:11px; font-weight:300; text-align:center; line-height:1;}
|
|
|
+.tag.gray {background:#f5f5f5; border-color:#f5f5f5; color:#666;}
|
|
|
.tag.primary {background:#fd4802; border-color:#fd4802; color:#fff;}
|
|
|
.tag.primary_line {background:#fff3f2; border-color:#fd4802; color:#fd4802;}
|
|
|
|
|
|
@@ -1286,7 +1305,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.container.dp .cont_head > div.item_header {padding: 80px 0 60px;}
|
|
|
.container.dp .cont_head > div.item_header h3 {padding: 20px 0 0; font-size: 30px; line-height: 1;}
|
|
|
.container.dp .cont_head > div h3 {text-align: center; margin-bottom: 0; padding-bottom: 60px; font-size: 40px; line-height: 1;}
|
|
|
- .container .filter_list {padding: 20px 30px; border-top: 1px solid #222; border-bottom: 1px solid #ddd;}
|
|
|
+ .container .filter_list {padding: 22px 30px; border-top: 1px solid #222; border-bottom: 1px solid #ddd; max-height:60px; min-height:60px;}
|
|
|
.container .filter_list::after,.container .count_wrap::after {content:''; display: block; clear:both;}
|
|
|
.container .filter_list .form_field {float: right; width:inherit;}
|
|
|
.dp_list .form_field input[type="checkbox"] + label {font-weight: 200; line-height: 1;}
|
|
|
@@ -1637,7 +1656,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .itemsGrp.rowtype .item_prod.sold_out .itemPic:before {content:'SOLD OUT'; position: absolute; top: 50%; left: 50%; font-size: 20px; color:#fff; background: rgba(0,0,0,.5); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 99; text-align: center;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemBrand {margin:0px 6px 65px; font-size: 16px; font-weight: 300;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemComment {position: absolute; left: 340px; top: 150px; font-size: 16px; font-weight: 300; margin:0;}
|
|
|
- .dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:80px;}
|
|
|
+ .dp .itemsGrp.rowtype .item_prod .itemName {margin:0px 6px 40px; font-size: 30px; font-weight: 200; line-height: 1.2; max-height:70px; height: 70px;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight: 500;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
|
|
|
.dp .itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; line-height: 0.8;}
|
|
|
@@ -1651,7 +1670,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp_Exhibition .best_nav ul li:hover button::after, .dp_Exhibition .best_nav ul li button.active::after{content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222; }
|
|
|
.dp_Exhibition .best_nav ul li:hover button::after {content:''; position: absolute; bottom:-3px; left:0; width:100%; height: 2px; background: #222;}
|
|
|
.dp_Exhibition .best_nav ul li:last-child {margin-right: 0;}
|
|
|
- .dp_Exhibition .cont_body > .ui_row {margin-bottom: 40px;}
|
|
|
+ .dp_Exhibition .cont_body > .ui_row {margin-bottom: 20px;}
|
|
|
.dp_Exhibition .ui_row .ui_col_12 {margin: 0;}
|
|
|
.dp_Exhibition .ui_row .ui_col_12::after {content:''; display: block; clear: both;}
|
|
|
.dp_Exhibition .ui_row .ui_col_12 .form_count {float: left; margin-top: 25px;}
|
|
|
@@ -1719,17 +1738,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button {width:92px;}
|
|
|
.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child {background: #222;}
|
|
|
.dp .ui_row .ui_col_12 .btn_group .dropdown_menu .ui_row button:last-child span {color:#fff;}
|
|
|
- .dp_Exhibition .list_content {max-width: 1780px;}
|
|
|
- .dp_Exhibition .itemPic {padding-top: 100%;}
|
|
|
- .dp_Exhibition .item_prod {width: 340px; margin-bottom: 80px;}
|
|
|
- .dp_Exhibition .item_prod .itemName {font-size: 18px; line-height: 1.5; overflow:visible; max-height: none;}
|
|
|
- .dp_Exhibition .item_prod .item_state {padding: 0;}
|
|
|
+ .dp_Exhibition .exhi_list {max-width: 1780px;}
|
|
|
+ .dp_Exhibition .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left: 130px; height: 100%;}
|
|
|
.dp_Exhibition .item_prod .summary {display: inline-block; margin: 0px 6px 0; line-height: 1; font-size:14px; font-weight: 400; color: rgb(137, 137, 137);}
|
|
|
.dp_Exhibition .item_prod:nth-child(5n+0) {margin-right: 0;}
|
|
|
.dp_Exhibition .item_prod:nth-child(6n+0) {margin-right: 20px;}
|
|
|
.dp_Exhibition .itemsGrp {margin-bottom: 80px;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 40px 0;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 80px 0;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
|
|
|
@@ -1743,15 +1758,16 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
|
|
|
-
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr li:last-child {margin-bottom: 0;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
|
|
|
.dp_Exhibition .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li {float:left; width: 100px; margin-right: 20px;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li:last-child {margin-right: 0;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li .img {position: relative; background: #f5f5f5; width: 100%; height: 150px; overflow: hidden;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li .img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li .txt p {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #222; word-break: keep-all;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li .txt .pr_tit {margin:20px 0; line-height: 1.4; font-size: 14px; max-height:38px;}
|
|
|
- .dp_Exhibition .itemsGrp .exhi_item_pr li .txt .price {font-size: 16px; font-weight: 300;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
|
|
|
+ .dp_Exhibition .itemsGrp .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0;}
|
|
|
+
|
|
|
+
|
|
|
|
|
|
/* dp_Bulletship */
|
|
|
.Bulletship {padding-bottom: 120px;}
|
|
|
@@ -1772,7 +1788,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.Bulletship .Bulletship_body .bullet_able,.Bulletship .Bulletship_body .normal_able {width:720px; padding: 26px 112px; margin-bottom: 30px; box-sizing: border-box; background: #f5f5f5;}
|
|
|
.Bulletship .Bulletship_body > div {width:720px; margin: 0 auto;}
|
|
|
.dp .bullet_sticky_nav {margin-bottom: 0px !important; padding:20px 0; background: #fff; border-top:1px solid #222; border-bottom:1px solid #222; z-index: 20;}
|
|
|
- .container.dp .bullet_sticky_nav.sticky {position: fixed; max-width: 1780px; top: 0px;}
|
|
|
+ .container.dp .bullet_sticky_nav.sticky {position: fixed; width:100%; max-width: 1780px; top: 79px;}
|
|
|
/* .dp .bullet_sticky_nav ul {overflow-x: scroll; white-space: nowrap; -ms-overflow-style: none; cursor: grab;}
|
|
|
.dp .bullet_sticky_nav ul::-webkit-scrollbar {display: none;} */
|
|
|
.dp .bullet_sticky_nav ul li {position: relative; display: inline-block; padding: 20px 40px;}
|
|
|
@@ -2059,7 +2075,9 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
/* od 공통 */
|
|
|
.container.od .wrap .content {max-width:1460px;}
|
|
|
.od {padding-top:120px; padding-bottom:150px;}
|
|
|
+ .od div::after {clear:both; display:block; content:'';}
|
|
|
.od .cont_head h2 {margin-bottom:0; font-size:40px; font-weight:500; line-height:1; text-align:center; letter-spacing:-1px;}
|
|
|
+ .od .btn span {line-height:1;}
|
|
|
.od .item_slide .item_gd a .price {margin-top:15px}
|
|
|
.od .info_txt {padding:30px; line-height:1.2; background:#fff6f2;}
|
|
|
.od .info_txt ul li {position: relative; font-size: 14px; color: #888; padding-left: 15px; margin-bottom: 10px;}
|
|
|
@@ -2087,9 +2105,11 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .cont_head .oder_steps ul li:first-of-type::before {border:none;}
|
|
|
.od .od_cont {float:left; width:calc(100% - 380px); min-height:400px;}
|
|
|
.od .od_cont .tmark_required {color:#fd4802; font-size:12px; font-weight:300; line-height:14px;}
|
|
|
- .od .od_cont .tmark_optional {color:#888; font-size:12px; font-weight:300; line-height:14px;}
|
|
|
+ .od .od_cont .tmark_optional {color:#888; font-size:12px; font-weight:200;}
|
|
|
.od .od_cont button span {/*vertical-align:middle;*/ line-height:1;}
|
|
|
- .od .od_cont .form_control {min-width:400px; height:42px; padding-left:20px; font-size:14px;}
|
|
|
+ .od .od_cont button.btn_sm {height:34px; min-width:70px; padding:9px; font-size:14px; font-weight:200;}
|
|
|
+ .od .od_cont button.btn_dark {font-weight:200;}
|
|
|
+ .od .od_cont .form_control {min-width:400px; height:42px; padding-left:18px; font-size:14px;}
|
|
|
.od .od_cont .sec_head {margin-bottom:60px;}
|
|
|
.od .od_cont .sec_head .tbl .number {color:#fd4802; font-weight:500;}
|
|
|
.od .od_cont .sec_head .tbl td {text-align:left;}
|
|
|
@@ -2099,17 +2119,16 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .od_cont .sec_head .tbl td > span:first-child::before {display:none;}
|
|
|
.od .od_cont .sec_head .tbl td > span em {margin-left:10px; margin-right:5px;}
|
|
|
.od .od_cont .sec_body {}
|
|
|
- .od .od_cont .sec_body .foldGroup {}
|
|
|
+ .od .od_cont .sec_body .foldGroup {float:none;}
|
|
|
.od .od_cont .sec_body .foldGroup > ul > li {padding:0px 30px;}
|
|
|
- .od_cont .foldGroup .btn.btn_dark {height:42px; line-height:1; padding:10px 20px;}
|
|
|
+ /*.od_cont .foldGroup .btn.btn_dark {height:42px; line-height:1; padding:10px 20px;}*/
|
|
|
.od_cont .foldGroup .btn_popup {display:inline-block; position:absolute; left:auto; top:50%; transform:translateY(-50%); margin-left:10px; padding:0px 13px; height:34px; color:#222; font-size:14px; font-weight:200; border:1px solid #a7a7a7; box-sizing:border-box;}
|
|
|
.od_cont .foldGroup .btn_popup span {vertical-align:top;}
|
|
|
- .od_cont .foldGroup .btn_link_popup {display:inline-block; position:absolute; left:auto; top:50%; margin-top:-12px; margin-left:10px; padding:0px; box-sizing:border-box;}
|
|
|
- .od_cont .foldGroup .btn_link_popup span {color:#888; font-size:12px; font-weight:200; border-bottom:1px solid #888;}
|
|
|
+ .od_cont .foldGroup .btn_underline span {color:#888; font-size:12px}
|
|
|
.od_cont .foldGroup .fold_head::after {right:0px; z-index:-1;}
|
|
|
.od_cont .foldGroup .fold_head a {padding:0;}
|
|
|
- .od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:35px 0px;}
|
|
|
- .od_cont .foldGroup .fold_head .fold_tit span {font-size:24px;}
|
|
|
+ .od_cont .foldGroup .fold_head .fold_tit {width:auto; padding:30px 0px;}
|
|
|
+ .od_cont .foldGroup .fold_head .fold_tit span {font-size:24px; font-weight:500;}
|
|
|
.od_cont .foldGroup .fold_head .data {position:absolute; top:50%; right:50px; transform:translateY(-50%); color:#000; font-size:16px; font-weight:200; z-index:-1;}
|
|
|
.od_cont .foldGroup .fold_head .data.maxdisc {z-index:2;}
|
|
|
.od_cont .foldGroup .fold_head .data span {display:inline-block; position:relative; padding-left:20px; margin-left:20px;}
|
|
|
@@ -2117,7 +2136,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od_cont .foldGroup .fold_head .data span:first-of-type {margin-left:0; padding-left:0;}
|
|
|
.od_cont .foldGroup .fold_head .data span:first-of-type::before {display:none;}
|
|
|
.od_cont .foldGroup .fold_mbinfo .fold_head.on .data {display:none;}
|
|
|
- .od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box; overflow:hidden;}
|
|
|
+ .od_cont .foldGroup .fold_cont {padding:10px 0 40px; line-height:1; box-sizing:border-box;}
|
|
|
.od_cont .foldGroup .fold_cont > div {}
|
|
|
.od_cont .foldGroup dl {font-size:16px;}
|
|
|
.od_cont .foldGroup dl .btn span {vertical-align:middle;}
|
|
|
@@ -2125,13 +2144,13 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od_cont .foldGroup dl > div:first-of-type {margin-top:0px}
|
|
|
.od_cont .foldGroup dl > div dt {float:left; margin-right:40px; font-weight:300;}
|
|
|
.od_cont .foldGroup dl > div dt .mid {display:inline-block; margin-top:12px}
|
|
|
- .od_cont .foldGroup dl > div dd {position:relative; float:left; width:780px;}
|
|
|
+ .od_cont .foldGroup dl > div dd {position:relative; float:left; width:calc(100% - 170px);}
|
|
|
.od_cont .foldGroup dl::after,
|
|
|
.od_cont .foldGroup dl div::after {content:''; display:block; clear:both;}
|
|
|
|
|
|
.od .od_side {float:right; width:320px;}
|
|
|
.od .od_side h3 {color:#222; font-size:24px; font-weight:500;}
|
|
|
- .od .od_side h4 {margin-bottom:20px; color:#222; font-size:18px; font-weight:300; letter-spacing:-0.025em;}
|
|
|
+ .od .od_side h4 {font-size:18px; font-weight:500; margin-bottom:20px;}
|
|
|
.od .od_side .item_gd figure {position:relative; height:150px;}
|
|
|
.od .od_side .item_gd figure::after {content: ''; display: block; clear: both;}
|
|
|
.od .od_side .item_gd figure .thumb {float:left; width:100px; height:150px; padding-top:0;}
|
|
|
@@ -2146,11 +2165,12 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .od_side .area_order {border:1px solid #ddd; border-top-color:#222;}
|
|
|
.od .od_side .area_order dl dt {float:left;}
|
|
|
.od .od_side .area_order dl dd {float:right;}
|
|
|
+ .od .od_side .area_order div::after,
|
|
|
.od .od_side .area_order dl::after,
|
|
|
.od .od_side .area_order dl div::after {content:''; display:block; clear:both;}
|
|
|
.od .od_side .area_order .tit_box {padding:20px 30px; border-bottom:1px solid #ddd;}
|
|
|
.od .od_side .area_order .tit_box h3 {display:inline-block; margin-bottom:0}
|
|
|
- .od .od_side .area_order .tit_box span {display:inline-block; margin-top:2px; margin-left:5px; color:#888; font-size:14px; font-weight:200; vertical-align:top}
|
|
|
+ .od .od_side .area_order .tit_box span {float:right; display:inline-block; margin-top:6px; margin-left:5px; color:#888; font-size:16px; font-weight:200; vertical-align:top}
|
|
|
.od .od_side .area_order .tit_box span em.number {color:#fd4802; font-weight:500;}
|
|
|
.od .od_side .area_order .od_item_box {padding:0px 30px 0; border-bottom:1px solid #ddd;}
|
|
|
.od .od_side .area_order .od_item_box .part_dlvr {padding:30px 0px 30px; border-top:1px solid #ddd}
|
|
|
@@ -2168,6 +2188,7 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .od_side .area_order .od_amount_box {padding:35px 30px 30px; color:#888; font-size:14px; font-weight:200;}
|
|
|
.od .od_side .area_order .od_amount_box dl div {margin-top:20px;}
|
|
|
.od .od_side .area_order .od_amount_box dl div:first-child {margin-top:0px}
|
|
|
+ .od .od_side .area_order .od_amount_box dl dt {font-weight:300;}
|
|
|
.od .od_side .area_order .od_amount_box dl dd {color:#222; font-weight:300;}
|
|
|
.od .od_side .area_order .od_amount_box dl dd em {font-size:16px}
|
|
|
.od .od_side .area_order .od_amount_box dl .disc_amount {color:#fd4802; font-weight:300;}
|
|
|
@@ -2176,39 +2197,39 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od .od_side .area_order .od_amount_box .btn_link::after {display:none;}
|
|
|
.od .od_side .area_order .totalprice_box {padding:0px 30px 30px}
|
|
|
.od .od_side .area_order .totalprice_box dl {padding:30px 0 0; border-top:1px solid #ddd; font-size:16px; font-weight:300;}
|
|
|
+ .od .od_side .area_order .totalprice_box dl dt {margin-top:5px; font-size:16px; font-weight:500;}
|
|
|
+ .od .od_side .area_order .totalprice_box dl dd {color:#fd4802; font-size:18px; font-weight:700;}
|
|
|
.od .od_side .area_order .totalprice_box dl dd span {font-size:24px;}
|
|
|
- .od .od_side .area_order .totalprice_box .info_point {margin-top:25px; padding:15px 10px; background:#f5f5f5; color:#888; font-size:14px; font-weight:300; text-align:center;}
|
|
|
- .od .od_side .area_order .totalprice_box .info_point .save_point {color:#fd4802;}
|
|
|
+ .od .od_side .area_order .totalprice_box .info_point {margin-top:12px; color:#888; font-size:14px; font-weight:300; text-align:right; line-height:16px;}
|
|
|
+ .od .od_side .area_order .totalprice_box .info_point .save_point {display:inline-block; padding-left:22px; height:16px; background:url('/images/pc/ico_point.png') no-repeat 0 50%; color:#fd4802;}
|
|
|
.od .od_side .area_order .btn_box {padding:0px 30px 35px;}
|
|
|
+ .od .od_side .area_order .btn_box .btn {height:60px; font-weight:300; padding:20px}
|
|
|
.od .od_side .area_salecoupon {margin-top:35px}
|
|
|
- .od .od_side .area_salecoupon input {font-size:14px; font-weight:200;}
|
|
|
- .od .od_side .area_salecoupon .input_wrap {float:left; width:242px}
|
|
|
- .od .od_side .area_salecoupon .btn {padding:14px 20px; height:50px; box-sizing:border-box; font-size:14px; font-weight:200}
|
|
|
- .od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:10px; padding:30px; background:#f5f5f5; box-sizing:border-box;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon {position:relative; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .btn_close_code {position:absolute; right:14px; top:14px; z-index:2;}
|
|
|
+ .od .od_side .area_salecoupon input {height:42px; padding:15px; color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .od .od_side .area_salecoupon .input_wrap {float:left; width:240px}
|
|
|
+ .od .od_side .area_salecoupon .btn {width:70px; height:42px; box-sizing:border-box; font-size:14px; font-weight:200}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box {width:100%; margin-top:20px;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon {position:relative; margin-top:10px; border:1px solid #ddd; box-sizing:border-box; background:#fff;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon:first-child {margin-top:none}
|
|
|
.od .od_side .area_salecoupon .coupon_box .coupon > div {position:relative;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#f5f5f5; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon > div::after {content:''; position:absolute; top:50%; right:-1px; transform:translateY(-50%); width:15px; height:30px; background:#fff; z-index:2; border:1px solid #ddd; border-right:none; border-top-left-radius:15px; border-bottom-left-radius:15px; overflow:hidden;}
|
|
|
.od .od_side .area_salecoupon .coupon_box .coupon p {padding:0 20px;}
|
|
|
.od .od_side .area_salecoupon .coupon_box .coupon .cp_name {padding-top:30px; color:#222; font-size:14px; font-weight:300;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:15px;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:20px; font-weight:500;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:24px;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:10px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:5px}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span .tag {display:inline-block; min-width:55px; height:22px; background:#fff6f2; color:#fd4802; font-size:11px; font-weight:300; box-sizing:border-box; border:1px solid #fd4802; text-align:center;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:13px 0; border-top:1px dashed #ddd; text-align:center; font-size:14px; font-weight:200;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .info_coupon {text-align:center;}
|
|
|
- .od .od_side .area_salecoupon .coupon_box .info_coupon button {display:inline-block; margin-top:12px; border-bottom:1px solid #888; color:#888; font-size:12px; font-weight:200; line-height:1.2;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont {margin-top:10px;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span {color:#fd4802; font-size:22px; font-weight:700;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_cont span em {font-size:28px;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition {margin-top:15px; padding-bottom:15px; color:#888; font-size:12px; font-weight:300; line-height:1.4;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_condition span {display:block; margin-top:10px}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .coupon .cp_date {padding:20px 0; border-top:1px dashed #ddd; text-align:center; color:#222; font-size:14px; font-weight:200;}
|
|
|
+ .od .od_side .area_salecoupon .coupon_box .btn_underline {display:block; margin:23px auto 0; color:#888; border-color:#888; font-size:12px;}
|
|
|
.od .od_side .area_saleitem {margin-top:40px}
|
|
|
- .od .od_side .area_saleitem .more_sale {margin-bottom:10px; padding:20px; box-sizing:border-box; border:1px solid #ddd}
|
|
|
+ /*.od .od_side .area_saleitem .more_sale {margin-bottom:10px; padding:20px; box-sizing:border-box; border:1px solid #ddd}
|
|
|
.od .od_side .area_saleitem .more_sale .txt a {display:block; position:relative; padding-left:45px; color:#fd4802; font-size:14px; font-weight:200;}
|
|
|
.od .od_side .area_saleitem .more_sale .txt a span {display:block; line-height:20px;}
|
|
|
.od .od_side .area_saleitem .more_sale .item_gd {margin-bottom:20px;}
|
|
|
.od .od_side .area_saleitem .more_sale .name {-webkit-line-clamp:3; max-height:60px;}
|
|
|
.od .od_side .area_saleitem .more_sale .item_gd + .txt {padding-top:20px; border-top:1px dashed #ddd;}
|
|
|
- .od .od_side .area_saleitem .more_sale .txt .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}
|
|
|
-
|
|
|
+ .od .od_side .area_saleitem .more_sale .txt .ico {position:absolute; left:0; top:50%; transform:translateY(-50%);}*/
|
|
|
|
|
|
/* od_shopping_Bag */
|
|
|
.od .shopping_bag {}
|
|
|
@@ -2232,13 +2253,14 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.od_recommend .swiper-container .swiper-wrapper {}
|
|
|
.od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_prod {width:100%}
|
|
|
.od_recommend .swiper-container .swiper-wrapper .swiper-slide .item_state {padding:0;}
|
|
|
- .od_recommend .swiper-button-prev {left:-100px; top:275px}
|
|
|
- .od_recommend .swiper-button-next {right:-100px; top:275px}
|
|
|
+ .od_recommend .swiper-button-prev {left:-70px; top:275px}
|
|
|
+ .od_recommend .swiper-button-next {right:-70px; top:275px}
|
|
|
.od_recommend .swiper-button-prev::after,
|
|
|
.od_recommend .swiper-button-next::after {content: ''; display:inline-block; width:27.5px; height:50px; background:url(/images/pc/ico_arr_lg.png) no-repeat;}
|
|
|
.od_recommend .swiper-button-prev::after {background-position:0 50%;}
|
|
|
.od_recommend .swiper-button-next::after {background-position:100% 50%;}
|
|
|
.od_recommend .swiper-container .swiper-pagination {position:relative; display:block; left:auto; right:auto; bottom:auto; margin-top:60px}
|
|
|
+ @media screen and (max-width:1460px) {}
|
|
|
|
|
|
|
|
|
/* od_odPayment */
|
|
|
@@ -2246,17 +2268,26 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .icon_tag {display:inline-block; margin-top:-3px;}
|
|
|
.odPayment .icon_tag::after {content:''; clear:both; display:inline-block; font-weight:300;}
|
|
|
.odPayment .icon_tag [class*="tag_"] {float:left; display:inline-block; height:22px; box-sizing:border-box; margin:0px 0 0 4px; padding:0 5px; border:1px solid #ddd; background: #fff; color:#888888; font-size: 11px; font-weight:300; vertical-align:top; line-height:21px;}
|
|
|
- .odPayment .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
|
|
|
- .odPayment .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}
|
|
|
- .odPayment .maxdisc_amount,
|
|
|
- .odPayment .fold_head .data .total_gift,
|
|
|
- .odPayment .fold_head .data .total_deduct {color:#fd4802; font-weight:300;}
|
|
|
+ /*.odPayment .icon_tag .tag_stype1 {border-color:#f5f5f5; background:#f5f5f5}
|
|
|
+ .odPayment .icon_tag .tag_stype2 {border-color:#fd4802; background:#fff6f2; color:#fd4802;}*/
|
|
|
+ .odPayment .foldGroup .fold_head .data .total_gift,
|
|
|
+ .odPayment .foldGroup .fold_head .data .total_deduct {color:#fd4802; font-weight:500;}
|
|
|
+ .odPayment .foldGroup .fold_head .data .maxdisc_amount {padding:0; margin:0; color:#fd4802;}
|
|
|
+ .odPayment .foldGroup .fold_head .data .maxdisc_amount::before {display:none;}
|
|
|
+ .odPayment .foldGroup .fold_head .data .maxdisc_amount em {font-weight:500;}
|
|
|
.odPayment .fold_cont .area_overseas,
|
|
|
.odPayment .fold_cont .area_customitem,
|
|
|
.odPayment .fold_cont .area_selpoint {padding-top:30px; margin-top:30px; border-top:1px dashed #ddd;}
|
|
|
.odPayment .fold_cont .area_overseas .info_txt,
|
|
|
.odPayment .fold_cont .area_customitem .info_txt {margin-top:30px;}
|
|
|
|
|
|
+ .odPayment .fold_cont .area_mbinfo {}
|
|
|
+ .odPayment .fold_cont .area_mbinfo > dl > div {float:left; position:relative; margin-top:0; height:16px; padding:0;}
|
|
|
+ .odPayment .fold_cont .area_mbinfo > dl > div::after {content:''; position:absolute; left:-1px; top:50%; transform:translateY(-50%); width:1px; height:10px; background-color:#ddd;}
|
|
|
+ .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_overseas .form_field .agree_overs {margin-top:15px;}
|
|
|
.odPayment .fold_cont .area_overseas .form_field > div {float:left; margin-right:40px}
|
|
|
.odPayment .fold_cont .area_overseas .info_box,
|
|
|
@@ -2296,18 +2327,38 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .gift_box .form_field .gift label .name {width:160px; color:#666; font-size:14px; line-height:1.4; font-weight:200;}
|
|
|
.odPayment .gift_box .form_field .gift label .deduct {margin-top:5px;color:#fd4802; font-weight:300; font-size:14px;}
|
|
|
.odPayment .form_field .agree_gift {display:block; width:100%; padding-top:30px; margin-top:30px; border-top:1px dashed #ddd; text-align:center;}
|
|
|
+ .odPayment .form_field .agree_gift .btn_underline {display:inline-block; margin-left:10px; padding:0px; border-bottom-color:#888;}
|
|
|
.odPayment .form_field .agree_gift p {color:#888; font-size:14px;}
|
|
|
.odPayment .form_field .agree_gift p label {color:#222; font-size:16px; font-weight:300;}
|
|
|
.odPayment .form_field .agree_gift p.txt {position:relative; margin-top:20px}
|
|
|
|
|
|
.odPayment .area_seldiscount {}
|
|
|
- /*.odPayment .area_seldiscount .maxdisc {display:block; width:100%; margin-bottom:30px;}*/
|
|
|
.odPayment .area_seldiscount dl > div dt {width:170px; margin-right:0;}
|
|
|
.odPayment .area_seldiscount dl > div dd {width:485px;}
|
|
|
+ .odPayment .area_seldiscount .sale_coupon_box {}
|
|
|
+ .odPayment .area_seldiscount .sale_coupon_box button.btn_sm {height:42px; min-width:70px; padding:13px; font-size:14px; font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .sale_coupon_box .btn_default {width:80px; margin-left:14px; margin-top:-13px; vertical-align:top;}
|
|
|
+ .odPayment .area_seldiscount .sale_coupon_box .maxdisc_amount {color:#fd4802; font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .sale_coupon_box .form_field {margin-top:18px}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box {height:90%;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom {height:90px;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select {height:90px; padding:0;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list {top:89px; padding:0;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon {padding:14px 18px;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .name {color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .txt span {font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .discount span {font-weight:500;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .dlvr_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .odPayment .area_seldiscount .dlvr_fee_box .select_custom .combo .list > li[aria-disabled="true"] .dlvr_coupon p {color:#888;}
|
|
|
+
|
|
|
.odPayment .form_field .maxdisc input[type="checkbox"] + label {color:#222; font-size:16px;}
|
|
|
.odPayment .form_field .input_wrap input[type="text"]:disabled {background:#f5f5f5;}
|
|
|
.odPayment .form_field .input_wrap input[type="text"]:disabled::placeholder{color:#222; font-weight:300;}
|
|
|
- .odPayment .btn_coupon_toggle {display:inline-block; position:relative; padding-right:22px; color:#222; font-weight:300; }
|
|
|
+ /*.odPayment .btn_coupon_toggle {display:inline-block; position:relative; padding-right:22px; color:#222; font-weight:300; }
|
|
|
.odPayment .btn_coupon_toggle::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
.odPayment .btn_coupon_toggle.on::after {top:3px; background-position:0 0;}
|
|
|
.odPayment .btn_coupon_toggle span {color:#fd4802}
|
|
|
@@ -2333,19 +2384,20 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .coupon_list ul li .coupon .cp_discount .btn_del_coupon span {position:absolute; display:inline-block; width:1px; height:1px; font-size:1px; text-indent:-999px; overflow:hidden;}
|
|
|
.odPayment .coupon_list ul li .coupon_discount {}
|
|
|
.odPayment .coupon_list ul li .coupon_cart {}
|
|
|
- .odPayment .coupon_list ul li .coupon_dlvrfee {}
|
|
|
+ .odPayment .coupon_list ul li .coupon_dlvrfee {} */
|
|
|
|
|
|
.odPayment .area_selpoint {}
|
|
|
.odPayment .area_selpoint dl > div dt {width:170px; margin-right:0;}
|
|
|
.odPayment .area_selpoint .form_field > div {float:left; margin-right:40px}
|
|
|
.odPayment .area_selpoint .form_field > div.input_wrap {float:none; margin-right:0;}
|
|
|
- .odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:300;}
|
|
|
- .odPayment .area_selpoint .form_field label + .remain_point {margin-left:10px; vertical-align:middle;}
|
|
|
- .odPayment .area_selpoint .form_field p {margin-top:10px; color:#888; font-size:14px;}
|
|
|
+ .odPayment .area_selpoint .form_field .useable_point {margin-right:10px; color:#fd4802; font-size:16px; font-weight:200; vertical-align:middle;}
|
|
|
+ .odPayment .area_selpoint .form_field .useable_point em {font-weight:500;}
|
|
|
+ .odPayment .area_selpoint .form_field .remain_point {margin-right:10px; color:#fd4802; font-size:14px; font-weight:200;}
|
|
|
+ .odPayment .area_selpoint .form_field p {margin-top:15px; color:#888; font-size:14px;}
|
|
|
.odPayment .area_selpoint .form_field .agree_receipt {margin-top:20px;}
|
|
|
.odPayment .area_selpoint .form_field .agree_receipt .info_box {margin-top:10px;}
|
|
|
|
|
|
- .odPayment .fold_paymethod .fold_cont {padding-top:20px; margin-top:-10px;}
|
|
|
+ .odPayment .fold_paymethod .fold_cont {margin-top:-10px;}
|
|
|
.odPayment .area_paymethod {}
|
|
|
.odPayment .area_paymethod .radio_blk {padding:0px 30px; border:1px solid #ddd; margin-top:-1px;}
|
|
|
.odPayment .area_paymethod .radio_blk:first-of-type {margin-top:0;}
|
|
|
@@ -2356,16 +2408,16 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::before {content :""; display:block; position:absolute; left:15px; bottom:-10px; border:5px solid transparent; border-top-color:#222;}
|
|
|
.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr::after {content :""; display:block; position:absolute; right:-8px; bottom:-8px; border:8px solid transparent; border-right-color:#fff; transform:rotate(225deg);}
|
|
|
.odPayment .area_paymethod .radio_blk .paymethod_radio .quickpay_bnr .btn_close_bnr {display:inline-block; width:10px; height:10px; margin-left:4px; margin-top:1px; background:url('/images/pc/ico_pop_cls02.png') no-repeat 50% 50%; background-size:100% auto;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box {}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay {}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard {display:block; width:340px; height:214px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#222; font-size:16px; font-weight:200;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay button.btn_addcard span::before {content:''; position:absolute; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background:#fd4800 url('/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box {}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay {}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard {display:block; width:340px; height:214px; box-sizing:border-box; border:1px solid #ddd; border-radius:10px; background:#f5f5f5; color:#222; font-size:16px; font-weight:200;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard span {display:inline-block; position:relative; padding-top:55px;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay button.btn_addcard span::before {content:''; position:absolute; left:50%; top:0; margin-left:-20px; width:40px; height:40px; background:#fd4800 url('/images/pc/ico_plus.png') no-repeat 50% 50%; border-radius:50%;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay .empty {padding:30px 0; border-bottom:1px solid #ddd;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay .empty button.btn_addcard {margin:auto;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card {position:relative; padding:30px 0; margin-left:-30px; margin-right:-30px; overflow:visible;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card::before {content:''; position:absolute; left:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .card_quickpay .list_card::after {content:''; position:absolute; right:-2px; top:0; bottom:0; border-right:2px solid #fd4802; z-index:2;}
|
|
|
.odPayment .area_paymethod .radio_blk.on {border:2px solid #fd4802}
|
|
|
.odPayment .area_paymethod .radio_blk.on .paymethod_radio {border-bottom:1px solid #ddd;}
|
|
|
.odPayment .card_quickpay .list_card .swiper-slide {width:340px; height:214px;}
|
|
|
@@ -2394,41 +2446,47 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.odPayment .card_quickpay .list_card .card .select .select_options {border:none}
|
|
|
.odPayment .card_quickpay .list_card .card .select .select_options li {background:#3259a8; font-size:14px; color:#fff;}
|
|
|
.odPayment .card_quickpay .list_card .card .select .select_options li:hover {background:#093895;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li:first-of-type {margin-top:0;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method {margin-bottom:30px; padding-top:30px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li {float:left; margin-left:40px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li:first-child {margin-left:0;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label span {display:inline-block; height:28px; color:#222; font-size:14px; line-height:28px;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg {display:inline-block; height:28px; background-position:0 50%; background-repeat:no-repeat;}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.kakao {width:79px; background-image:url('/images/pc/pay_kakao.png');}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.naver {width:68px; background-image:url('/images/pc/pay_naver.png');}
|
|
|
- .odPayment .area_paymethod .radio_blk .paymethod_box .sel_method li label .payimg.payco {width:66px; background-image:url('/images/pc/pay_payco.png');}
|
|
|
- .odPayment .area_paymethod .agree_insurance {display:none; margin:30px 0 0; padding-top:30px; border-top:1px solid #ddd;}
|
|
|
- .odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:16px; font-weight:200;}
|
|
|
- .odPayment .area_paymethod .agree_insurance p {padding:15px 30px 30px; color:#888; font-size:14px; line-height:20px;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .info_quick {padding:30px 0; border-top:1px solid #ddd;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .info_quick li {position:relative; font-size:14px; color:#888; padding-left:15px; margin-top:10px;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .info_quick li:first-of-type {margin-top:0;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .info_quick li::before {content:''; position:absolute; top:5px; left:0; background:#858585; width:3px; height:3px;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method {}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method::after {content:''; clear:both; display:block;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li {float:left; width:calc(100% / 7);}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label::before,
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label::after {display:none;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label span {display:inline-block; height:26px; color:#222; font-size:16px; font-weight:200; line-height:27px;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg {display:inline-block; width:66px; height:26px; background-position:50% 50%; background-repeat:no-repeat; background-size:auto 100%;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.kakao {background-image:url('/images/pc/pay_kakao.png');}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.naver {background-image:url('/images/pc/pay_naver.png');}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li label .payimg.payco {background-image:url('/images/pc/pay_payco.png');}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"] + label {display:block; height:64px; padding:17px 0; border:1px solid #ddd; border-right:none; text-align:center;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li:last-child input[type="radio"] + label {border-right:1px solid #ddd;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label {border:2px solid #fd4802;}
|
|
|
+ .odPayment .area_paymethod .paymethod_box .sel_method li input[type="radio"]:checked + label span {color:#fd4802; font-weight:500;}
|
|
|
+ .odPayment .area_paymethod .agree_insurance {display:none; margin:25px 0 0;}
|
|
|
+ .odPayment .area_paymethod .agree_insurance input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
|
|
|
+ .odPayment .area_paymethod .agree_insurance p {padding:15px 30px 0px; color:#888; font-size:14px; line-height:20px;}
|
|
|
.odPayment .area_paymethod .agree_paymethod {margin-top:20px;}
|
|
|
- .odPayment .area_paymethod .agree_paymethod label {font-size:16px; font-weight:200;}
|
|
|
+ .odPayment .area_paymethod .agree_paymethod input[type="checkbox"] + label {color:#666; font-size:14px; font-weight:200;}
|
|
|
|
|
|
.odPayment .area_paymentinfo {margin-top:30px;}
|
|
|
.odPayment .paymentinfo {}
|
|
|
.odPayment .paymentinfo.on {}
|
|
|
.odPayment .paymentinfo .payinfo_blk {border:1px solid #ddd; border-top:none;}
|
|
|
.odPayment .paymentinfo .payinfo_blk:first-child {border-top:1px solid #ddd;}
|
|
|
- .odPayment .paymentinfo .payinfo_blk a {display:block; padding:40px; color:#222; font-size:16px; font-weight:300;}
|
|
|
+ .odPayment .paymentinfo .payinfo_blk a {display:block; padding:30px 40px; color:#222; font-size:16px; font-weight:300;}
|
|
|
.odPayment .paymentinfo .payinfo_blk a::after {clear:both; display:block; width:100%;}
|
|
|
.odPayment .paymentinfo .payinfo_blk a span {float:right; position:relative; padding-right:22px; color:#222; font-size:14px;}
|
|
|
.odPayment .paymentinfo .payinfo_blk a span::after {content:''; position:absolute; right:0; top:2px; width:11px; height:9px; background:url('/images/pc/ico_mb_arrow.png') no-repeat 0% 100%; background-size:100% auto;}
|
|
|
- .odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; background-position:0 0;}
|
|
|
-
|
|
|
.odPayment .paymentinfo .payinfo_blk .infotxt {display:none; max-height:190px; margin-top:20px; color:#888; font-size:14px; line-height:26px; overflow-y:scroll;}
|
|
|
- .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 40px;}
|
|
|
- .odPayment .area_paymentinfo .agree_payment {margin:40px 0 30px; color:#666; font-size:16px; font-weight:200;}
|
|
|
- .odPayment .area_paybtn .btn {height:80px; font-size:18px; font-weight:300;}
|
|
|
-
|
|
|
+ .odPayment .paymentinfo .payinfo_blk.on {background:#f5f5f5;}
|
|
|
+ .odPayment .paymentinfo .payinfo_blk.on a {padding-bottom:15px;}
|
|
|
+ .odPayment .paymentinfo .payinfo_blk.on a span::after {top:3px; transform:rotate(-180deg);}
|
|
|
+ .odPayment .paymentinfo .payinfo_blk.on .infotxt {display:block; margin:0px 40px 20px;}
|
|
|
+ .odPayment .area_paymentinfo .agree_payment {margin:40px 0 40px; color:#222; font-size:18px; font-weight:200; text-align:center;}
|
|
|
+ .odPayment .area_paybtn .btn {height:80px; font-size:20px; font-weight:300;}
|
|
|
+ .odPayment .area_paybtn .btn em {font-weight:500;}
|
|
|
|
|
|
/* od_completed */
|
|
|
.od .completed {}
|
|
|
@@ -2495,44 +2553,119 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.nonMBorder .adress_area dl div dd {width: calc(100% - 50px); line-height:24px;}
|
|
|
|
|
|
/* od_popup */
|
|
|
- .modal.od_pop .modal-header h5.modal-title {margin-top:0; font-size:24px; font-weight:300;}
|
|
|
+ .modal.od_pop {padding:60px;}
|
|
|
+ .modal.od_pop button span {line-height:1;}
|
|
|
+ .modal.od_pop .modal-body .pop_cont {line-height:1; max-height:none;}
|
|
|
.modal.od_pop .modal-header .txt {margin-top:20px; color:#666; font-size:16px; font-weight:300;}
|
|
|
.modal.od_pop .form_field,
|
|
|
.modal.od_pop .form_field > div {display:block; width:100%;}
|
|
|
+ .modal.od_pop div::after,
|
|
|
+ .modal.od_pop ul::after,
|
|
|
+ .modal.od_pop dl::after {content:''; clear:both; display:block; width:100%;}
|
|
|
+ .modal.od_pop .form_field input[type="radio"] + label {padding-left:30px;}
|
|
|
+ .modal.od_pop .form_field input[type="radio"] + label:before,
|
|
|
+ .modal.od_pop .form_field input[type="radio"]:checked + label:after,
|
|
|
+ .modal.od_pop .form_field input[type="checkbox"] + label:before,
|
|
|
+ .modal.od_pop .form_field input[type="checkbox"]:checked + label:after,
|
|
|
+ .modal.od_pop .form_field input[type="checkbox"]:disabled + label:after {top:50%; transform:translateY(-50%);}
|
|
|
|
|
|
/* od_shoppingbag_popup */
|
|
|
- .modal.opt_modify_pop {max-width:900px; max-height:900px;}
|
|
|
+ .modal.od_pop {max-width:950px; height:auto; /*max-height:670px;*/}
|
|
|
+ .modal.od_pop .area_slider .swiper-container .item_prod {width:100%;}
|
|
|
+ .modal.od_pop .area_slider .swiper-container .item_prod .item_state {padding:0}
|
|
|
+ .modal.od_pop .area_slider .swiper-container .item_prod .item_state .btn {margin-top:20px; width:100%; height:34px; padding:10px; font-size:14px;}
|
|
|
+ .modal.od_pop .area_slider .swiper-container .item_prod .item_state .itemPrice {position:relative; padding-top:20px;}
|
|
|
+ .modal.od_pop .area_slider .swiper-container .item_prod .item_state .itemPrice_original {position:absolute; top:0; left:0; margin:0;}
|
|
|
+ .modal.od_pop .area_slider .swiper-scrollbar {background:#ddd}
|
|
|
+ .modal.od_pop .area_slider .swiper-scrollbar-drag {border-radius:0; background:#222;}
|
|
|
+ .modal.od_pop .area_slider .swiper-container-horizontal>.swiper-scrollbar {position:relative; left:auto; right:auto; bottom:auto; margin-top:60px; width:100%; height:2px; opacity: 1 !important;}
|
|
|
+ .modal.opt_modify_pop {max-width:890px; max-height:890px;}
|
|
|
+ .modal.opt_modify_pop img {width:100%}
|
|
|
.modal.opt_modify_pop .modal-header {margin-bottom:20px;}
|
|
|
- .modal.opt_modify_pop .modal-header h5.modal-title {margin-bottom:40px}
|
|
|
+ .modal.opt_modify_pop .modal-header h5.modal-title {margin-bottom:20px}
|
|
|
.modal.opt_modify_pop .modal-body .pop_cont {max-height:680px;}
|
|
|
- .modal.opt_modify_pop .prod_title {}
|
|
|
- .modal.opt_modify_pop .opt_header {font-size:14px;}
|
|
|
- .modal.opt_modify_pop .opt_header .title {color:#222; font-weight:300}
|
|
|
- .modal.opt_modify_pop .opt_header .color {color:#666; font-weight:200;}
|
|
|
- .modal.opt_modify_pop img {width:100%}
|
|
|
- .modal.opt_modify_pop ul::after {content:''; clear:both; display:block; width:100%;}
|
|
|
- .modal.opt_modify_pop .prod_info {position:relative;}
|
|
|
- .modal.opt_modify_pop .prod_info::after {content:''; clear:both; display:block; width:100%;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_pic {float:left; width:360px;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list {}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_pic .pic_list li {float:left; width:50%;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order {float:right; width:380px;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul {}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li {float:left; margin-left:6px; margin-bottom:6px}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_color ul li a.on img {border:1px solid #222}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field {}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:41px; text-align:center; background:#f5f5f5; box-sizing:border-box;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::before,
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #222;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_size .form_field > div {float:left; width:auto;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count span {cursor:pointer; display:inline-block; width:30px; height:30px; background:#f5f5f5; text-align:center;}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .plus::after {content:'+';}
|
|
|
- .modal.opt_modify_pop .prod_info .prod_preview .area_order .opt_count .number_count .minus::after {content:'-';}
|
|
|
+ .modal.opt_modify_pop .opt_header {margin-bottom:18px; font-size:14px;}
|
|
|
+ .modal.opt_modify_pop .opt_header > span {float:left; display:inline-block;}
|
|
|
+ .modal.opt_modify_pop .opt_header .title {color:#222; font-weight:500}
|
|
|
+ .modal.opt_modify_pop .opt_header .color {margin-left:20px; color:#666; font-weight:200;}
|
|
|
+ .modal.opt_modify_pop .opt_header .text {margin-left:20px; color:#666; font-weight:200;}
|
|
|
+ .modal.opt_modify_pop .area_pic {float:left; width:360px;}
|
|
|
+ .modal.opt_modify_pop .area_pic .pic_list {margin-top:-5px}
|
|
|
+ .modal.opt_modify_pop .area_pic .pic_list li {float:left; width:50%; padding-top:5px; padding-bottom:5px;}
|
|
|
+ .modal.opt_modify_pop .area_pic .pic_list li:nth-child(odd) {padding-right:5px;}
|
|
|
+ .modal.opt_modify_pop .area_pic .pic_list li:nth-child(even) {padding-left:5px;}
|
|
|
+ .modal.opt_modify_pop .area_order {float:right; width:380px;}
|
|
|
+ .modal.opt_modify_pop .area_order > div {margin-top:40px}
|
|
|
+ .modal.opt_modify_pop .area_order > div:first-child {margin-top:0}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_color ul {margin-top:-6px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_color ul li {float:left; margin-left:6px; margin-top:6px}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_color ul li:nth-child(5n-4) {margin-left:0}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_color ul li a {display:block; box-sizing:border-box; width:70px; height:105px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_color ul li a.on img {border:1px solid #fd4802}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size {padding-bottom:40px; border-bottom:1px solid #ddd;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field {display:block; width:95%; margin-top:-6px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field > div {margin-left:6px; margin-top:6px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field > div:nth-child(6n-5) {margin-left:0px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field input[type="radio"] + label {display:block; width:50px; height:40px; padding:0; line-height:40px; text-align:center; background:#fff; box-sizing:border-box; border:1px solid #ddd; color:#222; font-weight:200; font-size:14px;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field input[type="radio"] + label::before,
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field input[type="radio"] + label::after {display:none;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field input[type="radio"]:checked + label {border:1px solid #fd4802;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field input[type="radio"]:disabled + label {text-decoration:line-through; background:#f5f5f5; border-color:#f5f5f5; color:#bbb; opacity:1;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_size .form_field > div {float:left; width:auto;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .opt_count {padding-bottom:0;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count {display:inline-block; border:1px solid #ddd}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count::after {content:''; clear:both; display:block;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count span,
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count input[type='text']{float:left;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count span {cursor:pointer; position:relative; display:inline-block; width:40px; height:40px; text-align:center;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count span::after {content:''; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%);; width:12px; height:12px; background:url('/images/pc/btn_count.png') no-repeat 100% 0; image-rendering:pixelated;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count span.min_val,
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count span.max_val {opacity:0.2;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count .plus::after {content:''; background-position:100% 0;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count .minus::after {content:''; background-position:0 0;}
|
|
|
+ .modal.opt_modify_pop .area_order .opt_count .number_count input[type='text'] {width:44px; height:40px; padding:0; text-align:center; color:#222; font-size:15px; font-weight:200; border:none;}
|
|
|
+
|
|
|
+
|
|
|
|
|
|
/* od_odPayment_popup */
|
|
|
+ .modal.couponModify_pop {width:630px; padding-bottom:0;}
|
|
|
+ .modal.couponModify_pop .modal-body .pop_cont {max-height:600px;}
|
|
|
+ .modal.couponModify_pop .modal-footer {margin-top:0; margin-left:-60px; margin-right:-60px;}
|
|
|
+ .modal.couponModify_pop h6 {margin-bottom:20px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon {margin-bottom:40px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item {margin-top:30px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item:first-child {margin-top:0}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd {margin-bottom:20px}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure {height:120px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure > div {display:inline-block;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure .thumb {float:left; width:80px; height:120px; padding-top:0;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption {display:table-cell; padding-left:20px; width:calc(100% - 140px); height:120px; vertical-align:middle;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .name {margin-top:10px}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .apply_item .item_gd figure figcaption .option {margin-top:15px}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom {height:90px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .select {height:90px; padding:0;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .select:after {top:50%; right:20px; transform:translateY(-50%);}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .list {top:89px; padding:0;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li {line-height:1; height:90px; padding:0; border-top:1px solid #ddd;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon {padding:14px 18px;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .name {color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .txt span {font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .discount span {font-weight:500;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .item_coupon .empty {margin-top:22px; color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_item_coupon .select_custom .combo .list > li[aria-disabled="true"] .item_coupon p {color:#888;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon {margin-bottom:40px;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .form_field > div {border-bottom:1px solid #ddd}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .form_field > div:first-child {border-top:1px solid #ddd;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .form_field > div label {width:100%;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon {padding:20px 0px;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon .name {color:#222; font-size:14px; font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt {margin-top:10px; color:#888; font-size:14px; font-weight:200;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon .txt span {font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount {margin-top:10px; color:#fd4802; font-size:16px; font-weight:300;}
|
|
|
+ .modal.couponModify_pop .area_cart_coupon .cart_coupon .discount span {font-weight:500;}
|
|
|
+
|
|
|
.modal.qPayAgree_pop {}
|
|
|
.modal.qPayAgree_pop .area_QpayCk {margin-top:10px;}
|
|
|
.modal.qPayAgree_pop .area_QpayCk:first-child {margin-top:0;}
|
|
|
@@ -3514,23 +3647,23 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.sch_result .nodata .btn_box {margin-top:40px;}
|
|
|
.sch_result .nodata .btn_box .btn span {color:#222; font-size:14px; font-weight:300;}
|
|
|
.sch_result .cont_head {}
|
|
|
- .sch_result .area_info {}
|
|
|
+ .sch_result .area_info {width: 830px; margin: 0 auto;}
|
|
|
.sch_result .area_info .info_result {color:#222; font-size:26px; font-weight:200;}
|
|
|
.sch_result .area_info .info_result .keyword {font-weight:500;}
|
|
|
.sch_result .area_info .info_result .number {color:#fd4802; font-size:28px; font-weight:500;}
|
|
|
- .sch_result .area_info .inner_search {position:absolute; right:0; top:-8px; border-bottom:2px solid #222; z-index:2;}
|
|
|
- .sch_result .area_info .inner_search input[type='text'] {width:305px; border:none; padding:2px 0px 5px; color:#222; font-size:18px;}
|
|
|
+ .sch_result .area_info .inner_search {position: relative; display: inline-block; width: 100%; border-bottom:2px solid #222; z-index:2;}
|
|
|
+ .sch_result .area_info .inner_search input[type='text'] {width:96%; border:none; padding:2px 0px 5px; color:#222; font-size:18px;}
|
|
|
.sch_result .area_info .inner_search input[type='text']::placeholder {color:#888}
|
|
|
.sch_result .area_info .inner_search button {display:inline-block; width:24px; height:24px; background:url('/images/pc/ico_search_faq.png') no-repeat 50% 50%; background-size:100% auto; overflow:hidden; font-size:1px; text-indent:-999px;}
|
|
|
- .sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:34px; width:100%; padding:0px; background:#fff; border:1px solid #222;}
|
|
|
+ .sch_result .area_info .inner_search .autokeyword {display:none; position:absolute; left:0; top:34px; width:100%; padding:0px; background:#fff; border:1px solid #222; z-index:5;}
|
|
|
.sch_result .area_info .inner_search .autokeyword.active {display:block;}
|
|
|
.sch_result .area_info .inner_search .autokeyword ul li a {display:block; padding:10px 15px; color:#888;}
|
|
|
.sch_result .area_info .inner_search .autokeyword ul li a em {color:#fd4802;}
|
|
|
.sch_result .area_info .inner_search .autokeyword ul li a:hover,
|
|
|
.sch_result .area_info .inner_search .autokeyword ul li a:active {background:#f5f5f5; color:#222}
|
|
|
- .sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:40px; padding:15px 30px 15px 150px; border:1px solid #eee; box-sizing:border-box;}
|
|
|
- .sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:30px; top:20px; padding-right:20px; color:#222; font-size:18px; font-weight:500;}
|
|
|
- .sch_result .area_info .related_keyword .title::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:17px; border-left:1px solid #ddd;}
|
|
|
+ .sch_result .area_info .related_keyword {clear:both; display:block; position:relative; margin-top:40px; padding:0 0 0 103px; box-sizing:border-box;}
|
|
|
+ .sch_result .area_info .related_keyword .title {display:inline-block; position:absolute; left:0; top:4px; padding-right:20px; color:#222; font-size:18px; font-weight:500;}
|
|
|
+ .sch_result .area_info .related_keyword .title::after {content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); height:17px; border-left:1px solid #ddd; display: none;}
|
|
|
.sch_result .area_info .related_keyword ul li {float:left; padding:5px 10px}
|
|
|
.sch_result .area_info .related_keyword ul li:first-of-type {margin-left:0}
|
|
|
.sch_result .area_info .related_keyword ul li a {display:inline-block; color:#666; font-size:14px; font-weight:300;}
|
|
|
@@ -3550,8 +3683,33 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.sch_result .cont_body .sch_result_cont .event_list li .ev_img img {width: 100%; height: auto;}
|
|
|
.sch_result .cont_body .sch_result_cont .event_list li .txt .tit {display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin: 20px 0; min-height:66px; max-height:66px; overflow: hidden; text-overflow: ellipsis; font-size: 24px; line-height: 1.4; color: #222; font-weight: 300; word-break: keep-all;}
|
|
|
|
|
|
-
|
|
|
- /* br */
|
|
|
+ /* 검색결과_기획전 */
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .item_prod .item_state {display: table; vertical-align: middle; padding: 0; width: 100%; padding-left: 130px; height: 100%;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(5n+0) {margin-right: 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .item_prod:nth-child(6n+0) {margin-right: 20px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp {margin-bottom: 80px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item {float:left; width: 24.15%; overflow: hidden; margin:0 1.12% 80px 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item:nth-child(4n) {margin:0 0 40px 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img {width: 430px; height: 430px; overflow: hidden;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height:auto;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a {position: relative; width: 100%; height: 100%; display: block; padding-bottom: 100px;}
|
|
|
+
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img a:after {content:''; position: absolute; left: 0; bottom: 0; width: 100%; height: 342px; background: linear-gradient(0deg, rgba(0,0,0,1) 0%, transparent 100%); z-index: 8;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail {position: absolute; left: 0; bottom: 100px; z-index: 9; padding: 23px; padding-bottom: 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail * {display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; color: #fff; font-weight: 300; letter-spacing: 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .brand {font-size: 14px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .tit {margin:20px 0 15px; max-height:66px; font-size: 24px; line-height: 1.4; word-break: keep-all;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item .exhi_item_img .exhi_detail .sale {font-size: 14px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li {height: 150px; margin-bottom: 16px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr li:last-child {margin-bottom: 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .item_prod {width: 100%; margin-right: 0; margin-bottom: 0; height: 150px;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr {background: #fff; padding: 20px; position: relative; z-index: 99; width: 380px; margin:-70px auto 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPic {position: absolute; left: 0; top: 0; width: 100px; height: 150px; padding-top: 0; margin-bottom: 0;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemLink {position: static; display: table-cell; vertical-align:middle;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemName {font-size: 14px; line-height: 1.4; max-height: none; margin: 0px 0px 15px; height:auto;}
|
|
|
+ .sch_result .cont_body .sch_result_cont .exhi_list .itemsGrp .exhi_item_pr .itemPrice {margin-left: 0; margin-right: 0; font-size: 16px;}
|
|
|
+
|
|
|
+ /* br */
|
|
|
.br {padding-bottom:160px;}
|
|
|
.br div::after,
|
|
|
.br dl::after,
|
|
|
@@ -4600,3 +4758,36 @@ ul.maintabs li [class^='box_depth'] {display:none; position:absolute; left:100%;
|
|
|
.ev .other_ev_slide .swiper-button-next:after, .ev .other_ev_slide .swiper-button-prev:after {content:'';}
|
|
|
.ev .other_ev_slide .swiper-button-next {background: url(/images/pc/slide_next.png) no-repeat center; right: 70px; opacity: 0.6; margin-top: -10px;}
|
|
|
.ev .other_ev_slide .swiper-button-prev {background: url(/images/pc/slide_prev.png) no-repeat center; left: 70px; opacity: 0.6; margin-top: -10px;}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /* 이용약관,개인정보취급방침 */
|
|
|
+ .ps .cont_head > div h3{text-align: center;margin-bottom: 0;padding-bottom: 60px;font-size: 40px;line-height: 1;}
|
|
|
+ .ps .cont_body {width: 1200px;margin: 0 auto;}
|
|
|
+ .ps p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
|
|
|
+ .ps {padding:0; border-top:1px solid #000;}
|
|
|
+ .ps table {word-break:keep-all;margin-top: 30px;}
|
|
|
+ .ps table th,
|
|
|
+ .ps table td {position:relative; padding:20px 40px; font-size:16px;color: #222222;letter-spacing:-0.025em;}
|
|
|
+ .ps table td {border-bottom:1px solid #ddd;border-right: 1px solid #ddd;font-weight:200;}
|
|
|
+ .ps table td:last-child {border-right: 1px solid transparent;}
|
|
|
+ .ps table th {border-top: 1px solid #000;border-bottom:1px solid #000;border-right: 1px solid transparent;font-weight:500;text-align:center;}
|
|
|
+ .hookGrp{margin-top: 40px;}
|
|
|
+ .hookGrp .hook_list{border: 1px solid #f5f5f5;padding: 40px;}
|
|
|
+ .hookGrp .hook_list ul{}
|
|
|
+ .hookGrp .hook_list ul:after{content: ''; clear:both; display: block;}
|
|
|
+ .hookGrp .hook_list ul li{float: left;width: 33.333%;}
|
|
|
+ .hookGrp .hook_list ul li a{display: table; color: #222222;}
|
|
|
+ .hookGrp .hook_list ul li a span{margin: 0px 0px 18px 0;display: block;font-size: 16px;font-weight: 300;}
|
|
|
+ .hookGrp .hook_list ul li a span::after{content: ''; display: block; box-sizing: border-box; border: 1px solid transparent;}
|
|
|
+ .hookGrp .hook_list ul li a:hover,
|
|
|
+ .hookGrp .hook_list ul li a:focus{color: #fd4802;}
|
|
|
+ .hookGrp .hook_list ul li a:hover span:after,
|
|
|
+ .hookGrp .hook_list ul li a:focus span:after{content: '';display: block; color: #fd4802; box-sizing: border-box; border-bottom: 1px solid #fd4802;}
|
|
|
+ .hookGrp .hook_cont {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
|
|
|
+ .hookGrp .hook_cont div{margin-top: 62px;}
|
|
|
+ .hookGrp .hook_cont div:last-child{margin-bottom: 160px;}
|
|
|
+ .hookGrp .hook_cont h4 {font-size:24px;font-weight:500;color:#222222;line-height:26px;letter-spacing:-0.025em;}
|
|
|
+ .hookGrp .hook_cont p {font-size:16px;color:#666666;line-height:26px;letter-spacing:-0.025em;}
|
|
|
+ .hookGrp .hook_cont ol li {padding-left: 15px;}
|
card007