|
|
@@ -88,11 +88,9 @@ small, .small {font-size: 85%;}
|
|
|
|
|
|
|
|
|
/* font color */
|
|
|
-i {font-family:'LATO', 'Noto Sans kr', sans-serif !important; letter-spacing:0}
|
|
|
+i {font-family:'LATO', 'Noto Sans kr', sans-serif !important; letter-spacing:0;}
|
|
|
.base i {position:relative; top:1px;}
|
|
|
i.big {font-size:18px; position:relative; top:2px;}
|
|
|
-/*.bold {font-weight:bold;}*/
|
|
|
-/*.normal {font-weight:normal;}*/
|
|
|
.bold {font-weight:500;} /* 중복확인 */
|
|
|
.normal {font-weight:300;} /* 중복확인 */
|
|
|
.light {font-weight:200;} /* 중복확인 */
|
|
|
@@ -117,9 +115,9 @@ i.big {font-size:18px; position:relative; top:2px;}
|
|
|
.c_ygreen{color:#5fc332 !important;}
|
|
|
.f_size14{font-size:14px;}
|
|
|
.f_size13{font-size:13px;}
|
|
|
-.f_size12{font-size:12px; }
|
|
|
+.f_size12{font-size:12px;}
|
|
|
.f_size10{font-size:10px;}
|
|
|
-.f_normal {font-weight:normal}
|
|
|
+.f_normal {font-weight:normal;}
|
|
|
|
|
|
|
|
|
/* background color */
|
|
|
@@ -128,7 +126,7 @@ i.big {font-size:18px; position:relative; top:2px;}
|
|
|
fb: 폰트블랙 - 222222,
|
|
|
fw, 기본 : 폰트화이트 - ffffff
|
|
|
*/
|
|
|
-.bk01_fb,.bk01_fw,.bk01{background-color:#2b62c2 !important}
|
|
|
+.bk01_fb,.bk01_fw,.bk01{background-color:#2b62c2 !important;}
|
|
|
.bk02_fb,.bk02_fw,.bk02{background-color:#bd484a !important;}
|
|
|
.bk03_fb,.bk03_fw,.bk03{background-color:#ffffff !important;}
|
|
|
.bk04_fb,.bk04_fw,.bk04{background-color:#f09614 !important;}
|
|
|
@@ -145,7 +143,6 @@ i.big {font-size:18px; position:relative; top:2px;}
|
|
|
[class*="bk"] .util_group span::after{background: #ffffff !important;}
|
|
|
[class*="_fb"] p,[class*="_fb"] a, [class*="_fb"] input::placeholder{color:#222222 !important;}
|
|
|
[class*="_fb"] .util_group span::after{background: #222222 !important;}
|
|
|
-/* [class*="bk"] .brand_visual::after{} */
|
|
|
|
|
|
.section {position:relative;}
|
|
|
|
|
|
@@ -173,24 +170,24 @@ section::after, .ui_row::after, .btn_group_block::after{content: '';display: blo
|
|
|
}
|
|
|
}
|
|
|
@media (min-width: 320px){
|
|
|
- .ui_col_1{width:8.33333333%}
|
|
|
- .ui_col_2{width:16.66666667%}
|
|
|
- .ui_col_3{width:25%}
|
|
|
- .ui_col_4{width:33.33333333%}
|
|
|
- .ui_col_5{width:41.66666667%}
|
|
|
- .ui_col_6{width:50%}
|
|
|
- .ui_col_7{width:58.33333333%}
|
|
|
- .ui_col_8{width:66.66666667%}
|
|
|
- .ui_col_9{width:75%}
|
|
|
- .ui_col_10{width:83.33333333%}
|
|
|
- .ui_col_11{width:91.66666667%}
|
|
|
- .ui_col_12{width:100%}
|
|
|
+ .ui_col_1{width:8.33333333%;}
|
|
|
+ .ui_col_2{width:16.66666667%;}
|
|
|
+ .ui_col_3{width:25%;}
|
|
|
+ .ui_col_4{width:33.33333333%;}
|
|
|
+ .ui_col_5{width:41.66666667%;}
|
|
|
+ .ui_col_6{width:50%;}
|
|
|
+ .ui_col_7{width:58.33333333%;}
|
|
|
+ .ui_col_8{width:66.66666667%;}
|
|
|
+ .ui_col_9{width:75%;}
|
|
|
+ .ui_col_10{width:83.33333333%;}
|
|
|
+ .ui_col_11{width:91.66666667%;}
|
|
|
+ .ui_col_12{width:100%;}
|
|
|
}
|
|
|
|
|
|
|
|
|
/* textarea */
|
|
|
-textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; overflow-y:auto}
|
|
|
-.textarea_full {width:832px; padding:10px}
|
|
|
+textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; overflow-y:auto;}
|
|
|
+.textarea_full {width:832px; padding:10px;}
|
|
|
.textarea_md {width:656px; width: 30%; height:108px; padding:10px; line-height:18px;}
|
|
|
.textarea_sm {width:360px; width: 18%; padding:10px;}
|
|
|
.txt_cnt {text-align:right; margin-top: 10px;}
|
|
|
@@ -311,10 +308,6 @@ textarea {background-color:transparent; border:1px solid #d7d7d7; width:99%; ove
|
|
|
.btn_dark {color: #ffffff;background-color: #222222;border-color: #222222;}
|
|
|
.btn_primary {color: #ffffff;background-color: #fd4802;border-color: #fd4802;}
|
|
|
.btn_primary_line {color: #fd4802;background-color: #ffff;border-color: #fd4802;}
|
|
|
-/* .btn_success {color: #ffffff;background-color: #95b75d;border-color: #95b75d;} */
|
|
|
-/* .btn_info {color: #ffffff;background-color: #50cff5;border-color: #35c1ea;} */
|
|
|
-/* .btn_warning {color: #ffffff;background-color: #fe970a;border-color: #fe970a;} */
|
|
|
-/* .btn_danger {color: #ffffff;background-color: #E04B4A;border-color: #E04B4A;} */
|
|
|
.btn_link {color: #428bca;border-radius: 0;font-weight: 400;}
|
|
|
.btn_underline {display:inline-block; border-bottom:1px solid #222; color:#222; font-size:14px; line-height:1 !important;}
|
|
|
|
|
|
@@ -387,8 +380,6 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
|
|
|
border-bottom:1px solid #0b596b; display:inline-block;
|
|
|
font-size:11px; line-height:14px; text-indent:0; color:#0b596b !important;
|
|
|
padding-right:10px; margin-top:2px; margin-left:10px;
|
|
|
- /* 아이콘 이미지 넣을것 */
|
|
|
- /* background:url(/images/pc/icon/ico_arrow.gif) no-repeat right 3px; */
|
|
|
}
|
|
|
|
|
|
|
|
|
@@ -400,9 +391,9 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
|
|
|
[class^="ico_"]:before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
|
|
|
[class^="ico_content_"]::before {content:''; display:block;}
|
|
|
|
|
|
-.ico_logo:before {content: ""; display:block; width:184px; height:28px; background-image: url('/images/pc/logo_STYLE24.png'); }
|
|
|
-.ico_logo_ft:before {content: ""; display:block; width:150px; height:23px; background-image: url('/images/pc/logo_STYLE24_footer.png'); }
|
|
|
-.ico_search:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_sch.png'); }
|
|
|
+.ico_logo:before {content: ""; display:block; width:184px; height:28px; background-image: url('/images/pc/logo_STYLE24.png');}
|
|
|
+.ico_logo_ft:before {content: ""; display:block; width:150px; height:23px; background-image: url('/images/pc/logo_STYLE24_footer.png');}
|
|
|
+.ico_search:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_sch.png');}
|
|
|
.ico_bag:before {content: ""; display: inline-block; width:22px; height:26px; background-image: url('/images/pc/ico_bag.png');}
|
|
|
.ico_content_order::before {width:40px; height: 46px; background: url('/images/pc/ico_content_order.png') no-repeat 50% 50%;}
|
|
|
.ico_content_find::before {width:36px; height: 46px; background: url('/images/pc/ico_content_find.png') no-repeat 50% 50%;}
|
|
|
@@ -443,7 +434,6 @@ background-color: #fe970a;border-color: #fe970a;color:#ffffff;
|
|
|
/* btn linktext */
|
|
|
a[class*="link"]::after, .btn_link span::after {
|
|
|
content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
- /* background:url(/images/pc/icon/ico_arrow.gif) no-repeat right 3px; */
|
|
|
}
|
|
|
.npay_button a[class*="link"]::after, .npay_button .btn_link span::after {content: "";}
|
|
|
.btn_link, .btn_link:hover, .btn_link:focus, .btn_link:active {border-color: transparent;}
|
|
|
@@ -462,26 +452,18 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
|
|
|
/* button group */
|
|
|
.btn_wrap {width: 100%;margin: 10px 0;}
|
|
|
-.btn_group {}
|
|
|
-
|
|
|
.btn_group, .btn_group_vertical {position: relative;display: inline-block;vertical-align: middle;}
|
|
|
.btn_group>.btn, .btn_group-vertical>.btn {float: left;position: relative;}
|
|
|
.btn_group .btn+.btn, .btn_group .btn+.btn_group,
|
|
|
-.btn_group .btn_group+.btn, .btn_group .btn_group+.btn_group {
|
|
|
- margin-left: -1px;
|
|
|
-}
|
|
|
+.btn_group .btn_group+.btn, .btn_group .btn_group+.btn_group {margin-left: -1px;}
|
|
|
.btn_group_block {float: left;width: 100%;}
|
|
|
.btn_group_block::after {content:''; clear:both; display:block;}
|
|
|
-.btn_group_block > * {}
|
|
|
-.btn_group_block [class^='ui_col_']{}
|
|
|
.btn_block {display: block;width: 100%;}
|
|
|
|
|
|
.btn_group>.btn:hover, .btn_group-vertical>.btn:hover,
|
|
|
.btn_group>.btn:focus, .btn_group-vertical>.btn:focus,
|
|
|
.btn_group>.btn:active, .btn_group-vertical>.btn:active,
|
|
|
-.btn_group>.btn.active, .btn_group-vertical>.btn.active{
|
|
|
- z-index: 2;
|
|
|
-}
|
|
|
+.btn_group>.btn.active, .btn_group-vertical>.btn.active{z-index: 2;}
|
|
|
|
|
|
/* toggle - Share */
|
|
|
.shareSet {position: absolute; width:28px; height: 30px; top:0; right:70px; background: url(/images/pc/ico_sns_share.png)no-repeat;}
|
|
|
@@ -518,9 +500,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.btn_group>.btn:first-child:not(:last-child):not(.tgl_dropdown) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
|
|
|
.btn_group>.btn:last-child:not(:first-child),
|
|
|
.btn_group>.tgl_dropdown:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
|
|
|
- /*
|
|
|
- .open>.dropdown_menu {display: block;}
|
|
|
- */
|
|
|
+
|
|
|
.dropdown_menu {
|
|
|
position: absolute;
|
|
|
top: 100%;
|
|
|
@@ -549,25 +529,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
-webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
-/* 삼각말풍선 */
|
|
|
-/*
|
|
|
-.dropdown_menu:after, .dropdown_menu:before {
|
|
|
- bottom: 100%;
|
|
|
- left: 50%;
|
|
|
- border: solid transparent;
|
|
|
- content: " ";
|
|
|
- height: 0;
|
|
|
- width: 0;
|
|
|
- position: absolute;
|
|
|
- pointer-events: none;
|
|
|
-}
|
|
|
-.dropdown_menu:before {
|
|
|
- border-color: rgba(229, 229, 229, 0);
|
|
|
- border-bottom-color: #E5E5E5;
|
|
|
- border-width: 6px;
|
|
|
- margin-left: -6px;
|
|
|
-}
|
|
|
-*/
|
|
|
.dropdown_header {
|
|
|
display: block;
|
|
|
font-size: 12px;
|
|
|
@@ -662,9 +623,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.pageNav .next a {width: 8px; height: 34px; background-position: -47px 11px;}
|
|
|
.pageNav > li.active > a {color: #fd4802;}
|
|
|
.pageNav > li.active > a::after {content: ''; display: block; width: 100%; height: 2px; background: #fd4802; position: absolute; left: 0px; bottom: 5px; top: auto; right: auto;}
|
|
|
-.pageNav a:hover, .pageNav span:hover {/* 디자인 없음 *//* color: #ffffff; background-color: #fd4802; border-color: #fd4802; */}
|
|
|
.pageNav > .active > a:hover, .pageNav > .active > span:hover,
|
|
|
-.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default; /* 디자인없음 */ /*z-index: 2; color: #ffffff; background-color: #fd4802; border-color: #fd4802;*/}
|
|
|
+.pageNav > .active > a:focus, .pageNav > .active > span:focus {cursor: default;}
|
|
|
.pageNav > .disabled > span, .pageNav > .disabled > span:hover, .pageNav > .disabled > span:focus,
|
|
|
.pageNav > .disabled > a,
|
|
|
.pageNav > .disabled > a:hover,
|
|
|
@@ -685,7 +645,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
|
|
|
.foldGroup .fold_head {position: relative; width:100%; border-bottom: 0;}
|
|
|
.fold_head {padding: 0px; border-bottom: 1px solid transparent;}
|
|
|
-.fold_head::after {content: ''; position: absolute; display: inline-block; top: 50%; left: auto; right:40px; transform: translateY(-50%); width: 20px; height: 11px; background: url('/images/pc/ico_fold_arrow1.png'); background-repeat: no-repeat; background-position: 0 100%; }
|
|
|
+.fold_head::after {content: ''; position: absolute; display: inline-block; top: 50%; left: auto; right:40px; transform: translateY(-50%); width: 20px; height: 11px; background: url('/images/pc/ico_fold_arrow1.png'); background-repeat: no-repeat; background-position: 0 100%;}
|
|
|
.fold_head.on::after {background-repeat: no-repeat; background-position: 0 0%;}
|
|
|
.fold_head .data {position:absolute; top:50%; transform: translateY(-50%); left:auto; right:80px; font-size:16px; font-weight:300; z-index:2;}
|
|
|
.foldGroup .fold_head a {display:block; width:inherit; height:100%; padding: 35px 0;}
|
|
|
@@ -696,8 +656,8 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.fold_head .fold_state {width:170px; box-sizing: border-box; text-align: center; font-weight: 300; color:#888; line-height:1;}
|
|
|
.fold_head .fold_state .important {display:inline-block; position:relative; background-color: #fd4802; color:#fff; font-size:11px; font-weight:300;line-height:22px; width: 55px; height: 22px;}
|
|
|
.fold_head .fold_state.fix {color:#222;}
|
|
|
-.fold_head .fold_state.done {color:#222}
|
|
|
-.fold_head .fold_state.doing {color:#888}
|
|
|
+.fold_head .fold_state.done {color:#222;}
|
|
|
+.fold_head .fold_state.doing {color:#888;}
|
|
|
.fold_head .fold_category {width:100px; font-weight:200; text-align:center; color:#888;}
|
|
|
|
|
|
.foldGroup .fold_cont {padding: 0; position: relative; color:#666; font-weight:200; font-size:16px; line-height:1.625;}
|
|
|
@@ -706,7 +666,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.fold_cont .img_group .thumb_pic img {position:absolute; top:50%; transform: translateY(-50%); width:100%; height: auto;}
|
|
|
.fold_cont .fold_detail,
|
|
|
.fold_cont .fold_answer {position:relative; padding:35px 30px;}
|
|
|
-.fold_cont .fold_answer {border-top:1px solid #ddd }
|
|
|
+.fold_cont .fold_answer {border-top:1px solid #ddd;}
|
|
|
.fold_cont .fold_detail .btn {margin-top:25px; padding:6px 13px; color:#222; border-color:#a1a1a1; font-size:14px; font-weight:200; background:none;}
|
|
|
.fold_cont .fold_detail .img_group {margin-top: 24px; overflow: hidden;}
|
|
|
.fold_cont .fold_detail img,
|
|
|
@@ -714,9 +674,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.fold_cont .fold_answer > div {position:relative;}
|
|
|
.fold_cont .fold_answer div:first-of-type::before{content: 'A'; display: inline-block; position: absolute; top:0px; bottom: auto; left:-35px; right: auto; width: 26px; height: 26px; border-radius: 100%; background: #fd4800; color: #ffffff; font-size: 14px; text-align: center; line-height:26px; font-weight:400;}
|
|
|
|
|
|
-.foldGroup.case1,
|
|
|
-.foldGroup.case2{}
|
|
|
-
|
|
|
.case1 .fold_head.on,
|
|
|
.case2 .fold_head.on{background:#f5f5f5;}
|
|
|
.case1 .fold_head .data,
|
|
|
@@ -727,9 +684,9 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.case1 .fold_head .fold_tit span,
|
|
|
.case2 .fold_head .fold_tit span{font-size:16px; width:790px;}
|
|
|
.case1 .fold_head .fold_tit span.prod,
|
|
|
-.case2 .fold_head .fold_tit span.prod{margin-bottom:15px; margin-left:-35px; font-size:14px; font-weight:200; color: #888; line-height:1; }
|
|
|
+.case2 .fold_head .fold_tit span.prod{margin-bottom:15px; margin-left:-35px; font-size:14px; font-weight:200; color: #888; line-height:1;}
|
|
|
.case2 .fold_head .fold_tit span.prod {margin-left:0;}
|
|
|
-.case2 .fold_head .fold_state {width:150px}
|
|
|
+.case2 .fold_head .fold_state {width:150px;}
|
|
|
|
|
|
.case1 .fold_cont .data,
|
|
|
.case2 .fold_cont .data{position:absolute; top:35px; left:auto; right:100px; font-size:16px; font-weight:200; z-index:2;}
|
|
|
@@ -769,7 +726,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.itemsGrp.rowtype .item_prod .itemLike {left:240px;left: 30%; z-index:99;}
|
|
|
.itemsGrp.rowtype .item_prod .itemPic {position: absolute; top: 0; left: 0; margin-bottom: 0; padding-top: 0; width: 280px;width: 35%; height: 420px;}
|
|
|
.itemsGrp.rowtype .item_prod .itemPic .shape {z-index: 89;}
|
|
|
-/* .itemsGrp.rowtype .item_prod .itemPic::after {background: #f9f9f9; opacity:1; z-index: 87;} */
|
|
|
.itemsGrp.rowtype .item_prod .itemPic .pd_img {z-index: 88;}
|
|
|
.itemsGrp.rowtype .item_state.soldout .itemPic:before {content:'SOLD OUT'; position:absolute; top:50%; left:50%; color:#fff; font-size:28px; font-weight:500; background:rgba(0,0,0,.7); width:100%; height:100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 89; text-align:center;opacity: 1;}
|
|
|
.itemsGrp.rowtype .item_prod .itemBrand {margin:0px; font-size: 16px; font-weight: 300;}
|
|
|
@@ -778,7 +734,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.itemsGrp.rowtype .item_prod .itemPrice {font-size: 30px; line-height: 1; font-weight:500; margin-left:0; margin-right:0;}
|
|
|
.itemsGrp.rowtype .item_prod .itemPrice_original {font-size: 20px; font-weight: 200;}
|
|
|
.itemsGrp.rowtype .item_prod .itemPercent {font-size: 42px; font-weight:300; line-height: 0.8;}
|
|
|
-/* .itemsGrp.rowtype .item_prod .shopBagBtn {margin-top:30px;} */
|
|
|
.itemsGrp.rowtype .item_prod .shopBagBtn {margin-top: 0;position: absolute;bottom: -38px;left: 330px;z-index: 50;}
|
|
|
.itemsGrp.rowtype .item_prod .shopBagBtn .btn {width:178px; height:52px; border-color:#a7a7a7; color:#222; font-weight:300;}
|
|
|
.itemsGrp.rowtype .item_prod .shopBagBtn .btn span {position:relative; padding-left:25px; line-height:1;}
|
|
|
@@ -788,12 +743,11 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.item_state {position: relative; padding: 0px 10px 60px; box-sizing: border-box;}
|
|
|
.item_state.soldout .itemPic:after {content: 'SOLD OUT';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:100%;height: auto;font-size: 18px;font-weight: 500;color: #fff;z-index: 30;text-align: center; opacity: 1; background: transparent;}
|
|
|
.item_state.soldout .itemPic:before {content:''; position: absolute; top: 50%; left: 50%; font-size: 28px; font-weight: 500; color:#fff; background: rgba(0,0,0,.7); width: 100%; height: 100%; transform:translate(-50%, -50%); line-height: 420px; z-index: 20; text-align: center;opacity: 1;}
|
|
|
-/* .item_state.AD .itemPic:before {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;} */
|
|
|
.item_state.AD .itemPic:after {content:'AD'; position: absolute; bottom: 20px; right: 20px; font-size: 14px; font-weight: 300; letter-spacing: -0.025em; color:#888888; width: auto; height: auto; line-height: 14px; z-index: 21; text-align: right;}
|
|
|
@media (max-width: 1919px) and (min-width: 1401px){/* .item_state {padding-left: 6px;padding-right: 6px;} */}
|
|
|
.hgbgCa {width: 100%;height: 100%;}
|
|
|
.fgRDJH {padding: 0px 40px;font-size: 0px;box-sizing: border-box;}
|
|
|
- @media (max-width: 1919px) and (min-width: 1401px){.fgRDJH {padding-left: 38px;padding-right: 38px;}}
|
|
|
+@media (max-width: 1919px) and (min-width: 1401px){.fgRDJH {padding-left: 38px;padding-right: 38px;}}
|
|
|
|
|
|
.itemLike {position: absolute;top: 20px;right: 18px;font-size: 0px;z-index: 99;width: 23px;height: 23px; background: url('/images/pc/ico_like.png');background-size: 46px;background-position:0px 0px;background-repeat: no-repeat;}
|
|
|
.itemLike::before, .itemLike::after {
|
|
|
@@ -810,13 +764,11 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.itemPic {position: relative;width: 100%;margin-bottom:20px;padding-top: 150%;font-size: 0px;overflow: hidden;background-size: cover !important;}
|
|
|
.itemPic {padding-top: 135%;} /* Other Requests */
|
|
|
.itemPic::before {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 98;}
|
|
|
-/* .itemPic::after {content: "";display: block;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0.03;background-color: rgb(0, 0, 0);z-index: 999;} */
|
|
|
.itemPic .pd_img,
|
|
|
.itemPic .pd_mov {position: absolute;width: 100%;height: auto;top: 50%;left: 0px;transform: translateY(-50%);}
|
|
|
.itemPic .pd_mov {z-index: 2;height: 100%;left: -83.45%;width: 267%;}
|
|
|
.itemPic .pd_img {z-index: 1;transition: 0.5s;}
|
|
|
.itemPic .pd_img::after {content: '';display: block; height: 100%;width: 100%;background: #333;}
|
|
|
-/* .itemPic .pd_img {position: absolute;width: 100%;width: auto; height: auto;max-height: 500px;top: 50%;left: 50%;transform: translate(-50%,-50%);} */
|
|
|
.itemOpt{z-index:3; pointer-events:none;position: absolute;bottom: -120px; left: 0; right: 0; width: 100%; height:62px;padding: 25px 0; text-align:center; color: #fff; background: rgb(0 0 0 / 0.8); transition-duration:0.45s;}
|
|
|
.itemOpt.on{transition-duration:0.45s;bottom:0;}
|
|
|
.itemOpt p{font-size: 12px;line-height: 1.2;padding-bottom: 15px;}
|
|
|
@@ -845,7 +797,7 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
.itemcolorchip {margin:20px 5px 0px; max-width: 208px;}
|
|
|
.itemcolorchip [class*="chip_"] {position: relative;display: inline-block;width: 15px;height: 15px;font-size: 0; vertical-align: middle; margin:0 0 0 4px;border-radius: 50%;box-sizing: border-box;}
|
|
|
.itemcolorchip [class*="chip_"]:before {content: "";display: inline-block;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;}
|
|
|
-.itemcolorchip [class*="chip_"]:first-child {margin-left:0}
|
|
|
+.itemcolorchip [class*="chip_"]:first-child {margin-left:0;}
|
|
|
|
|
|
.chip_color40::before {background-color: #ffffff;border: 1px solid #ddd;}
|
|
|
.chip_color54::before {background-color: #000000;}
|
|
|
@@ -891,10 +843,6 @@ content: "〉";font-size: 12px;padding-left: 8px;
|
|
|
}
|
|
|
.shape span{
|
|
|
color: #ffffff; text-align:center; text-indent: 10px;font-size: 14px;font-weight: 300;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50px;z-index: 2;
|
|
|
- /* line-height: 1; */
|
|
|
- /* letter-spacing: -25em; */
|
|
|
- /* display: -webkit-box; */
|
|
|
- /* z-index: 99999; */
|
|
|
}
|
|
|
.shape.dealdetail{
|
|
|
width: 100%;max-width: 40px;
|
|
|
@@ -924,19 +872,17 @@ input[type="reset"], input[type="button"], input[type="submit"], button {line-he
|
|
|
.input_wrap > .open > .tgl_dropdown.btn , .input_wrap + .open > .tgl_dropdown.btn {border-color: rgb(34 34 34 / 0.6);}
|
|
|
|
|
|
/* form */
|
|
|
-.form_wrap {}
|
|
|
.form_wrap::after,.form_field:after,.input_wrap::after {content: ''; display: block; clear: both;}
|
|
|
-.form_full {}
|
|
|
-select,
|
|
|
+select,
|
|
|
.form_full input[type="text"],
|
|
|
.form_full input[type="select"],
|
|
|
-.form_full input[type="password"]{ width: 100%; }
|
|
|
+.form_full input[type="password"]{ width: 100%;}
|
|
|
.form_full .input_wrap, .form_full.input_wrap{display: block;}
|
|
|
|
|
|
.form_col_w {width: 100%;}
|
|
|
.form_col_c {width: 530px; margin: 0 auto;}
|
|
|
.form_field {width: 100%;margin-left: 0px !important;margin-right: 0px !important;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;}
|
|
|
-.input_wrap{position: relative;display: table;border-collapse: separate;/*width: 100%;*/}
|
|
|
+.input_wrap{position: relative;display: table;border-collapse: separate;}
|
|
|
.input_wrap, .input_label {vertical-align: top;text-align: left;}
|
|
|
.input_label { line-height: 3.0; font-size: 16px; font-weight: 300;}
|
|
|
.input_label span[class*="t_"]{display: inline !important;text-indent: -10px;margin-left: -10px;}
|
|
|
@@ -951,11 +897,8 @@ select,
|
|
|
-webkit-appearance: none;
|
|
|
border: 1px solid #D5D5D5;
|
|
|
position: relative;
|
|
|
- /* background: #F9F9F9; */
|
|
|
}
|
|
|
.form_control.err {border: 1px solid #fd4802 !important; background: #fff6f2;}
|
|
|
-/* .form_control.err .help_block{display: block;} */
|
|
|
-/* .form_control.usable{width: 80%; padding:7px 10px 7px 9px;} */
|
|
|
|
|
|
.usable {display: none;}
|
|
|
.form_control.usable + .usable:before {content:'사용가능'; position:absolute; top:50%; bottom: auto; right: 20px; left: auto; transform: translateY(-50%); padding-left:15px; background: url('/images/pc/ico_usable1.png') no-repeat 0 40%; color:#222; font-size:14px; font-weight:200; line-height:1;}
|
|
|
@@ -989,7 +932,7 @@ select,
|
|
|
.help_block p[class*="t_"] span {display:inline-block;}
|
|
|
|
|
|
/* 체크박스 */
|
|
|
-.form_field input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
|
|
|
+.form_field input[type="checkbox"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
|
|
|
.form_field input[type="checkbox"] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; font-size: 14px; line-height: 1.5;font-weight: 300;letter-spacing: 0;}
|
|
|
.form_field input[type="checkbox"] + label:before{
|
|
|
content:''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background:#fff; /*border:1px solid #ccc;*/ border-radius: 100%; box-sizing:border-box;
|
|
|
@@ -1009,7 +952,6 @@ select,
|
|
|
content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800; border-radius: 100%; box-sizing:border-box;
|
|
|
background: url('/images/pc/ico_chk_rdi.png') no-repeat;
|
|
|
background-position: -40px 0px;
|
|
|
- /* background-position: -42px -1px; */
|
|
|
}
|
|
|
|
|
|
/* 이미지 체크박스 */
|
|
|
@@ -1018,7 +960,7 @@ select,
|
|
|
|
|
|
|
|
|
/* 라디오 */
|
|
|
-.form_field input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }
|
|
|
+.form_field input[type="radio"]{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
|
|
|
.form_field input[type="radio"] + label{ display:inline-block; position:relative; padding-left:26px; cursor:pointer; font-size: 16px;line-height: 1.5;font-weight: 300;letter-spacing: 0;}
|
|
|
.form_field input[type="radio"] + label:before{
|
|
|
content:''; position:absolute; left:0; top:3px; width:20px; height:20px; text-align:center; background:#fff; /*border:1px solid #ccc;*/ border-radius: 100%; box-sizing:border-box;
|
|
|
@@ -1026,7 +968,7 @@ select,
|
|
|
background-position: -60px 0px;
|
|
|
}
|
|
|
|
|
|
-/* 보여질 부분의 스타일을 추가하면 된다. */
|
|
|
+/* 보여질 부분의 스타일을 추가 */
|
|
|
.form_field input[type="radio"]:checked + label:after{
|
|
|
content: ''; position:absolute; top:3px; left:0; width:20px; height:20px; background-color: #fd4800;
|
|
|
background: url('/images/pc/ico_chk_rdi.png') no-repeat;
|
|
|
@@ -1103,7 +1045,7 @@ input[type="file"] {
|
|
|
}
|
|
|
.select_options li:hover{background-color: #dddddd;}
|
|
|
.select_options li[rel="hide"] {display: none;}
|
|
|
-.select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb}
|
|
|
+.select_options li.disabled {text-decoration:line-through; background:#f5f5f5; color:#bbb;}
|
|
|
.select_options li.disabled:hover,
|
|
|
.select_options li.disabled:active {cursor:default;}
|
|
|
.select_dress:active, .select_dress.active {background-color: #ffffff;border: 1px solid #222222;border-bottom: 1px solid #dddddd;}
|
|
|
@@ -1131,22 +1073,15 @@ input[type="file"] {
|
|
|
line-height: 1;
|
|
|
cursor: pointer;
|
|
|
padding: 10px 15px;
|
|
|
- /*background-color: #ffffff;*/
|
|
|
background-color: transparent;
|
|
|
border: 1px solid #dddddd;
|
|
|
}
|
|
|
.select_custom .combo .select:after {
|
|
|
- /* content: '▼'; */
|
|
|
- /* position: absolute; */
|
|
|
- /* top: 50%; */
|
|
|
- /* right: 10px; */
|
|
|
-
|
|
|
content: '';
|
|
|
width: 0;
|
|
|
height: 0;
|
|
|
box-sizing: border-box;
|
|
|
position: absolute;
|
|
|
- /*top: 16px;*/
|
|
|
top: 50%;
|
|
|
transform: translateY(-50%);
|
|
|
margin-top:3px;
|
|
|
@@ -1158,8 +1093,6 @@ input[type="file"] {
|
|
|
border: 1px solid #222;
|
|
|
}
|
|
|
.select_custom.on .combo .select:after {
|
|
|
- /* content: '▲'; */
|
|
|
- /* top: 9px; */
|
|
|
margin-top:-3px;
|
|
|
border-color: transparent transparent #888888 transparent;
|
|
|
}
|
|
|
@@ -1173,14 +1106,13 @@ input[type="file"] {
|
|
|
position: absolute;
|
|
|
top: 39px;
|
|
|
left: 0;
|
|
|
- /*z-index: 10;*/
|
|
|
z-index: 3;
|
|
|
border: 1px solid #222;
|
|
|
border-top: 0;
|
|
|
box-sizing: border-box;
|
|
|
padding: 10px 0;
|
|
|
width: 100%;
|
|
|
- max-height: 500px;
|
|
|
+ max-height: 300px;
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
.select_custom[disabled] {
|
|
|
@@ -1197,7 +1129,6 @@ input[type="file"] {
|
|
|
}
|
|
|
.select_custom .combo .list>li[aria-disabled="true"] {
|
|
|
text-decoration: line-through;
|
|
|
- /*background: #f5f5f5;*/
|
|
|
color: #bbb;
|
|
|
pointer-events: none;
|
|
|
}
|
|
|
@@ -1224,7 +1155,6 @@ input[type="file"] {
|
|
|
position: relative;
|
|
|
}
|
|
|
.select_custom .combo .list>li:hover {
|
|
|
- /*background-color: #ccc;*/
|
|
|
background: #f5f5f5;
|
|
|
}
|
|
|
/* scrollbar custom */
|
|
|
@@ -1241,13 +1171,7 @@ input[type="file"] {
|
|
|
.tbl.scroll_tbl .body_t::-webkit-scrollbar {width: 2px;height: 2px;}
|
|
|
.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {background-color: #888888;border-radius: 0px;background-clip: padding-box;border: 0px solid transparent;}
|
|
|
.tbl.scroll_tbl .body_t::-webkit-scrollbar-track{background-color: #dddddd;border-radius: 0px;}
|
|
|
-/*
|
|
|
-
|
|
|
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:start:decrement,
|
|
|
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-button:end:increment {display: block;height: 0;}
|
|
|
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-track {background: rgba(0, 0, 0, .05);-webkit-border-radius: 10px;border-radius: 10px;}
|
|
|
-.tbl.scroll_tbl .body_t::-webkit-scrollbar-thumb {height: 50px;width: 50px;background: rgba(0, 0, 0, .2);-webkit-border-radius: 10px;border-radius: 10px;}
|
|
|
- */
|
|
|
+
|
|
|
|
|
|
/* list-type */
|
|
|
|
|
|
@@ -1293,43 +1217,40 @@ input[type="file"] {
|
|
|
.ui-button,
|
|
|
html .ui-button.ui-state-disabled:hover,
|
|
|
html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;font-size: 14px;padding: .6em 0.5em;color:#454545;text-align: center;}
|
|
|
-.ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{ background-color:rgba(159,121,82,1); }
|
|
|
-.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff; }
|
|
|
-.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0; }
|
|
|
-.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px }
|
|
|
+.ui-datepicker-today a.ui-state-active, .ui-datepicker-current-day a.ui-state-active{ background-color:rgba(159,121,82,1);}
|
|
|
+.ui-state-default:hover {background-color:rgba(159,121,82,0.6);color:#fff;}
|
|
|
+.ui-widget-header {font-size: 18px;font-weight: normal;line-height: 40px;background: transparent;border-width: 0;border-radius: 0;}
|
|
|
+.ui-datepicker th {border-bottom:1px #9f7952 solid;color:#9f7952; font-weight: normal;font-size: 14px;}
|
|
|
|
|
|
|
|
|
/* tab */
|
|
|
-.tab_group .tab_btn.rect{overflow:hidden}
|
|
|
-.tab_group .tab_btn.rect button{float:left;height:50px;border:1px solid #dadada;border-left:0;background:#ffffff;color:#242424;text-align:center;box-sizing:border-box}
|
|
|
-.tab_group .tab_btn.rect button:first-child{border-left:1px solid #dadada}
|
|
|
-.tab_group .tab_btn.rect button.on{border:0;border-right:1px solid #dadada;background:#3d3d3d;color:#ffffff}
|
|
|
-.tab_group .tab_btn.rect button:last-child.on{border-right:0}
|
|
|
-.tab_group .tab_box{display:none}
|
|
|
-.tab_group .tab_box.on{display:block}
|
|
|
+.tab_group .tab_btn.rect{overflow:hidden;}
|
|
|
+.tab_group .tab_btn.rect button{float:left;height:50px;border:1px solid #dadada;border-left:0;background:#ffffff;color:#242424;text-align:center;box-sizing:border-box;}
|
|
|
+.tab_group .tab_btn.rect button:first-child{border-left:1px solid #dadada;}
|
|
|
+.tab_group .tab_btn.rect button.on{border:0;border-right:1px solid #dadada;background:#3d3d3d;color:#ffffff;}
|
|
|
+.tab_group .tab_btn.rect button:last-child.on{border-right:0;}
|
|
|
+.tab_group .tab_box{display:none;}
|
|
|
+.tab_group .tab_box.on{display:block;}
|
|
|
|
|
|
|
|
|
|
|
|
/* HEAD,FOOT Layput */
|
|
|
#header,#footer {width: auto;}
|
|
|
-[class*="common_footer"] {/*max-width: 1780px;*/min-width: 1380px;margin: 0 auto;/*padding: 0 10px;*/}
|
|
|
+[class*="common_footer"] {min-width: 1380px;margin: 0 auto;}
|
|
|
|
|
|
/* guide page hd */
|
|
|
.quick_menu_group{display:inline-table;width:100%;height:35px;border-top:2px solid #fd4802;background:#222222;}
|
|
|
.quick_menu_group .area{max-width: 1780px;padding: 0 10px;margin:0 auto;}
|
|
|
-.quick_menu_group .area > div{display:inline-block}
|
|
|
-.quick_menu_group .area > div span{}
|
|
|
-.quick_menu_group .inr{float:right}
|
|
|
+.quick_menu_group .area > div{display:inline-block;}
|
|
|
+.quick_menu_group .inr{float:right;}
|
|
|
.quick_menu_group a{float:left;height:35px;padding:8px 4px 0;box-sizing:border-box;color:#888888;}
|
|
|
-.quick_menu_group .area > div:first-child span{display:inline-block;position:relative}
|
|
|
-.quick_menu_group .area > div:first-child a{margin:0 10px}
|
|
|
-.quick_menu_group .area > div:first-child span:first-child a{margin-left:0}
|
|
|
-.quick_menu_group .area > div:first-child span:first-child a:after{display:none}
|
|
|
-.quick_menu_group .area > div:first-child span a:after{position:absolute;top:13px;left:0;width:1px;height:13px;background:#959596;content:''}
|
|
|
+.quick_menu_group .area > div:first-child span{display:inline-block;position:relative;}
|
|
|
+.quick_menu_group .area > div:first-child a{margin:0 10px;}
|
|
|
+.quick_menu_group .area > div:first-child span:first-child a{margin-left:0;}
|
|
|
+.quick_menu_group .area > div:first-child span:first-child a:after{display:none;}
|
|
|
+.quick_menu_group .area > div:first-child span a:after{position:absolute;top:13px;left:0;width:1px;height:13px;background:#959596;content:'';}
|
|
|
.quick_menu_group .inr a{margin-left:16px;color:#eeeeee;}
|
|
|
|
|
|
-
|
|
|
-
|
|
|
/* ie */
|
|
|
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
|
|
|
body,input,textarea,select,button {font-size:14px; font-family:"LATO", "Noto Sans kr", sans-serif;}
|
|
|
@@ -1340,125 +1261,12 @@ html .ui-button.ui-state-disabled:active{border-color: #fff;background: #fff;fon
|
|
|
line-height: 0.6 !important;
|
|
|
}
|
|
|
}
|
|
|
- .pageNav .disabled a {background-position: 0 9px !important; }
|
|
|
- .pageNav .disabled.prev a {background-position: -23px 9px !important; }
|
|
|
- .pageNav .next a,.pageNav > li:last-child a {background-position:-64px 9px !important; }
|
|
|
- .pageNav .next a {background-position: -47px 9px !important; }
|
|
|
+ .pageNav .disabled a {background-position: 0 9px !important;}
|
|
|
+ .pageNav .disabled.prev a {background-position: -23px 9px !important;}
|
|
|
+ .pageNav .next a,.pageNav > li:last-child a {background-position:-64px 9px !important;}
|
|
|
+ .pageNav .next a {background-position: -47px 9px !important;}
|
|
|
.filter_content .sort#tap01 ul li.noDepth.on > a::after {top:8px !important;}
|
|
|
|
|
|
-
|
|
|
-/* 제거예정 */
|
|
|
-
|
|
|
-/*
|
|
|
-.gnb .nav .ico_menu_new{position:absolute;top:6px;right:4px}
|
|
|
-.gnb .nav > .all_menu.on{border-top:1px solid #fd4802;border-right:1px solid #fd4802;border-left:1px solid #fd4802}
|
|
|
-.gnb .nav > .all_menu.on .depth_menu{display:block}*/
|
|
|
-/*.top_banner{height:85px}
|
|
|
-.top_banner > div{width:1070px;margin:0 auto}
|
|
|
-.top_banner > div a{float:left;position:relative;width:33.3333%;height:85px;box-sizing:border-box}
|
|
|
-.top_banner > div a .banner_img{float:left;width:130px;vertical-align:top}
|
|
|
-.top_banner > div a .banner_img2{float:left;width:130px;vertical-align:top}
|
|
|
-.top_banner > div a .text{float:left;width:216px}
|
|
|
-.top_banner > div a em,
|
|
|
-.top_banner > div a strong{display:block;padding-left:20px;color:#000;line-height:1em}
|
|
|
-.top_banner > div a em{margin-top:27px;font-size:13px}
|
|
|
-.top_banner > div a strong{margin-top:6px;font-size:15px}
|
|
|
-/*.all_menu > .area{display:none;position:absolute;top:43px;width:217px;height:533px;left:-1px;border:1px solid #fd4802;background:#fff;z-index:99999}
|
|
|
-.all_menu.on > .area{display:block}
|
|
|
-.all_menu > .area > ul{padding:13px 11px}
|
|
|
-.all_menu > .area > ul > li a{display:block;padding:7px 11px 6px;cursor:pointer}
|
|
|
-.all_menu > .area > ul > li > a:hover,
|
|
|
-.all_menu > .area > ul > li.on > a{background:#fd4802;color:#fff !important}
|
|
|
-.all_menu > .area > ul > li > .color-blue:hover,
|
|
|
-.all_menu > .area > ul > li.on > .color-blue{background:#445694;color:#fff !important}
|
|
|
-.all_menu > .area > ul > li.link > a{color:#445694}
|
|
|
-.all_menu > .area > ul > li > a{font-size:15px;color:#333}
|
|
|
-.all_menu > .area > ul > li.on .depth_menu{display:block}*/
|
|
|
-/* .common_header .search .search_input{width:calc(100% - 30px); padding:4px 0px 5px 0px;border:0;outline:none;font-size:18px;color:rgb(255 255 255 / 0.6);background: transparent; font-weight:200;}
|
|
|
-.common_header .search .search_input::placeholder {color: #bcbcbc;}
|
|
|
-.common_header .search button.close{display:none;float:none;position:absolute;top:4px;right:58px;width:19px;height:19px;margin:0}
|
|
|
-.common_header .search .keyword{color:#fd4802}
|
|
|
-.common_header .search_group,
|
|
|
-.common_header .my_search_group{display:none;position:absolute;top:100%;right:0;left:0;border:1px solid #221e1f;background:#fff;z-index:99999}
|
|
|
-.common_header .search_group.on,
|
|
|
-.common_header .my_search_group.on{display:block}
|
|
|
-.common_header .search_group.on ~ .close,
|
|
|
-.common_header .my_search_group.on ~ .close{display:block}
|
|
|
-.common_header .search_list > div{padding:26px 0 22px;border-top:1px solid #d0d0d0;letter-spacing:-1px}
|
|
|
-.common_header .search_list > div ul{margin-top:-5px}
|
|
|
-.common_header .search_list > div p,
|
|
|
-.common_header .search_list > div li{padding:0 23px 0;box-sizing:border-box}
|
|
|
-.common_header .search_list > div a{display:block;margin-top:5px;padding:3px 0}
|
|
|
-.common_header .search_list > div a:hover{background:#F5F5F5}
|
|
|
-.common_header .search_list > div:first-child{overflow:hidden;padding:28px 0 22px;border:0;font-size:14px;color:#221e1f}
|
|
|
-.common_header .search_list > div:first-child li{float:left;width:50%}
|
|
|
-.common_header .search_list > div p{margin-bottom:14px;font-weight:bold;font-size:15px}
|
|
|
-.common_header .search_list #ark_content_list .snr{font-weight:nomal; padding: 0 23px 0;}
|
|
|
-.common_header .search_list .category{font-size:13px}
|
|
|
-.common_header div.close{padding:0;border-top:1px solid #d0d0d0;background:#ebebeb;text-align:right;clear:both}
|
|
|
-.common_header div.close a{display:inline-block;margin:9px 0 8px 0;padding:0}
|
|
|
-.common_header div.close a:hover{background:none}
|
|
|
-.common_header div.close i{margin:4px 10px 0 8px;vertical-align:top}
|
|
|
-.common_header .my_search_group > .area{overflow:hidden}
|
|
|
-.common_header .hot_search_list,
|
|
|
-.common_header .my_search_list{display:table-cell;position:relative;width:50%;padding-bottom:50px}
|
|
|
-.common_header .my_search_list > button{position:absolute;right:12px;bottom:14px;font-weight:bold;font-size:13px;color:#a29b9d}
|
|
|
-.common_header .my_search_list > button i{margin-left:8px}
|
|
|
-.common_header .hot_search_list{border-right:1px solid #d0d0d0;box-sizing:border-box}
|
|
|
-.common_header .my_search_group > .area{display:table;width:100%}
|
|
|
-.common_header .my_search_group > .area p{padding:30px 0 20px 24px;font-weight:bold;font-size:15px}
|
|
|
-.common_header .my_search_group > .area li{position:relative}
|
|
|
-.common_header .my_search_group > .area li a{display:block;padding:5px 0 5px 27px;color:#221e1f}
|
|
|
-.common_header .my_search_group > .area li a + a{position:absolute;top:10px;right:18px;height:13px;padding:0;z-index:1}
|
|
|
-.common_header .my_search_group > .area li a span{display:inline-block;padding-right:5px}
|
|
|
-.common_header .premium_band{border-top:1px solid #efedf0;background:url(/images/pc/common/@sample_premium_band.jpg) repeat;text-align:center; height:110px}
|
|
|
-.common_header .premium_band div{width:1070px;margin:0 auto;padding:15px 0 0 0;}
|
|
|
-.common_header .premium_menu{position:relative}
|
|
|
-.common_header .premium_menu > ul{width:1070px;height:71px;margin:0 auto}
|
|
|
-.common_header .premium_menu > ul > li{display:inline-block;position:relative;width:177px}
|
|
|
-.common_header .premium_menu > ul > li + li{margin-left:-4px}
|
|
|
-.common_header .premium_menu > ul > li > a{display:block;height:71px;font-size:16px;color:#000;line-height:71px;text-align:center}
|
|
|
-.common_header .premium_menu div{display:none;position:absolute;top:100%;right:0;left:0;padding:20px 0 26px;z-index:11}
|
|
|
-.common_header .premium_menu div ul{overflow:hidden;border-right:1px solid #cdcdcd}
|
|
|
-.common_header .premium_menu div ul li + li{margin-top:10px}
|
|
|
-.common_header .premium_menu div a{display:inline-block;overflow:hidden;max-width:100%;height:20px;margin:0 10px;padding:0 3px 6px;font-size:14px;color:#3d3d3d;white-space:nowrap;text-overflow:ellipsis;line-height:1em;box-sizing:border-box}
|
|
|
-.common_header .premium_menu div a:hover{border-bottom:1px solid #000}
|
|
|
-.common_header .premium_menu > ul > li:last-child div ul{border:0}
|
|
|
-.common_header .premium_menu .menu_bg{display:none;position:absolute;top:72px;right:0;left:0;height:332px;border-bottom:1px solid #e0e1e5;background:#fff;z-index:10}*/
|
|
|
-/* .all_menu.on .depth_menu{display:block;}
|
|
|
-.all_menu .depth_menu{display:none;position:absolute;top:190px;left:0;width:100%;min-width:1350px;height:535px;padding:23px 21px;border:1px solid #fd4802;background:#fff;box-sizing:border-box;clear:both;z-index: 200;}
|
|
|
-.all_menu .depth_menu .step1{position: relative;float: left;top: 0px;box-sizing: border-box;width: 300px;height: 600px;padding: 4px 0px 0px 48px;z-index: 1;}
|
|
|
-.all_menu .depth_menu .step2{position: relative;float: left;width: calc(100% - 300px);height: 600px;box-sizing: border-box;padding-left: 30px;}
|
|
|
-.all_menu .depth_menu.advertisement{overflow:hidden;width:595px}
|
|
|
-.all_menu .depth_menu.advertisement > div{float:left;width:337px}
|
|
|
-.all_menu .depth_menu.advertisement > div:first-child{width:197px;margin-right:17px}
|
|
|
-.all_menu .depth_menu.advertisement .area ul{margin-top:-29px}
|
|
|
-.all_menu .depth_menu.advertisement .area li{margin-top:26px}
|
|
|
-.all_menu .depth_menu.advertisement .area img{display:block;width:100%}
|
|
|
-.all_menu .depth_menu.advertisement .area strong,
|
|
|
-.all_menu .depth_menu.advertisement .area span{display:block;padding:0 10px;font-size:16px}
|
|
|
-.all_menu .depth_menu.advertisement .area strong{margin-top:10px}
|
|
|
-.all_menu .depth_menu.advertisement .area span{color:#777}
|
|
|
-.all_menu .depth_menu.size_mideum{width:275px}
|
|
|
-.all_menu .depth_menu.thumbnail_box{overflow:hidden;width:715px;height:535px}
|
|
|
-.all_menu .depth_menu.thumbnail_box ul{margin-top:-31px}
|
|
|
-.all_menu .depth_menu.thumbnail_box li{float:left;width:14.2%}
|
|
|
-.all_menu .depth_menu.thumbnail_box a{margin:0 !important}
|
|
|
-.all_menu .depth_menu.thumbnail_box img{display:block;width:68px;height:68px;margin:31px auto 0;border:transparent;border-radius:50%}
|
|
|
-.all_menu .depth_menu.thumbnail_box span{display:block;margin-top:10px;text-align:center}
|
|
|
-.all_menu .depth_menu p{margin-bottom:23px;font-size:22px;letter-spacing:-1px}
|
|
|
-.all_menu .depth_menu p > a{display:inline-block !important;position:relative;width:59px;height:18px;margin:4px 0 -2px 4px;padding:3px 5px 0 !important;background:#333;font-size:11px;color:#fff;line-height:1em;box-sizing:border-box}
|
|
|
-.all_menu .depth_menu p .ico_arr_rgt{position:absolute;top:5px;right:4px}
|
|
|
-.all_menu .depth_menu ul + ul{margin-top:8px;border-top:1px solid #eee}
|
|
|
-.all_menu .depth_menu ul li:first-child a{margin-top:7px}
|
|
|
-.all_menu .depth_menu a{padding:3px 0 2px !important;font-size:14px}
|
|
|
-
|
|
|
-.all_menu .depth_menu a:hover {font-weight: bold; color: #fd4802;}
|
|
|
-.all_menu .depth_menu ul:nth-child(3) a:hover {font-weight: bold; color: #445694;}
|
|
|
-.all_menu ul li:nth-last-child(2) .depth_menu a:hover {font-weight: bold; color: #445694;}
|
|
|
-.all_menu ul li:nth-last-child(4) .depth_menu ul:nth-child(3) a:hover {font-weight: bold; color: #fd4802;}*/
|
|
|
-
|
|
|
-
|
|
|
/* slide custom */
|
|
|
.slick-dots {position: absolute;bottom: 25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
|
|
|
.slick-dots li {position: relative;display: inline-block;width: 10px;height: 10px;margin: 0 5px;padding: 0;cursor: pointer;}
|
|
|
@@ -1845,13 +1653,11 @@ button.alertCls {-webkit-appearance: none;padding: 0;cursor: pointer;background:
|
|
|
|
|
|
|
|
|
|
|
|
-/* .modal, .pop_cont {scrollbar-width: thin; scrollbar-color: #888888 #dddddd;} 파이어폭스 스크롤바 css */
|
|
|
-
|
|
|
-.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px}
|
|
|
-.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out}
|
|
|
-.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
|
|
|
-.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s}
|
|
|
-.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}
|
|
|
+.modal-spinner{display:none;position:fixed;top:50%;left:50%;transform:translateY(-50%) translateX(-50%);padding:12px 16px;border-radius:5px;background-color:#111;height:20px;}
|
|
|
+.modal-spinner>div{border-radius:100px;background-color:#fff;height:20px;width:2px;margin:0 1px;display:inline-block;-webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;animation:sk-stretchdelay 1.2s infinite ease-in-out;}
|
|
|
+.modal-spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s;}
|
|
|
+.modal-spinner .rect3{-webkit-animation-delay:-1.0s;animation-delay:-1.0s;}
|
|
|
+.modal-spinner .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s;}
|
|
|
@-webkit-keyframes sk-stretchdelay{
|
|
|
0%,40%,100%{
|
|
|
-webkit-transform:scaleY(0.5)
|
eskim